carregamento de conteudos no programa
This commit is contained in:
Filipe
parent
acc8b17bab
commit
113552c918
|
|
@ -348,32 +348,22 @@
|
|||
</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">
|
||||
<div class="col-lg-4 col-xs-6">
|
||||
<p>© 2019 ENEI . Todos os direitos reservados</p>
|
||||
</div>
|
||||
<div class="col-lg-8 col-xs-6">
|
||||
<ul id="social-network">
|
||||
<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>
|
||||
</footer>
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -18,5 +18,6 @@
|
|||
<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="clipboard" horiz-adv-x="725" d="M658.852-64h-592.967c-36.443 0-65.885 29.442-65.885 65.782v793.814c0 36.34 29.442 65.679 65.885 65.679h164.713v-68.459h-131.77c-18.221 0-32.943-14.721-32.943-32.84v-725.252c0-18.221 14.721-32.84 32.943-32.84h527.082c18.221 0 32.943 14.618 32.943 32.84v725.252c0 18.221-14.721 32.84-32.943 32.84h-131.77v68.562h164.713c36.34 0 65.885-29.442 65.885-65.679v-793.814c0-36.443-29.545-65.885-65.885-65.885zM230.598 595.573h362.369v-32.84h-362.369v32.84zM230.598 496.951h362.369v-32.84h-362.369v32.84zM230.598 398.329h362.369v-32.84h-362.369v32.84zM230.598 299.707h362.369v-32.84h-362.369v32.84zM592.967 69.623h-362.369v32.84h362.369v-32.84zM230.598 201.085h362.369v-32.84h-362.369v32.84zM131.77 596.293h32.943v-32.84h-32.943v32.84zM131.77 497.671h32.943v-32.84h-32.943v32.84zM131.77 399.049h32.943v-32.84h-32.943v32.84zM131.77 300.427h32.943v-32.84h-32.943v32.84zM164.713 70.241h-32.943v32.84h32.943v-32.84zM131.77 201.806h32.943v-32.84h-32.943v32.84zM560.024 757.918c18.221 0 32.943-14.721 32.943-32.943 0-18.118 0-63.723 0-63.723h-461.196c0 0 0 45.502 0 63.723s14.721 32.943 32.943 32.943h98.828c0 0 0.412 46.737 0.412 100.166 0 55.488 42.825 101.916 98.416 101.916s99.96-48.796 99.96-102.225c0-57.547-1.132-99.857-1.132-99.857h98.828zM362.369 861.378c-18.221 0-32.943-14.721-32.943-32.84 0-18.221 14.721-32.84 32.943-32.84s32.943 14.721 32.943 32.84c0 18.118-14.721 32.84-32.943 32.84z" />
|
||||
<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: 6.1 KiB After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -131,10 +131,10 @@
|
|||
<div class="col-lg-12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Diurno</div>
|
||||
<div class="half-day">Manhã</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="half-day">Noturno</div>
|
||||
<div class="half-day">Tarde</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -144,20 +144,20 @@
|
|||
---- modelo ----
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Palestra sobre a fome em África</h2>
|
||||
<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>
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft Corporation</div>
|
||||
<a href="#" target="_blank" class="event-details"><span class="icon-linkedin_speaker"></span>Linkedin</a>
|
||||
<div class="event-details"><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>
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft Corporation</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Edíficio Gerais (G1)</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição</button>
|
||||
</div> -->
|
||||
<div id="content-container">
|
||||
<section class="content visible" data-eventContent="12">
|
||||
<section class="content" data-eventContent="12">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="col-lg-6 col-lg-offset-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>14:00 - 17:30</div>
|
||||
|
|
@ -173,7 +173,7 @@
|
|||
<div class="col-lg-8 event-details">
|
||||
<h2>Abertura</h2>
|
||||
<h3>Grupo de Fado Maio e Isecotuna</h3>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
|
|
@ -182,11 +182,9 @@
|
|||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Jantar</h2>
|
||||
<div class="event-location"><span class="icon-location"></span>Cantina</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Cantina</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>22:00 - 01:00</div>
|
||||
|
|
@ -194,7 +192,7 @@
|
|||
<div class="col-lg-8 event-details">
|
||||
<h2>Festarola</h2>
|
||||
<h3>DJ 24 Bar</h3>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
|
|
@ -204,13 +202,13 @@
|
|||
<div class="col-lg-8 event-details">
|
||||
<h2>Festarola</h2>
|
||||
<h3>DJ Nuka</h3>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content" data-eventContent="13">
|
||||
<section class="content visible" data-eventContent="13">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
|
|
@ -227,7 +225,7 @@
|
|||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Pequeno-Almoço</h2>
|
||||
<div class="event-location"><span class="icon-location"></span>Cantina</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Cantina</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
|
|
@ -235,17 +233,17 @@
|
|||
<div class="event-time"></span>10:00 - 11:00</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<div class="event-type">Palestra</div>
|
||||
<h2>Será que o Picasso tinha razão?</h2>
|
||||
<h3>Miguel Gonçalves</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>Spark</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Auditório 1</div>
|
||||
<div class="event-details"><span class="icon-company"></span>Spark</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Auditório 1</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
<div class="event-type">Palestra</div>
|
||||
<h2>Do we need Smarter Cities? Why?</h2>
|
||||
<h3>Pedro Carvalho</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>Altice Labs</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Auditório 2</div>
|
||||
<div class="event-details"><span class="icon-company"></span>Altice Labs</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Auditório 2</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -254,13 +252,13 @@
|
|||
<div class="event-time"></span>11:15 - 12:15</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<div class="event-type">Workshop</div>
|
||||
<h2>CV, entrevistas, tech challenges e outros terrores</h2>
|
||||
<h3>Andrei Motta</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>Landing Jobs</div>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-company"></span>Landing Jobs</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
<p>Requisitos: Computador Pessoal</p>
|
||||
<div class="event-details"><span class="icon-clipboard"></span>Computador Pessoal</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row event-data">
|
||||
|
|
@ -269,45 +267,35 @@
|
|||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Almoço</h2>
|
||||
<div class="event-location"><span class="icon-location"></span>Cantina</div>
|
||||
<div class="event-details"><span class="icon-location"></span>Cantina</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>14:30 - 15:30</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<div class="event-type">Palestra</div>
|
||||
<h2>FALTA</h2>
|
||||
<h3>Pedro Duarte</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>FALTA</div>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-company"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
<h2>FALTA</h2>
|
||||
<div class="event-type">Palestra</div>
|
||||
<h2>Sistemas Críticos para o Espaço</h2>
|
||||
<h3>José Silva</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>SRON Netherlands Institute for Space Research</div>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-company"></span>SRON Netherlands Institute for Space Research</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
<div class="event-type">Workshop</div>
|
||||
<h2>O mercado de trabalho tech europeu - know your sh*t</h2>
|
||||
<h3>Andrei Motta</h3>
|
||||
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
|
||||
<div class="event-location"><span class="icon-company"></span>Landing Jobs</div>
|
||||
<div class="event-location"><span class="icon-location"></span>FALTA</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição FALTA</button>
|
||||
<p>Requisitos: Computador Pessoal</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row event-data">
|
||||
<div class="col-lg-4">
|
||||
<div class="event-time"></span>08:00 - 10:30
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 event-details">
|
||||
<h2>Pequeno-Almoço</h2>
|
||||
<div class="event-location"><span class="icon-location"></span>Cantina</div>
|
||||
<div class="event-details"><span class="icon-company"></span>Landing Jobs</div>
|
||||
<div class="event-details"><span class="icon-location"></span>FALTA</div>
|
||||
<div class="event-details"><span class="icon-clipboard"></span>Computador Pessoal</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -324,9 +312,9 @@
|
|||
<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
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
<div class="event-details"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição</button>
|
||||
|
||||
|
|
@ -343,9 +331,9 @@
|
|||
<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
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
<div class="event-details"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
|
|
@ -364,9 +352,9 @@
|
|||
<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
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
<div class="event-details"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div>
|
||||
<button class="event-description"><span class="arrow">➔</span>Descrição</button>
|
||||
|
||||
|
|
@ -383,9 +371,9 @@
|
|||
<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
|
||||
<div class="event-details"><span class="icon-company"></span>Microsoft
|
||||
Corporation</div>
|
||||
<div class="event-location"><span class="icon-location"></span>Edíficio
|
||||
<div class="event-details"><span class="icon-location"></span>Edíficio
|
||||
Gerais (G1)</div> <button class="event-description"><span class="arrow">➔</span>Descrição</button>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -84,11 +84,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.getElementById("apresentation")) {
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}
|
||||
}, 1200);
|
||||
|
||||
// main menu anchors
|
||||
|
|
@ -180,32 +207,34 @@ function openPage(pageName, elmnt, color) {
|
|||
var i, tabcontent, tablinks;
|
||||
tabcontent = document.getElementsByClassName("tabcontent");
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
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= "";
|
||||
|
||||
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();
|
||||
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
|
||||
if (document.getElementById("defaultOpen")) {
|
||||
document.getElementById("defaultOpen").click();
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
718
website/main.css
718
website/main.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
$black: #000000;
|
||||
$white: #ffffff;
|
||||
$grey: #777777;
|
||||
|
|
@ -124,6 +123,7 @@ $bold: 700;
|
|||
//icons
|
||||
$icomoon-font-path: "fonts" !default;
|
||||
|
||||
$icon-clipboard: "\e90b";
|
||||
$icon-linkedin_speaker: "\e90a";
|
||||
$icon-company: "\e909";
|
||||
$icon-clock: "\e907";
|
||||
|
|
@ -178,6 +178,32 @@ $icon-linkedin1: "\eac9";
|
|||
}
|
||||
}
|
||||
|
||||
.icon-clipboard {
|
||||
font-size: 20px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.icon-linkedin_speaker {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.icon-company {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.icon-clock {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.icon-location {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.icon-clipboard {
|
||||
&:before {
|
||||
content: $icon-clipboard;
|
||||
}
|
||||
}
|
||||
.icon-linkedin_speaker {
|
||||
&:before {
|
||||
content: $icon-linkedin_speaker;
|
||||
|
|
@ -233,6 +259,11 @@ $icon-linkedin1: "\eac9";
|
|||
content: $icon-less;
|
||||
}
|
||||
}
|
||||
.icon-linkedin1 {
|
||||
&:before {
|
||||
content: $icon-linkedin1;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
|
|
@ -323,7 +354,7 @@ h2 {
|
|||
h3 {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: $bold;
|
||||
font-weight: $bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px;
|
||||
color: $dark-grey;
|
||||
|
|
@ -1448,9 +1479,6 @@ footer {
|
|||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
h2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#event-days-list {
|
||||
|
|
@ -1541,21 +1569,23 @@ footer {
|
|||
line-height: 28px;
|
||||
color: $red;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
h3 {
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 7px;
|
||||
font-size: 19px;
|
||||
}
|
||||
.event-location {
|
||||
.event-details {
|
||||
color: $dark-grey;
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 8px;
|
||||
display: block;
|
||||
line-height: 18px;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
transition: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
a.event-location:hover {
|
||||
a.event-details:hover {
|
||||
color: $red;
|
||||
}
|
||||
.event-time {
|
||||
|
|
@ -1569,6 +1599,23 @@ footer {
|
|||
content: " ";
|
||||
}
|
||||
}
|
||||
|
||||
.event-type {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
display: table;
|
||||
margin-bottom: 7px;
|
||||
padding: 2px 10px;
|
||||
background-color: $red;
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin-top: 40px;
|
||||
&:first-child{
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#institucional-support {
|
||||
|
|
@ -1593,7 +1640,7 @@ footer {
|
|||
@include portable {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@include mobile{
|
||||
@include mobile {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
|
@ -1629,419 +1676,413 @@ footer {
|
|||
}
|
||||
.quinta-das-lagrimas {
|
||||
width: auto;
|
||||
max-width: 88px;
|
||||
max-width: 120px;
|
||||
@include mobile {
|
||||
max-width: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.ctf-header {
|
||||
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 10%;
|
||||
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 10%;
|
||||
|
||||
.ctf-top10 {
|
||||
width: 40%;
|
||||
margin: 0 auto;
|
||||
.ctf-top10 {
|
||||
width: 40%;
|
||||
margin: 0 auto;
|
||||
|
||||
padding: 0;
|
||||
.top-title {
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 5%;
|
||||
}
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.about-top {
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
margin: 2%;
|
||||
}
|
||||
padding: 0;
|
||||
.top-title {
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 5%;
|
||||
}
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
td {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.about-top {
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
margin: 2%;
|
||||
}
|
||||
}
|
||||
.container-app {
|
||||
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
|
||||
height: 40% !important;
|
||||
|
||||
|
||||
.header-app {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
float: none;
|
||||
padding: 10px;
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
float: none;
|
||||
padding: 10px;
|
||||
h1 {
|
||||
line-height: 50px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
line-height: 50px;
|
||||
padding-top: 9rem !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
padding-bottom: 2rem !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
h3 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
padding-bottom: 2rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding-top: 9rem !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
padding-bottom: 2rem !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
h3 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
padding-bottom: 2rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.image-holder-app {
|
||||
}
|
||||
.image-holder-app {
|
||||
img {
|
||||
max-width: 80%;
|
||||
|
||||
margin: 0 auto;
|
||||
max-width: 80%;
|
||||
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.app-row {
|
||||
}
|
||||
.app-row {
|
||||
background-color: white;
|
||||
}
|
||||
.section {
|
||||
}
|
||||
.section {
|
||||
padding: 70px 0;
|
||||
}
|
||||
.light-bg {
|
||||
}
|
||||
.light-bg {
|
||||
background-color: white;
|
||||
}
|
||||
.darker-bg {
|
||||
}
|
||||
.darker-bg {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.section-title {
|
||||
}
|
||||
.section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
h3 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
small {
|
||||
color: #998a9b;
|
||||
color: #998a9b;
|
||||
}
|
||||
}
|
||||
.card-features {
|
||||
}
|
||||
.card-features {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 90%;
|
||||
flex-direction: column;
|
||||
width: 90%;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.card-body {
|
||||
}
|
||||
.card-body {
|
||||
&:hover {
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
transform: translateY(-0.25em);
|
||||
transition: all 0.3s ease;
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
transform: translateY(-0.25em);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
padding: 1.25rem;
|
||||
background-color: white;
|
||||
width: 23%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 2px solid #cc1a17;
|
||||
|
||||
|
||||
.card-title {
|
||||
color: #cc1a17;
|
||||
margin: 10px 0;
|
||||
color: #cc1a17;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.card-text {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.login-app {
|
||||
}
|
||||
|
||||
.login-app {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
|
||||
img {
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
}
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
//border-bottom: 2px solid #cc1a17;
|
||||
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
flex-direction: column;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-login {
|
||||
}
|
||||
.container-login {
|
||||
// margin-top: 5rem;
|
||||
width: 40%;
|
||||
padding: 5%;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
color: #cc1a17;
|
||||
margin: 0 auto;
|
||||
color: #cc1a17;
|
||||
}
|
||||
.text-login {
|
||||
margin-top: 1rem;
|
||||
p {
|
||||
margin: 20px 0px;
|
||||
color: white;
|
||||
}
|
||||
margin-top: 1rem;
|
||||
p {
|
||||
margin: 20px 0px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.features-app {
|
||||
}
|
||||
|
||||
.features-app {
|
||||
width: 100%;
|
||||
padding: 5% 15%;
|
||||
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 5% 3%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
background-color: #eeeeee;
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.subtitle {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Style tab links */
|
||||
.tablink {
|
||||
background-color: #e3e3e3;
|
||||
|
||||
color: #000000;
|
||||
float: left;
|
||||
//border-top: 2px solid #cc1a17;
|
||||
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 30px 20px;
|
||||
font-size: 17px;
|
||||
width: 16.665%;
|
||||
.active {
|
||||
color: red;
|
||||
}
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tablink:hover {
|
||||
/// background-color: #777;
|
||||
}
|
||||
|
||||
/* Style the tab content (and add height:100% for full page content) */
|
||||
.tabcontent {
|
||||
color: white;
|
||||
display: none;
|
||||
padding: 100px 20px;
|
||||
padding-bottom: 0px;
|
||||
height: 100%;
|
||||
background: white;
|
||||
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 20px 20px;
|
||||
flex: 1;
|
||||
// display: flex!important;
|
||||
}
|
||||
|
||||
img {
|
||||
padding: 40px;
|
||||
width: 30%;
|
||||
height: 30%;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tabDetails {
|
||||
padding: 5% 3%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.tabText {
|
||||
h2 {
|
||||
color: #cc1a17;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h3 {
|
||||
color: black;
|
||||
}
|
||||
p {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.download-app {
|
||||
|
||||
background-color: #eeeeee;
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.subtitle {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Style tab links */
|
||||
.tablink {
|
||||
background-color: #e3e3e3;
|
||||
|
||||
color: #000000;
|
||||
float: left;
|
||||
//border-top: 2px solid #cc1a17;
|
||||
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 30px 20px;
|
||||
font-size: 17px;
|
||||
width: 16.665%;
|
||||
.active {
|
||||
color: red;
|
||||
}
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.tablink:hover {
|
||||
/// background-color: #777;
|
||||
}
|
||||
|
||||
/* Style the tab content (and add height:100% for full page content) */
|
||||
.tabcontent {
|
||||
color: white;
|
||||
display: none;
|
||||
padding: 100px 20px;
|
||||
padding-bottom: 0px;
|
||||
height: 100%;
|
||||
background: white;
|
||||
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 20px 20px;
|
||||
flex: 1;
|
||||
// display: flex!important;
|
||||
}
|
||||
|
||||
img {
|
||||
padding: 40px;
|
||||
width: 30%;
|
||||
height: 30%;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tabDetails {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.tabText {
|
||||
h2 {
|
||||
color: #cc1a17;
|
||||
padding-top: 20px;
|
||||
}
|
||||
h3 {
|
||||
color: black;
|
||||
}
|
||||
p {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.download-app {
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
// padding: 20px;
|
||||
// height: 70vh;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
padding: 20px 0;
|
||||
}
|
||||
// height: 70vh;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
padding: 20px 0;
|
||||
}
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.left {
|
||||
width: 100%;
|
||||
padding: 5rem;
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 1rem;
|
||||
|
||||
width: 100%;
|
||||
padding: 5rem;
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
h3 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
color: white;
|
||||
color: white;
|
||||
}
|
||||
.buttons {
|
||||
margin-top: 2rem;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.button-app {
|
||||
border: 1px solid white;
|
||||
padding: 20px 20px;
|
||||
margin: 20px;
|
||||
|
||||
border-radius: 3px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
@media screen and (max-width: $mobile) {
|
||||
//padding: 20px;
|
||||
|
||||
margin-top: 2rem;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.button-logo {
|
||||
color: white;
|
||||
font-size: 60px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.button-text {
|
||||
color: white;
|
||||
}
|
||||
color: blue;
|
||||
/* First we need to help some browsers along for this to work.
|
||||
}
|
||||
|
||||
.button-app {
|
||||
border: 1px solid white;
|
||||
padding: 20px 20px;
|
||||
margin: 20px;
|
||||
|
||||
border-radius: 3px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
@media screen and (max-width: $mobile) {
|
||||
//padding: 20px;
|
||||
}
|
||||
|
||||
.button-logo {
|
||||
color: white;
|
||||
font-size: 60px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.button-text {
|
||||
color: white;
|
||||
}
|
||||
color: blue;
|
||||
/* First we need to help some browsers along for this to work.
|
||||
Just because a vendor prefix is there, doesn't mean it will
|
||||
work in a browser made by that vendor either, it's just for
|
||||
future-proofing purposes I guess. */
|
||||
-o-transition: 0.5s;
|
||||
-ms-transition: 0.5s;
|
||||
-moz-transition: 0.5s;
|
||||
-webkit-transition: 0.5s;
|
||||
/* ...and now for the proper property */
|
||||
transition: 0.5s;
|
||||
&:hover {
|
||||
background-color: #cc1a17;
|
||||
}
|
||||
-o-transition: 0.5s;
|
||||
-ms-transition: 0.5s;
|
||||
-moz-transition: 0.5s;
|
||||
-webkit-transition: 0.5s;
|
||||
/* ...and now for the proper property */
|
||||
transition: 0.5s;
|
||||
&:hover {
|
||||
background-color: #cc1a17;
|
||||
}
|
||||
}
|
||||
.button-android {
|
||||
border: 1px solid white;
|
||||
padding: 30px 40px;
|
||||
margin: 20px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
border: 1px solid white;
|
||||
padding: 30px 40px;
|
||||
margin: 20px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.warning-app {
|
||||
}
|
||||
|
||||
.warning-app {
|
||||
background-color: #eeeeee;
|
||||
padding: 20px;
|
||||
}
|
||||
.explain-qr{
|
||||
}
|
||||
.explain-qr {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
|
||||
img {
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
margin: 20px;
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
margin: 20px;
|
||||
}
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
//border-bottom: 2px solid #cc1a17;
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mobile) {
|
||||
flex-direction: column;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
h3{
|
||||
color:white;
|
||||
h3 {
|
||||
color: white;
|
||||
margin: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.ctf-explain{
|
||||
.ctf-explain {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue