add page vui-ve

blacklogos · Mar 31, 2020 · 324befc · 324befc
1 parent 251fbe3
commit 324befc
Show file tree

Hide file tree

Showing 15 changed files with 120 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/style.css b/css/style.css
@@ -7851,3 +7851,11 @@ code {
   display:inline-block;
   transform: rotate(180deg);
 }
+
+.basic-grid {
+	display: grid;
+	gap: 1rem;
+
+	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+
+}
diff --git a/img/bat-vid.jpg b/img/bat-vid.jpg
diff --git a/img/biem-hoa-do-xang-day-binh-gia-xang-1585660025.jpg b/img/biem-hoa-do-xang-day-binh-gia-xang-1585660025.jpg
diff --git a/img/biem-hoa-sieu-anh-hung-chong-dich-covid-1585637652.jpg b/img/biem-hoa-sieu-anh-hung-chong-dich-covid-1585637652.jpg
diff --git a/img/biem-hoa-tiet-kiem-tien-di-nhau-vi-corona-1585660314.jpg b/img/biem-hoa-tiet-kiem-tien-di-nhau-vi-corona-1585660314.jpg
diff --git a/img/biem-hoa-uoc-mo-mua-do-khong-can-coi-gia-1585648600.jpg b/img/biem-hoa-uoc-mo-mua-do-khong-can-coi-gia-1585648600.jpg
diff --git a/img/het-tien.png b/img/het-tien.png
diff --git a/img/minh-hoa-thien-ha-thai-binh-covid-1585564813.jpg b/img/minh-hoa-thien-ha-thai-binh-covid-1585564813.jpg
diff --git a/img/quarantine-me.png b/img/quarantine-me.png
diff --git a/img/selfie.jpg b/img/selfie.jpg
diff --git a/img/shopper.jpg b/img/shopper.jpg
diff --git a/img/songoku-rua-tay.jpg b/img/songoku-rua-tay.jpg
diff --git a/img/ton-ngo-khong.jpg b/img/ton-ngo-khong.jpg
diff --git a/vui-ve.html b/vui-ve.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+  <title> Tin Tốt Mỗi Ngày </title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="css/style.css">
+  <body class="w-100 sans-serif">
+    <header class="w-100 pa1 ph5-ns bg-washed-yellow">
+      <div class="db dt-ns center mw9 center w-100">
+        <div class="db dtc-ns pt5 tc center w-50">
+          <span><img class="w-70 center w-30-l" src="img/tin-tot.svg"></span>
+
+
+        </div>
+
+      </div>
+    </header>
+
+      <main class="w-100 bg-washed-yellow pv1">
+          <div class="cf">
+		  <div class="bg-washed-yellow pv5">
+			  <!--h1>Tin Tốt</h1-->
+			  <h2 class="georgia tc mw6 dark-gray center f4-l f5">Đã bảo đừng click rồi mà, chúc 01/04 vui vẻ, hông bị lừa nhấn link bậy bạ</h2>
+			  <div class="pa4-l">
+  	  			<p class="mw6 measure lh-copy georgia center tc f5 f4-l">Hãy ở nhà cách ly vui vẻ ngày <strong>Cá Tháng Tư</strong> nhé. <br>Dưới đây là loạt ảnh hài hước về Côvy.</p>
+				  <div class="basic-grid center mw7 tc">
+
+				  <img src="img/ton-ngo-khong.jpg">
+				  <img src="img/bat-vid.jpg">
+					<img src="img/shopper.jpg">
+				  <img src="img/biem-hoa-do-xang-day-binh-gia-xang-1585660025.jpg">
+					   <img src="img/songoku-rua-tay.jpg">
+				  <img src="img/biem-hoa-sieu-anh-hung-chong-dich-covid-1585637652.jpg">
+					   <img src="img/biem-hoa-tiet-kiem-tien-di-nhau-vi-corona-1585660314.jpg">
+				  <img src="img/biem-hoa-uoc-mo-mua-do-khong-can-coi-gia-1585648600.jpg">
+					   <img src="img/quarantine-me.png">
+				  <img src="img/selfie.jpg">
+
+
+				  </div>
+				  <p class="mw6 georgia center tc f5 f4-l pt4"><a class="link black-70 db b hover-orange" href="/index.html" target="_blank">← Quay lại trang chủ</a></p>
+
+
+
+
+
+			</div>
+			   <!-- Basic Share Links -->
+			  <div class="cf center tc">
+				  <div class="center pa3 ma3">
+
+					<!-- Twitter (url, text, @mention) -->
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #55acee;" href="https://twitter.com/share?url=https%3A%2F%2Ftintot.nhangui.com&text=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y&via=coyotevn" target="_blank">
+						Twitter
+					</a>
+
+					<!-- Facebook (url) -->
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #3B5998;" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftintot.nhangui.com" target="_blank">
+						Facebook
+					</a>
+
+					<!-- Reddit (url, title)>
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #ff5700;" href="https://reddit.com/submit?url=https%3A%2F%2Ftintot.nhangui.com&title=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y" target="_blank">
+						Reddit
+					</a -->
+
+
+					<!-- LinkedIn (url, title, summary, source url) -->
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #4875B4;" href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftintot.nhangui.com&title=Tin+T%E1%BB%91t&summary=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y&source=https%3A%2F%2Ftintot.nhangui.com" target="_blank">
+						LinkedIn
+					</a>
+
+					<!-- Email (subject, body) -->
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #444444;" href="mailto:?subject=Trang%20Web%20Hay%20N%C3%A8&body=Nh%E1%BA%ADn%20Tin%20T%E1%BB%91t%20M%E1%BB%97i%20Ng%C3%A0y%20C%C3%B9ng%20V%E1%BB%9Bi%20TinTot.nhangui.com" target="_blank">
+						Email
+					</a>
+				  </div>
+			  </div>
+
+			  </div>
+		  </div>
+
+  </main>
+
+
+
+
+      <footer class="bg-washed-yellow tc black-70 ph3 ph5-ns pv4 pv4-ns">
+
+		  <div class="mw9 center">
+		  <div class="bt black w-100 mw6 center pb5"></div>
+		  <div class="mb5 lh-copy">
+			<a class="georgia black-70 link hover-orange b dib mr3 mb3" href="https://tintot.substack.com" target="_blank" title="Lưu trữ email">
+			  Lưu trữ
+			</a>
+			<!-- a class="georgia black-70 link hover-orange b dib mr3 mb3" href="/" title="Home">
+			  Lưu trữ
+			</a -->
+		  </div>
+
+		  <div class="mt1 georgia">
+
+		  Copyleft <span class="copyleft">&copy;</span> 2020 – Tin Tốt
+
+		  </div>
+
+
+		</div>
+	  </footer>
+  </body>
+
+
+</html>