diff --git a/README.md b/README.md index cb2fd77..13186d8 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,7 @@ -# Trident: CODE COMMIT PITCH -Trident's home. All edits on `gh-pages`. +# [WIP]Trident: CODE COMMIT PITCH + +###### Trident's home. All edits on `gh-pages`. + +Trident is our annual hackathon held by the JIIT Open Source Developers Circle (JODC). It aspires to be a platform for aspiring developers and entrepreneurs to brainstorm their ideas together, code them out and present and defend them in front of a panel of judges. ![Trident](/images/trident_logo-large.jpg) diff --git a/about.html b/about.html index c4177ec..860a9b1 100644 --- a/about.html +++ b/about.html @@ -38,7 +38,7 @@
- + @@ -48,12 +48,12 @@
@@ -68,7 +68,7 @@
-

About

+

About Us

@@ -77,17 +77,17 @@

About

-
+
Image
-
+

JIIT Open Source Developers Circle(JODC)

-
+

According to GitHub’s “State of the Octoverse” report, 99% of software projects in the world use Open Source Technologies in some way or the other. Open source has undoubtably changed the world, and we, the JIIT Open-Source Developers Circle aim to help students to become a part of it. The JODC is an initiative by the students of JIIT-128 to promote open source culture. The hub is all about contributing to and collaborating on projects, networking, learning together and guiding students. @@ -118,84 +118,183 @@

Our Team

-
+
- Image + + Image
-

Foo bar

-

Coordinator

+

Vaibhav Gupta

+

Organizing Head

+
-
+
- Image + + Image
-

Foo bar

-

Coordinator

+

Karan Dev Tyagi

+

Co-Organising Head

+
-
+
- Image + + Image
-

Foo bar

-

Coordinator

+

Pranshu Srivastava

+

Technology and Management Head

+
-
+
- Image + + Image
-

Foo bar

-

Coordinator

+

Kushagra

+

P.R. Head

+
-
+
- Image + + Image
-

Foo bar

-

Coordinator

+

Shikhar Kataruka

+

Marketing Head

+
-
+
+
+ Image +
+
+ +

Tripti Shukla

+

External Affairs Head

+ + + +
+
+
+
+ +
+ +
+
Image
-

Foo bar

-

Coordinator

+

Sugandha Pathak

+

Creative Head

+ + +
+
+
+ +
+
+
+ Image +
+
+

Kanchan Joshi

+

Internal Affairs Head

+ + +
+
+
+ +
+
+
+ Image +
+
+

Ankur Kothiwal

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Arushi Verma

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Ayush

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Ayush Dwivedi

+

Volunteer

@@ -203,6 +302,80 @@

Our Team

+
+ +
+
+
+ Image +
+
+

Dharamveer Singh

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Divyansh Kamboj

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Eshan Dhawan

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Nishit Anand

+

Volunteer

+ + +
+
+
+ +
+
+
+ Image +
+
+

Prakher Prashank

+

Volunteer

+ + +
+
+
+ +
+ @@ -211,15 +384,40 @@

Our Team

+
+
+
+
+

About Event

+

Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

+
+
+

Quick Links

+ +
+
+

Connect with Us

+

+ + + + +

+
+

- - Copyright © All rights reserved | This template is made with by Colorlib - + + Copyright © All rights reserved | Made with by Colorlib and JODC +

@@ -243,5 +441,17 @@

Our Team

+ + + +
+ +
+
×
+

Registrations will start soon!

+
+
+ - \ No newline at end of file + diff --git a/code-of-conduct.html b/code-of-conduct.html index 9b3ec0e..c76fb4d 100644 --- a/code-of-conduct.html +++ b/code-of-conduct.html @@ -38,7 +38,7 @@ @@ -47,12 +47,14 @@
@@ -67,7 +69,7 @@
-

Code of Conduct

+

Code of Conduct

@@ -212,20 +214,46 @@

The less Quick version

-
- -
-
+
+
+
+
+

About Event

+

Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

+
+
+

Quick Links

+ +
+
+

Connect with Us

- - Copyright © All rights reserved | This template is made with by Colorlib - + + + +

-
-
-
+ +
+ +
+
+

+ + Copyright © All rights reserved | Made with by Colorlib and JODC + +

+
+
+
+
+
@@ -242,6 +270,18 @@

The less Quick version

+ + + +
+ +
+
×
+

Registrations will start soon!

