This commit is contained in:
commit
6ec9b5e835
Binary file not shown.
|
@ -1,96 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="pt">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
|
||||
<meta content="width" name="MobileOptimized">
|
||||
<meta content="true" name="HandheldFriendly">
|
||||
<!-- Place favicon.ico in the root directory -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<title>ENEI'19 - Career Path</title>
|
||||
<meta name="description"
|
||||
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial.">
|
||||
<meta property="og:locale" content="pt_PT" />
|
||||
<meta property="og:title" content="ENEI'19 - Career Path" />
|
||||
<meta property="og:description"
|
||||
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial." />
|
||||
<meta property="og:site_name" content="ENEI'19" />
|
||||
<meta property="og:url" content="http://www.enei.pt/career-path.html" />
|
||||
<meta property="og:image" content="http://www.enei.pt/imgs/share-image.jpg" />
|
||||
<meta property="og:type" content="Website" />
|
||||
<link rel="canonical" href="http://www.enei.pt/career-path.html" />
|
||||
<link href="bootstrap-grid.css" rel="stylesheet" type="text/css" />
|
||||
<link href="main.css" rel="stylesheet" type="text/css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="main-menu">
|
||||
<nav>
|
||||
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
|
||||
<ul>
|
||||
<li><a href="/career-path.html" title="Career path">Career path</a></li>
|
||||
<li class="unavailable">Oradores</li>
|
||||
<li class="unavailable">Programa</li>
|
||||
<li><a href="#precos" title="Preços">Preços</a></li>
|
||||
<li class="unavailable">App</li>
|
||||
<li class="unavailable">Patrocinadores</li>
|
||||
<li><a href="/faqs.html" title="Faq's">Faq's</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- apresentation section -->
|
||||
<div id="apresentation">
|
||||
<img src="imgs/logo-enei.png" alt="Logótipo ENEI" width="221" height="333" class="logo-enei">
|
||||
</div>
|
||||
|
||||
<!-- social network section -->
|
||||
<aside id="social-network">
|
||||
<div class="container">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h1>Siga-nos</h1>
|
||||
<ul>
|
||||
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank"
|
||||
class="icon-facebook"></a></li>
|
||||
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank"
|
||||
class="icon-instagram"></a></li>
|
||||
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank"
|
||||
class="icon-linkedin"></a></li>
|
||||
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>© 2018 ENEI . Todos os direitos reservados</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/scripts.js"></script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src=“https://www.googletagmanager.com/gtag/js?id=UA-130588243-1“> </script> <script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag(‘js’, new Date());
|
||||
|
||||
gtag(‘config’, ‘UA - 130588243 - 1’);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,310 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="pt">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
|
||||
<meta content="width" name="MobileOptimized">
|
||||
<meta content="true" name="HandheldFriendly">
|
||||
<!-- Place favicon.ico in the root directory -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<title>Career Path - Inteligência Artificial</title>
|
||||
<meta name="description"
|
||||
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial.">
|
||||
<meta property="og:locale" content="pt_PT" />
|
||||
<meta property="og:title" content="Career Path - Inteligência Artificial" />
|
||||
<meta property="og:description"
|
||||
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial." />
|
||||
<meta property="og:site_name" content="Career Path - Inteligência Artificial" />
|
||||
<meta property="og:url" content="http://www.enei.pt/cp-inteligencia-artificial.html" />
|
||||
<meta property="og:image" content="http://www.enei.pt/imgs/share-image.jpg" />
|
||||
<meta property="og:type" content="Website" />
|
||||
<link rel="canonical" href="http://www.enei.pt/cp-inteligencia-artificial.html" />
|
||||
<link href="bootstrap-grid.css" rel="stylesheet" type="text/css" />
|
||||
<link href="main.css" rel="stylesheet" type="text/css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,600,700" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="career-path ai-color">
|
||||
<header id="main-menu">
|
||||
<nav>
|
||||
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
|
||||
<ul>
|
||||
<li><a href="#enei" title="Enei">Sobre</a></li>
|
||||
<li><a href="#calendar" title="Calendário">Calendário</a></li>
|
||||
<li><a href="#speakers" title="Speakers">Speakers</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- apresentation section -->
|
||||
<div id="apresentation">
|
||||
<div class="career-apresentation">
|
||||
<div class="career-name">Inteligência Artificial <span>Powered by:</span></div>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- enei section -->
|
||||
<section id="enei">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 col-sm-7">
|
||||
<div class="pre-h1">Career Path</div>
|
||||
<h1>Inteligência Artificial</h1>
|
||||
<hr>
|
||||
<p>O Encontro Nacional de Estudantes de Informática é um dos maiores eventos na área da tecnologia
|
||||
em
|
||||
Portugal
|
||||
reunindo estudantes de informática de todas as faculdades do país.</p>
|
||||
<p>Reconhecido pela sua qualidade e variedade de temas e atividades, tem como prioridade o contacto
|
||||
entre
|
||||
participantes e empresas, bem como a socialização, o convívio e a troca de experiências e
|
||||
conhecimentos
|
||||
entre os presentes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- calendario section -->
|
||||
<section id="calendar" class="grey">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-3">
|
||||
<h1>Calendário</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div id="calendar-container">
|
||||
<div id="event-days-list">
|
||||
<button class="selected" data-eventDay="12">12 <span>Abril</span> </button>
|
||||
<button data-eventDay="13">13 <span>Abril</span></button>
|
||||
<button data-eventDay="14">14 <span>Abril</span></button>
|
||||
<button data-eventDay="15">15 <span>Abril</span></button>
|
||||
</div>
|
||||
<div class="day-night-filter">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Diurno</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Noturno</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content-container">
|
||||
<section class="content visible" data-eventContent="12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>8:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>8:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>18:00 - 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="content" data-eventContent="13">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">Conteudo para dia (13 de Abril)</div>
|
||||
<div class="col-lg-6">Conteudo para noite (13 de Abril)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- oradores section -->
|
||||
<section id="speakers">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-3 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
|
||||
<h1>Speakers</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
|
||||
class="speaker-button">
|
||||
<div class="speaker-image">
|
||||
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
|
||||
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
|
||||
</div>
|
||||
<h2 class="speaker-name">Pedro Duarte</h2>
|
||||
<div class="speaker-company">Microsoft Corporation</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- social network section -->
|
||||
<aside id="social-network">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h2>Segue-nos</h2>
|
||||
<ul>
|
||||
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank"
|
||||
class="icon-facebook"></a></li>
|
||||
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank"
|
||||
class="icon-instagram"></a></li>
|
||||
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank"
|
||||
class="icon-linkedin"></a></li>
|
||||
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<p>© 2019 ENEI . Todos os direitos reservados</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/scripts.js"></script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130588243-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-130588243-1');
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
Binary file not shown.
|
@ -14,4 +14,9 @@
|
|||
<glyph unicode="" glyph-name="linkedin" horiz-adv-x="1027" d="M941.133 960h-855.306c-47.353 0-85.827-38.474-85.827-85.827v-855.306c0-47.353 38.474-85.827 85.827-85.827h855.306c47.353 0 85.827 38.474 85.827 85.827v855.306c0 47.353-38.474 85.827-85.827 85.827zM941.133 18.867h-855.306v855.306h855.306v-855.306zM248.601 548.624c-8.879 8.879-14.798 20.717-14.798 35.514s5.919 26.636 14.798 35.514c8.879 8.879 20.717 14.798 38.474 14.798s26.636-5.919 38.474-14.798c8.879-8.879 14.798-20.717 14.798-35.514s-5.919-26.636-14.798-38.474c-8.879-8.879-23.676-14.798-38.474-14.798-17.757 2.96-29.595 8.879-38.474 17.757zM242.682 474.636h82.867v-361.064h-82.867v361.064zM751.723 439.121c26.636-26.636 41.434-65.11 41.434-118.382v-207.168h-82.867v195.329c0 32.555-8.879 56.231-23.676 71.029s-35.514 23.676-65.11 23.676c-29.595 0-56.231-8.879-73.988-26.636s-26.636-44.393-26.636-79.908v-183.491h-82.867v361.064h79.908v-47.353c14.798 17.757 32.555 29.595 53.272 38.474s44.393 11.838 71.029 11.838c44.393 0 82.867-11.838 109.503-38.474z" />
|
||||
<glyph unicode="" glyph-name="plus" d="M992 576h-352v352c0 17.664-14.304 32-32 32h-192c-17.696 0-32-14.336-32-32v-352h-352c-17.696 0-32-14.336-32-32v-192c0-17.696 14.304-32 32-32h352v-352c0-17.696 14.304-32 32-32h192c17.696 0 32 14.304 32 32v352h352c17.696 0 32 14.304 32 32v192c0 17.664-14.304 32-32 32z" />
|
||||
<glyph unicode="" glyph-name="less" d="M32 576h960c17.696 0 32-14.336 32-32v-192c0-17.696-14.304-32-32-32h-960c-17.664 0-32 14.304-32 32v192c0 17.664 14.336 32 32 32z" />
|
||||
<glyph unicode="" glyph-name="clock" d="M576 512v192h-128v-320h256v128zM512 960c-282.75 0-512-229.25-512-512s229.25-512 512-512 512 229.25 512 512-229.25 512-512 512zM512 64c-212.062 0-384 171.938-384 384s171.938 384 384 384 384-171.938 384-384-171.938-384-384-384z" />
|
||||
<glyph unicode="" glyph-name="location" d="M512 960c-212.062 0-384-171.938-384-384s384-640 384-640 384 427.938 384 640-171.938 384-384 384zM512 320c-141.376 0-256 114.624-256 256s114.624 256 256 256 256-114.624 256-256-114.624-256-256-256zM512 704c-70.688 0-128-57.312-128-128s57.312-128 128-128 128 57.312 128 128-57.312 128-128 128z" />
|
||||
<glyph unicode="" glyph-name="company" d="M716.8 704h102.4v-716.8h-614.4v716.8h102.4v51.2c0 56.554 45.846 102.4 102.4 102.4v0h204.8c56.554 0 102.4-45.846 102.4-102.4v0-51.2zM870.4 704h51.2c56.554 0 102.4-45.846 102.4-102.4v0-512c0-56.554-45.846-102.4-102.4-102.4v0h-51.2v716.8zM153.6 704v-716.8h-51.2c-56.554 0-102.4 45.846-102.4 102.4v0 512c0 56.32 46.080 102.4 102.4 102.4h51.2zM409.6 755.2v-51.2h204.8v51.2h-204.8z" />
|
||||
<glyph unicode="" glyph-name="linkedin_speaker" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h832c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 128h-128v448h128v-448zM320 640c-35.4 0-64 28.6-64 64s28.6 64 64 64c35.4 0 64-28.6 64-64s-28.6-64-64-64zM832 128h-128v256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-256h-128v448h128v-79.4c26.4 36.2 66.8 79.4 112 79.4 79.6 0 144-71.6 144-160v-288z" />
|
||||
<glyph unicode="" glyph-name="linkedin1" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h832c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 128h-128v448h128v-448zM320 640c-35.4 0-64 28.6-64 64s28.6 64 64 64c35.4 0 64-28.6 64-64s-28.6-64-64-64zM832 128h-128v256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-256h-128v448h128v-79.4c26.4 36.2 66.8 79.4 112 79.4 79.6 0 144-71.6 144-160v-288z" />
|
||||
</font></defs></svg>
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
After Width: | Height: | Size: 56 KiB |
|
@ -39,8 +39,9 @@
|
|||
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
|
||||
<ul>
|
||||
<li><a href="#enei" title="Enei">Enei</a></li>
|
||||
<li class="unavailable">Career Path</li>
|
||||
<li><a href="#calendar" title="Programa">Programa</a></li>
|
||||
<li class="unavailable">Oradores</li>
|
||||
<li class="unavailable">Programa</li>
|
||||
<li><a href="#precos" title="Preços">Preços</a></li>
|
||||
<li class="unavailable">App</li>
|
||||
<!-- <li><a href="#ctf" title="Faq's">CTF</li> -->
|
||||
|
@ -50,8 +51,7 @@
|
|||
</nav>
|
||||
</header>
|
||||
<!-- apresentation section -->
|
||||
<div id="apresentation" class="">
|
||||
<!-- <img src="imgs/logo-enei.png" alt="Logótipo ENEI" width="221" height="333" class="logo-enei"> -->
|
||||
<div id="apresentation" class="main-landing">
|
||||
<svg version="1.1" id="logo-enei" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px" y="0px" viewBox="0 0 225 335" style="enable-background:new 0 0 225 335;" xml:space="preserve">
|
||||
<path id="linha" d="M220.7,5.4L5.6,63v269.1l215.2-57.6V5.4z" />
|
||||
|
@ -113,14 +113,314 @@
|
|||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- career path section -->
|
||||
<!-- <section id="career-path">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
|
||||
<h1>career Path</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-2 ai">
|
||||
<a href="cp-inteligencia-artificial.html" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Inteligência Artificial</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 web">
|
||||
<a href="#" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Web Development</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 ai">
|
||||
<a href="#" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Inteligência Artificial</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 web">
|
||||
<a href="#" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Web Development</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 ai">
|
||||
<a href="#" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Inteligência Artificial</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 web">
|
||||
<a href="#" title="Carrer Path X" class="career-path-links">
|
||||
<h2>Web Development</h2>
|
||||
<span class="separator"></span>
|
||||
<span class="powered-by">Powered by:</span>
|
||||
<img src="imgs/blip-sponsor.png" alt="Blip Image">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- calendario section -->
|
||||
<section id="calendar" class="grey">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-lg-offset-3">
|
||||
<h1>Programa Geral</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div id="calendar-container">
|
||||
<div id="event-days-list">
|
||||
<button class="selected" data-eventDay="12">12 <span>Abril</span> </button>
|
||||
<button data-eventDay="13">13 <span>Abril</span></button>
|
||||
<button data-eventDay="14">14 <span>Abril</span></button>
|
||||
<button data-eventDay="15">15 <span>Abril</span></button>
|
||||
</div>
|
||||
<div class="day-night-filter">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Diurno</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Noturno</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content-container">
|
||||
<section class="content visible" data-eventContent="12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>8:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<a href="#" target="_blank" class="event-location"><span
|
||||
class="icon-linkedin_speaker"></span>Linkedin</a>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>8:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<a href="#" target="_blank" class="event-location"><span
|
||||
class="icon-linkedin_speaker"></span>Linkedin</a>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>18:00 - 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<a href="#" target="_blank" class="event-location"><span
|
||||
class="icon-linkedin_speaker"></span>Linkedin</a>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content" data-eventContent="13">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>8:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<a href="#" target="_blank" class="event-location"><span
|
||||
class="icon-linkedin_speaker"></span>Linkedin</a>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>18:00 - 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content" data-eventContent="14">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>9:00 - 10:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>19:00 - 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content" data-eventContent="15">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>10:00 - 11:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>20:00 - 19:00
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<div class="event-location"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span
|
||||
class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- precos section -->
|
||||
<section id="precos">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-10 col-lg-offset-1 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
|
||||
<div class="col-lg-6 col-lg-offset-3 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
|
||||
<div class="pre-h1">ENEI'19</div>
|
||||
<h1>Preços</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-10 col-lg-offset-1 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
|
||||
<div class="price-block">
|
||||
<div class="type">Normal</div>
|
||||
<div>
|
||||
|
@ -172,10 +472,10 @@
|
|||
</section> -->
|
||||
|
||||
<!-- sponsors section -->
|
||||
<section id="sponsors">
|
||||
<section id="sponsors" class="grey">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
|
||||
<div class="col-lg-6 col-lg-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
|
||||
<h1>Main Sponsor</h1>
|
||||
<hr>
|
||||
</div>
|
||||
|
@ -195,13 +495,14 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
|
||||
<div
|
||||
class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
|
||||
<a href="http://www.novabase.pt/pt" title="Novabase" target="_blank" class="sponsor-image"><img
|
||||
src="imgs/novaBase-sponsor.jpg" alt="Novabase Image"></a>
|
||||
<a href="https://blip.pt/" title="Blip" target="_blank" class="sponsor-image"><img
|
||||
src="imgs/blip-sponsor.png" alt="Blip Image"></a>
|
||||
<!-- <a href="https://www2.deloitte.com" title="Deloitte." target="_blank" class="sponsor-image"><img
|
||||
src="imgs/deloitte-sponsor.png" alt="Deloitte Image"></a> -->
|
||||
<a href="https://www2.deloitte.com" title="Deloitte." target="_blank" class="sponsor-image"><img
|
||||
src="imgs/deloitte-sponsor.png" alt="Deloitte Image"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -83,11 +83,38 @@ if (cookie) {
|
|||
*/
|
||||
// end cookies code
|
||||
|
||||
// functionalitys of calendar
|
||||
function calendarFunctionality() {
|
||||
var dayButtons = document.getElementById("event-days-list");
|
||||
var daySelected = null;
|
||||
var contentVisible = null;
|
||||
|
||||
if (dayButtons) {
|
||||
dayButtons.querySelectorAll("button").forEach(function (button) {
|
||||
button.addEventListener("click", function () {
|
||||
daySelected = this.getAttribute("data-eventday");
|
||||
contentVisible = document.getElementById("content-container").querySelector(".content[data-eventContent='" + daySelected + "']");
|
||||
// actions on links
|
||||
document.getElementById("event-days-list").querySelector(".selected").classList.remove("selected");
|
||||
this.classList.add("selected");
|
||||
// actions on content
|
||||
document.getElementById("content-container").querySelector(".visible").classList.remove("visible");
|
||||
contentVisible.classList.add("visible");
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
calendarFunctionality();
|
||||
|
||||
// inicial animation
|
||||
setTimeout(function () {
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
if (document.querySelector(".main-landing")) {
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}
|
||||
}, 1200);
|
||||
|
||||
// main menu anchors
|
||||
|
|
513
website/main.css
513
website/main.css
|
@ -71,6 +71,7 @@
|
|||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
transition: color 150ms ease;
|
||||
|
@ -90,18 +91,30 @@
|
|||
color: #ffffff;
|
||||
}
|
||||
|
||||
.icon-plus:before {
|
||||
content: "";
|
||||
.icon-linkedin_speaker:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-less:before {
|
||||
content: "";
|
||||
.icon-company:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-clock:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-location:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-email:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-instagram:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-facebook:before {
|
||||
content: "";
|
||||
}
|
||||
|
@ -110,8 +123,16 @@
|
|||
content: "";
|
||||
}
|
||||
|
||||
.icon-instagram:before {
|
||||
content: "";
|
||||
.icon-menu:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-plus:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.icon-less:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -138,6 +159,16 @@ body {
|
|||
width: 100%;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
section,
|
||||
|
@ -168,13 +199,6 @@ img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-family: "Bai Jamjuree";
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 38px;
|
||||
line-height: 34px;
|
||||
|
@ -218,6 +242,14 @@ h2 {
|
|||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 20px;
|
||||
|
@ -366,7 +398,7 @@ select {
|
|||
}
|
||||
|
||||
hr {
|
||||
width: 60%;
|
||||
width: 55%;
|
||||
height: 1px;
|
||||
background-color: #eeeeee;
|
||||
margin-bottom: 30px;
|
||||
|
@ -389,6 +421,10 @@ hr::after {
|
|||
background-color: #cc1a17;
|
||||
}
|
||||
|
||||
.grey {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
#error-message {
|
||||
font-size: 115px;
|
||||
line-height: 140px;
|
||||
|
@ -617,11 +653,14 @@ hr::after {
|
|||
background: url("imgs/coimbra-image.jpg") no-repeat center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#apresentation::after {
|
||||
#apresentation.main-landing {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#apresentation.main-landing::after {
|
||||
content: " ";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -634,25 +673,25 @@ hr::after {
|
|||
transition: opacity 150ms ease-out;
|
||||
}
|
||||
|
||||
#apresentation.animated {
|
||||
#apresentation.main-landing.animated {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#apresentation.animated::after {
|
||||
#apresentation.main-landing.animated::after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#apresentation.animated #logo-enei {
|
||||
#apresentation.main-landing.animated #logo-enei {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#apresentation.animated #linha {
|
||||
#apresentation.main-landing.animated #linha {
|
||||
fill: #000000;
|
||||
-webkit-animation: none;
|
||||
animation: none;
|
||||
}
|
||||
|
||||
#apresentation.animated .letras-logo {
|
||||
#apresentation.main-landing.animated .letras-logo {
|
||||
fill: #ffffff;
|
||||
-webkit-animation: none;
|
||||
animation: none;
|
||||
|
@ -875,7 +914,6 @@ hr::after {
|
|||
#programa hr {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#programa hr::after {
|
||||
|
@ -895,7 +933,6 @@ hr::after {
|
|||
#precos hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
#precos hr::after {
|
||||
|
@ -1128,7 +1165,7 @@ hr::after {
|
|||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 14px;
|
||||
color: #CC1A17;
|
||||
color: #cc1a17;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
border: 1px solid #eeeeee;
|
||||
|
@ -1199,14 +1236,12 @@ hr::after {
|
|||
}
|
||||
|
||||
#sponsors {
|
||||
background-color: #eeeeee;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#sponsors hr {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
|
@ -1374,4 +1409,430 @@ footer p {
|
|||
#tab-container .tab.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#career-path {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#career-path hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
}
|
||||
|
||||
#career-path hr::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#career-path h2 {
|
||||
color: #ffffff;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#career-path .powered-by {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: #ffffff;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#career-path .separator {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 40%;
|
||||
height: 1px;
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#career-path .career-path-links {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#career-path .career-path-links::after {
|
||||
content: "";
|
||||
width: calc(100% + 8px);
|
||||
height: calc(100% + 8px);
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -5px;
|
||||
border: 1px solid red;
|
||||
-webkit-transform: skewX(-5deg);
|
||||
transform: skewX(-5deg);
|
||||
left: -5px;
|
||||
left: -5px;
|
||||
-webkit-transition: border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
|
||||
transition: border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
|
||||
transition: transform 150ms ease-in-out, border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out;
|
||||
transition: transform 150ms ease-in-out, border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
|
||||
}
|
||||
|
||||
#career-path .career-path-links:hover:after {
|
||||
-webkit-transform: skewX(0);
|
||||
transform: skewX(0);
|
||||
border-width: 2px;
|
||||
top: -6px;
|
||||
left: -6px;
|
||||
}
|
||||
|
||||
#career-path .career-path-links img {
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
max-width: 70%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#career-path .ai .career-path-links {
|
||||
background-color: #17cc70;
|
||||
}
|
||||
|
||||
#career-path .ai .career-path-links::after {
|
||||
border-color: #17cc70;
|
||||
}
|
||||
|
||||
#career-path .web .career-path-links {
|
||||
background-color: #004994;
|
||||
}
|
||||
|
||||
#career-path .web .career-path-links::after {
|
||||
border-color: #004994;
|
||||
}
|
||||
|
||||
#speakers {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#speakers hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
}
|
||||
|
||||
#speakers hr::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#calendar h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#calendar hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
background-color: #353535;
|
||||
}
|
||||
|
||||
#calendar hr::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.career-apresentation {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.career-apresentation .career-name {
|
||||
font-size: 46px;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.career-apresentation .career-name span {
|
||||
font-size: 22px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.career-apresentation img {
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
max-width: 250px;
|
||||
margin: 35px auto 0;
|
||||
}
|
||||
|
||||
.career-path #apresentation::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.speaker-button {
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.speaker-button:hover .speaker-image::before {
|
||||
border-color: #17cc70;
|
||||
}
|
||||
|
||||
.speaker-button:hover .speaker-image::after {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.speaker-button:hover .company-image {
|
||||
opacity: 1;
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.speaker-button .speaker-image {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
display: table;
|
||||
margin: 0 auto 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.speaker-button .speaker-image::before {
|
||||
content: "";
|
||||
width: calc(100% + 8px);
|
||||
height: calc(100% + 8px);
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: -6px;
|
||||
border: 2px solid #353535;
|
||||
-webkit-transition: border-color 150ms ease-in-out;
|
||||
transition: border-color 150ms ease-in-out;
|
||||
}
|
||||
|
||||
.speaker-button .speaker-image::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
-webkit-transition: opacity 150ms ease-in-out;
|
||||
transition: opacity 150ms ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.speaker-button .company-image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
width: 82%;
|
||||
z-index: 1;
|
||||
-webkit-transition: opacity 150ms ease-in-out, width 150ms ease-in-out;
|
||||
transition: opacity 150ms ease-in-out, width 150ms ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.speaker-button .speaker-name {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
color: #353535;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.speaker-button .speaker-company {
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
/* CAREER PATH COLORS */
|
||||
.ai-color #main-menu nav ul li a:hover,
|
||||
.ai-color #event-days-list button.selected,
|
||||
.ai-color #event-days-list button:hover,
|
||||
.ai-color #content-container h2,
|
||||
.ai-color #social-network ul li a:hover,
|
||||
.ai-color #content-container .event-description:hover {
|
||||
color: #17cc70;
|
||||
}
|
||||
|
||||
.ai-color #main-menu nav ul li a::after,
|
||||
.ai-color #apresentation::after,
|
||||
.ai-color hr::after,
|
||||
.ai-color #calendar-container .event-details::before {
|
||||
background-color: #17cc70;
|
||||
}
|
||||
|
||||
#calendar-container .event-details::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 0px;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #cc1a17;
|
||||
}
|
||||
|
||||
#calendar-container .event-data {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#calendar-container .event-data:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#calendar-container .event-data h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#event-days-list {
|
||||
border-bottom: 1px solid #353535;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#event-days-list button {
|
||||
width: 25%;
|
||||
padding: 20px 0;
|
||||
background-color: transparent;
|
||||
color: #353535;
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
-webkit-transition: color 150ms ease, -webkit-transform 150ms ease;
|
||||
transition: color 150ms ease, -webkit-transform 150ms ease;
|
||||
transition: color 150ms ease, transform 150ms ease;
|
||||
transition: color 150ms ease, transform 150ms ease, -webkit-transform 150ms ease;
|
||||
}
|
||||
|
||||
#event-days-list button:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
#event-days-list button.selected {
|
||||
color: #cc1a17;
|
||||
}
|
||||
|
||||
#event-days-list button.selected:hover {
|
||||
cursor: default;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
#event-days-list button:hover {
|
||||
color: #cc1a17;
|
||||
-webkit-transform: scale(1.02);
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
#event-days-list button span {
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.day-night-filter {
|
||||
border-bottom: 1px solid #353535;
|
||||
}
|
||||
|
||||
.day-night-filter button {
|
||||
width: 50%;
|
||||
padding: 30px 0;
|
||||
border-right: 1px solid #353535;
|
||||
}
|
||||
|
||||
.day-night-filter button:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.day-night-filter .half-day {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
color: #353535;
|
||||
font-size: 27px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#content-container {
|
||||
padding: 30px 30px 0;
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
#content-container .content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content-container .content.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#content-container .event-description {
|
||||
font-family: "Bai Jamjuree";
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
background-color: transparent;
|
||||
color: #353535;
|
||||
-webkit-transition: color 150ms ease;
|
||||
transition: color 150ms ease;
|
||||
}
|
||||
|
||||
#content-container .event-description:hover {
|
||||
color: #cc1a17;
|
||||
}
|
||||
|
||||
#content-container .event-description span {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#content-container section {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#content-container h2 {
|
||||
font-size: 23px;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
#content-container h3 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#content-container .event-location {
|
||||
color: #353535;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#content-container .event-location span {
|
||||
margin-right: 10px;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#content-container a.event-location:hover {
|
||||
color: #cc1a17;
|
||||
}
|
||||
|
||||
#content-container .event-time {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#content-container .container-speaker-image::after {
|
||||
content: " ";
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -5,7 +5,10 @@ $grey: #777777;
|
|||
$light-grey: #eeeeee;
|
||||
$dark-grey: #353535;
|
||||
$red: #cc1a17;
|
||||
$light-red: #ff2923;
|
||||
$dark-blue: #080014;
|
||||
$ai-color: #17cc70;
|
||||
$web-color: #004994;
|
||||
|
||||
//dimensions
|
||||
$mobile: 769px;
|
||||
|
@ -121,6 +124,10 @@ $bold: 700;
|
|||
//icons
|
||||
$icomoon-font-path: "fonts" !default;
|
||||
|
||||
$icon-linkedin_speaker: "\e90a";
|
||||
$icon-company: "\e909";
|
||||
$icon-clock: "\e907";
|
||||
$icon-location: "\e908";
|
||||
$icon-email: "\e902";
|
||||
$icon-instagram: "\e900";
|
||||
$icon-facebook: "\e901";
|
||||
|
@ -128,6 +135,7 @@ $icon-linkedin: "\e904";
|
|||
$icon-menu: "\e903";
|
||||
$icon-plus: "\e905";
|
||||
$icon-less: "\e906";
|
||||
$icon-linkedin1: "\eac9";
|
||||
|
||||
@font-face {
|
||||
font-family: "icomoon";
|
||||
|
@ -147,6 +155,7 @@ $icon-less: "\e906";
|
|||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
transition: color $standard-animation-time ease;
|
||||
|
@ -166,14 +175,24 @@ $icon-less: "\e906";
|
|||
color: $white;
|
||||
}
|
||||
|
||||
.icon-plus {
|
||||
.icon-linkedin_speaker {
|
||||
&:before {
|
||||
content: $icon-plus;
|
||||
content: $icon-linkedin_speaker;
|
||||
}
|
||||
}
|
||||
.icon-less {
|
||||
.icon-company {
|
||||
&:before {
|
||||
content: $icon-less;
|
||||
content: $icon-company;
|
||||
}
|
||||
}
|
||||
.icon-clock {
|
||||
&:before {
|
||||
content: $icon-clock;
|
||||
}
|
||||
}
|
||||
.icon-location {
|
||||
&:before {
|
||||
content: $icon-location;
|
||||
}
|
||||
}
|
||||
.icon-email {
|
||||
|
@ -181,6 +200,11 @@ $icon-less: "\e906";
|
|||
content: $icon-email;
|
||||
}
|
||||
}
|
||||
.icon-instagram {
|
||||
&:before {
|
||||
content: $icon-instagram;
|
||||
}
|
||||
}
|
||||
.icon-facebook {
|
||||
&:before {
|
||||
content: $icon-facebook;
|
||||
|
@ -191,9 +215,19 @@ $icon-less: "\e906";
|
|||
content: $icon-linkedin;
|
||||
}
|
||||
}
|
||||
.icon-instagram {
|
||||
.icon-menu {
|
||||
&:before {
|
||||
content: $icon-instagram;
|
||||
content: $icon-menu;
|
||||
}
|
||||
}
|
||||
.icon-plus {
|
||||
&:before {
|
||||
content: $icon-plus;
|
||||
}
|
||||
}
|
||||
.icon-less {
|
||||
&:before {
|
||||
content: $icon-less;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -220,6 +254,18 @@ body {
|
|||
width: 100%;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
font-family: $mont-font, sans-serif;
|
||||
font-weight: $regular;
|
||||
}
|
||||
|
||||
button {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
section,
|
||||
|
@ -240,13 +286,6 @@ img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-family: $mont-font;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 38px;
|
||||
line-height: 34px;
|
||||
|
@ -278,6 +317,14 @@ h2 {
|
|||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
font-weight: $bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
@include font($mont-font, 20px, 32px, $grey);
|
||||
@include portable {
|
||||
|
@ -360,10 +407,10 @@ select {
|
|||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.vertically-aligned{
|
||||
.vertically-aligned {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
@ -397,7 +444,7 @@ select {
|
|||
}
|
||||
|
||||
hr {
|
||||
@include size(60%, 1px);
|
||||
@include size(55%, 1px);
|
||||
background-color: $light-grey;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
|
@ -412,6 +459,10 @@ hr {
|
|||
}
|
||||
}
|
||||
|
||||
.grey {
|
||||
background-color: $light-grey;
|
||||
}
|
||||
|
||||
#error-message {
|
||||
font-size: 115px;
|
||||
line-height: 140px;
|
||||
|
@ -570,10 +621,12 @@ hr {
|
|||
background: url("imgs/coimbra-image.jpg") no-repeat center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
&.main-landing {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
&::after {
|
||||
&.main-landing::after {
|
||||
content: " ";
|
||||
@include position(fixed, 0, null, null, 0);
|
||||
@include size(100%, 100%);
|
||||
|
@ -581,7 +634,7 @@ hr {
|
|||
opacity: 1;
|
||||
transition: opacity 150ms ease-out;
|
||||
}
|
||||
&.animated {
|
||||
&.main-landing.animated {
|
||||
z-index: 0;
|
||||
&::after {
|
||||
opacity: 0;
|
||||
|
@ -736,7 +789,6 @@ hr {
|
|||
hr {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
&::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
@ -754,7 +806,6 @@ hr {
|
|||
hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
width: 40%;
|
||||
&::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
@ -898,17 +949,14 @@ hr {
|
|||
}
|
||||
}
|
||||
|
||||
#ctf{
|
||||
background-image: url("imgs/image.png");
|
||||
#ctf {
|
||||
background-image: url("imgs/image.png");
|
||||
text-align: center;
|
||||
|
||||
|
||||
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
margin-top: 80px;
|
||||
margin-bottom: 50px;
|
||||
|
||||
}
|
||||
.button-ctf {
|
||||
&:hover {
|
||||
|
@ -917,18 +965,13 @@ hr {
|
|||
color: $grey;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.prectf-h1{
|
||||
|
||||
.prectf-h1 {
|
||||
@include font($mont-font, 20px, 22px, $grey);
|
||||
font-weight: $semi-bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom:100px;
|
||||
margin-bottom: 100px;
|
||||
@include portable {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
@ -937,21 +980,18 @@ hr {
|
|||
}
|
||||
color: #cc1a17;
|
||||
}
|
||||
.button-ctf{
|
||||
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 14px;
|
||||
color: #CC1A17;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
border: 1px solid #eeeeee;
|
||||
padding: 20px 40px;
|
||||
margin: 200;
|
||||
transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
|
||||
-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
|
||||
|
||||
|
||||
.button-ctf {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 14px;
|
||||
color: #cc1a17;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
border: 1px solid #eeeeee;
|
||||
padding: 20px 40px;
|
||||
margin: 200;
|
||||
transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
|
||||
-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
|
||||
}
|
||||
#faqs,
|
||||
#tickets {
|
||||
|
@ -1007,12 +1047,10 @@ hr {
|
|||
}
|
||||
|
||||
#sponsors {
|
||||
background-color: $light-grey;
|
||||
text-align: center;
|
||||
hr {
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
width: 60%;
|
||||
background-color: $dark-grey;
|
||||
&::after {
|
||||
left: 50%;
|
||||
|
@ -1031,7 +1069,7 @@ hr {
|
|||
filter: grayscale(0);
|
||||
transform: scale(1.03);
|
||||
}
|
||||
@include mobile{
|
||||
@include mobile {
|
||||
max-width: 160px;
|
||||
margin: 40px 15px 0;
|
||||
}
|
||||
|
@ -1041,10 +1079,10 @@ hr {
|
|||
font-size: 30px;
|
||||
line-height: 26px;
|
||||
margin-top: 75px;
|
||||
@include portable{
|
||||
@include portable {
|
||||
font-size: 27px;
|
||||
}
|
||||
@include mobile{
|
||||
@include mobile {
|
||||
font-size: 23px;
|
||||
}
|
||||
}
|
||||
|
@ -1140,3 +1178,360 @@ footer {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#career-path {
|
||||
text-align: center;
|
||||
hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
&::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
color: $white;
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.powered-by {
|
||||
@include font($mont-font, 16px, 20px, $white);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.separator {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
@include size(40%, 1px);
|
||||
background-color: $white;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.career-path-links {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
display: inline-block;
|
||||
&::after {
|
||||
content: "";
|
||||
@include size(calc(100% + 8px), calc(100% + 8px));
|
||||
@include position(absolute, -5px, null, null, -5px);
|
||||
border: 1px solid red;
|
||||
-webkit-transform: skewX(-5deg);
|
||||
transform: skewX(-5deg);
|
||||
left: -5px;
|
||||
left: -5px;
|
||||
transition: transform $transition-time ease-in-out, border-width $transition-time ease-in-out,
|
||||
top $transition-time ease-in-out, border-width $transition-time ease-in-out;
|
||||
}
|
||||
&:hover:after {
|
||||
-webkit-transform: skewX(0);
|
||||
transform: skewX(0);
|
||||
border-width: 2px;
|
||||
top: -6px;
|
||||
left: -6px;
|
||||
}
|
||||
|
||||
img {
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
max-width: 70%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.ai {
|
||||
.career-path-links {
|
||||
background-color: $ai-color;
|
||||
&::after {
|
||||
border-color: $ai-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.web {
|
||||
.career-path-links {
|
||||
background-color: $web-color;
|
||||
&::after {
|
||||
border-color: $web-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#speakers {
|
||||
text-align: center;
|
||||
hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
&::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#calendar {
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
hr {
|
||||
display: table;
|
||||
margin: 0 auto 60px;
|
||||
background-color: #353535;
|
||||
&::after {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.career-apresentation {
|
||||
z-index: 1;
|
||||
@include position(absolute, 50%, null, null, 50%);
|
||||
transform: translate(-50%, -50%);
|
||||
.career-name {
|
||||
font-size: 46px;
|
||||
font-weight: $bold;
|
||||
color: $white;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
span {
|
||||
font-size: 22px;
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
img {
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
max-width: 250px;
|
||||
margin: 35px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.career-path {
|
||||
#apresentation {
|
||||
&::after {
|
||||
content: " ";
|
||||
@include position(absolute, 0, null, null, 0);
|
||||
@include size(100%, 100%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.speaker-button {
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
.speaker-image::before {
|
||||
border-color: $ai-color;
|
||||
}
|
||||
.speaker-image::after {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.company-image {
|
||||
opacity: 1;
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
.speaker-image {
|
||||
@include size(200px, 200px);
|
||||
display: table;
|
||||
margin: 0 auto 20px;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: "";
|
||||
@include size(calc(100% + 8px), calc(100% + 8px));
|
||||
@include position(absolute, -6px, null, null, -6px);
|
||||
border: 2px solid $dark-grey;
|
||||
transition: border-color $transition-time ease-in-out;
|
||||
}
|
||||
&::after {
|
||||
content: " ";
|
||||
@include position(absolute, 0, null, null, 0);
|
||||
@include size(100%, 100%);
|
||||
background-color: $white;
|
||||
transition: opacity $transition-time ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.company-image {
|
||||
@include position(absolute, 50%, null, null, 50%);
|
||||
transform: translate(-50%, -50%);
|
||||
width: 82%;
|
||||
z-index: 1;
|
||||
transition: opacity $transition-time ease-in-out, width $transition-time ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
.speaker-name {
|
||||
font-weight: $bold;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
color: $dark-grey;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.speaker-company {
|
||||
font-weight: $semi-bold;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
|
||||
/* CAREER PATH COLORS */
|
||||
.ai-color {
|
||||
#main-menu nav ul li a:hover,
|
||||
#event-days-list button.selected,
|
||||
#event-days-list button:hover,
|
||||
#content-container h2,
|
||||
#social-network ul li a:hover,
|
||||
#content-container .event-description:hover {
|
||||
color: $ai-color;
|
||||
}
|
||||
#main-menu nav ul li a::after,
|
||||
#apresentation::after,
|
||||
hr::after,
|
||||
#calendar-container .event-details::before {
|
||||
background-color: $ai-color;
|
||||
}
|
||||
}
|
||||
|
||||
#calendar-container {
|
||||
.event-details {
|
||||
&::before {
|
||||
content: " ";
|
||||
@include position(absolute, 5px, null, null, 0px);
|
||||
@include size(1px, 100%);
|
||||
background-color: $red;
|
||||
}
|
||||
}
|
||||
.event-data {
|
||||
margin-top: 50px;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#event-days-list {
|
||||
border-bottom: 1px solid $dark-grey;
|
||||
display: flex;
|
||||
button {
|
||||
width: 25%;
|
||||
padding: 20px 0;
|
||||
background-color: transparent;
|
||||
color: $dark-grey;
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
transition: color $transition-time ease, transform $transition-time ease;
|
||||
&:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
&.selected {
|
||||
color: $red;
|
||||
&:hover {
|
||||
cursor: default;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
color: $red;
|
||||
transform: scale(1.02);
|
||||
}
|
||||
span {
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.day-night-filter {
|
||||
border-bottom: 1px solid $dark-grey;
|
||||
button {
|
||||
width: 50%;
|
||||
padding: 30px 0;
|
||||
border-right: 1px solid $dark-grey;
|
||||
|
||||
&:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
.half-day {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
color: $dark-grey;
|
||||
font-size: 27px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
#content-container {
|
||||
padding: 30px 30px 0;
|
||||
color: $dark-grey;
|
||||
.content {
|
||||
display: none;
|
||||
&.visible {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.event-description {
|
||||
font-family: $mont-font;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
background-color: transparent;
|
||||
color: $dark-grey;
|
||||
transition: color $transition-time ease;
|
||||
&:hover {
|
||||
color: $red;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
section {
|
||||
padding: 0;
|
||||
}
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
color: $red;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
h3 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.event-location {
|
||||
color: $dark-grey;
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
a.event-location:hover{
|
||||
color: $red;
|
||||
}
|
||||
.event-time {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.container-speaker-image {
|
||||
&::after {
|
||||
content: " ";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue