diff --git a/Coming Soon/assets/css/style.css b/Coming Soon/assets/css/style.css index 7a1ed1c2..59260947 100644 --- a/Coming Soon/assets/css/style.css +++ b/Coming Soon/assets/css/style.css @@ -5,20 +5,26 @@ body { background-color: #effffd; background-size: 100% 100%; position: relative; + margin: 0; } .heading { + display: block; text-align: center; font-size: 55px; font-weight: bold; margin: 30px; color: #ff6b6b; } +.heading img{ + vertical-align: middle; +} #footer { background: rgba(19, 19, 19, 0.4); padding: 30px 0; color: #fff; font-size: 14px; position: relative; + text-align: center; } .countdown { @@ -37,6 +43,9 @@ body { .countdown .box h3 { font-size: 50px; + font-weight: 500; + margin-top: 0px; + margin-bottom: 0.5rem; } .countdown .box span { color: #ff6b6b; @@ -45,7 +54,7 @@ body { .announce { text-align: center; - margin-top: 70px; + margin: 70px 0px 8px; font-size: 3em; font-weight: bold; color: #ff6b6b; @@ -54,6 +63,7 @@ body { .info { padding: 10px; font-size: 1.5em; + margin: 0px 0px 16px; text-align: center; font-family: 'Lora', serif; } @@ -69,4 +79,93 @@ body { padding: 10px; font-size: 1em; text-align: center; + justify-content: center; + display: flex; + flex-wrap: wrap; +} +#instagram:hover *{ + fill: url(#ig); +} +#instagram:hover{ + color: #fd5949; + background-color: transparent; +} +#facebook:hover svg *{ + fill: url(#fb); +} +#facebook:hover{ + color: #285AEB; + background-color: transparent; +} +.btn{ + text-decoration: none; + background-color: #ffffff; + margin: 2px; + border-radius: 5px; + background-color: #dc3545; + color: white; + padding: 6px 12px; + vertical-align:middle; + line-height: 1.5; +} +.btn:hover{ + box-shadow: 1px 1px 5px black; +} +.col{ + padding: 0 6px; } +@media(min-width:991px){ + .row{ + display: flex; + } + .col{ + flex: 0 0 auto; + width: calc(50% - 12px); + } + } +@media (max-width:601px) { + .heading { + font-size: 10vw; + font-weight: bold; + margin: 5vw; + } + .heading img{ + width: 20vw; + } + .announce { + margin: 2.5vw; + font-size: 7.5vw; + } + .info { + padding: 1vw; + font-size: 5vw; + } + .events { + padding: 1vw; + font-size: 4vw; + } + .countdown { + display: flex; + gap: 1vw; + padding: 0px; + } + .countdown .box h3 { + font-size: 7.5vw; + font-weight: 0; + margin-top: 0px; + } + .countdown .box span { + font-size: 4vw; + } + .btn{ + font-size: 3vw; + padding: 1vw; + } + .col{ + padding: 1vw; + } + #footer{ + font-size: 5vw; + padding: 2vw; + } +} \ No newline at end of file diff --git a/Coming Soon/assets/js/main.js b/Coming Soon/assets/js/main.js index 8fb45a12..5665ab9b 100644 --- a/Coming Soon/assets/js/main.js +++ b/Coming Soon/assets/js/main.js @@ -1,4 +1,4 @@ -let countDate = new Date('Oct 1, 2022 00:00:00').getTime(); +let countDate = new Date('Oct 1, 2025 00:00:00').getTime(); function countDown() { let now = new Date().getTime(); gap = countDate - now; diff --git a/Coming Soon/index.html b/Coming Soon/index.html index 30e66a3c..7766a2a2 100644 --- a/Coming Soon/index.html +++ b/Coming Soon/index.html @@ -9,12 +9,12 @@ /> - + /> --> Coming soon - + +
-
-

techSRIJAN

-
-
-
+

WE ARE COMING SOON !!

Get ready to experinece the best technomanagement fest by Madan Mohan Malaviya University of Technology, U.P

With the plethora of events planned this year, we are sure you will have an experience of a lifetime . We have exciting competitions, workshops, cool swags and prizes for all of you!! We also have special guests attending the event who are eager to engage and share their knowledge with you all :)

@@ -66,17 +64,32 @@

00

- - + + + + + + + + Like us on Facebook - - + + + + + + + + + + + Follow us on Instagram
-
+
animation