Página de erro - concluido
This commit is contained in:
Filipe Pinho
parent
df9b373091
commit
7cc7522eaa
|
|
@ -0,0 +1,80 @@
|
|||
<!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 2019 - Error</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 2019 - Error" />
|
||||
<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 2019 - Error" />
|
||||
<meta property="og:url" content="http://www.enei.pt/error-page.html" />
|
||||
<meta property="og:image" content="http://www.enei.pt/imgs/share-image.jpg" />
|
||||
<meta property="og:type" content="Website" />
|
||||
<link rel="canonical" href="http://www.enei.pt/error-page.html" />
|
||||
<link href="bootstrap-grid.css" rel="stylesheet" type="text/css" />
|
||||
<link href="main.css" rel="stylesheet" type="text/css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,700" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- apresentation section -->
|
||||
<div id="apresentation">
|
||||
<h1 id="error-message">404</h1>
|
||||
</div>
|
||||
|
||||
<!-- social network section -->
|
||||
<aside id="social-network">
|
||||
<div class="container">
|
||||
<div class="col-lg-8 col-lg-offset-2">
|
||||
<h1>Fala Connosco</h1>
|
||||
<ul>
|
||||
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank" class="icon-facebook"></a></li>
|
||||
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank" class="icon-instagram"></a></li>
|
||||
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank" class="icon-linkedin"></a></li>
|
||||
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>© 2018 ENEI . Todos os direitos reservados</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/scripts.js"></script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src=“https://www.googletagmanager.com/gtag/js?id=UA-130588243-1“></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag(‘js’, new Date());
|
||||
|
||||
gtag(‘config’, ‘UA-130588243-1’);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
<!-- enei section -->
|
||||
<section id="enei">
|
||||
<div class="container">
|
||||
<div class="col-lg-5 col-sm-7">
|
||||
<div class="col-lg-7 col-sm-7">
|
||||
<div class="pre-h1">12 A 15 ABRIL DE 2019</div>
|
||||
<h1>ENEI</h1>
|
||||
<hr>
|
||||
|
|
@ -127,6 +127,16 @@
|
|||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/scripts.js"></script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src=“https://www.googletagmanager.com/gtag/js?id=UA-130588243-1“></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag(‘js’, new Date());
|
||||
|
||||
gtag(‘config’, ‘UA-130588243-1’);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
.icon-less,
|
||||
.icon-plus,
|
||||
.icon-email {
|
||||
font-size: 45px;
|
||||
font-size: 36px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
.icon-less,
|
||||
.icon-plus,
|
||||
.icon-email {
|
||||
font-size: 30px;
|
||||
font-size: 33px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -180,16 +180,45 @@ p {
|
|||
}
|
||||
|
||||
label {
|
||||
display: none;
|
||||
display: inline-block;
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
color: #353535;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
input {
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
color: #353535;
|
||||
padding: 20px 35px;
|
||||
border: 1px solid #eeeeee;
|
||||
margin-bottom: 25px;
|
||||
background-color: #ffffff;
|
||||
transition: border-color 150ms ease-out;
|
||||
-webkit-transition: border-color 150ms ease-out;
|
||||
}
|
||||
|
||||
input:hover {
|
||||
border-color: #e82d28;
|
||||
}
|
||||
|
||||
input.error {
|
||||
border: 5px solid #e82d28;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
input[type="text"]::-webkit-input-placeholder,
|
||||
input[type="email"]::-webkit-input-placeholder,
|
||||
input[type="password"]::-webkit-input-placeholder,
|
||||
input[type="tel"]::-webkit-input-placeholder,
|
||||
input[type="number"]::-webkit-input-placeholder,
|
||||
button[type="submit"]::-webkit-input-placeholder {
|
||||
color: #ffffff;
|
||||
input[type="number"]::-webkit-input-placeholder {
|
||||
color: #353535;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
|
|
@ -198,17 +227,29 @@ input[type="password"],
|
|||
input[type="tel"],
|
||||
input[type="number"] {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 0;
|
||||
background-color: #e82d28;
|
||||
border-color: #e82d28;
|
||||
color: #ffffff;
|
||||
transition: color 150ms ease, background-color 150ms ease;
|
||||
-webkit-transition: color 150ms ease, background-color 150ms ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[type="submit"]:hover {
|
||||
input[type="submit"]:hover {
|
||||
background-color: #ffffff;
|
||||
color: #e82d28;
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 10px;
|
||||
border: 1px solid #eeeeee;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
@ -239,6 +280,37 @@ hr::after {
|
|||
background-color: #e82d28;
|
||||
}
|
||||
|
||||
#error-message {
|
||||
font-size: 115px;
|
||||
line-height: 140px;
|
||||
padding: 0 40px;
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#error-message {
|
||||
font-size: 75px;
|
||||
line-height: 100px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 769px) {
|
||||
#error-message {
|
||||
font-size: 55px;
|
||||
line-height: 80px;
|
||||
padding: 0 25px;
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
@ -318,17 +390,17 @@ hr::after {
|
|||
#main-menu nav ul li {
|
||||
display: inline-block;
|
||||
font-family: "Bai Jamjuree", sans-serif;
|
||||
font-size: 21px;
|
||||
line-height: 22px;
|
||||
font-size: 19px;
|
||||
line-height: 21px;
|
||||
color: #ffffff;
|
||||
margin: 0 30px;
|
||||
margin: 0 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#main-menu nav ul li {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
font-size: 17px;
|
||||
line-height: 19px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -400,37 +472,37 @@ hr::after {
|
|||
}
|
||||
|
||||
#apresentation .logo-enei {
|
||||
max-width: 550px;
|
||||
width: 50%;
|
||||
width: 450px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
top: calc(50% - 210px);
|
||||
left: calc(50% - 225px);
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#apresentation .logo-enei {
|
||||
width: 350px;
|
||||
top: calc(50% - 163px);
|
||||
left: calc(50% - 175px);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 769px) {
|
||||
#apresentation .logo-enei {
|
||||
top: calc(50% + 25px);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) and (max-height: 750px) and (orientation: landscape) {
|
||||
#apresentation .logo-enei {
|
||||
max-width: 35%;
|
||||
width: 200px;
|
||||
top: calc(50% - 93px);
|
||||
left: calc(50% - 100px);
|
||||
}
|
||||
}
|
||||
|
||||
#enei {
|
||||
background-color: #ffffff;
|
||||
background: url("imgs/cubes-image.png") no-repeat top right;
|
||||
background-size: 24%;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#enei {
|
||||
background-size: 40%;
|
||||
background-size: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -783,8 +855,10 @@ hr::after {
|
|||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
#faqs {
|
||||
#faqs,
|
||||
#tickets {
|
||||
background: url("imgs/cubes2-image.png") no-repeat bottom right;
|
||||
background-size: 30%;
|
||||
}
|
||||
|
||||
#accordion li {
|
||||
|
|
@ -857,14 +931,12 @@ hr::after {
|
|||
|
||||
#social-network h1 {
|
||||
color: #eeeeee;
|
||||
font-size: 50px;
|
||||
margin-bottom: 50px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
#social-network h1 {
|
||||
margin-bottom: 20px;
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -880,8 +952,8 @@ hr::after {
|
|||
}
|
||||
|
||||
#social-network ul li a {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: block;
|
||||
border: 10px solid #ffffff;
|
||||
transition: border-color 150ms ease-out;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -105,10 +105,10 @@ $icon-email: "\e902";
|
|||
.icon-less,
|
||||
.icon-plus,
|
||||
.icon-email {
|
||||
font-size: 45px;
|
||||
font-size: 36px;
|
||||
color: $white;
|
||||
@include portable {
|
||||
font-size: 30px;
|
||||
font-size: 33px;
|
||||
}
|
||||
@include mobile {
|
||||
font-size: 32px;
|
||||
|
|
@ -215,17 +215,38 @@ p {
|
|||
}
|
||||
|
||||
label {
|
||||
display: none;
|
||||
display: inline-block;
|
||||
@include font($bai-font, 22px, 22px, $dark-grey);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
input {
|
||||
@include font($bai-font, 22px, 22px, $dark-grey);
|
||||
padding: 20px 35px;
|
||||
border: 1px solid $light-grey;
|
||||
margin-bottom: 25px;
|
||||
background-color: $white;
|
||||
transition: border-color $transition-time ease-out;
|
||||
-webkit-transition: border-color $transition-time ease-out;
|
||||
&:hover {
|
||||
border-color: $red;
|
||||
}
|
||||
&.error {
|
||||
border: 5px solid $red;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="tel"],
|
||||
input[type="number"],
|
||||
button[type="submit"] {
|
||||
input[type="number"] {
|
||||
&::-webkit-input-placeholder {
|
||||
color: $white;
|
||||
color: $dark-grey;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -235,10 +256,15 @@ input[type="password"],
|
|||
input[type="tel"],
|
||||
input[type="number"] {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
input[type="submit"] {
|
||||
display: block;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 0;
|
||||
background-color: $red;
|
||||
border-color: $red;
|
||||
color: $white;
|
||||
transition: color $standard-animation-time ease,
|
||||
background-color $standard-animation-time ease;
|
||||
-webkit-transition: color $standard-animation-time ease,
|
||||
|
|
@ -246,9 +272,16 @@ button[type="submit"] {
|
|||
cursor: pointer;
|
||||
&:hover {
|
||||
background-color: $white;
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
padding: 10px;
|
||||
border: 1px solid $light-grey;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -269,6 +302,29 @@ hr {
|
|||
}
|
||||
}
|
||||
|
||||
#error-message {
|
||||
font-size: 115px;
|
||||
line-height: 140px;
|
||||
padding: 0 40px;
|
||||
background-color: $black;
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
@include position(absolute, 50%, null, null, 50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
@include portable {
|
||||
font-size: 75px;
|
||||
line-height: 100px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
@include mobile {
|
||||
font-size: 55px;
|
||||
line-height: 80px;
|
||||
padding: 0 25px;
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
@include position(fixed, 0, null, null, 0);
|
||||
text-align: center;
|
||||
|
|
@ -321,12 +377,12 @@ hr {
|
|||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
@include font($bai-font, 21px, 22px, $white);
|
||||
margin: 0 30px;
|
||||
@include font($bai-font, 19px, 21px, $white);
|
||||
margin: 0 20px;
|
||||
text-transform: uppercase;
|
||||
@include portable {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
font-size: 17px;
|
||||
line-height: 19px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
@include mobile {
|
||||
|
|
@ -378,18 +434,23 @@ hr {
|
|||
background-attachment: inherit;
|
||||
}
|
||||
.logo-enei {
|
||||
max-width: 550px;
|
||||
width: 50%;
|
||||
@include position(absolute, 50%, null, null, 50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
@include mobile {
|
||||
top: calc(50% + 25px);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
width: 450px;
|
||||
@include position(
|
||||
absolute,
|
||||
calc(50% - 210px),
|
||||
null,
|
||||
null,
|
||||
calc(50% - 225px)
|
||||
);
|
||||
@include portable {
|
||||
width: 350px;
|
||||
top: calc(50% - 163px);
|
||||
left: calc(50% - 175px);
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (max-height: 750px) and (orientation: landscape) {
|
||||
max-width: 35%;
|
||||
@include mobile {
|
||||
width: 200px;
|
||||
top: calc(50% - 93px);
|
||||
left: calc(50% - 100px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -397,8 +458,9 @@ hr {
|
|||
#enei {
|
||||
background-color: $white;
|
||||
background: url("imgs/cubes-image.png") no-repeat top right;
|
||||
background-size: 24%;
|
||||
@include portable {
|
||||
background-size: 40%;
|
||||
background-size: 20%;
|
||||
}
|
||||
@include mobile {
|
||||
background-image: none;
|
||||
|
|
@ -642,8 +704,10 @@ hr {
|
|||
}
|
||||
}
|
||||
|
||||
#faqs {
|
||||
#faqs,
|
||||
#tickets {
|
||||
background: url("imgs/cubes2-image.png") no-repeat bottom right;
|
||||
background-size: 30%;
|
||||
}
|
||||
|
||||
#accordion {
|
||||
|
|
@ -712,11 +776,9 @@ hr {
|
|||
background-color: $black;
|
||||
h1 {
|
||||
color: $light-grey;
|
||||
font-size: 50px;
|
||||
margin-bottom: 50px;
|
||||
margin-bottom: 30px;
|
||||
@include portable {
|
||||
margin-bottom: 20px;
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
|
|
@ -727,7 +789,7 @@ hr {
|
|||
margin: 0 5px;
|
||||
}
|
||||
a {
|
||||
@include size(80px, 80px);
|
||||
@include size(70px, 70px);
|
||||
display: block;
|
||||
border: 10px solid $white;
|
||||
transition: border-color $transition-time ease-out;
|
||||
|
|
|
|||
Loading…
Reference in New Issue