This commit is contained in:
henrydays 2019-04-01 15:50:08 +01:00
parent d29f0ba2cb
commit 8bf918f7a5
2 changed files with 310 additions and 44 deletions

View File

@ -175,37 +175,3 @@ $(window).scroll(function () {
});
function openPage(pageName, elmnt, color) {
// Hide all elements with class="tabcontent" by default */
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Remove the background color of all tablinks/buttons
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
tablinks[i].style.color = "";
tablinks[i].style.borderTop= "0px";
tablinks[i].style.fontWeight= "";
}
// Show the specific tab content
document.getElementById(pageName).style.display = "block";
// Add the specific color to the button used to open the tab content
elmnt.style.backgroundColor = color;
elmnt.style.color="#CC1A17";
elmnt.style.borderTop= "2px solid #cc1a17";
elmnt.style.borderRadius="2px"
elmnt.style.fontWeight="bold"
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

View File

@ -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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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">&#10132;</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>
@ -166,16 +466,15 @@
<h1>Capture the flag</h1>
<a class="button-ctf" href="ctf.html" title="Comprar" target="_blank">Começar</a>
<h1></h1>
</div>
</div>
</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 +494,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>