diff --git a/index.html b/index.html index 6ca4e01..e69b27e 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,9 @@ 30 days of scam + + + @@ -21,27 +24,99 @@

30 days of scam

Developed by guugle and government of bindia

-
- - - - - - - - - - - - - - - - - - - - + +
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+
@@ -59,18 +134,21 @@

Memes are created by our beloved GDSC community, mostly GDSC JGEC thanks :)< - +
-
- +
+ -
+ + - + \ No newline at end of file diff --git a/style.css b/style.css index 4f76350..7de3b4f 100644 --- a/style.css +++ b/style.css @@ -1,52 +1,51 @@ -.images img:hover{ - transition: all .5s ease; - transform: scale(1.1); - cursor: pointer; - box-shadow: 10px 10px 15px gray; -} - .subheading{ - color: red; - text-align: center; - } - -.images { -display: flex; -flex-wrap: wrap; -justify-content: space-around; +.container.gallery-container { + background-color: #fff; + color: #35373a; + min-height: 100vh; + border-radius: 20px; + box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06); } -.images img { -width: 50%; -height: 30rem; -margin: 20px 0; -margin-left: 10px; -margin-right:2rem ; -} -@media (min-width: 600px) { -.images > img { - width: 47%; + +.tz-gallery { + padding: 40px; } + +.tz-gallery .lightbox img { + width: 100%; + margin-bottom: 30px; + transition: 0.2s ease-in-out; + box-shadow: 0 2px 3px rgba(0,0,0,0.2); } -@media (min-width: 1025px) { -.images > img { -width: 30%; +.tz-gallery .lightbox img:hover { + transform: scale(1.05); + box-shadow: 0 8px 15px rgba(0,0,0,0.3); } +.tz-gallery img { + border-radius: 4px; +} -.images > img { - width: 30%; +.baguetteBox-button { + background-color: transparent !important; } + + + + + + +.subheading{ + color: red; + text-align: center; } + footer div { -display: flex; -align-items: center; -justify-content: space-around; -padding: 75px 25px; background-color: rgb(252, 221, 182); } @@ -78,42 +77,42 @@ font-size: 20px; } .images > img { - width: 100%; - margin: 10px 0; +width: 100%; +margin: 10px 0; } header .nav { - display: flex; - position: absolute; - width: 100%; - left: 0; - top: 0; - justify-content: center; - align-items: center; - text-align: center; - flex-direction: row; - background-color: #FCDDB6; - box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +display: flex; +position: absolute; +width: 100%; +left: 0; +top: 0; +justify-content: center; +align-items: center; +text-align: center; +flex-direction: row; +background-color: #FCDDB6; +box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); +font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .nav img { - margin-right: 10px; - height: 80%; +margin-right: 10px; +height: 80%; } main { - margin-top: 100px; +margin-top: 100px; } @media (min-width: 600px) { - .images > img { - width: 47%; - } +.images > img { + width: 47%; +} } @media (min-width: 1025px) { - .images > img { - width: 30%; - } - +.images > img { + width: 30%; } + +} \ No newline at end of file