first

htran844 · Aug 23, 2021 · 628f92e · 628f92e
commit 628f92e
Show file tree

Hide file tree

Showing 156 changed files with 21,991 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,81 @@
+* {
+  margin: 0px;
+  padding: 0px;
+}
+/* body {
+  position: relative;
+} */
+.content {
+  width: 90%;
+  margin: auto;
+  /* margin-top: 20px; */
+  padding: 10px;
+  padding-top: 50px;
+  /*display:  flex;
+	justify-content:  space-around;*/
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  /* grid-template-rows: repeat(6, 1fr); */
+  /* position: absolute;
+  top: 30px; */
+}
+.content a {
+  /* display: block; */
+  width: 100%;
+  padding: 5px;
+}
+.content a img {
+  width: 100%;
+}
+.menu {
+  /* padding-top: 5px; */
+  width: 90%;
+  height: 50px;
+  margin: auto;
+  /* border: 1px solid red; */
+  display: flex;
+  justify-content: space-around;
+  border-bottom: 1px solid white;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.menu > div {
+  width: 100%;
+}
+.menu a {
+  display: block;
+  width: 100%;
+  height: 50px;
+  /* border: 1px solid blue; */
+  text-align: center;
+  color: white;
+  font-size: large;
+  font-weight: 600;
+  text-decoration: none;
+  opacity: 100%;
+  padding-top: 10px;
+}
+
+.menu a:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+  color: black;
+}
+header {
+  position: fixed;
+  left: 55px;
+  width: 90%;
+}
+.curent {
+  background-color: rgba(255, 255, 255, 0.7);
+  color: black !important;
+}
+@media only screen and (max-width: 46.1875em) {
+  .menu {
+    height: 50px;
+  }
+  .menu a {
+    height: 50px;
+  }
+  header {
+    left: 20px;
+  }
+}
diff --git a/girl.html b/girl.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+  	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>For boy</title>
+	<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+</head>
+<body>
+	<header>
+        <div class="menu">
+            <div class="for-boy">
+                <a href="index.html">For boy</a>
+            </div>
+            <div class="for-men">
+                <a href="men.html">For men</a>
+            </div>
+            <div class="for-girl">
+                <a href="#" class="curent">For girl</a>
+            </div>
+        </div>
+    </header>
+<div class="content">
+    <a data-fancybox="gallery" href="img/men/z25.jpg" data-caption="Caption for single image"><img src="img/men/z25.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z26.jpg"><img src="img/men/z26.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z27.jpg"><img src="img/men/z27.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z1.jpg" data-caption="Caption for single image"><img src="img/men/z1.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z2.jpg"><img src="img/men/z2.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z3.jpg"><img src="img/men/z3.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z10.jpg" data-caption="Caption for single image"><img src="img/men/z10.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z11.jpg"><img src="img/men/z11.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z12.jpg"><img src="img/men/z12.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/men/z7.jpg" data-caption="Caption for single image"><img src="img/men/z7.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z8.jpg"><img src="img/men/z8.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z9.jpg"><img src="img/men/z9.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/men/z4.jpg" data-caption="Caption for single image"><img src="img/men/z4.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z5.jpg"><img src="img/men/z5.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z6.jpg"><img src="img/men/z6.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/men/z13.jpg" data-caption="Caption for single image"><img src="img/men/z13.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z14.jpg"><img src="img/men/z14.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z15.jpg"><img src="img/men/z15.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z16.jpg" data-caption="Caption for single image"><img src="img/men/z16.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z17.jpg"><img src="img/men/z17.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z18.jpg"><img src="img/men/z18.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/men/z19.jpg" data-caption="Caption for single image"><img src="img/men/z19.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z20.jpg"><img src="img/men/z20.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z21.jpg"><img src="img/men/z21.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z22.jpg" data-caption="Caption for single image"><img src="img/men/z22.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z23.jpg"><img src="img/men/z23.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z24.jpg"><img src="img/men/z24.jpg" alt=""></a>
+
+
+	<a data-fancybox="gallery" href="img/men/z28.jpg" data-caption="Caption for single image"><img src="img/men/z28.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z29.jpg"><img src="img/men/z29.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z30.jpg"><img src="img/men/z30.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/men/z31.jpg" data-caption="Caption for single image"><img src="img/men/z31.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z32.jpg"><img src="img/men/z32.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/men/z33.jpg"><img src="img/men/z33.jpg" alt=""></a>
+
+
+</div>
+	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
+	<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>
+
+	<script type="text/javascript" src="js/script.js"></script>
+</body>
+</html>
diff --git a/img/fb/a1.jpg b/img/fb/a1.jpg
diff --git a/img/fb/a2.jpg b/img/fb/a2.jpg
diff --git a/img/fb/a3.jpg b/img/fb/a3.jpg
diff --git a/img/fb/a4.jpg b/img/fb/a4.jpg
diff --git a/img/fb/a5.jpg b/img/fb/a5.jpg
diff --git a/img/fb/a6.jpg b/img/fb/a6.jpg
diff --git a/img/fb/a7.jpg b/img/fb/a7.jpg
diff --git a/img/fb/a8.jpg b/img/fb/a8.jpg
diff --git a/img/fb/a9.jpg b/img/fb/a9.jpg
diff --git a/img/fb/b1.jpg b/img/fb/b1.jpg
diff --git a/img/fb/b2.jpg b/img/fb/b2.jpg
diff --git a/img/fb/b3.jpg b/img/fb/b3.jpg
diff --git a/img/fb/b4.jpg b/img/fb/b4.jpg
diff --git a/img/fb/b5.jpg b/img/fb/b5.jpg
diff --git a/img/fb/b6.jpg b/img/fb/b6.jpg
diff --git a/img/fb/b7.jpg b/img/fb/b7.jpg
diff --git a/img/fb/b8.jpg b/img/fb/b8.jpg
diff --git a/img/fb/b9.jpg b/img/fb/b9.jpg
diff --git a/img/fb/c1.jpg b/img/fb/c1.jpg
diff --git a/img/fb/c2.jpg b/img/fb/c2.jpg
diff --git a/img/fb/c3.jpg b/img/fb/c3.jpg
diff --git a/img/fb/c4.jpg b/img/fb/c4.jpg
diff --git a/img/fb/c5.jpg b/img/fb/c5.jpg
diff --git a/img/fb/c6.jpg b/img/fb/c6.jpg
diff --git a/img/fb/c7.jpg b/img/fb/c7.jpg
diff --git a/img/fb/c8.jpg b/img/fb/c8.jpg
diff --git a/img/fb/c9.jpg b/img/fb/c9.jpg
diff --git a/img/fb/d1.jpg b/img/fb/d1.jpg
diff --git a/img/fb/d2.jpg b/img/fb/d2.jpg
diff --git a/img/fb/d3.jpg b/img/fb/d3.jpg
diff --git a/img/fb/d4.jpg b/img/fb/d4.jpg
diff --git a/img/fb/d5.jpg b/img/fb/d5.jpg
diff --git a/img/fb/d6.jpg b/img/fb/d6.jpg
diff --git a/img/fb/d7.jpg b/img/fb/d7.jpg
diff --git a/img/fb/d8.jpg b/img/fb/d8.jpg
diff --git a/img/fb/d9.jpg b/img/fb/d9.jpg
diff --git a/img/fb/e1.jpg b/img/fb/e1.jpg
diff --git a/img/fb/e2.jpg b/img/fb/e2.jpg
diff --git a/img/fb/e3.jpg b/img/fb/e3.jpg
diff --git a/img/fb/e4.jpg b/img/fb/e4.jpg
diff --git a/img/fb/e5.jpg b/img/fb/e5.jpg
diff --git a/img/fb/e6.jpg b/img/fb/e6.jpg
diff --git a/img/fb/e7.jpg b/img/fb/e7.jpg
diff --git a/img/fb/e8.jpg b/img/fb/e8.jpg
diff --git a/img/fb/e9.jpg b/img/fb/e9.jpg
diff --git a/img/fb/f1.jpg b/img/fb/f1.jpg
diff --git a/img/fb/f2.jpg b/img/fb/f2.jpg
diff --git a/img/fb/f3.jpg b/img/fb/f3.jpg
diff --git a/img/fb/f4.jpg b/img/fb/f4.jpg
diff --git a/img/fb/f5.jpg b/img/fb/f5.jpg
diff --git a/img/fb/f6.jpg b/img/fb/f6.jpg
diff --git a/img/fb/f7.jpg b/img/fb/f7.jpg
diff --git a/img/fb/f8.jpg b/img/fb/f8.jpg
diff --git a/img/fb/f9.jpg b/img/fb/f9.jpg
diff --git a/img/ig/i1.jpg b/img/ig/i1.jpg
diff --git a/img/ig/i10.jpg b/img/ig/i10.jpg
diff --git a/img/ig/i11.jpg b/img/ig/i11.jpg
diff --git a/img/ig/i12.jpg b/img/ig/i12.jpg
diff --git a/img/ig/i13.jpg b/img/ig/i13.jpg
diff --git a/img/ig/i14.jpg b/img/ig/i14.jpg
diff --git a/img/ig/i15.jpg b/img/ig/i15.jpg
diff --git a/img/ig/i16.jpg b/img/ig/i16.jpg
diff --git a/img/ig/i17.jpg b/img/ig/i17.jpg
diff --git a/img/ig/i18.jpg b/img/ig/i18.jpg
diff --git a/img/ig/i19.jpg b/img/ig/i19.jpg
diff --git a/img/ig/i2.jpg b/img/ig/i2.jpg
diff --git a/img/ig/i20.jpg b/img/ig/i20.jpg
diff --git a/img/ig/i21.jpg b/img/ig/i21.jpg
diff --git a/img/ig/i22.jpg b/img/ig/i22.jpg
diff --git a/img/ig/i23.jpg b/img/ig/i23.jpg
diff --git a/img/ig/i24.jpg b/img/ig/i24.jpg
diff --git a/img/ig/i25.jpg b/img/ig/i25.jpg
diff --git a/img/ig/i26.jpg b/img/ig/i26.jpg
diff --git a/img/ig/i27.jpg b/img/ig/i27.jpg
diff --git a/img/ig/i28.jpg b/img/ig/i28.jpg
diff --git a/img/ig/i29.jpg b/img/ig/i29.jpg
diff --git a/img/ig/i3.jpg b/img/ig/i3.jpg
diff --git a/img/ig/i30.jpg b/img/ig/i30.jpg
diff --git a/img/ig/i31.jpg b/img/ig/i31.jpg
diff --git a/img/ig/i32.jpg b/img/ig/i32.jpg
diff --git a/img/ig/i33.jpg b/img/ig/i33.jpg
diff --git a/img/ig/i34.jpg b/img/ig/i34.jpg
diff --git a/img/ig/i35.jpg b/img/ig/i35.jpg
diff --git a/img/ig/i36.jpg b/img/ig/i36.jpg
diff --git a/img/ig/i37.jpg b/img/ig/i37.jpg
diff --git a/img/ig/i38.jpg b/img/ig/i38.jpg
diff --git a/img/ig/i39.jpg b/img/ig/i39.jpg
diff --git a/img/ig/i4.jpg b/img/ig/i4.jpg
diff --git a/img/ig/i40.jpg b/img/ig/i40.jpg
diff --git a/img/ig/i41.jpg b/img/ig/i41.jpg
diff --git a/img/ig/i42.jpg b/img/ig/i42.jpg
diff --git a/img/ig/i5.jpg b/img/ig/i5.jpg
diff --git a/img/ig/i6.jpg b/img/ig/i6.jpg
diff --git a/img/ig/i7.jpg b/img/ig/i7.jpg
diff --git a/img/ig/i8.jpg b/img/ig/i8.jpg
diff --git a/img/ig/i9.jpg b/img/ig/i9.jpg
diff --git a/img/men/z1.jpg b/img/men/z1.jpg
diff --git a/img/men/z10.jpg b/img/men/z10.jpg
diff --git a/img/men/z11.jpg b/img/men/z11.jpg
diff --git a/img/men/z12.jpg b/img/men/z12.jpg
diff --git a/img/men/z13.jpg b/img/men/z13.jpg
diff --git a/img/men/z14.jpg b/img/men/z14.jpg
diff --git a/img/men/z15.jpg b/img/men/z15.jpg
diff --git a/img/men/z16.jpg b/img/men/z16.jpg
diff --git a/img/men/z17.jpg b/img/men/z17.jpg
diff --git a/img/men/z18.jpg b/img/men/z18.jpg
diff --git a/img/men/z19.jpg b/img/men/z19.jpg
diff --git a/img/men/z2.jpg b/img/men/z2.jpg
diff --git a/img/men/z20.jpg b/img/men/z20.jpg
diff --git a/img/men/z21.jpg b/img/men/z21.jpg
diff --git a/img/men/z22.jpg b/img/men/z22.jpg
diff --git a/img/men/z23.jpg b/img/men/z23.jpg
diff --git a/img/men/z24.jpg b/img/men/z24.jpg
diff --git a/img/men/z25.jpg b/img/men/z25.jpg
diff --git a/img/men/z26.jpg b/img/men/z26.jpg
diff --git a/img/men/z27.jpg b/img/men/z27.jpg
diff --git a/img/men/z28.jpg b/img/men/z28.jpg
diff --git a/img/men/z29.jpg b/img/men/z29.jpg
diff --git a/img/men/z3.jpg b/img/men/z3.jpg
diff --git a/img/men/z30.jpg b/img/men/z30.jpg
diff --git a/img/men/z31.jpg b/img/men/z31.jpg
diff --git a/img/men/z32.jpg b/img/men/z32.jpg
diff --git a/img/men/z33.jpg b/img/men/z33.jpg
diff --git a/img/men/z4.jpg b/img/men/z4.jpg
diff --git a/img/men/z5.jpg b/img/men/z5.jpg
diff --git a/img/men/z6.jpg b/img/men/z6.jpg
diff --git a/img/men/z7.jpg b/img/men/z7.jpg
diff --git a/img/men/z8.jpg b/img/men/z8.jpg
diff --git a/img/men/z9.jpg b/img/men/z9.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>For boy</title>
+	<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+</head>
+<body>
+	<header>
+        <div class="menu">
+            <div class="for-boy">
+                <a href="#" class="curent">For boy</a>
+            </div>
+            <div class="for-men">
+                <a href="men.html" >For men</a>
+            </div>
+            <div class="for-girl">
+                <a href="girl.html">For girl</a>
+            </div>
+        </div>
+    </header>
+<div class="content">
+	<a data-fancybox="gallery" href="img/ig/i1.jpg" data-caption="Caption for single image"><img src="img/ig/i1.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i2.jpg"><img src="img/ig/i2.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i3.jpg"><img src="img/ig/i3.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i4.jpg" data-caption="Caption for single image"><img src="img/ig/i4.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i5.jpg"><img src="img/ig/i5.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i6.jpg"><img src="img/ig/i6.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i7.jpg" data-caption="Caption for single image"><img src="img/ig/i7.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i8.jpg"><img src="img/ig/i8.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i9.jpg"><img src="img/ig/i9.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i10.jpg" data-caption="Caption for single image"><img src="img/ig/i10.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i11.jpg"><img src="img/ig/i11.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i12.jpg"><img src="img/ig/i12.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i13.jpg" data-caption="Caption for single image"><img src="img/ig/i13.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i14.jpg"><img src="img/ig/i14.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i15.jpg"><img src="img/ig/i15.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i16.jpg" data-caption="Caption for single image"><img src="img/ig/i16.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i17.jpg"><img src="img/ig/i17.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i18.jpg"><img src="img/ig/i18.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i19.jpg" data-caption="Caption for single image"><img src="img/ig/i19.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i20.jpg"><img src="img/ig/i20.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i21.jpg"><img src="img/ig/i21.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i22.jpg" data-caption="Caption for single image"><img src="img/ig/i22.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i23.jpg"><img src="img/ig/i23.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i24.jpg"><img src="img/ig/i24.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i25.jpg" data-caption="Caption for single image"><img src="img/ig/i25.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i26.jpg"><img src="img/ig/i26.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i27.jpg"><img src="img/ig/i27.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i28.jpg" data-caption="Caption for single image"><img src="img/ig/i28.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i29.jpg"><img src="img/ig/i29.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i30.jpg"><img src="img/ig/i30.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i31.jpg" data-caption="Caption for single image"><img src="img/ig/i31.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i32.jpg"><img src="img/ig/i32.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i33.jpg"><img src="img/ig/i33.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i34.jpg" data-caption="Caption for single image"><img src="img/ig/i34.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i35.jpg"><img src="img/ig/i35.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i36.jpg"><img src="img/ig/i36.jpg" alt=""></a>
+
+    <a data-fancybox="gallery" href="img/ig/i37.jpg" data-caption="Caption for single image"><img src="img/ig/i37.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i38.jpg"><img src="img/ig/i38.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i39.jpg"><img src="img/ig/i39.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i40.jpg" data-caption="Caption for single image"><img src="img/ig/i40.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i41.jpg"><img src="img/ig/i41.jpg" alt=""></a>
+	<a data-fancybox="gallery" href="img/ig/i42.jpg"><img src="img/ig/i42.jpg" alt=""></a>
+</div>
+	<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
+	<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>
+
+	<script type="text/javascript" src="js/script.js"></script>
+</body>
+</html>
diff --git a/js/jquery-3.3.1.min.js b/js/jquery-3.3.1.min.js
diff --git a/js/popper.min.js b/js/popper.min.js
diff --git a/js/script.js b/js/script.js
@@ -0,0 +1,9 @@
+$(document).ready(function() {
+	$('.content a').fancybox();
+	TweenMax.staggerFrom(
+			$('.content a'), // phần tử được chọn
+			1, // thời gian chuyển động
+			{top:100,opacity:0},
+			0.4 // thời gian cách nhau giữa mỗi hiệu ứng
+		);
+});