diff --git a/index.html b/index.html index 860a014..e738247 100644 --- a/index.html +++ b/index.html @@ -2,97 +2,68 @@ - - + Engi 17 dummy - - - - - - + + + -
- Home - Events - Contact -
-

+
+ Events : Engi'17 +
+ Some event + Some event +
+
-

Events : Engi'17

-

Feel free to be innovative with colors, sizes, alignment: you name it.
+

Feel free to be innovative with colors, sizes, alignment: you name it.
you can change some html if you want.

-
- -
-

Some event

-

by Some committee

-
- - -
-
- -
-

This event was supposed to be really cool, no one gave a fuck bout it though. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

-
- -

Wow this is cool! - -

-
- - - - +
+

+

Some event

+

by Some committee

+

+ This event was supposed to be really cool, no one gave a fuck bout it though. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. +

Where?Where? + Venue Time +
+

+ Wow this is cool!

+

+


+

+

Some event

+

by Some committee

+

+ This event was supposed to be really cool, no one gave a fuck bout it though. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +
+ Things to do during engi: +

+ +

+ Wow this is cool!
+

+


+

+ + + +

+ can you be little innovative with images? please:P +


+
+
+ - \ No newline at end of file + diff --git a/script.js b/script.js new file mode 100644 index 0000000..90ad85f --- /dev/null +++ b/script.js @@ -0,0 +1,4 @@ +function myFunction() { + var popup = document.getElementById("popup"); + popup.classList.toggle("show"); +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..125e2d2 --- /dev/null +++ b/style.css @@ -0,0 +1,128 @@ +body{ + font-family: 'Aldrich', sans-serif; + } +.dropdown{ + background-color: #2c3e50; + color: #f5fbd3; + height:30px; + width:220px; + font-size:25px; + padding:20px; + border:2px #f5fbd3; + border-radius:25px; + cursor: pointer; + } +.dropmenu { + display: none; + position: absolute; + background-color: #2c3e50; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropmenu a { + color: #f5fbd3; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropmenu a:hover {background-color: #154360} + +.dropdown:hover .dropmenu { + display: block; +} + +.pop { + position: relative; + display: inline-block; + cursor: pointer; + font-size:25px; + font-weight:bold; + padding:20px; + color:#2c3e50; +} +.poptext{ + font-size:16px; +} + +.pop .poptext{ + visibility: hidden; + width: 160px; + background-color: #2c3e50; + color: #f5fbd3; + text-align: center; + border-radius: 6px; + padding: 8px 0; + position: absolute; + z-index: 1; + bottom: 125%; + left: 50%; + margin-left: -80px; +} + +.pop .poptext ::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; +} + +.pop .show { + visibility: visible; + -webkit-animation: fadeIn 0.5s; + animation: fadeIn 0.5s +} + + +@-webkit-keyframes fadeIn { + from {opacity: 0;} + to {opacity: 1;} +} + +@keyframes fadeIn { + from {opacity: 0;} + to {opacity:1 ;} +} +h2{ + font-size:32px; + font-variant: small-caps; + text-shadow: 3px 2px #2c3e50; + font-weight:bold; +} +a{ + font-size:20px; +} +.event{ + background-color:#D9D9A8;//#BFFFFF; + border-radius:0px 15px 15px 0px; + border-left:5px solid #2c3e50; + padding-left:30px; +} +button { + background-color:#2c3e50; + border: none; + border-radius:6px; + color:#f5fbd3 ; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; +} +button:hover { + box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); +} +ul{ + font-size:20px; + font-weight:bold; +}