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 @@All activities are enforced with our
-
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.
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.
+