app
|
@ -150,10 +150,16 @@ const Stack = createStackNavigator({
|
|||
|
||||
if (navigation.state.routes[index].routeName == 'Jogo') {
|
||||
return {
|
||||
header: (<View style={{backgroundColor:'#CC1A17', padding:15}}>
|
||||
<Text style={{textAlign:'center', alignSelf:'center', color:'white', fontSize:20, fontWeight:'bold'}}>Jogo do ENEI'19</Text>
|
||||
</View>)
|
||||
|
||||
headerTitle: (<Text style={{
|
||||
textAlign:'center',
|
||||
color:'#CC1A17',
|
||||
width:'100%',
|
||||
fontWeight:'bold',
|
||||
fontSize:25,
|
||||
|
||||
|
||||
}}>Jogo do ENEI'19</Text>)
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
|
@ -592,7 +592,7 @@ class Home extends Component {
|
|||
/>
|
||||
</View>
|
||||
</View>
|
||||
{this.props.team.ativa || this.props.team.eventId==3 && <TouchableOpacity onPress={() => navigate("teamDetail")} style={{ backgroundColor: 'green' }}><Text style={{ color: 'white', fontSize: 17, fontWeight: 'bold', margin: 10, textAlign: 'center' }}>Ver o progresso da equipa </Text></TouchableOpacity>
|
||||
{(this.props.team.ativa || this.props.team.eventId==3 ) && <TouchableOpacity onPress={() => navigate("teamDetail")} style={{ backgroundColor: 'green' }}><Text style={{ color: 'white', fontSize: 17, fontWeight: 'bold', margin: 10, textAlign: 'center' }}>Ver o progresso da equipa </Text></TouchableOpacity>
|
||||
}
|
||||
{!this.props.team.ativa && this.props.team.eventId==1 &&<TouchableOpacity onPress={() => navigate("teamDetail")} style={{ backgroundColor: 'orange' }}><Text style={{ color: 'white', fontSize: 17, fontWeight: 'bold', margin: 10, textAlign: 'center' }}>Deves efectuar o pagamento</Text></TouchableOpacity>
|
||||
}</View>
|
||||
|
|
|
@ -36,7 +36,10 @@ import {RkButton,
|
|||
this.setState({code:e.data});
|
||||
this.props.scanQrCode({UserQR:this.props.user.Code, ScanQR: e.data},this.props.internalToken);
|
||||
|
||||
setTimeout(()=> this.scanner.reactivate(),
|
||||
setTimeout(()=> {
|
||||
if(this.scanner!=null)
|
||||
this.scanner.reactivate()
|
||||
},
|
||||
2000
|
||||
)
|
||||
};
|
||||
|
|
|
@ -160,7 +160,7 @@ export function getCromos(user, tokenInternal) {
|
|||
})
|
||||
.catch(p => {
|
||||
console.log(p);
|
||||
Alert.alert("ERRO!", "erro a obter os eventos");
|
||||
Alert.alert("ERRO!", "Erro a obter os cromos.");
|
||||
});
|
||||
|
||||
dispatch({
|
||||
|
|
|
@ -19,22 +19,39 @@ namespace api.Controllers
|
|||
|
||||
public mvcController(DataContext context, UserManager<User> userManager)
|
||||
{
|
||||
_context = context;
|
||||
_context = context;
|
||||
_userManager = userManager;
|
||||
}
|
||||
|
||||
|
||||
[HttpGet("")]
|
||||
[AllowAnonymous]
|
||||
public IActionResult landingPage() {
|
||||
public IActionResult landingPage()
|
||||
{
|
||||
|
||||
return View("Views/Landing/index.cshtml");
|
||||
}
|
||||
|
||||
|
||||
|
||||
[HttpGet("/app")]
|
||||
[AllowAnonymous]
|
||||
public IActionResult appPage()
|
||||
{
|
||||
|
||||
return View("Views/Landing/app.cshtml");
|
||||
}
|
||||
|
||||
|
||||
[HttpGet("/ctf")]
|
||||
[AllowAnonymous]
|
||||
public IActionResult ctfPage() {
|
||||
|
||||
return View("Views/Landing/ctf.cshtml");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
|
@ -0,0 +1,398 @@
|
|||
<!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</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" />
|
||||
<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/" />
|
||||
<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/" />
|
||||
<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">
|
||||
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
|
||||
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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">Enei</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> -->
|
||||
<li><a href="#sponsors" title="Sponsors">Sponsors</a></li>
|
||||
<li><a href="#faqs" title="Faq's">Faq's</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<header class="bg-gradient">
|
||||
<div class="container-app">
|
||||
<div class="header-app">
|
||||
<h1>Aplicação ENEI 2019</h1>
|
||||
<h3>Esta aplicação vai-te acompanhar durante todo o evento, melhorando drásticamente a interação com as
|
||||
empresas e atividades.</h3>
|
||||
</div>
|
||||
<div class="image-holder-app">
|
||||
|
||||
<img src="imgs/header.png" alt="phone" class="img-fluid">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="section darker-bg">
|
||||
|
||||
<div class="section-title">
|
||||
<h3>conhece as</h3>
|
||||
<h2>principais funcionalidades</h2>
|
||||
</div>
|
||||
<div class="card-features">
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="card-title">
|
||||
Jogo do ENEI
|
||||
</h3>
|
||||
|
||||
<p class="card-text">Nesta página podes encontrar as tuas informações pessoais, o que tens direito com o
|
||||
teu bilhete, e ainda as tuas equipas</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="card-title">
|
||||
Inscrições em palestras
|
||||
</h3>
|
||||
<p class="card-text">Através da aplicação é ainda possível fazer inscrições nas palestras e workshops
|
||||
</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="card-title">
|
||||
Calendário
|
||||
</h3>
|
||||
<p class="card-text">Acompanha todas as palestras e os seus detalhes através da app.</p>
|
||||
<p class="card-text">Possui ainda a localização da palestra no campus.</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="card-title">
|
||||
Criar equipas
|
||||
</h3>
|
||||
<p class="card-text">Faz um simples scan e adiciona os teus amigos à tua equipa!!</p>
|
||||
<p class="card-text">Caso sejas o capitão da equipa, podes ainda alterar o nome e remover elementos.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="login-app">
|
||||
|
||||
<img src="imgs/p.png" alt="phone" class="img-fluid">
|
||||
<div class="container-login">
|
||||
<h1>Como usar a APP?</h1>
|
||||
<div class="text-login">
|
||||
<p>Para utilizares a app deves possuir um bilhete.</p>
|
||||
<p>No momento de compra do bilhete recebeste um email com o bilhete, esse bilhete possuí um QR code.
|
||||
</p>
|
||||
<p>O login na app é feito usando esse QR code</p>
|
||||
<p>Para obteres a password, deves efectuar reset através da APP, ou preenchendo o campo a baixo.</p>
|
||||
<form>
|
||||
|
||||
<input type="email" placeholder="Introduz o teu email">
|
||||
<input type="button" data-bind="click: buy" value="RESET PASSWORD">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container features-app ">
|
||||
|
||||
<h3 class="subtitle">descobre as </h3>
|
||||
<h1>Páginas da aplicação</h1>
|
||||
|
||||
|
||||
<button class="tablink" onclick="openPage('Home', this, 'white')" id="defaultOpen">Home</button>
|
||||
<button class="tablink" onclick="openPage('teams', this, 'white')">Equipas</button>
|
||||
<button class="tablink" onclick="openPage('events', this, 'white')">Eventos</button>
|
||||
<button class="tablink" onclick="openPage('game', this, 'white')">Jogo do ENEI</button>
|
||||
<button class="tablink" onclick="openPage('calendar', this, 'white')">Calendário</button>
|
||||
<button class="tablink" onclick="openPage('sign', this, 'white')">Inscrições </button>
|
||||
|
||||
<div id="Home" class="tabcontent">
|
||||
|
||||
<div class="tabDetails">
|
||||
<img src="imgs/home.png" alt="phone">
|
||||
<div class="tabText">
|
||||
<h2>Home</h2>
|
||||
<h3>Página inicial e de perfil.</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque
|
||||
pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet
|
||||
mattis ante. Ut placerat dui eu nulla congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem
|
||||
placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque
|
||||
pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet
|
||||
mattis ante. Ut placerat dui eu nulla congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem
|
||||
placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor,</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="teams" class="tabcontent">
|
||||
<h3>Equipas</h3>
|
||||
<p>equipas!</p>
|
||||
</div>
|
||||
|
||||
<div id="events" class="tabcontent">
|
||||
<h3>Eventos</h3>
|
||||
<p>Eventos.</p>
|
||||
</div>
|
||||
|
||||
<div id="game" class="tabcontent">
|
||||
<h3>Jogo do enei</h3>
|
||||
<p>Jogo.</p>
|
||||
</div>
|
||||
<div id="calendar" class="tabcontent">
|
||||
<h3>Calendário</h3>
|
||||
<p>calendar.</p>
|
||||
</div>
|
||||
<div id="sign" class="tabcontent">
|
||||
<h3>Inscrições</h3>
|
||||
<p>Inscrições</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="download-app">
|
||||
<div class="left">
|
||||
<h1>Faz já o download da aplicação</h1>
|
||||
<h3>Aplicação disponível nas típicas lojas de aplicações.</h3>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1457702417&mt=8">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-apple"></i>
|
||||
</div>
|
||||
<div class="button-text">
|
||||
<h3>Available on the</h3>
|
||||
<h2>App Store</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://play.google.com/store/apps/details?id=pt.enei">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-google-play"></i>
|
||||
</div>
|
||||
<div class="button-text">
|
||||
<h3>Available on the</h3>
|
||||
<h2>Play Store</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- faqs section -->
|
||||
<section id="faqs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="pre-h1">Perguntas Frequentes</div>
|
||||
<h1>Faq</h1>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<ul id="accordion">
|
||||
<li>
|
||||
<a href="#" title="O que é o ENEI?" rel="nofollow" class="toggle">O que é o ENEI?</a>
|
||||
<div class="content-accordion">
|
||||
<p>O Encontro Nacional de Estudantes de Informática (ENEI) é um evento que 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.
|
||||
</p>
|
||||
|
||||
<p>Esta versão do evento também incluirá os tradicionais momentos de diversão noturnos
|
||||
que
|
||||
muito apelam a todos os participantes das antigas edições e são uma excelente via de
|
||||
networking e transferência de conhecimento!</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Onde me posso inscrever?" rel="nofollow" class="toggle">Onde me posso
|
||||
inscrever?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Podes adquirir o teu bilhete <a href="https://tickets.enei.pt" title="Aqui">AQUI</a>.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Quando é que o programa vai estar disponível?" rel="nofollow"
|
||||
class="toggle">Quando é que o programa vai estar disponível?</a>
|
||||
<div class="content-accordion">
|
||||
<p>O programa vai sendo lançado nas próximas semanas de forma iterativa.</p>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Quem pode participar no evento?" rel="nofollow" class="toggle">Quem pode
|
||||
participar no evento?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Podem participar no ENEI'19 todos os estudantes do Ensino Superior ou Secundário.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Tenho acesso a todas as sessões?" rel="nofollow" class="toggle">Tenho
|
||||
acesso a todas as sessões?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Não, as palestras e workshops necessitam de inscrições visto que têm lugares
|
||||
limitados.</p>
|
||||
<p>Brevemente poderás te inscrever na aplicação móvel do ENEI'19!</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul id="accordion">
|
||||
<li>
|
||||
<a href="#" title="O que é o ENEI?" rel="nofollow" class="toggle">O que é o ENEI?</a>
|
||||
<div class="content-accordion">
|
||||
<p>O Encontro Nacional de Estudantes de Informática (ENEI) é um evento que 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.
|
||||
</p>
|
||||
|
||||
<p>Esta versão do evento também incluirá os tradicionais momentos de diversão noturnos
|
||||
que
|
||||
muito apelam a todos os participantes das antigas edições e são uma excelente via de
|
||||
networking e transferência de conhecimento!</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Onde me posso inscrever?" rel="nofollow" class="toggle">Onde me posso
|
||||
inscrever?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Podes adquirir o teu bilhete <a href="https://tickets.enei.pt" title="Aqui">AQUI</a>.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Quando é que o programa vai estar disponível?" rel="nofollow"
|
||||
class="toggle">Quando é que o programa vai estar disponível?</a>
|
||||
<div class="content-accordion">
|
||||
<p>O programa vai sendo lançado nas próximas semanas de forma iterativa.</p>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Quem pode participar no evento?" rel="nofollow" class="toggle">Quem pode
|
||||
participar no evento?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Podem participar no ENEI'19 todos os estudantes do Ensino Superior ou Secundário.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" title="Tenho acesso a todas as sessões?" rel="nofollow" class="toggle">Tenho
|
||||
acesso a todas as sessões?</a>
|
||||
<div class="content-accordion">
|
||||
<p>Não, as palestras e workshops necessitam de inscrições visto que têm lugares
|
||||
limitados.</p>
|
||||
<p>Brevemente poderás te inscrever na aplicação móvel do ENEI'19!</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.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>
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -197,7 +197,7 @@
|
|||
<h3>Aplicação disponível nas típicas lojas de aplicações.</h3>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#">
|
||||
<a href="https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1457702417&mt=8">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-apple"></i>
|
||||
|
@ -209,7 +209,7 @@
|
|||
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<a href="https://play.google.com/store/apps/details?id=pt.enei">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-google-play"></i>
|
||||
|
|
Before Width: | Height: | Size: 265 KiB |
Before Width: | Height: | Size: 262 KiB |
Before Width: | Height: | Size: 263 KiB |
Before Width: | Height: | Size: 266 KiB |
Before Width: | Height: | Size: 267 KiB |
Before Width: | Height: | Size: 260 KiB |
Before Width: | Height: | Size: 262 KiB |
Before Width: | Height: | Size: 262 KiB |
Before Width: | Height: | Size: 264 KiB |
Before Width: | Height: | Size: 264 KiB |
Before Width: | Height: | Size: 131 KiB |
Before Width: | Height: | Size: 69 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 113 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 113 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 76 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 428 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 339 KiB |
Before Width: | Height: | Size: 334 KiB |
Before Width: | Height: | Size: 482 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 196 KiB |
Before Width: | Height: | Size: 306 KiB |
Before Width: | Height: | Size: 461 KiB |
Before Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 95 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 356 KiB |
Before Width: | Height: | Size: 306 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 161 KiB |
Before Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 75 KiB |
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 355 KiB |
Before Width: | Height: | Size: 107 KiB |
Before Width: | Height: | Size: 400 KiB |
Before Width: | Height: | Size: 524 KiB |
Before Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 157 KiB |
Before Width: | Height: | Size: 131 KiB |
Before Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 43 KiB |
|
@ -1,3 +1,4 @@
|
|||
|
||||
/***** FUNTIONS *****/
|
||||
|
||||
// Set the date we're counting down to
|
||||
|
@ -83,38 +84,11 @@ 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 () {
|
||||
if (document.querySelector(".main-landing")) {
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}, 1200);
|
||||
|
||||
// main menu anchors
|
||||
|
@ -199,4 +173,39 @@ $(window).scroll(function () {
|
|||
|
||||
changeMainMenu(scroll);
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
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();
|
||||
|
||||
|
||||
|
|
|
@ -1670,7 +1670,351 @@ footer {
|
|||
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;
|
||||
h1 {
|
||||
line-height: 50px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
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 {
|
||||
img {
|
||||
max-width: 80%;
|
||||
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.app-row {
|
||||
background-color: white;
|
||||
}
|
||||
.section {
|
||||
padding: 70px 0;
|
||||
}
|
||||
.light-bg {
|
||||
background-color: white;
|
||||
}
|
||||
.darker-bg {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
h3 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
small {
|
||||
color: #998a9b;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.card-body {
|
||||
&:hover {
|
||||
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;
|
||||
}
|
||||
.card-text {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.login-app {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
img {
|
||||
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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-login {
|
||||
// margin-top: 5rem;
|
||||
width: 40%;
|
||||
padding: 5%;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
}
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
color: #cc1a17;
|
||||
}
|
||||
.text-login {
|
||||
margin-top: 1rem;
|
||||
p {
|
||||
margin: 20px 0px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
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;
|
||||
}
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
width: 100%;
|
||||
padding: 5rem;
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 1rem;
|
||||
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
h3 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
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;
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.button-android {
|
||||
border: 1px solid white;
|
||||
padding: 30px 40px;
|
||||
margin: 20px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.warning-app {
|
||||
background-color: #eeeeee;
|
||||
padding: 20px;
|
||||
}
|
||||
.explain-qr{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
|
|
|
@ -197,7 +197,7 @@
|
|||
<h3>Aplicação disponível nas típicas lojas de aplicações.</h3>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#">
|
||||
<a href="https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1457702417&mt=8">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-apple"></i>
|
||||
|
@ -209,7 +209,7 @@
|
|||
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<a href="https://play.google.com/store/apps/details?id=pt.enei">
|
||||
<div class="button-app">
|
||||
<div class="button-logo">
|
||||
<i class="fab fa-google-play"></i>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
|
||||
/***** FUNTIONS *****/
|
||||
|
||||
// Set the date we're counting down to
|
||||
|
@ -83,38 +84,11 @@ 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 () {
|
||||
if (document.querySelector(".main-landing")) {
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}
|
||||
document.getElementById("apresentation").classList.add("animated");
|
||||
}, 1200);
|
||||
|
||||
// main menu anchors
|
||||
|
@ -199,4 +173,39 @@ $(window).scroll(function () {
|
|||
|
||||
changeMainMenu(scroll);
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
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();
|
||||
|
||||
|
||||
|
|
339
website/main.css
|
@ -1737,6 +1737,345 @@ footer p {
|
|||
margin: 2%;
|
||||
}
|
||||
|
||||
.container-app {
|
||||
background-image: linear-gradient(0deg, #d02e2c 20%, #e1494e 100%);
|
||||
height: 40% !important;
|
||||
}
|
||||
.container-app .header-app {
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.container-app .header-app {
|
||||
width: 100%;
|
||||
float: none;
|
||||
padding: 10px;
|
||||
}
|
||||
.container-app .header-app h1 {
|
||||
line-height: 50px;
|
||||
}
|
||||
.container-app .header-app img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.container-app .header-app h1 {
|
||||
padding-top: 9rem !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
padding-bottom: 2rem !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
.container-app .header-app h3 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
padding-bottom: 2rem !important;
|
||||
}
|
||||
|
||||
.image-holder-app img {
|
||||
max-width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.app-row {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 70px 0;
|
||||
}
|
||||
|
||||
.light-bg {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.darker-bg {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.section-title h3 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.section-title small {
|
||||
color: #998a9b;
|
||||
}
|
||||
|
||||
.card-features {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.card-features {
|
||||
width: 90%;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 1.25rem;
|
||||
background-color: white;
|
||||
width: 23%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 2px solid #cc1a17;
|
||||
}
|
||||
.card-body:hover {
|
||||
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
|
||||
transform: translateY(-0.25em);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.card-body .card-title {
|
||||
color: #cc1a17;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.card-body .card-text {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.card-body {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.login-app {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
}
|
||||
.login-app img {
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.login-app {
|
||||
flex-direction: column;
|
||||
}
|
||||
.login-app img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.container-login {
|
||||
width: 40%;
|
||||
padding: 5%;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.container-login {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.container-login h1 {
|
||||
margin: 0 auto;
|
||||
color: #cc1a17;
|
||||
}
|
||||
.container-login .text-login {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.container-login .text-login p {
|
||||
margin: 20px 0px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.features-app {
|
||||
width: 100%;
|
||||
padding: 5% 15%;
|
||||
background-color: #eeeeee;
|
||||
/* Style tab links */
|
||||
/* Style the tab content (and add height:100% for full page content) */
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.features-app {
|
||||
padding: 5% 3%;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.features-app h1 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.features-app .subtitle {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.features-app .tablink {
|
||||
background-color: #e3e3e3;
|
||||
color: #000000;
|
||||
float: left;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
padding: 30px 20px;
|
||||
font-size: 17px;
|
||||
width: 16.665%;
|
||||
}
|
||||
.features-app .tablink .active {
|
||||
color: red;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.features-app .tablink {
|
||||
width: 100%;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
}
|
||||
.features-app .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: 769px) {
|
||||
.features-app .tabcontent {
|
||||
padding: 20px 20px;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.features-app .tabcontent img {
|
||||
padding: 40px;
|
||||
width: 30%;
|
||||
height: 30%;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.features-app .tabcontent img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.features-app .tabcontent .tabDetails {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.features-app .tabcontent .tabDetails {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.features-app .tabcontent .tabText h2 {
|
||||
color: #cc1a17;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.features-app .tabcontent .tabText h3 {
|
||||
color: black;
|
||||
}
|
||||
.features-app .tabcontent .tabText p {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.download-app {
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.download-app {
|
||||
flex-direction: column;
|
||||
padding: 20px 0;
|
||||
}
|
||||
}
|
||||
.download-app img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.download-app .left {
|
||||
width: 100%;
|
||||
padding: 5rem;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.download-app .left {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
.download-app h1 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
.download-app h3 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
.download-app h2 {
|
||||
color: white;
|
||||
}
|
||||
.download-app .buttons {
|
||||
margin-top: 2rem;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
@media screen and (max-width: 769px) {
|
||||
.download-app .buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.download-app .button-app {
|
||||
border: 1px solid white;
|
||||
padding: 20px 20px;
|
||||
margin: 20px;
|
||||
border-radius: 3px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
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;
|
||||
}
|
||||
.download-app .button-app .button-logo {
|
||||
color: white;
|
||||
font-size: 60px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.download-app .button-app .button-text {
|
||||
color: white;
|
||||
}
|
||||
.download-app .button-app:hover {
|
||||
background-color: #cc1a17;
|
||||
}
|
||||
.download-app .button-android {
|
||||
border: 1px solid white;
|
||||
padding: 30px 40px;
|
||||
margin: 20px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.warning-app {
|
||||
background-color: #eeeeee;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.explain-qr {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
|
|
|
@ -1670,7 +1670,351 @@ footer {
|
|||
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;
|
||||
h1 {
|
||||
line-height: 50px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
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 {
|
||||
img {
|
||||
max-width: 80%;
|
||||
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.app-row {
|
||||
background-color: white;
|
||||
}
|
||||
.section {
|
||||
padding: 70px 0;
|
||||
}
|
||||
.light-bg {
|
||||
background-color: white;
|
||||
}
|
||||
.darker-bg {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 3rem;
|
||||
h3 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #cc1a17;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
small {
|
||||
color: #998a9b;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.card-body {
|
||||
&:hover {
|
||||
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;
|
||||
}
|
||||
.card-text {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.login-app {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
img {
|
||||
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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.container-login {
|
||||
// margin-top: 5rem;
|
||||
width: 40%;
|
||||
padding: 5%;
|
||||
@media screen and (max-width: $mobile) {
|
||||
width: 100%;
|
||||
}
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
color: #cc1a17;
|
||||
}
|
||||
.text-login {
|
||||
margin-top: 1rem;
|
||||
p {
|
||||
margin: 20px 0px;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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 {
|
||||
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;
|
||||
}
|
||||
background-image: url("./imgs/bg_phone.png");
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
width: 100%;
|
||||
padding: 5rem;
|
||||
@media screen and (max-width: $mobile) {
|
||||
padding: 1rem;
|
||||
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
h3 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
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;
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.button-android {
|
||||
border: 1px solid white;
|
||||
padding: 30px 40px;
|
||||
margin: 20px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.warning-app {
|
||||
background-color: #eeeeee;
|
||||
padding: 20px;
|
||||
}
|
||||
.explain-qr{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
|
|