diff --git a/css/admission.css b/css/admission.css deleted file mode 100644 index f399a72..0000000 --- a/css/admission.css +++ /dev/null @@ -1,183 +0,0 @@ -body { - margin: 0; -} - -section { - position: relative; - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - color: #2a2a2a; -} - -.content-wrapper { - display: flex; - flex-direction: column; - align-items: center; -} - -.space-around { - display: flex; - flex-direction: row; - justify-content: space-around; -} - -.space-between { - display: flex; - flex-direction: row; - justify-content: space-between; -} - -.section-title { - align-self: flex-start; - width: 100%; - height: 30px; - display: flex; - align-items: center; - margin: 25px 0; -} - -.section-title-text { - font-family: 'Raleway', sans-serif; - font-weight: 700; - font-size: 1.75em; - letter-spacing: 5px; -} - -.section-title-marker { - width: 8%; - height: 5px; - background: -webkit-linear-gradient(left, #69c75b, #10b5e4); - display: inline; -} - -.that-little-ball-thing { - height: 10px; - width: 10px; - border-radius: 50%; - background-color: #10b5e4; - margin-left: -5px; - margin-right: 10px; - display: inline; -} - -.nav-to-top { - align-self: flex-end; - margin-right: 5%; -} - -.nav-to-top img { - height: 48px; - width: 48px; -} - -.gradient-text { - background: -webkit-linear-gradient(left, #69c75b, #10b5e4); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -/* Admissions Styling */ - -#admission-plans { - display: flex; - flex-direction: row; - width: 90%; - justify-content: space-around; - margin: 20px auto; -} - -.ticket-plan-container { - width: 335px; - display: flex; - flex-direction: column; - align-items: center; - height: 650px; - justify-content: space-around; -} - -.ticket-plan-header { - width: 95%; - margin-bottom: 25px; -} - -.ticket-plan-title { - text-align: center; -} - -.ticket-hr { - height: 0; - width: 150px; - border-top: 2px white solid; -} - -.ticket-bg-img { - width: 100%; - height: 470px; -} - -.ticket-plan-info { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - height: 100%; - background-color: #00ADE5; - opacity: 0.9; - color: #FFF; -} - -.ticket-plan-info ul { - width: 65%; - font-family: 'Montserrat', sans-serif; - font-size: 0.9em; - font-weight: 300; - color: #FFF; - padding: 0 10px; - line-height: 1.8em; - opacity: 0.85; -} - -.garrett { - background-image: url("../images/garrett.jpg"); - background-color: rgba(65,195,233,0.8); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.jessica { - background-image: url("../images/JESSICA.jpeg"); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.abdusalam { - background-image: url("../images/ABDUSALAM.jpg"); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.ticket-links { - width: 200px; - padding: 20px 21px; - margin: 20px 50px; - border: 2px #6CC62C solid; - background-color: #FFF; - color: #6CC62C; - transition: 0.5s; -} - -.ticket-links:hover { - background-color: #6CC62C; - cursor: pointer; - color: #FFF; - -webkit-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); - -moz-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); - box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); -} - - diff --git a/css/footer.css b/css/footer.css deleted file mode 100644 index abc27cf..0000000 --- a/css/footer.css +++ /dev/null @@ -1,127 +0,0 @@ -footer { - background-color: #4A4A4A; - height: 190px; - color: #FFF; - display: flex; - font-family: 'Raleway', sans-serif; - margin-top: 50px; -} - -.newsletter-container { - flex: 1; - font-size: .9rem; - text-align: center; -} - - -.center-container{ - flex: 2; - font-family: 'Montserrat', sans-serif; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-around; -} - -.footer-logos { - display: flex; - width: 70%; - justify-content: space-between; - align-items: center; -} - -.footer-logos h2 { - font-size: 2rem; -} - -.footer-logo { - height: 45px; - width: 45px; -} - -.footer-links a{ - text-decoration: none; - color: #FFF; - font-size: 1.2rem; - letter-spacing: 2px; - font-family: 'Raleway', sans-serif; - transition: .5s; -} - -.footer-links a:hover { - color: #00ACE9; - cursor: pointer; -} - -.copyright { - font-size: .75rem; - -} - -.volunteer-container { - flex: 1; - font-size: .9rem; - text-align: center; -} - -.footer-btn { - width: 200px; - padding: 20px 21px; - margin: 20px 50px; - margin-bottom: 0; - border: 2px #25D432 solid; - background-color: #FFF; - color: #25D432; - font-size: 1.3rem; - transition: 0.5s; - font-family: 'Raleway', sans-serif; - -} - -.footer-btn:hover { - background-color: #25D432; - cursor: pointer; - color: #FFFFFF; - -webkit-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); - -moz-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); - box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.19); -} - - -.gradient-text { - background: -webkit-linear-gradient(left, #69c75b , #10b5e4 ); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} - -#footer-insta { - background-image: url("../images/SOCIALMEDIA/Insta.png"); - background-size: 100% 100%; - transition: .2s; -} -#footer-insta:hover { - cursor: pointer; - background-image: url("../images/SOCIALMEDIA/Insta.hover.png"); -} - -#footer-fb { - background-image: url("../images/SOCIALMEDIA/FB.png"); - background-size: 100% 100%; - transition: .2s; -} -#footer-fb:hover { - cursor: pointer; - background-image: url("../images/SOCIALMEDIA/FB.hover.png"); -} - -#footer-twitter { - background-image: url("../images/SOCIALMEDIA/Twitter.png"); - background-size: 100% 100%; - transition: .2s; -} -#footer-twitter:hover { - cursor: pointer; - background-image: url("../images/SOCIALMEDIA/Twitter.hover.png"); -} - - diff --git a/css/navStyle.css b/css/navStyle.css deleted file mode 100644 index 945a374..0000000 --- a/css/navStyle.css +++ /dev/null @@ -1,71 +0,0 @@ -nav { - position: fixed; - top: 0; - z-index: 10; - width: 100%; - height: 80px; - display: flex; - justify-content: center; - font-size: 1.05em; - font-weight: 300; - letter-spacing: 2.4px; - background-color: rgba(16, 181, 228, 0.8); - color: #FFF; - -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); - -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); - box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); - position: fixed; - top: 0; - z-index: 1000; -} - -nav a { - text-decoration: none; - color: #FFF; -} - -.nav-container { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - width: 85%; -} - -.nav-logo { - transform: scale(1.1); -} - -.nav-links-n-button { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; -} - -ul[class="nav-links"] { - list-style: none; - display: flex; - flex-direction: row; -} - -ul[class="nav-links"], li { - /*margin-right: 10px;*/ - margin: 0 10px; -} - -button[class="attend"] { - height: 50px; - width: 150px; - border: solid 3px rgba(255, 255, 255, .8); - background-color: rgba(16, 181, 228, 0); - color: rgba(255, 255, 255, .95); - font-weight: 300; - letter-spacing: 2.4px; -} - -.nav-spacer { - width: 100%; - height: 80px; - background-color: #333; -} diff --git a/css/style.css b/css/style.css index 5fca235..c8460f9 100644 --- a/css/style.css +++ b/css/style.css @@ -20,6 +20,11 @@ section { color: #2a2a2a; } +.anchor { + position: relative; + bottom: 80px; +} + /********************* GENERIC CLASSES **********************/ @@ -1093,6 +1098,10 @@ Sponsor /***** Gallery ****/ +#gallery-title { + margin-top: 40px; +} + .gallery-section { width: 100%; display: flex; diff --git a/index.html b/index.html index e15d804..40f76d6 100644 --- a/index.html +++ b/index.html @@ -120,8 +120,8 @@

YOU

+
-
@@ -384,6 +384,7 @@

WORKSHOP

-
@@ -479,8 +479,8 @@

INVESTOR

+
-
@@ -556,6 +556,7 @@
+

EXPOSED 2016