+
+
+ \ No newline at end of file diff --git a/css/style.css b/css/style.css index 68abbbe..c9315f5 100644 --- a/css/style.css +++ b/css/style.css @@ -1,50 +1,77 @@ /* Base */ +html, +body { + overflow-x: hidden; +} body { line-height: 1.7; color: #cfcfd1; font-weight: 300; font-size: 1rem; background: #000000; - font-family: "Roboto Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } + font-family: "Roboto Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", + Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} ::-moz-selection { background: #000; - color: #fff; } + color: #fff; +} ::selection { background: #000; - color: #fff; } + color: #fff; +} a { - -webkit-transition: .3s all ease; - -o-transition: .3s all ease; - transition: .3s all ease; } - a:hover { - text-decoration: none; } + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} +a:hover { + text-decoration: none; +} -h1, h2, h3, h4, h5, -.h1, .h2, .h3, .h4, .h5 { - font-family: "Roboto Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } +h1, +h2, +h3, +h4, +h5, +.h1, +.h2, +.h3, +.h4, +.h5 { + font-family: "Roboto Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", + Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} .border-2 { - border-width: 2px; } + border-width: 2px; +} .text-black { - color: #000 !important; } + color: #000 !important; +} .bg-black { - background: #000 !important; } + background: #000 !important; +} .color-black-opacity-5 { - color: rgba(0, 0, 0, 0.5); } + color: rgba(0, 0, 0, 0.5); +} .color-white-opacity-5 { - color: rgba(255, 255, 255, 0.5); } + color: rgba(255, 255, 255, 0.5); +} .site-wrap:before { - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; background: rgba(0, 0, 0, 0.6); content: ""; position: absolute; @@ -54,168 +81,234 @@ h1, h2, h3, h4, h5, right: 0; bottom: 0; opacity: 0; - visibility: hidden; } + visibility: hidden; +} .offcanvas-menu .site-wrap { position: absolute; height: 100%; width: 100%; z-index: 2; - overflow: hidden; } - .offcanvas-menu .site-wrap:before { - opacity: 1; - visibility: visible; } + overflow: hidden; +} +.offcanvas-menu .site-wrap:before { + opacity: 1; + visibility: visible; +} .btn { text-transform: uppercase; - letter-spacing: .2em; - border-radius: 0; } - .btn:hover, .btn:active, .btn:focus { - outline: none; - -webkit-box-shadow: none !important; - box-shadow: none !important; } + letter-spacing: 0.2em; + border-radius: 0; +} +.btn:hover, +.btn:active, +.btn:focus { + outline: none; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} .line-height-1 { - line-height: 1 !important; } + line-height: 1 !important; +} .bg-black { - background: #000; } + background: #000; +} .form-control { height: 43px; - border-radius: 0; } - .form-control:active, .form-control:focus { - border-color: #ff5733; } - .form-control:hover, .form-control:active, .form-control:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; } + border-radius: 0; +} +.form-control:active, +.form-control:focus { + border-color: #ff5733; +} +.form-control:hover, +.form-control:active, +.form-control:focus { + -webkit-box-shadow: none !important; + box-shadow: none !important; +} .site-section { - padding: 2.5em 0; } - @media (min-width: 768px) { - .site-section { - padding: 10em 0; } } - .site-section.site-section-sm { - padding: 4em 0; } + padding: 1em 0; +} +@media (min-width: 768px) { + .site-section { + padding: 0em 0; + } +} +.site-section.site-section-sm { + padding: 4em 0; +} .site-section-heading h2 { position: relative; font-size: 2.5rem; color: #fff; - padding-bottom: 30px; } - @media (min-width: 768px) { - .site-section-heading h2 { - font-size: 3rem; } } + padding-bottom: 30px; +} +@media (min-width: 768px) { + .site-section-heading h2 { + font-size: 3rem; + } +} +.site-section-heading h2:after { + content: ""; + left: 0%; + bottom: 0; + position: absolute; + width: 100px; + height: 2px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#c70039), + color-stop(70%, #ff5733) + ); + background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); + background: -o-linear-gradient(left, #c70039, #ff5733 70%); + background: linear-gradient(to right, #c70039, #ff5733 70%); +} +@media (min-width: 992px) { .site-section-heading h2:after { - content: ""; - left: 0%; - bottom: 0; - position: absolute; - width: 100px; - height: 2px; - background: -webkit-gradient(linear, left top, right top, from(#c70039), color-stop(70%, #ff5733)); - background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); - background: -o-linear-gradient(left, #c70039, #ff5733 70%); - background: linear-gradient(to right, #c70039, #ff5733 70%); } - @media (min-width: 992px) { - .site-section-heading h2:after { - left: -20%; } } - .site-section-heading h2.text-center:after { - content: ""; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); - content: ""; - left: 50%; - bottom: 0; - position: absolute; - width: 100px; - height: 2px; } + left: -20%; + } +} +.site-section-heading h2.text-center:after { + content: ""; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + content: ""; + left: 50%; + bottom: 0; + position: absolute; + width: 100px; + height: 2px; +} .border-top { - border-top: 1px solid #edf0f5 !important; } + border-top: 1px solid #edf0f5 !important; +} .site-footer { padding: 4em 0; - background: #1b1d24; } - @media (min-width: 768px) { - .site-footer { - padding: 8em 0; } } - .site-footer .border-top { - border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } - .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 { - color: #fff; } - .site-footer a { - color: #fff; } - .site-footer a:hover { - color: #ff5733; } - .site-footer ul li { - margin-bottom: 10px; } - .site-footer .footer-heading { - font-size: 16px; - color: #818186 !important; } + background: #1b1d24; +} +@media (min-width: 768px) { + .site-footer { + padding: 8em 0; + } +} +.site-footer .border-top { + border-top: 1px solid rgba(255, 255, 255, 0.1) !important; +} +.site-footer h2, +.site-footer h3, +.site-footer h4, +.site-footer h5 { + color: #fff; +} +.site-footer a { + color: #fff; +} +.site-footer a:hover { + color: #ff5733; +} +.site-footer ul li { + margin-bottom: 10px; +} +.site-footer .footer-heading { + font-size: 16px; + color: #818186 !important; +} .bg-text-line { display: inline; background: #000; -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000; - box-shadow: 20px 0 0 #000, -20px 0 0 #000; } + box-shadow: 20px 0 0 #000, -20px 0 0 #000; +} .text-white-opacity-05 { - color: rgba(255, 255, 255, 0.5); } + color: rgba(255, 255, 255, 0.5); +} .text-black-opacity-05 { - color: rgba(0, 0, 0, 0.5); } + color: rgba(0, 0, 0, 0.5); +} .hover-bg-enlarge { overflow: hidden; - position: relative; } - @media (max-width: 991.98px) { - .hover-bg-enlarge { - height: auto !important; } } - .hover-bg-enlarge > div { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - -webkit-transition: .8s all ease-in-out; - -o-transition: .8s all ease-in-out; - transition: .8s all ease-in-out; } - .hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - @media (max-width: 991.98px) { - .hover-bg-enlarge .bg-image-md-height { - height: 300px !important; } } + position: relative; +} +@media (max-width: 991.98px) { + .hover-bg-enlarge { + height: auto !important; + } +} +.hover-bg-enlarge > div { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: 0.8s all ease-in-out; + -o-transition: 0.8s all ease-in-out; + transition: 0.8s all ease-in-out; +} +.hover-bg-enlarge:hover > div, +.hover-bg-enlarge:focus > div, +.hover-bg-enlarge:active > div { + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + transform: scale(1.2); +} +@media (max-width: 991.98px) { + .hover-bg-enlarge .bg-image-md-height { + height: 300px !important; + } +} .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; - background-attachment: fixed; } - .bg-image.overlay { - position: relative; } - .bg-image.overlay:after { - position: absolute; - content: ""; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 0; - width: 100%; - background: rgba(0, 0, 0, 0.7); } - .bg-image > .container { - position: relative; - z-index: 1; } + background-attachment: fixed; +} +.bg-image.overlay { + position: relative; +} +.bg-image.overlay:after { + position: absolute; + content: ""; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 0; + width: 100%; + background: rgba(0, 0, 0, 0.7); +} +.bg-image > .container { + position: relative; + z-index: 1; +} @media (max-width: 991.98px) { .img-md-fluid { - max-width: 100%; } } + max-width: 100%; + } +} @media (max-width: 991.98px) { - .display-1, .display-3 { - font-size: 3rem; } } + .display-1, + .display-3 { + font-size: 3rem; + } +} .play-single-big { width: 90px; @@ -225,234 +318,358 @@ h1, h2, h3, h4, h5, color: #fff !important; border-radius: 50%; position: relative; - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; } - .play-single-big > span { - font-size: 50px; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-40%, -50%); - -ms-transform: translate(-40%, -50%); - transform: translate(-40%, -50%); } - .play-single-big:hover { - width: 120px; - height: 120px; } + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; +} +.play-single-big > span { + font-size: 50px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-40%, -50%); + -ms-transform: translate(-40%, -50%); + transform: translate(-40%, -50%); +} +.play-single-big:hover { + width: 120px; + height: 120px; +} .overlap-to-top { - margin-top: -150px; } + margin-top: -150px; +} .ul-check { - margin-bottom: 50px; } - .ul-check li { - position: relative; - padding-left: 35px; - margin-bottom: 15px; - line-height: 1.5; } - .ul-check li:before { - left: 0; - font-size: 20px; - top: -.3rem; - font-family: "icomoon"; - content: "\e5ca"; - position: absolute; } - .ul-check.white li:before { - color: #fff; } - .ul-check.success li:before { - color: #8bc34a; } - .ul-check.primary li:before { - color: #ff5733; } + margin-bottom: 50px; +} +.ul-check li { + position: relative; + padding-left: 35px; + margin-bottom: 15px; + line-height: 1.5; +} +.ul-check li:before { + left: 0; + font-size: 20px; + top: -0.3rem; + font-family: "icomoon"; + content: "\e5ca"; + position: absolute; +} +.ul-check.white li:before { + color: #fff; +} +.ul-check.success li:before { + color: #8bc34a; +} +.ul-check.primary li:before { + color: #ff5733; +} .program h2 { - font-size: 1.5rem; } + font-size: 1.5rem; +} .program .border-top { - border-top: 1px solid #383b4f !important; } + border-top: 1px solid #383b4f !important; +} .program .border-bottom { - border-bottom: 1px solid #383b4f !important; } + border-bottom: 1px solid #383b4f !important; +} .blog-entry h2 { - font-size: 20px; } - .blog-entry h2 a { - color: #fff; } + font-size: 20px; +} +.blog-entry h2 a { + color: #fff; +} .blog-entry .post-meta { - font-size: 14px; } - .blog-entry .post-meta a { - color: #ff5733; } - .blog-entry .post-meta img { - width: 36px; - border-radius: 50%; } + font-size: 14px; +} +.blog-entry .post-meta a { + color: #ff5733; +} +.blog-entry .post-meta img { + width: 36px; + border-radius: 50%; +} /* Navbar */ .site-navbar { margin-bottom: 0px; z-index: 1999; position: absolute; - width: 100%; } - .site-navbar.transparent { - background: transparent; } - .site-navbar.absolute { - position: absolute; - top: 0; - left: 0; - width: 100%; } - .site-navbar .site-logo { - position: absolute; - left: 0; - top: 0; - margin-top: -20px; } - .site-navbar .site-navigation.border-bottom { - border-bottom: 1px solid #f3f3f4 !important; } - .site-navbar .site-navigation .site-menu { - margin-bottom: 0; } - .site-navbar .site-navigation .site-menu .active > a { - color: #ff5733; - position: relative; } - .site-navbar .site-navigation .site-menu .active > a:after { - content: ""; - background: -webkit-gradient(linear, left top, right top, from(#c70039), color-stop(70%, #ff5733)); - background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); - background: -o-linear-gradient(left, #c70039, #ff5733 70%); - background: linear-gradient(to right, #c70039, #ff5733 70%); - width: 100%; - height: 2px; - position: absolute; - left: 0; - bottom: 0; } - .site-navbar .site-navigation .site-menu a { - text-decoration: none !important; - display: inline-block; - text-transform: uppercase; - letter-spacing: .1em; - font-size: 14px; } - .site-navbar .site-navigation .site-menu > li { - display: inline-block; - padding: 10px 10px; } - .site-navbar .site-navigation .site-menu > li > a { - padding: 10px 0px; - color: #fff; - text-decoration: none !important; - position: relative; } - .site-navbar .site-navigation .site-menu > li > a:after { - content: ""; - background: -webkit-gradient(linear, left top, right top, from(#c70039), color-stop(70%, #ff5733)); - background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); - background: -o-linear-gradient(left, #c70039, #ff5733 70%); - background: linear-gradient(to right, #c70039, #ff5733 70%); - width: 0; - height: 2px; - position: absolute; - left: 0; - bottom: 0; - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; } - .site-navbar .site-navigation .site-menu > li > a:hover { - color: #ff5733; } - .site-navbar .site-navigation .site-menu > li > a:hover:after { - width: 100%; } - .site-navbar .site-navigation .site-menu > li.cta > a { - border: 2px solid #3f4046; - padding-left: 20px; - padding-right: 20px; - color: #ff5733; } - .site-navbar .site-navigation .site-menu > li.cta > a:hover { - color: #fff; } - .site-navbar .site-navigation .site-menu > li.cta > a:hover:after { - display: none; } - .site-navbar .site-navigation .site-menu .has-children { - position: relative; } - .site-navbar .site-navigation .site-menu .has-children > a { - position: relative; - padding-right: 20px; } - .site-navbar .site-navigation .site-menu .has-children > a:before { - position: absolute; - content: "\e313"; - font-size: 16px; - top: 50%; - right: 0; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - font-family: 'icomoon'; } - .site-navbar .site-navigation .site-menu .has-children .dropdown { - visibility: hidden; - opacity: 0; - top: 100%; - position: absolute; - text-align: left; - border-top: 2px solid #ff5733; - -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); - border-left: 1px solid #edf0f5; - border-right: 1px solid #edf0f5; - border-bottom: 1px solid #edf0f5; - padding: 0px 0; - margin-top: 20px; - margin-left: 0px; - background: #fff; - -webkit-transition: 0.2s 0s; - -o-transition: 0.2s 0s; - transition: 0.2s 0s; } - .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { - position: absolute; } - .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { - bottom: 100%; - left: 20%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; } - .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { - border-color: rgba(136, 183, 213, 0); - border-bottom-color: #fff; - border-width: 10px; - margin-left: -10px; } - .site-navbar .site-navigation .site-menu .has-children .dropdown a { - text-transform: none; - letter-spacing: normal; - -webkit-transition: 0s all; - -o-transition: 0s all; - transition: 0s all; - color: #343a40; } - .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a { - color: #ff5733 !important; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li { - list-style: none; - padding: 0; - margin: 0; - min-width: 200px; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a { - padding: 9px 20px; - display: block; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover { - background: #f4f5f9; - color: #25262a; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before { - content: "\e315"; - right: 20px; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul { - left: 100%; - top: 0; } - .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a { - background: #f4f5f9; - color: #25262a; } - .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a { - color: #ff5733; } - .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { - cursor: pointer; } - .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown { - -webkit-transition-delay: 0s; - -o-transition-delay: 0s; - transition-delay: 0s; - margin-top: 0px; - visibility: visible; - opacity: 1; } + width: 100%; +} +.site-navbar.transparent { + background: transparent; +} +.site-navbar.absolute { + position: absolute; + top: 0; + left: 0; + width: 100%; +} +.site-navbar .site-logo { + position: absolute; + left: 0; + top: 0; + margin-top: -20px; +} +.site-navbar .site-navigation.border-bottom { + border-bottom: 1px solid #f3f3f4 !important; +} +.site-navbar .site-navigation .site-menu { + margin-bottom: 0; +} +.site-navbar .site-navigation .site-menu .active > a { + color: #ff5733; + position: relative; +} +.site-navbar .site-navigation .site-menu .active > a:after { + content: ""; + background: -webkit-gradient( + linear, + left top, + right top, + from(#c70039), + color-stop(70%, #ff5733) + ); + background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); + background: -o-linear-gradient(left, #c70039, #ff5733 70%); + background: linear-gradient(to right, #c70039, #ff5733 70%); + width: 100%; + height: 2px; + position: absolute; + left: 0; + bottom: 0; +} +.site-navbar .site-navigation .site-menu a { + text-decoration: none !important; + display: inline-block; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 14px; +} +.site-navbar .site-navigation .site-menu > li { + display: inline-block; + padding: 10px 10px; +} +.site-navbar .site-navigation .site-menu > li > a { + padding: 10px 0px; + color: #fff; + text-decoration: none !important; + position: relative; +} +.site-navbar .site-navigation .site-menu > li > a:after { + content: ""; + background: -webkit-gradient( + linear, + left top, + right top, + from(#c70039), + color-stop(70%, #ff5733) + ); + background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); + background: -o-linear-gradient(left, #c70039, #ff5733 70%); + background: linear-gradient(to right, #c70039, #ff5733 70%); + width: 0; + height: 2px; + position: absolute; + left: 0; + bottom: 0; + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; +} +.site-navbar .site-navigation .site-menu > li > a:hover { + color: #ff5733; +} +.site-navbar .site-navigation .site-menu > li > a:hover:after { + width: 100%; +} +.site-navbar .site-navigation .site-menu > li.cta > a { + border: 2px solid #3f4046; + padding-left: 20px; + padding-right: 20px; + color: #ff5733; +} +.site-navbar .site-navigation .site-menu > li.cta > a:hover { + color: #fff; +} +.site-navbar .site-navigation .site-menu > li.cta > a:hover:after { + display: none; +} +.site-navbar .site-navigation .site-menu .has-children { + position: relative; +} +.site-navbar .site-navigation .site-menu .has-children > a { + position: relative; + padding-right: 20px; +} +.site-navbar .site-navigation .site-menu .has-children > a:before { + position: absolute; + content: "\e313"; + font-size: 16px; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + font-family: "icomoon"; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown { + visibility: hidden; + opacity: 0; + top: 100%; + position: absolute; + text-align: left; + border-top: 2px solid #ff5733; + -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); + border-left: 1px solid #edf0f5; + border-right: 1px solid #edf0f5; + border-bottom: 1px solid #edf0f5; + padding: 0px 0; + margin-top: 20px; + margin-left: 0px; + background: #fff; + -webkit-transition: 0.2s 0s; + -o-transition: 0.2s 0s; + transition: 0.2s 0s; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { + position: absolute; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown.arrow-top:before { + bottom: 100%; + left: 20%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown.arrow-top:before { + border-color: rgba(136, 183, 213, 0); + border-bottom-color: #fff; + border-width: 10px; + margin-left: -10px; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown a { + text-transform: none; + letter-spacing: normal; + -webkit-transition: 0s all; + -o-transition: 0s all; + transition: 0s all; + color: #343a40; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a { + color: #ff5733 !important; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown > li { + list-style: none; + padding: 0; + margin: 0; + min-width: 200px; +} +.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a { + padding: 9px 20px; + display: block; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li + > a:hover { + background: #f4f5f9; + color: #25262a; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children + > a:before { + content: "\e315"; + right: 20px; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children + > .dropdown, +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children + > ul { + left: 100%; + top: 0; +} +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children:hover + > a, +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children:active + > a, +.site-navbar + .site-navigation + .site-menu + .has-children + .dropdown + > li.has-children:focus + > a { + background: #f4f5f9; + color: #25262a; +} +.site-navbar .site-navigation .site-menu .has-children:hover > a, +.site-navbar .site-navigation .site-menu .has-children:focus > a, +.site-navbar .site-navigation .site-menu .has-children:active > a { + color: #ff5733; +} +.site-navbar .site-navigation .site-menu .has-children:hover, +.site-navbar .site-navigation .site-menu .has-children:focus, +.site-navbar .site-navigation .site-menu .has-children:active { + cursor: pointer; +} +.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, +.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, +.site-navbar .site-navigation .site-menu .has-children:active > .dropdown { + -webkit-transition-delay: 0s; + -o-transition-delay: 0s; + transition-delay: 0s; + margin-top: 0px; + visibility: visible; + opacity: 1; +} .site-mobile-menu { width: 300px; @@ -467,161 +684,210 @@ h1, h2, h3, h4, h5, transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; } - .offcanvas-menu .site-mobile-menu { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); } - .site-mobile-menu .site-mobile-menu-header { - width: 100%; - float: left; - padding-left: 20px; - padding-right: 20px; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { - float: right; - margin-top: 8px; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { - font-size: 30px; - display: inline-block; - padding-left: 10px; - padding-right: 0px; - line-height: 1; - cursor: pointer; - -webkit-transition: .3s all ease; - -o-transition: .3s all ease; - transition: .3s all ease; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover { - color: #25262a; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { - float: left; - margin-top: 10px; - margin-left: 0px; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { - display: inline-block; - text-transform: uppercase; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { - max-width: 70px; } - .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { - text-decoration: none; } - .site-mobile-menu .site-mobile-menu-body { - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - position: relative; - padding: 0 20px 20px 20px; - height: calc(100vh - 52px); - padding-bottom: 150px; } - .site-mobile-menu .site-nav-wrap { - padding: 0; - margin: 0; - list-style: none; - position: relative; } - .site-mobile-menu .site-nav-wrap a { - padding: 10px 20px; - display: block; - position: relative; - color: #212529; } - .site-mobile-menu .site-nav-wrap a:hover { - color: #ff5733; } - .site-mobile-menu .site-nav-wrap li { - position: relative; - display: block; } - .site-mobile-menu .site-nav-wrap li.active > a { - color: #ff5733; } - .site-mobile-menu .site-nav-wrap .arrow-collapse { - position: absolute; - right: 0px; - top: 10px; - z-index: 20; - width: 36px; - height: 36px; - text-align: center; - cursor: pointer; - border-radius: 50%; } - .site-mobile-menu .site-nav-wrap .arrow-collapse:hover { - background: #f8f9fa; } - .site-mobile-menu .site-nav-wrap .arrow-collapse:before { - font-size: 12px; - z-index: 20; - font-family: "icomoon"; - content: "\f078"; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%) rotate(-180deg); - -ms-transform: translate(-50%, -50%) rotate(-180deg); - transform: translate(-50%, -50%) rotate(-180deg); - -webkit-transition: .3s all ease; - -o-transition: .3s all ease; - transition: .3s all ease; } - .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); } - .site-mobile-menu .site-nav-wrap > li { - display: block; - position: relative; - float: left; - width: 100%; } - .site-mobile-menu .site-nav-wrap > li > a { - padding-left: 20px; - font-size: 20px; } - .site-mobile-menu .site-nav-wrap > li > ul { - padding: 0; - margin: 0; - list-style: none; } - .site-mobile-menu .site-nav-wrap > li > ul > li { - display: block; } - .site-mobile-menu .site-nav-wrap > li > ul > li > a { - padding-left: 40px; - font-size: 16px; } - .site-mobile-menu .site-nav-wrap > li > ul > li > ul { - padding: 0; - margin: 0; } - .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li { - display: block; } - .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a { - font-size: 16px; - padding-left: 60px; } - .site-mobile-menu .site-nav-wrap[data-class="social"] { - float: left; - width: 100%; - margin-top: 30px; - padding-bottom: 5em; } - .site-mobile-menu .site-nav-wrap[data-class="social"] > li { - width: auto; } - .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a { - padding-left: 15px !important; } + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; +} +.offcanvas-menu .site-mobile-menu { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} +.site-mobile-menu .site-mobile-menu-header { + width: 100%; + float: left; + padding-left: 20px; + padding-right: 20px; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { + float: right; + margin-top: 8px; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { + font-size: 30px; + display: inline-block; + padding-left: 10px; + padding-right: 0px; + line-height: 1; + cursor: pointer; + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover { + color: #25262a; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { + float: left; + margin-top: 10px; + margin-left: 0px; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { + display: inline-block; + text-transform: uppercase; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { + max-width: 70px; +} +.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { + text-decoration: none; +} +.site-mobile-menu .site-mobile-menu-body { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + position: relative; + padding: 0 20px 20px 20px; + height: calc(100vh - 52px); + padding-bottom: 150px; +} +.site-mobile-menu .site-nav-wrap { + padding: 0; + margin: 0; + list-style: none; + position: relative; +} +.site-mobile-menu .site-nav-wrap a { + padding: 10px 20px; + display: block; + position: relative; + color: #212529; +} +.site-mobile-menu .site-nav-wrap a:hover { + color: #ff5733; +} +.site-mobile-menu .site-nav-wrap li { + position: relative; + display: block; +} +.site-mobile-menu .site-nav-wrap li.active > a { + color: #ff5733; +} +.site-mobile-menu .site-nav-wrap .arrow-collapse { + position: absolute; + right: 0px; + top: 10px; + z-index: 20; + width: 36px; + height: 36px; + text-align: center; + cursor: pointer; + border-radius: 50%; +} +.site-mobile-menu .site-nav-wrap .arrow-collapse:hover { + background: #f8f9fa; +} +.site-mobile-menu .site-nav-wrap .arrow-collapse:before { + font-size: 12px; + z-index: 20; + font-family: "icomoon"; + content: "\f078"; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%) rotate(-180deg); + -ms-transform: translate(-50%, -50%) rotate(-180deg); + transform: translate(-50%, -50%) rotate(-180deg); + -webkit-transition: 0.3s all ease; + -o-transition: 0.3s all ease; + transition: 0.3s all ease; +} +.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.site-mobile-menu .site-nav-wrap > li { + display: block; + position: relative; + float: left; + width: 100%; +} +.site-mobile-menu .site-nav-wrap > li > a { + padding-left: 20px; + font-size: 20px; +} +.site-mobile-menu .site-nav-wrap > li > ul { + padding: 0; + margin: 0; + list-style: none; +} +.site-mobile-menu .site-nav-wrap > li > ul > li { + display: block; +} +.site-mobile-menu .site-nav-wrap > li > ul > li > a { + padding-left: 40px; + font-size: 16px; +} +.site-mobile-menu .site-nav-wrap > li > ul > li > ul { + padding: 0; + margin: 0; +} +.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li { + display: block; +} +.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a { + font-size: 16px; + padding-left: 60px; +} +.site-mobile-menu .site-nav-wrap[data-class="social"] { + float: left; + width: 100%; + margin-top: 30px; + padding-bottom: 5em; +} +.site-mobile-menu .site-nav-wrap[data-class="social"] > li { + width: auto; +} +.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a { + padding-left: 15px !important; +} /* Blocks */ .container-fluid { - max-width: 1400px; } + max-width: 1400px; +} .site-hero { - margin-bottom: 10rem; } - .site-hero, .site-hero .row { - min-height: 700px; - height: calc(100vh - 95px); } - .site-hero.inner, .site-hero.inner .row { - min-height: 400px; - height: calc(50vh - 95px); } + margin-bottom: 0rem; +} +.site-hero, +.site-hero .row { + min-height: 400px; + height: calc(100vh - 295px); +} +.site-hero.inner, +.site-hero.inner .row { + min-height: 400px; + height: calc(50vh - 295px); +} +.site-hero h1 { + font-size: 2rem; + background: -webkit-gradient( + linear, + left top, + right top, + from(#c70039), + color-stop(70%, #ff5733) + ); + background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); + background: -o-linear-gradient(left, #c70039, #ff5733 70%); + background: linear-gradient(to right, #c70039, #ff5733 70%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +@media (min-width: 992px) { .site-hero h1 { - font-size: 2rem; - background: -webkit-gradient(linear, left top, right top, from(#c70039), color-stop(70%, #ff5733)); - background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); - background: -o-linear-gradient(left, #c70039, #ff5733 70%); - background: linear-gradient(to right, #c70039, #ff5733 70%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } - @media (min-width: 992px) { - .site-hero h1 { - font-size: 6rem; } } + font-size: 6rem; + } +} +.site-hero .caption { + color: #fff; +} +@media (min-width: 768px) { .site-hero .caption { - color: #fff; } - @media (min-width: 768px) { - .site-hero .caption { - font-size: 1.7rem; } } + font-size: 1.7rem; + } +} .btn-custom { text-transform: uppercase; @@ -629,115 +895,160 @@ h1, h2, h3, h4, h5, background: #3f4046; padding: 16px 30px; display: inline-block; - letter-spacing: .2em; - position: relative; } - .btn-custom > span { - position: relative; - z-index: 2; } - .btn-custom:before { - background: -webkit-gradient(linear, left top, right top, from(#c70039), color-stop(70%, #ff5733)); - background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); - background: -o-linear-gradient(left, #c70039, #ff5733 70%); - background: linear-gradient(to right, #c70039, #ff5733 70%); - content: ""; - position: absolute; - left: 0; - bottom: 0; - top: 0; - width: 0; - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; - z-index: 1; } - .btn-custom:hover:before { - width: 100%; } + letter-spacing: 0.2em; + position: relative; +} +.btn-custom > span { + position: relative; + z-index: 2; +} +.btn-custom:before { + background: -webkit-gradient( + linear, + left top, + right top, + from(#c70039), + color-stop(70%, #ff5733) + ); + background: -webkit-linear-gradient(left, #c70039, #ff5733 70%); + background: -o-linear-gradient(left, #c70039, #ff5733 70%); + background: linear-gradient(to right, #c70039, #ff5733 70%); + content: ""; + position: absolute; + left: 0; + bottom: 0; + top: 0; + width: 0; + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; + z-index: 1; +} +.btn-custom:hover:before { + width: 100%; +} .coordinator img { max-width: 50px; - border-radius: 50%; } + border-radius: 50%; +} .speaker { - margin-bottom: 50px; } + margin-bottom: 50px; +} +.speaker .name { + left: -80px; + position: relative; +} +@media (max-width: 1199.98px) { .speaker .name { - left: -80px; - position: relative; } - @media (max-width: 1199.98px) { - .speaker .name { - left: 0; } } + left: 0; + } +} .testimony { - max-width: 500px; } - .testimony figure { - margin-bottom: 40px; - text-align: center; } - .testimony figure img { - margin: 0 auto; - max-width: 150px; - border-radius: 50%; } - .testimony .author { - margin-top: 50px; - color: #fff; } - .testimony .text-muted { - color: #e9e9ea; } + max-width: 500px; +} +.testimony figure { + margin-bottom: 40px; + text-align: center; +} +.testimony figure img { + margin: 0 auto; + max-width: 150px; + border-radius: 50%; +} +.testimony .author { + margin-top: 50px; + color: #fff; +} +.testimony .text-muted { + color: #e9e9ea; +} .form-group .form-control { color: #fff !important; background: none; - border: 2px solid #fff; } - .form-group .form-control:active, .form-group .form-control:focus { - background: none; } + border: 2px solid #fff; +} +.form-group .form-control:active, +.form-group .form-control:focus { + background: none; +} .pricing { border: 2px solid #ff5733; - padding: 30px; } - .pricing h2 { - font-size: 26px; - color: #fff; - margin-bottom: 30px; } - .pricing .amount { - color: #ff5733; - margin-bottom: 30px; } - .pricing .amount sup { - top: -30px; - font-size: 18px; } - .pricing .amount .number { - font-size: 3rem; } - .pricing ul li { - margin-bottom: 10px; } - -.block-13, .slide-one-item { + padding: 30px; +} +.pricing h2 { + font-size: 26px; + color: #fff; + margin-bottom: 30px; +} +.pricing .amount { + color: #ff5733; + margin-bottom: 30px; +} +.pricing .amount sup { + top: -30px; + font-size: 18px; +} +.pricing .amount .number { + font-size: 3rem; +} +.pricing ul li { + margin-bottom: 10px; +} + +.block-13, +.slide-one-item { + position: relative; + z-index: 1; +} +.block-13 .owl-nav, +.slide-one-item .owl-nav { + position: relative; + position: absolute; + bottom: -90px; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} +.block-13 .owl-nav .owl-prev, +.block-13 .owl-nav .owl-next, +.slide-one-item .owl-nav .owl-prev, +.slide-one-item .owl-nav .owl-next { position: relative; - z-index: 1; } - .block-13 .owl-nav, .slide-one-item .owl-nav { - position: relative; - position: absolute; - bottom: -90px; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - .block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next { - position: relative; - display: inline-block; - padding: 20px; - font-size: 30px; - color: #000; } - .block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled { - opacity: .2; } + display: inline-block; + padding: 20px; + font-size: 30px; + color: #000; +} +.block-13 .owl-nav .owl-prev.disabled, +.block-13 .owl-nav .owl-next.disabled, +.slide-one-item .owl-nav .owl-prev.disabled, +.slide-one-item .owl-nav .owl-next.disabled { + opacity: 0.2; +} .slide-one-item.home-slider .owl-nav { position: absolute !important; top: 50% !important; bottom: auto !important; - width: 100%; } + width: 100%; +} .slide-one-item.home-slider .owl-prev { - left: 10px !important; } + left: 10px !important; +} .slide-one-item.home-slider .owl-next { - right: 10px !important; } + right: 10px !important; +} -.slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next { +.slide-one-item.home-slider .owl-prev, +.slide-one-item.home-slider .owl-next { color: #fff; position: absolute !important; top: 50%; @@ -749,32 +1060,106 @@ h1, h2, h3, h4, h5, -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(0, 0, 0, 0.2); - -webkit-transition: .3s all ease-in-out; - -o-transition: .3s all ease-in-out; - transition: .3s all ease-in-out; + -webkit-transition: 0.3s all ease-in-out; + -o-transition: 0.3s all ease-in-out; + transition: 0.3s all ease-in-out; line-height: 0; text-align: center; - font-size: 25px; } - @media (min-width: 768px) { - .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next { - font-size: 25px; } } - .slide-one-item.home-slider .owl-prev > span, .slide-one-item.home-slider .owl-next > span { - position: absolute; - line-height: 0; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); } - .slide-one-item.home-slider .owl-prev:hover, .slide-one-item.home-slider .owl-prev:focus, .slide-one-item.home-slider .owl-next:hover, .slide-one-item.home-slider .owl-next:focus { - background: black; } - -.slide-one-item.home-slider:hover .owl-nav, .slide-one-item.home-slider:focus .owl-nav, .slide-one-item.home-slider:active .owl-nav { + font-size: 25px; +} +@media (min-width: 768px) { + .slide-one-item.home-slider .owl-prev, + .slide-one-item.home-slider .owl-next { + font-size: 25px; + } +} +.slide-one-item.home-slider .owl-prev > span, +.slide-one-item.home-slider .owl-next > span { + position: absolute; + line-height: 0; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.slide-one-item.home-slider .owl-prev:hover, +.slide-one-item.home-slider .owl-prev:focus, +.slide-one-item.home-slider .owl-next:hover, +.slide-one-item.home-slider .owl-next:focus { + background: black; +} + +.slide-one-item.home-slider:hover .owl-nav, +.slide-one-item.home-slider:focus .owl-nav, +.slide-one-item.home-slider:active .owl-nav { opacity: 10; - visibility: visible; } + visibility: visible; +} -.custom-pagination a, .custom-pagination span { +.custom-pagination a, +.custom-pagination span { display: inline-block; width: 40px; height: 40px; - line-height: 40px; } + line-height: 40px; +} + +/* Popup box BEGIN */ +.hover_bkgr_fricc { + background: rgba(0, 0, 0, 0.4); + cursor: pointer; + display: none; + height: 100%; + position: fixed; + text-align: center; + top: 0; + width: 100%; + z-index: 10000; +} +.hover_bkgr_fricc .helper { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.hover_bkgr_fricc > div { + background-color: #000; + box-shadow: 10px 10px 60px #555; + display: inline-block; + height: auto; + max-width: 551px; + min-height: 100px; + vertical-align: middle; + width: 60%; + position: relative; + border-radius: 8px; + padding: 15px 5%; +} +.popupCloseButton { + background-color: #000; + border: 3px solid #999; + border-radius: 50px; + cursor: pointer; + display: inline-block; + font-family: arial; + font-weight: bold; + position: absolute; + top: -20px; + right: -20px; + font-size: 25px; + line-height: 30px; + width: 30px; + height: 30px; + text-align: center; +} +.popupCloseButton:hover { + background-color: #000; +} +.trigger_popup_fricc { + cursor: pointer; + font-size: 20px; + margin: 20px; + display: inline-block; + font-weight: bold; +} +/* Popup box BEGIN */ diff --git a/diversity.html b/diversity.html index 5ca4075..d1cb41f 100644 --- a/diversity.html +++ b/diversity.html @@ -38,7 +38,7 @@ @@ -47,12 +47,13 @@
@@ -62,7 +63,7 @@
-
+
@@ -127,20 +128,46 @@

Onsite Resources

-
- -
-
+
+
+
+
+

About Event

+

Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

+
+
+

Quick Links

+ +
+
+

Connect with Us

- - Copyright © All rights reserved | This template is made with by Colorlib - + + + +

-
-
- + +
+ +
+
+

+ + Copyright © All rights reserved | Made with by Colorlib and JODC + +

+
+
+
+
+
@@ -157,6 +184,18 @@

Onsite Resources

- + + + +
+ +
+
×
+

Registrations will start soon!

+
+
+ + \ No newline at end of file diff --git a/images/ankur.jpg b/images/ankur.jpg new file mode 100644 index 0000000..058fb30 Binary files /dev/null and b/images/ankur.jpg differ diff --git a/images/arushi.jpg b/images/arushi.jpg new file mode 100644 index 0000000..e9998be Binary files /dev/null and b/images/arushi.jpg differ diff --git a/images/ayush.jpg b/images/ayush.jpg new file mode 100755 index 0000000..2401bb1 Binary files /dev/null and b/images/ayush.jpg differ diff --git a/images/dharamveer.jpg b/images/dharamveer.jpg new file mode 100644 index 0000000..761fcd1 Binary files /dev/null and b/images/dharamveer.jpg differ diff --git a/images/divyansh.jpg b/images/divyansh.jpg new file mode 100644 index 0000000..3bdac27 Binary files /dev/null and b/images/divyansh.jpg differ diff --git a/images/dwivedi.jpg b/images/dwivedi.jpg new file mode 100644 index 0000000..399d4f4 Binary files /dev/null and b/images/dwivedi.jpg differ diff --git a/images/eshan.jpg b/images/eshan.jpg new file mode 100644 index 0000000..abc316a Binary files /dev/null and b/images/eshan.jpg differ diff --git a/images/kanchan.jpg b/images/kanchan.jpg new file mode 100644 index 0000000..a4c7968 Binary files /dev/null and b/images/kanchan.jpg differ diff --git a/images/karan.jpg b/images/karan.jpg new file mode 100644 index 0000000..ad792d8 Binary files /dev/null and b/images/karan.jpg differ diff --git a/images/kushagra.jpg b/images/kushagra.jpg new file mode 100644 index 0000000..6af259e Binary files /dev/null and b/images/kushagra.jpg differ diff --git a/images/logo_1.png b/images/logo_1.png deleted file mode 100644 index ccdc605..0000000 Binary files a/images/logo_1.png and /dev/null differ diff --git a/images/logo_2.png b/images/logo_2.png deleted file mode 100644 index 43d64ec..0000000 Binary files a/images/logo_2.png and /dev/null differ diff --git a/images/logo_3.png b/images/logo_3.png deleted file mode 100644 index 0acd247..0000000 Binary files a/images/logo_3.png and /dev/null differ diff --git a/images/logo_4.png b/images/logo_4.png deleted file mode 100644 index f5afb4c..0000000 Binary files a/images/logo_4.png and /dev/null differ diff --git a/images/logo_5.png b/images/logo_5.png deleted file mode 100644 index 3db31e7..0000000 Binary files a/images/logo_5.png and /dev/null differ diff --git a/images/logo_6.png b/images/logo_6.png deleted file mode 100644 index d6780c4..0000000 Binary files a/images/logo_6.png and /dev/null differ diff --git a/images/nishit.jpg b/images/nishit.jpg new file mode 100644 index 0000000..91061ae Binary files /dev/null and b/images/nishit.jpg differ diff --git a/images/person_1.jpg b/images/person_1.jpg deleted file mode 100644 index 56a1368..0000000 Binary files a/images/person_1.jpg and /dev/null differ diff --git a/images/person_2.jpg b/images/person_2.jpg deleted file mode 100644 index 236bef6..0000000 Binary files a/images/person_2.jpg and /dev/null differ diff --git a/images/person_3.jpg b/images/person_3.jpg deleted file mode 100644 index 6ab0897..0000000 Binary files a/images/person_3.jpg and /dev/null differ diff --git a/images/person_4.jpg b/images/person_4.jpg deleted file mode 100644 index 9b639b8..0000000 Binary files a/images/person_4.jpg and /dev/null differ diff --git a/images/person_5.jpg b/images/person_5.jpg deleted file mode 100644 index 78c4911..0000000 Binary files a/images/person_5.jpg and /dev/null differ diff --git a/images/prakher.jpg b/images/prakher.jpg new file mode 100644 index 0000000..d9bce56 Binary files /dev/null and b/images/prakher.jpg differ diff --git a/images/pranshu.jpg b/images/pranshu.jpg new file mode 100644 index 0000000..b7d4c45 Binary files /dev/null and b/images/pranshu.jpg differ diff --git a/images/shikhar.jpg b/images/shikhar.jpg new file mode 100644 index 0000000..c98ac23 Binary files /dev/null and b/images/shikhar.jpg differ diff --git a/images/tripti.jpg b/images/tripti.jpg new file mode 100644 index 0000000..12182a1 Binary files /dev/null and b/images/tripti.jpg differ diff --git a/images/vaibhav.jpg b/images/vaibhav.jpg new file mode 100644 index 0000000..0f299eb Binary files /dev/null and b/images/vaibhav.jpg differ diff --git a/index.html b/index.html index d42ab90..fa6b279 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,8 @@ Trident — 11-12 April 2020 + + @@ -22,6 +24,9 @@ + + +
@@ -38,7 +43,7 @@
@@ -46,13 +51,14 @@
@@ -63,46 +69,46 @@
-
+
- JIIT Open-Source Developers Circle - presents -

Trident 1.0

- April 11th-12th, 2020 - Register + JIIT Open-Source Developers Circle presents + +

Trident 1.0

+ April 11th-12th, 2020 + Register
-
+
-
+
-

About

+

About

-
+
-
+

What?

-

Trident is our annual hackathon held by the JIIT Open Source Developers Circle (JODC), in collaboration - with Qriosity. It aspires to be a platform for aspiring developers and entrepreneurs to brainstorm their +

Trident is our annual hackathon held by the JIIT Open Source Developers Circle (JODC). It aspires to be + a platform for aspiring developers and entrepreneurs to brainstorm their ideas together, code them out and present and defend them in front of a panel of judges. - Team applications shall open on 15 March, 2020 and will close on 6 April, 2020. The top selected teams shall + Team applications shall open on 18 March, 2020 and will close on 6 April, 2020. The top selected teams shall be invited for the onsite Hackathon on 11 April - 12 April.

24 hours before the hackathon the theme list shall be announced to all the selected teams.The hackathon itself shall be 24 hours long and consist of 2 phases: developing one’s product and then pitching it in @@ -115,11 +121,11 @@

What?

-
+

When?

-
+

11th and 12th April, 2020

@@ -127,11 +133,11 @@

When?

-
+

Where?

-
+

Jaypee Institute of Information Technology, Sector 128, Noida, Uttar Pradesh, 201304

@@ -140,7 +146,7 @@

Where?

-
+
@@ -148,15 +154,15 @@

Where?

Timeline

-
+

-
+
-
18th March
+
18th March

Registration Starts

@@ -164,9 +170,9 @@

Registration Starts

-
+
-
5th April
+
5th April

Registration ends

@@ -174,9 +180,9 @@

Registration ends

-
+
-
6th April
+
6th April

Teams selected for hackathon are informed.

@@ -184,18 +190,27 @@

Teams selected for hackathon are informed.

-
+
+
+
10th April 11:00 AM
+
+

Release themes for Hackathon

+
+
+
+ +
-
11th April 10:00 AM
+
11th April 10:00 AM

Onsite team registration begins.

-
+
-
11th April 2:30 PM
+
11th April 2:30 PM

Trident commencement ceremony. Speaker Keynote sessions begin.

@@ -203,51 +218,63 @@

Trident commencement ceremony. Speaker Keynote sessions b

-
+
-
11th April 5:00 PM
+
11th April 5:00 PM

Coding period officially begins. Evening snacks.

-
+
-
11th April 9:00 PM
+
11th April 9:00 PM
-

DINNER

+

Dinner

-
+
-
12th April 7:00 AM
+
12th April 7:00 AM

Morning breakfast.

-
+
-
12th April 10:00 AM
+
12th April 10:00 AM

Coding period ends.

-
+
-
12th April 2:00 PM
+
12th April 10:30 AM
+
+

First Round of Evaluation Begins.

+
+
+
+ +
+
+
12th April 2:00 PM

Final round of evaluation.

+ +

Note: The schedule may be subject to change, depending on the circumstances.

+
@@ -256,7 +283,7 @@

Final round of evaluation.

-
+
@@ -264,13 +291,13 @@

Final round of evaluation.

FAQ

-
+

-
+
Who can participate? @@ -283,33 +310,32 @@
All full or part time students from an accredited univers
-
+
Is this a strictly a team event or can we also participate as an individual?
Yes, this is strictly a team event. All participants must form a team of size - 3 or 4.
+ 2 - 4.
-
+
What prizes are at stake?
-
Prize money worth ___ and a chance to intern at ___ from our sponsoring - companies.
+
To be announced.
-
+
What are the team selection criteria? @@ -322,7 +348,7 @@
Teams shall be selected for onsite participation on the b
-
+
How can I register for the event? @@ -334,7 +360,7 @@
You can register over here from 15 March, 2020 to 5 April
-
+
Is there any registration fee?
@@ -344,7 +370,7 @@
No. The event is completely free for participation.
-
+
What are we expected to bring?
@@ -356,7 +382,7 @@
All participants are expected to bring their own laptops,
-
+
Which things not allowed to bring? @@ -369,7 +395,7 @@
Anything illegal, like alcohol, drugs or weapons will not
-
+
What level of experience is expected from @@ -381,7 +407,7 @@
Aspiring participants are expected to have prior experien
-
+
Can I start working on my hack before the @@ -395,7 +421,7 @@
No. In the interest of fairness, students should not be w
-
+
How will the Judging works?
@@ -406,7 +432,7 @@
There will be two rounds of evaluation. Both the evaluati
-
+
Who will own the IP (Intellectual Property) @@ -418,7 +444,7 @@
We strongly believe in open source. Whatever you build du
-
+
Is there any travel reimbursement? @@ -428,6 +454,17 @@
Sorry, there are no travel reimbursements as of now.
+ + +
+
+
Error 404 question not found ?
+
+

We would love to resolve your queries. Just ping us at trident@jodc.tech.

+
+
+
+
@@ -435,7 +472,7 @@
Sorry, there are no travel reimbursements as of now.
-
+
@@ -443,15 +480,15 @@
Sorry, there are no travel reimbursements as of now.

Sponsors

-
+

To be announced. -
+
- Be a + Be a Sponsor
@@ -466,7 +503,7 @@

Sponsors

About Event

-

Tident is a 24 hour Hackathon conducted by the JIIT Open-Source Developer Circle.

+

Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

Quick Links

@@ -482,7 +519,7 @@

Connect with Us

- +

@@ -491,12 +528,7 @@

Connect with Us

- - Copyright © - All rights reserved | This template is made - with by Colorlib - + Copyright © All rights reserved | Made with by Colorlib and JODC

@@ -519,7 +551,17 @@

Connect with Us

+ + +
+ +
+
×
+

Registrations will start soon!

+
+
- \ No newline at end of file + diff --git a/js/popup.js b/js/popup.js new file mode 100644 index 0000000..7e40ae6 --- /dev/null +++ b/js/popup.js @@ -0,0 +1,11 @@ +$(window).load(function() { + $(".trigger_popup_fricc").click(function() { + $(".hover_bkgr_fricc").show(); + }); + $(".hover_bkgr_fricc").click(function() { + $(".hover_bkgr_fricc").hide(); + }); + $(".popupCloseButton").click(function() { + $(".hover_bkgr_fricc").hide(); + }); +}); diff --git a/judges.html b/judges.html index c870c1b..35fa2fb 100644 --- a/judges.html +++ b/judges.html @@ -2,6 +2,7 @@ Trident — 11-12 April 2020 + @@ -39,7 +40,7 @@ @@ -65,12 +67,23 @@ +
+
+
+
+ +

Judges

+
+
+
+
+
-

JUDGES

+

@@ -107,25 +120,24 @@

To b

About Event

-

Lorem ipsum dolor sit amet consectetur adipisicing elit aliquid quibusdam fugit architecto.

+

Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

Quick Links

+
  • About Us
    • +
  • Code of Conduct
    • +
  • Contact Us
    • +

    Connect with Us

    - - - - -

    + + + + +

    @@ -133,9 +145,9 @@

    Connect with Us

    - - Copyright © All rights reserved | This template is made with by Colorlib - + + Copyright © All rights reserved | Made with by Colorlib and JODC +

    @@ -159,5 +171,16 @@

    Connect with Us

    + + +
    + +
    +
    ×
    +

    Registrations will start soon!

    +
    +
    + \ No newline at end of file diff --git a/tracks.html b/tracks.html index 8972d48..bb063ec 100644 --- a/tracks.html +++ b/tracks.html @@ -2,6 +2,8 @@ Trident — 11-12 April 2020 + + @@ -38,7 +40,7 @@ @@ -68,7 +70,7 @@
    -

    Tracks

    To be announced. Stay tuned! +

    Tracks

    To be announced. Stay tuned!
    @@ -177,25 +179,24 @@

    Machine Learning

    About Event

    -

    Lorem ipsum dolor sit amet consectetur adipisicing elit aliquid quibusdam fugit architecto.

    +

    Trident is a 24 hour Hackathon organized by the JIIT Open-Source Developers Circle.

    Quick Links

    +
  • About Us
    • +
  • Code of Conduct
    • +
  • Contact Us
    • +

    Connect with Us

    - - - - -

    + + + + +

    @@ -203,9 +204,9 @@

    Connect with Us

    - - Copyright © All rights reserved | This template is made with by Colorlib - + + Copyright © All rights reserved | Made with by Colorlib and JODC +

    @@ -229,5 +230,16 @@

    Connect with Us

    + + +
    + +
    +
    ×
    +

    Registrations will start soon!

    +
    +
    + \ No newline at end of file diff --git a/venue.html b/venue.html index 657c237..90974d6 100644 --- a/venue.html +++ b/venue.html @@ -3,6 +3,8 @@ Trident — 11-12 April 2020 + + @@ -19,7 +21,7 @@ - +
    @@ -39,7 +41,7 @@ @@ -75,7 +77,7 @@

    Venue

    -
    +
    @@ -84,8 +86,8 @@

    Venue

    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3505.6859422406133!2d77.36323351544867!3d28.519095195956034!2m3!1f0!2f0!3f0 !3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce63ce7fae835%3A0x5714a74a5abdf3e6!2sJaypee%20Institute%20of%20Information%20Technology!5e0!3m2!1sen!2si n!4v1584189703743!5m2!1sen!2sin" - width="600" - height="450" + width="500" + height="500" frameborder="0" style="border:0;" allowfullscreen="" @@ -114,126 +116,30 @@

    Venue

    - -
    -
    -
    -
    -
    -

    Testimonials

    -
    -
    -
    - -
    - -
    - -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Emely Peters

    -
    -
    -
    - -
    -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Alex Anchors

    -
    -
    -
    - -
    -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Aaron Thomas

    -
    -
    -
    - -
    -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Emely Peters

    -
    -
    -
    - -
    -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Alex Anchors

    -
    -
    -
    - -
    -
    -
    - Image -
    -
    -

    “Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime exercitationem alias reprehenderit error quidem aliquam ad minus, veritatis modi.”

    -

    — Aaron Thomas

    -
    -
    -
    - -
    - - - - - -
    -
    - - -