diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..50b9dd6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,16 @@ +.idea/ +.vscode/ +node_modules/ +build +.DS_Store +*.tgz +my-app* +template/src/__tests__/__snapshots__/ +lerna-debug.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +/.changelog +.npm/ +yarn.lock +.history/ \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index ab17d27..877ebfc 100644 --- a/css/main.css +++ b/css/main.css @@ -32,403 +32,452 @@ /*Preloader*/ .loader { - background: #111111; - bottom: 0; - height: 100%; - left: 0; - position: fixed; - right: 0; - top: 0; - width: 100%; - z-index: 9999; + background: #111111; + bottom: 0; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 9999; } .loader-inner { - left: 0; - position: absolute; - top: 50%; - width: 100%; - text-align: center; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); + left: 0; + position: absolute; + top: 50%; + width: 100%; + text-align: center; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); } .loading-spinner { - width: 100px; - height: 100px; - animation: spinner-rotate 2s ease-in-out infinite; - -webkit-animation: spinner-rotate 2s ease-in-out infinite; - -moz-animation: spinner-rotate 2s ease-in-out infinite; - -ms-animation: spinner-rotate 2s ease-in-out infinite; - -o-animation: spinner-rotate 2s ease-in-out infinite; + width: 100px; + height: 100px; + animation: spinner-rotate 2s ease-in-out infinite; + -webkit-animation: spinner-rotate 2s ease-in-out infinite; + -moz-animation: spinner-rotate 2s ease-in-out infinite; + -ms-animation: spinner-rotate 2s ease-in-out infinite; + -o-animation: spinner-rotate 2s ease-in-out infinite; } .spinner { - animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite; - stroke-linecap: round; + animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -webkit-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -moz-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -ms-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + -o-animation: spinner-color 8s ease-in-out infinite, + spinner-dash 2s ease-in-out infinite; + stroke-linecap: round; } @keyframes spinner-rotate { - 100% { - transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -moz-transform: trotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - } + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -moz-transform: trotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + } } @keyframes spinner-color { - 0%, 100% { - stroke: #ff0000; - } - 20% { - stroke: #ffa600; - } - 40% { - stroke: #00ffc8; - } - 60% { - stroke: #ff0062; - } - 80% { - stroke: #00ff15; - } - 100% { - stroke: #000000; - } + 0%, + 100% { + stroke: #ff0000; + } + 20% { + stroke: #ffa600; + } + 40% { + stroke: #00ffc8; + } + 60% { + stroke: #ff0062; + } + 80% { + stroke: #00ff15; + } + 100% { + stroke: #000000; + } } @keyframes spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 90, 200; - stroke-dashoffset: -125px; - } + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 90, 200; + stroke-dashoffset: -125px; + } } /*End preloader*/ - /*Site wrapper*/ .wrapper { - position: relative; - background: #000000; + position: relative; + background: #000000; } .wrapper, .header { - margin: 0 auto; - max-width: 1600px; + margin: 0 auto; + max-width: 1600px; } /*End site wrapper*/ - /* Hero Section*/ section.hero { - background: #353031; - padding: 0; - position: relative; - overflow: hidden; + background: #353031; + padding: 0; + position: relative; + overflow: hidden; } section.single-hero { - min-height: 400px; + min-height: 400px; } .background-img img { - display: none; + display: none; } .background-img { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .background-img { - background-attachment: scroll; - background-clip: border-box; - background-color: #353031; - background-image: none; - background-origin: padding-box; - background-position: 50% 50% !important; - background-repeat: repeat; - background-size: cover !important; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; + background-attachment: scroll; + background-clip: border-box; + background-color: #353031; + background-image: none; + background-origin: padding-box; + background-position: 50% 50% !important; + background-repeat: repeat; + background-size: cover !important; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 0; } .overlay:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ - - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 3; - content: ""; + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.2) 0%, + rgba(0, 0, 0, 0.5) 32%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ + + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 3; + content: ""; } .overlay.soft:before { - position: absolute; - background: rgba(0, 0, 0, .5); - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); - /* IE6-9 */ + position: absolute; + background: rgba(0, 0, 0, 0.5); + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+32,000000+100&1+0,0.5+32,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.2) 50%, + rgba(0, 0, 0, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ } section.hero .inner-hero { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - z-index: 10; + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + height: 100%; + z-index: 10; } .header { - padding: 5px 0; - background-color: rgba(0, 0, 0, 0.8); - left: 0; - right: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 999; + padding: 5px 0; + background-color: rgba(0, 0, 0, 0.8); + left: 0; + right: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 999; } .main-slider .slides li { - height: 900px; + height: 900px; } .header .logo { - font-size: 25px; - font-weight: 700; - letter-spacing: -2px; - position: relative; + font-size: 25px; + font-weight: 700; + letter-spacing: -2px; + position: relative; } .header .logo h2 { - padding: 5px 0; - text-transform: none; + padding: 5px 0; + text-transform: none; } .mobile-but { - display: inline-block; - height: 24px; - position: absolute; - right: 15px; - top: -30px; - z-index: 1000; - display: none; + display: inline-block; + height: 24px; + position: absolute; + right: 15px; + top: -30px; + z-index: 1000; + display: none; } .mobile-but .lines { - transform: translate(0px, 10px) rotate(0deg); - -webkit-transform: translate(0px, 10px) rotate(0deg); - -ms-transform: translate(0px, 10px) rotate(0deg); - -moz-transform: translate(0px, 10px) rotate(0deg); + transform: translate(0px, 10px) rotate(0deg); + -webkit-transform: translate(0px, 10px) rotate(0deg); + -ms-transform: translate(0px, 10px) rotate(0deg); + -moz-transform: translate(0px, 10px) rotate(0deg); } .mobile-but .lines, .mobile-but .lines:after, .mobile-but .lines:before { - height: 1px; - width: 22px; + height: 1px; + width: 22px; } .mobile-but .lines:after, .mobile-but .lines:before { - content: " "; - display: block; + content: " "; + display: block; } .mobile-but .lines:after { - transform: translate(0px, 4px) rotate(0deg); - -webkit-transform: translate(0px, 4px) rotate(0deg); - -ms-transform: translate(0px, 4px) rotate(0deg); - -moz-transform: translate(0px, 4px) rotate(0deg); + transform: translate(0px, 4px) rotate(0deg); + -webkit-transform: translate(0px, 4px) rotate(0deg); + -ms-transform: translate(0px, 4px) rotate(0deg); + -moz-transform: translate(0px, 4px) rotate(0deg); } .mobile-but .lines:before { - transform: translate(0px, -4px) rotate(0deg); - -webkit-transform: translate(0px, -4px) rotate(0deg); - -ms-transform: translate(0px, -4px) rotate(0deg); - -moz-transform: translate(0px, -4px) rotate(0deg); + transform: translate(0px, -4px) rotate(0deg); + -webkit-transform: translate(0px, -4px) rotate(0deg); + -ms-transform: translate(0px, -4px) rotate(0deg); + -moz-transform: translate(0px, -4px) rotate(0deg); } .mobile-but .lines:after, .mobile-but .lines:before { - background: #ffffff; + background: #ffffff; } .toggle-mobile-but.active .mobile-but .lines:after { - transform: translate(0px, 0px) rotate(45deg); - -webkit-transform: translate(0px, 0px) rotate(45deg); - -ms-transform: translate(0px, 0px) rotate(45deg); - -moz-transform: translate(0px, 0px) rotate(45deg); + transform: translate(0px, 0px) rotate(45deg); + -webkit-transform: translate(0px, 0px) rotate(45deg); + -ms-transform: translate(0px, 0px) rotate(45deg); + -moz-transform: translate(0px, 0px) rotate(45deg); } .toggle-mobile-but.active .mobile-but .lines:before { - transform: translate(0px, 1px) rotate(-45deg); - -webkit-transform: translate(0px, 1px) rotate(-45deg); - -ms-transform: translate(0px, 1px) rotate(-45deg); - -moz-transform: translate(0px, 1px) rotate(-45deg); + transform: translate(0px, 1px) rotate(-45deg); + -webkit-transform: translate(0px, 1px) rotate(-45deg); + -ms-transform: translate(0px, 1px) rotate(-45deg); + -moz-transform: translate(0px, 1px) rotate(-45deg); } .main-nav li { - display: inline-block; - font-size: 13px; - font-weight: 400; - margin-left: 35px; + display: inline-block; + font-size: 13px; + font-weight: 400; + margin-left: 35px; } .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; } .hero-content { - position: relative; - text-align: center; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); + position: relative; + text-align: center; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); } h1.large { - color: #ffffff; - font-size: 68px; - font-weight: 700; - text-transform: none; + color: #ffffff; + font-size: 68px; + font-weight: 700; + text-transform: none; } .hero-content h3 { - font-style: italic; - font-size: 44px; - color: #ffffff; - text-transform: none; - font-weight: 300; + font-style: italic; + font-size: 44px; + color: #ffffff; + text-transform: none; + font-weight: 300; } .hero-content p { - font-size: 15px; - font-weight: 500; - margin-bottom: 40px; - color: #ffffff; + font-size: 15px; + font-weight: 500; + margin-bottom: 40px; + color: #ffffff; } /* End hero section*/ - /* About section*/ .block-info-1 { - position: relative; + position: relative; } .block-info-1 svg { - color: #399bff; - font-size: 25px; - position: absolute; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - left: 0; - top: 50%; + color: #399bff; + font-size: 25px; + position: absolute; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + left: 0; + top: 50%; } .block-info-1 p { - margin-left: 60px; + margin-left: 60px; } /* End about section*/ - /* Speakers section*/ .block-img { - height: 350px; - position: relative; + height: 350px; + position: relative; } .block-speaker .block-img:after { - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ - - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* FF3.6-15 */ - - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* Chrome10-25,Safari5.1-6 */ - - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(3, 3, 3, 0) 3%, rgba(68, 68, 68, 0.4) 70%, rgba(68, 68, 68, 1) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - - filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); - /* IE6-9 */ - - bottom: 0; - content: ""; - right: 0; - position: absolute; - top: 0; - width: 1px; - z-index: 4; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+70,444444+100&0+3,0.4+70,1+100 */ + + background: -moz-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* FF3.6-15 */ + + background: -webkit-linear-gradient( + top, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* Chrome10-25,Safari5.1-6 */ + + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(3, 3, 3, 0) 3%, + rgba(68, 68, 68, 0.4) 70%, + rgba(68, 68, 68, 1) 100% + ); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444', GradientType=0); + /* IE6-9 */ + + bottom: 0; + content: ""; + right: 0; + position: absolute; + top: 0; + width: 1px; + z-index: 4; } .block-content .col-sm-3:last-child .block-img:after { - content: none; + content: none; } .block-speaker .block-img .background-img { - filter: grayscale(0.5); - -webkit-filter: grayscale(0.5); - -moz-filter: grayscale(0.5); - -ms-filter: grayscale(0.5); - -o-filter: grayscale(0.5); + filter: grayscale(0.5); + -webkit-filter: grayscale(0.5); + -moz-filter: grayscale(0.5); + -ms-filter: grayscale(0.5); + -o-filter: grayscale(0.5); } .block-speaker .block-img:hover .background-img { - filter: grayscale(0); - -webkit-filter: grayscale(0); - -moz-filter: grayscale(0); - -ms-filter: grayscale(0); - -o-filter: grayscale(0); + filter: grayscale(0); + -webkit-filter: grayscale(0); + -moz-filter: grayscale(0); + -ms-filter: grayscale(0); + -o-filter: grayscale(0); } .block-info-2 { - bottom: 30px; - left: 30px; - position: absolute; - z-index: 3; + bottom: 30px; + left: 30px; + position: absolute; + z-index: 3; } .block-social li { - display: inline-block; - font-size: 18px; - margin-left: -3px; - margin-right: 6px; + display: inline-block; + font-size: 18px; + margin-left: -3px; + margin-right: 6px; } .block-social a { - color: #ffffff; - opacity: .3; - display: inline-block; + color: #ffffff; + opacity: 0.3; + display: inline-block; } .block-social a:hover { - opacity: 1; + opacity: 1; } .block-content .row { - display: flex; - justify-content: center; - + display: flex; + justify-content: center; } /* Tracks section */ .row-c { @@ -505,6 +554,12 @@ center > h1 { font-weight: 500; font-size: 1.5rem; + +@media only screen and (max-width: 768px) { + .block-content .row { + display: block; + } +======= } #Tracks p { font-family: 'Montserrat'; @@ -520,544 +575,609 @@ center > h1 { } + } /* End speakers section*/ - /* Topics section*/ .block-video iframe { - height: 300px; + height: 300px; } ul.block-topic li { - line-height: 30px; - font-size: 15px; - font-weight: 700; - color: #ffffff; + line-height: 30px; + font-size: 15px; + font-weight: 700; + color: #ffffff; } .vertical-align { - align-items: center; - -webkit-align-items: center; - display: flex; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - flex-direction: row; - -webkit-flex-direction: row; + align-items: center; + -webkit-align-items: center; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + flex-direction: row; + -webkit-flex-direction: row; } /* End topics section*/ - /* Schedule section*/ .block-tabs, .block-tab { - border: 1px solid #444444; + border: 1px solid #444444; } .block-tabs li { - border-bottom: 1px solid #444444; - line-height: 60px; - padding-left: 25px; - cursor: pointer; - position: relative; + border-bottom: 1px solid #444444; + line-height: 60px; + padding-left: 25px; + cursor: pointer; + position: relative; } .block-tabs li strong, .block-date strong { - font-size: 17px; + font-size: 17px; } .block-tabs li i, .block-tab li i { - font-size: 20px; - vertical-align: middle; - margin-right: 25px; + font-size: 20px; + vertical-align: middle; + margin-right: 25px; } .block-tabs li:last-child { - border-bottom: 0; + border-bottom: 0; } .block-tabs li.active { - background: #444444; - border-bottom: 0; + background: #444444; + border-bottom: 0; } .block-tabs li:first-child.active { - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; } .block-tabs li:last-child.active { - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; } .block-tabs li.active:before { - border-bottom: 6px solid #444444; - border-left: 6px solid rgba(0, 0, 0, 0); - border-right: 6px solid rgba(0, 0, 0, 0); - content: ""; - height: 0; - right: -10px; - position: absolute; - top: 50%; - transform: rotate(90deg) translateX(-50%); - -webkit-transform: rotate(90deg) translateX(-50%); - -moz-transform: rotate(90deg) translateX(-50%); - -ms-transform: rotate(90deg) translateX(-50%); - -o-transform: rotate(90deg) translateX(-50%); - width: 0; + border-bottom: 6px solid #444444; + border-left: 6px solid rgba(0, 0, 0, 0); + border-right: 6px solid rgba(0, 0, 0, 0); + content: ""; + height: 0; + right: -10px; + position: absolute; + top: 50%; + transform: rotate(90deg) translateX(-50%); + -webkit-transform: rotate(90deg) translateX(-50%); + -moz-transform: rotate(90deg) translateX(-50%); + -ms-transform: rotate(90deg) translateX(-50%); + -o-transform: rotate(90deg) translateX(-50%); + width: 0; } .block-tab li { - display: none; + display: none; } .block-tab li.active { - display: block; + display: block; } .block-tab li .block-date { - background: #444444; - line-height: 60px; - padding-left: 25px; - border-radius: 5px 5px 0 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - -ms-border-radius: 5px 5px 0 0; - -o-border-radius: 5px 5px 0 0; + background: #444444; + line-height: 60px; + padding-left: 25px; + border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -ms-border-radius: 5px 5px 0 0; + -o-border-radius: 5px 5px 0 0; } .block-tab .block-detail { - border-bottom: 1px solid #444444; - padding: 25px; - cursor: pointer; - overflow: hidden; + border-bottom: 1px solid #444444; + padding: 25px; + cursor: pointer; + overflow: hidden; } .block-tab .block-detail:hover { - background: #121212; + background: #121212; } .block-tab .block-detail span { - display: block; - font-size: 15px; + display: block; + font-size: 15px; } .block-tab .block-detail .time { - color: #ffffff; - margin-bottom: 4px; - font-weight: 500; + color: #ffffff; + margin-bottom: 4px; + font-weight: 500; } .block-tab .block-detail .speaker { - margin-top: 20px; - font-size: 14px; - color: #ffffff; + margin-top: 20px; + font-size: 14px; + color: #ffffff; } .block-tab .block-detail .speaker strong { - font-weight: 500; + font-weight: 500; } .block-tab .block-detail .block-text { - opacity: 0; - max-height: 0; + opacity: 0; + max-height: 0; } .block-tab .block-detail:hover .block-text { - padding-top: 20px; - max-height: 300px; - opacity: 1; + padding-top: 20px; + max-height: 300px; + opacity: 1; } .block-tab li .block-detail:last-child { - border-bottom: 0; - border-radius: 0 0 5px 5px; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - -ms-border-radius: 0 0 5px 5px; - -o-border-radius: 0 0 5px 5px; + border-bottom: 0; + border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -ms-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; } /* End Schedule section*/ - /* Countdown section*/ .countdown { - font-size: 45px; - font-weight: 300; + font-size: 45px; + font-weight: 300; } /* End Countdown section*/ - /* Tickets section*/ .review-slider li blockquote { - color: #ffffff; - font-size: 20px; - font-style: italic; - font-weight: 300; - line-height: 35px; - overflow: hidden; + color: #ffffff; + font-size: 20px; + font-style: italic; + font-weight: 300; + line-height: 35px; + overflow: hidden; } .tickets .col-sm-6 { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .block-ticket { - background: #121212; - opacity: 0.3; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 80px 0; + background: #121212; + opacity: 0.3; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 80px 0; } .block-ticket-small { - background: #121212; - opacity: 1.0; - text-align: center; - cursor: pointer; - position: relative; - transform: scale(.8); - -webkit-transform: scale(.8); - -ms-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - padding: 30px 0; + background: #121212; + opacity: 1; + text-align: center; + cursor: pointer; + position: relative; + transform: scale(0.8); + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + -moz-transform: scale(0.8); + -o-transform: scale(0.8); + padding: 30px 0; } .block-tickets.overlap { - position: relative; - left: 150px; + position: relative; + left: 150px; } .block-ticket li { - display: block; - margin-bottom: 10px; - color: #999999; + display: block; + margin-bottom: 10px; + color: #999999; } .block-ticket:hover, .block-ticket.active { - transform: scale(1); - -webkit-transform: scale(1); - -ms-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - /* z-index: 40; */ - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - opacity: 1; + transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + /* z-index: 40; */ + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + opacity: 1; } .block-ticket .block-price .price { - color: #cccccc; - font-size: 95px; - font-weight: 700; - position: relative; - margin-bottom: 20px; + color: #cccccc; + font-size: 95px; + font-weight: 700; + position: relative; + margin-bottom: 20px; } .block-ticket .block-price .cur { - display: block; - font-size: 20px; - font-weight: 500; - left: -18px; - position: absolute; - top: 20px -} -.block-ticket-small .block-price .aca{ - display: block; - font-size: 50px; - font-weight:700; - position: relative; - margin-bottom: 10px; -} -.block-ticket-small .block-price .aca1{ - display: block; - font-size: 20px; - font-weight: 300; - left: -18px; - position: relative; - top: 10px + display: block; + font-size: 20px; + font-weight: 500; + left: -18px; + position: absolute; + top: 20px; +} +.block-ticket-small .block-price .aca { + display: block; + font-size: 50px; + font-weight: 700; + position: relative; + margin-bottom: 10px; +} +.block-ticket-small .block-price .aca1 { + display: block; + font-size: 20px; + font-weight: 300; + left: -18px; + position: relative; + top: 10px; } .block-ticket .block-price .block-type { - display: block; - font-size: 14px; - font-weight: 400; - position: relative; - top: -12px; - color: #999999; + display: block; + font-size: 14px; + font-weight: 400; + position: relative; + top: -12px; + color: #999999; } /* End tickets section*/ - /* Registry section*/ .registry-form { - background: rgba(0, 0, 0, .4); - padding: 50px 45px; - overflow: hidden; + background: rgba(0, 0, 0, 0.4); + padding: 50px 45px; + overflow: hidden; } .registry-form div { - padding: 0; + padding: 0; } .form p { - font-size: 12px; - margin-top: 15px; + font-size: 12px; + margin-top: 15px; } .input-columns .column-1, .input-columns .column-2 { - float: left; - width: 50%; - position: relative; + float: left; + width: 50%; + position: relative; } .input-columns .column-1 .column-inner { - margin-right: 10px; + margin-right: 10px; } .input-columns .column-2 .column-inner { - margin-left: 10px; + margin-left: 10px; } input[type="text"], .registry-form .block-select { - background: rgba(255, 255, 255, .08); - border: 1px solid rgba(255, 255, 255, 0); - margin-bottom: 25px; - outline: 0 none; - overflow: hidden; - padding: 0 25px; - resize: none; - max-width: 90%; - border-radius: 25px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - -ms-border-radius: 25px; - -o-border-radius: 25px; - color: #ffffff; - height: 45px; + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0); + margin-bottom: 25px; + outline: 0 none; + overflow: hidden; + padding: 0 25px; + resize: none; + max-width: 90%; + border-radius: 25px; + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + -ms-border-radius: 25px; + -o-border-radius: 25px; + color: #ffffff; + height: 45px; } .registry-form select { - background: none; - border: 1px solid rgba(255, 255, 255, 0); - cursor: pointer; - margin-top: 11px; - width: 100%; + background: none; + border: 1px solid rgba(255, 255, 255, 0); + cursor: pointer; + margin-top: 11px; + width: 100%; } input[type="text"]:focus, input[type="text"]:hover, .registry-form .block-select:focus, .registry-form .block-select:hover { - background: rgba(255, 255, 255, .09); + background: rgba(255, 255, 255, 0.09); } .registry-form .submit { - width: 95%; + width: 95%; } .form .submit { - cursor: pointer; - height: 45px; - color: #ffffff; - border: none; + cursor: pointer; + height: 45px; + color: #ffffff; + border: none; } input.error, select.error { - border: 1px solid rgba(238, 113, 249, .5); + border: 1px solid rgba(238, 113, 249, 0.5); } /* End registry section*/ - /* Sponsors section*/ - .vertical-center { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; } .block-sponsor { - width: 200px; - height: 200px; - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; + width: 200px; + height: 200px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .block-sponsor img { - opacity: .18; - width: 85%; + opacity: 0.18; + width: 85%; } -.block-sponsor span{ - opacity: .18; +.block-sponsor span { + opacity: 0.18; } -.block-sponsor:hover img, .block-sponsor:hover span{ - opacity: 1; - transform: scale(1.10); - -webkit-transform: scale(1.10); - -ms-transform: scale(1.10); - -moz-transform: scale(1.10); +.block-sponsor:hover img, +.block-sponsor:hover span { + opacity: 1; + transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -moz-transform: scale(1.1); } - /* End sponsors section*/ .block-club img { + height: 85%; + opacity: 1; - height:85%; - opacity: 1.0; - - width: 85%; + width: 85%; +} +.block-club-1 img { + height: 2048; + width: 1080; } -.block-club-1 img{ - height:2048; - width:1080; -} /* Contact section*/ .block-map { - width: 50%; - height: 100%; - position: absolute; - top: 0; - left: 0; + width: 50%; + height: 100%; + position: absolute; + top: 0; + left: 0; } .map { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .location h1.title { - color: #cccccc; + color: #cccccc; } .block-info-3 p, .location p.title-lead { - color: #999999; + color: #999999; } /* End contact section*/ - /* Accommodation section*/ .accom .block-img { - height: 250px; + height: 250px; } /* End accommodation section*/ - /* FAQ section*/ -.block-faq h4 { - font-size: 16px; - font-weight: 700; - text-transform: none; +.faqs > h1 { + text-align: center; + font-size: 3rem; + font-weight: 1000; +} + +.faqs__main { + display: flex; + text-align: left; + padding: 100px; + justify-content: space-between; +} + +.faqs__main__first { + padding-right: 50px; +} + +.collapsible { + background-color: #292b38; + color: #fff; + width: 45rem; + margin: auto; + cursor: pointer; + padding: 18px; + border: none; + text-align: left; + outline: none; + font-size: 15px; + display: flex; + justify-content: space-between; + align-items: center; +} + +/* Style the collapsible content. Note: hidden by default */ + +.faqs__content { + padding-top: 0px; + padding-right: 10px; + padding-left: 10px; + padding-bottom: 0px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 10px; + max-height: 0; + background-color: #292b38; + transition: max-height 0.2s ease-out; + font-size: 1.1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +.faqs__content__active { + padding: 10px; + border-top: 2px black solid; + overflow: hidden; + margin: auto; + margin-bottom: 10px; + text-align: left; + font-size: 10px; + max-height: 0; + background-color: #292b38; + transition: max-height 0.2s ease-out; + font-size: 1rem; + width: 45rem; + margin: auto; + margin-bottom: 10px; +} + +@media (max-width: 728px) { + .faqs__main { + display: block; + text-align: left; + padding: 50px; + justify-content: space-between; + } } -/* End faq section*/ +/* End faq section*/ /* Gallery section*/ .block-gallery li { - opacity: .45; - position: relative; - padding: 0 3px; + opacity: 0.45; + position: relative; + padding: 0 3px; } .block-gallery li:last-child { - margin-right: 0; + margin-right: 0; } .block-gallery li .block-img { - height: 180px; + height: 180px; } .block-gallery li:hover, .block-gallery li.active { - transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - opacity: 1; - z-index: 1; - backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; + transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + opacity: 1; + z-index: 1; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; } /* End gallery section*/ - /* Fat footer section */ .subscribe-form input[type="text"] { - margin-bottom: 0; - min-width: 100%; - max-width: 100%; + margin-bottom: 0; + min-width: 100%; + max-width: 100%; } .subscribe-form .submit { - min-width: 100%; - max-width: 100%; + min-width: 100%; + max-width: 100%; } .top-footer { - color: #999999; + color: #999999; } .top-footer .block-social li { - margin-right: 10px; + margin-right: 10px; } .top-footer .block-social li a { - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - color: #ffffff; - display: inline-block; - height: 40px; - line-height: 40px; - width: 40px; - opacity: 1; - text-align: center; - font-size: 16px; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + color: #ffffff; + display: inline-block; + height: 40px; + line-height: 40px; + width: 40px; + opacity: 1; + text-align: center; + font-size: 16px; } .top-footer .block-social li:first-child a { - background: #175f9f; + background: #175f9f; } .top-footer .block-social li:nth-child(2) a { - background: #00c6f8; + background: #00c6f8; } .top-footer .block-social li:nth-child(3) a { - background: #df0006; + background: #df0006; } .top-footer .block-social li:nth-child(4) a { - background: #ee322a; + background: #ee322a; } .top-footer .block-social li:last-child a { - background: #3c59ef; + background: #3c59ef; } .insta-Feed li, .insta-Feed li a { - padding: 0; - position: relative; - display: block; + padding: 0; + position: relative; + display: block; } .insta-Feed li:after, .insta-Feed li a:after { - position: absolute; - background: #121212; - width: 4px; - height: 100%; - content: ''; - right: 0; - top: 0; + position: absolute; + background: #121212; + width: 4px; + height: 100%; + content: ""; + right: 0; + top: 0; } .insta-Feed li:before, .insta-Feed li a:before { - position: absolute; - background: #121212; - width: 100%; - height: 4px; - content: ''; - right: 0; - bottom: 0; + position: absolute; + background: #121212; + width: 100%; + height: 4px; + content: ""; + right: 0; + bottom: 0; } .insta-Feed li:first-child, .insta-Feed li:first-child a { - padding-left: 0 + padding-left: 0; } .insta-Feed li:nth-child(3):after, .insta-Feed li:nth-child(3) a:after, .insta-Feed li:nth-child(6):after, .insta-Feed li:nth-child(6) a:after { - content: none; + content: none; } .insta-Feed li:nth-child(4):before, .insta-Feed li:nth-child(4) a:before, @@ -1065,513 +1185,529 @@ select.error { .insta-Feed li:nth-child(5) a:before, .insta-Feed li:nth-child(6):before, .insta-Feed li:nth-child(6) a:before { - content: none; + content: none; } .insta-Feed li img { - display: inline-block; - width: 100%; + display: inline-block; + width: 100%; } .insta-Feed li a:hover, .top-footer .block-social li a:hover { - opacity: .5; + opacity: 0.5; } .bottom-footer { - font-size: 12px; + font-size: 12px; } .block-legal { - text-align: right; + text-align: right; } .block-legal li { - display: inline-block; + display: inline-block; } .block-legal li a { - margin-right: 10px; - margin-top: 3px; - padding-right: 12px; - white-space: nowrap; - color: #cccccc; - font-size: 12px; - position: relative; + margin-right: 10px; + margin-top: 3px; + padding-right: 12px; + white-space: nowrap; + color: #cccccc; + font-size: 12px; + position: relative; } .block-legal li a:before { - content: ""; - background: #cccccc; - width: 1px; - height: 10px; - right: 0; - top: 50%; - transform: translateY(-50%); - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -o-transform: translateY(-50%); - width: 1px; - position: absolute; + content: ""; + background: #cccccc; + width: 1px; + height: 10px; + right: 0; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + width: 1px; + position: absolute; } .block-legal li:last-child a { - border-right: none; - margin-right: 0; - padding-right: 0; + border-right: none; + margin-right: 0; + padding-right: 0; } .block-legal li:last-child a:before { - content: none; + content: none; } /* End fat footer section*/ - /*Media queries*/ @media screen and (min-width: 600px) and (max-width: 800px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-speaker .block-img { - height: 300px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 100px !important; - padding-bottom: 0px !important; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-speaker .block-img { + height: 300px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 100px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } } @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .but { - padding: 11px 25px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .block-ticket .block-price { - font-size: 70px - } - .block-img { - height: 300px; - } - .accom .block-img { - height: 200px; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .but { + padding: 11px 25px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .block-ticket .block-price { + font-size: 70px; + } + .block-img { + height: 300px; + } + .accom .block-img { + height: 200px; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .main-nav ul { - display: block; - text-align: right; - } - .main-nav li { - display: inline-block; - font-size: 13.2px; - font-weight: 400; - margin-left: 35px; - } - .main-nav li a { - color: #ffffff; - display: block; - padding: 12px 0; - position: relative; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .main-nav ul { + display: block; + text-align: right; + } + .main-nav li { + display: inline-block; + font-size: 13.2px; + font-weight: 400; + margin-left: 35px; + } + .main-nav li a { + color: #ffffff; + display: block; + padding: 12px 0; + position: relative; + } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } } @media only screen and (min-width: 768px) and (max-width: 960px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .title { - font-size: 28px; - } - .but { - padding: 11px 25px; - } - .block-ticket .block-price { - font-size: 75px; - } - .sub-title-0 { - font-size: 22px; - } - .registry-form input[type="text"] { - width: 100% - } - .block-sponsor img { - width: 100%; - } - .location { - padding-top: 30px !important; - padding-bottom:0px !important; - } - .accom .block-img { - height: 200px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social li { - margin-bottom: 6px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .title { + font-size: 28px; + } + .but { + padding: 11px 25px; + } + .block-ticket .block-price { + font-size: 75px; + } + .sub-title-0 { + font-size: 22px; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-sponsor img { + width: 100%; + } + .location { + padding-top: 30px !important; + padding-bottom: 0px !important; + } + .accom .block-img { + height: 200px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social li { + margin-bottom: 6px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } } @media only screen and (min-width: 480px) and (max-width: 767px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 45px; - } - .hero-content h3 { - font-size: 35px; - } - .hero-content p { - font-size: 13px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .block-tickets li { - display: block; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .block-tab { - margin-top: 100px; - } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .registry-form .submit { - width: 90%; - } - .registry-form input[type="text"] { - width: 100% - } - .block-map { - display: none; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img::after { - content: none; - } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 45px; + } + .hero-content h3 { + font-size: 35px; + } + .hero-content p { + font-size: 13px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .block-tickets li { + display: block; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .block-tab { + margin-top: 100px; + } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .registry-form .submit { + width: 90%; + } + .registry-form input[type="text"] { + width: 100%; + } + .block-map { + display: none; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img::after { + content: none; + } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } } @media only screen and (max-width: 479px) { - input, - textarea { - -webkit-appearance: none; - -webkit-border-radius: 0; - } - .mobile-but { - display: block; - } - .main-nav ul { - display: none; - text-align: left; - } - .main-nav li { - float: none; - display: block; - margin-left: 0; - } - .main-nav li a { - display: inline-block; - padding-top: 0; - padding-bottom: 12px; - } - .main-nav li:first-child a { - padding-top: 7px; - } - .main-nav li:last-child a { - padding-bottom: 12px; - } - .main-slider .slides li { - height: 500px; - } - h1.large { - font-size: 30px; - } - .hero-content h3 { - font-size: 25px; - } - .hero-content p { - font-size: 15px; - } - .col-md-3.col-sm-3.text-right { - text-align: left; - margin-top: 10px; - } - .vertical-align { - display: block; - } - .block-tab { - margin-top: 50px; - } - .countdown { - font-size: 35px; - } - .block-tickets li { - display: block; - } - .but { - padding: 11px 20px; - } - .block-tickets.overlap { - left: auto; - margin-bottom: 20px; - margin-top: 100px; - } - .block-video { - margin-top: 20px; - } - .block-ticket { - -webkit-transform: scale(1); - opacity: 1; - } - .subscribe-form input[type="text"] { - margin-bottom: 25px; - } - .registry-form .submit{width: 100%;} - input[type="text"], .registry-form .block-select{max-width: 100%;} - .block-speaker .block-img:after { - content: none; - } - .block-tab { - margin-top: 50px; - } + input, + textarea { + -webkit-appearance: none; + -webkit-border-radius: 0; + } + .mobile-but { + display: block; + } + .main-nav ul { + display: none; + text-align: left; + } + .main-nav li { + float: none; + display: block; + margin-left: 0; + } + .main-nav li a { + display: inline-block; + padding-top: 0; + padding-bottom: 12px; + } + .main-nav li:first-child a { + padding-top: 7px; + } + .main-nav li:last-child a { + padding-bottom: 12px; + } + .main-slider .slides li { + height: 500px; + } + h1.large { + font-size: 30px; + } + .hero-content h3 { + font-size: 25px; + } + .hero-content p { + font-size: 15px; + } + .col-md-3.col-sm-3.text-right { + text-align: left; + margin-top: 10px; + } + .vertical-align { + display: block; + } + .block-tab { + margin-top: 50px; + } + .countdown { + font-size: 35px; + } + .block-tickets li { + display: block; + } + .but { + padding: 11px 20px; + } + .block-tickets.overlap { + left: auto; + margin-bottom: 20px; + margin-top: 100px; + } + .block-video { + margin-top: 20px; + } + .block-ticket { + -webkit-transform: scale(1); + opacity: 1; + } + .subscribe-form input[type="text"] { + margin-bottom: 25px; + } + .registry-form .submit { + width: 100%; + } + input[type="text"], + .registry-form .block-select { + max-width: 100%; + } + .block-speaker .block-img:after { + content: none; + } + .block-tab { + margin-top: 50px; + } - .vertical-center { - flex-direction: column; - } - .block-sponsor img { - width: 100%; - } - .block-map { - display: none; - } + .vertical-center { + flex-direction: column; + } + .block-sponsor img { + width: 100%; + } + .block-map { + display: none; + } - .col-sm-4.col-sm-offset-2.text-center { - margin-bottom: 20px; - } - .accom .row.mt-100 { - margin-top: 30px !important; - } - .top-footer .block-social { - margin-bottom: 20px; - } - .block-legal { - text-align: left; - margin-top: 5px; - } - .insta-Feed li:after, - .insta-Feed li a:after, - .insta-Feed li:before, - .insta-Feed li a:before { - content: none; - } + .col-sm-4.col-sm-offset-2.text-center { + margin-bottom: 20px; + } + .accom .row.mt-100 { + margin-top: 30px !important; + } + .top-footer .block-social { + margin-bottom: 20px; + } + .block-legal { + text-align: left; + margin-top: 5px; + } + .insta-Feed li:after, + .insta-Feed li a:after, + .insta-Feed li:before, + .insta-Feed li a:before { + content: none; + } } /*End media queries*/ -.block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: flex; - justify-content: center; - +.block-speaker .row, +.judges .row, +.schedule .row, +.clubs .row .col-sm-12, +.aboutdate .row { + display: flex; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .block-speaker .row, + .judges .row, + .schedule .row, + .clubs .row .col-sm-12, + .aboutdate .row { + display: block; + } } - -@media only screen and (max-width: 768px){ - .block-speaker .row,.judges .row,.schedule .row, .clubs .row .col-sm-12,.aboutdate .row{ - display: block; - } -} \ No newline at end of file diff --git a/index.html b/index.html index 947b19c..d2d669f 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,10 @@ + + @@ -75,6 +79,7 @@
  • Workshop
  • Prizes
  • Sponsors
  • +
  • FAQs
  • @@ -119,7 +124,7 @@

    About Meenachil / Meen Hacks V1

    experience to all those who wish to explore their areas of interest.The event is an opportunity for hackers to exchange their ideas, gain extra knowledge and to make good relations for future collaborations. We wholeheartedly invite all the technophiles to this exciting Hackathon…

    All activities are enforced with our
    -

    Code of Conduct
    +
    Code of Conduct

    @@ -218,7 +223,10 @@
    EVENT SHEDULE

    Event Prizes

    -

    We have a Total Prize Pool of 30,000 Rupees.
    Come join the world’s influencers and get answers.

    +

    We have a Total Prize Pool of 50,000 Rupees.
    Come join the world’s influencers and get answers.

    @@ -798,6 +806,107 @@

    Our Sponsors

    + +
    +

    Frequently asked Questions

    +
    +
    +
    + +

    It’s absolutely free. Well, you do need to invest your time and enthusiasm though.

    +
    +
    + +

    The application deadline is 3rd February 2021. However, we suggest you apply beforehand for priority review and advance + information.

    +
    +
    + +

    It’s super easy. We have partnered with Devfolio and it’s your one-stop platform from registration to project + submission. If you already have a team, make sure that all your team members apply as well.

    +
    +
    + +

    Not a major concern! Whatever your previous experience, it is meaningless compared to your curiosity in technology and + your desire to learn. Every volunteer and mentor is enthusiastic about making it very inviting and beginner-friendly for + all participants. We do expect you to have a basic programming knowledge in one-language though

    +
    +
    + +

    But why, when you have an amazing opportunity to test yourself? In hackathons, you cannot work, copy, or iterate on past + projects. Using your APIs or third-party APIs is allowed, as long as the project is entirely new. Try something creative + and new for KU HackFest 2021

    +
    +
    + +

    We have got you covered for your hard work. There are cash prizes, goodies, swags, certificates, API gifts, and a lot + more that await you in this hackathon.

    +
    +
    + +

    Any high school student, undergraduate student, or graduate student age 16+ can participate!

    +
    +
    + +

    Yes. Anyone who has graduated within the last 12 months is still eligible to attend an MLH Member Event hackathon. After + that, there’s plenty of non-student hackathons that exist for you to consider attending.

    +
    +
    +
    +
    + +

    A hackathon is better characterized as an 'innovation marathon'. Anyone with an interest in technology attends a + hackathon in a comfortable and accommodating environment to learn, create & share their creations over a weekend. You + don't have to be a programmer, and you don't have to be a computer science major.

    +
    +
    + +

    Major League Hacking (MLH) is the official student hackathon league. Each year, MLH powers over 200 weekend-long + invention competitions that inspire innovation, cultivate communities, and teach computer science skills to over 65,000 + students around the world. MLH is an engaged and passionate maker community, consisting of the next generation of + technology leaders and entrepreneurs.

    +
    +
    + +

    Yes, we recommend you to have a team of about 2-4 people. If you don’t have a team at the time of application, don’t + worry, we will have a special team forming session before the event where you can find new teammates from around the + world. Also, make sure to connect with us on social media beforehand to find your future teammate. Lastly, invite + friends to come to the hackathon as well. You're sure to get at least one familiar face that way.

    +
    +
    + +

    This is common. Before the event, most people do not have an idea. But you can come up with something once you talk to + other people. You can even collaborate on their concept with someone else if you want it.

    +
    +
    + +

    KU Hackfest is a 48-hour long hackathon, accounting opening and closing ceremonies, all the participants can dedicatedly + code during this time. We will let you know our final schedule in weeks approaching the event for a detailed run of a + show

    +
    +
    + +

    The best ones in the field. The panel of judges includes experienced professionals from the field of technology

    +
    +
    + +

    The application process is super easy, we promise! We want to ensure that students from a wide range of schools + and + experiences are given an equal and fair chance to participate. Furthermore, we hope that the process will + encourage our + participants to be committed to building something amazing.

    +
    +
    + +

    Don’t worry! We are here to answer your queries. Email us at contact@kuhackfest.com or reach out to us via our + social + handles (Facebook, Instagram, LinkedIn and Twitter) and we will get back to you ASAP.

    +
    +
    + +
    +
    +
    @@ -870,11 +979,11 @@

    Our Clubs

    @@ -901,6 +1010,7 @@

    Our Clubs

    + diff --git a/js/faqs.js b/js/faqs.js new file mode 100644 index 0000000..ee06d34 --- /dev/null +++ b/js/faqs.js @@ -0,0 +1,25 @@ +var coll = document.getElementsByClassName("collapsible"); + +for (var i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + // this.classList.toggle("faqs_active"); + var content = this.nextElementSibling; + content.classList.add("faqs__content__active"); + this.childNodes[1].className = "fas fa-minus"; + if (content.style.maxHeight != 0) { + content.style.maxHeight = null; + this.childNodes[1].className = "fas fa-plus"; + content.classList.remove("faqs__content__active"); + } else { + for (var j = 0; j < coll.length; ++j) { + if (coll[j].nextElementSibling.style.maxHeight != 0) { + coll[j].nextElementSibling.style.maxHeight = null; + coll[j].nextElementSibling.classList.remove("faqs__content__active"); + coll[j].childNodes[1].className = "fas fa-plus"; + break; + } + } + content.style.maxHeight = content.scrollHeight + "px"; + } + }); +}