Update header from home page

main
Mickaël Tansorier 8 years ago
parent 88166646b8
commit 3c91c67b77

@ -2162,6 +2162,10 @@
background: rgba(192, 192, 192, 0.35); background: rgba(192, 192, 192, 0.35);
} }
#header img {
margin-bottom: 2em;
}
#header footer { #header footer {
margin: 1em 0 0 0; margin: 1em 0 0 0;
} }
@ -2177,22 +2181,12 @@
body.homepage #header:after { body.homepage #header:after {
content: ''; content: '';
background: #1C0920;
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0;
-moz-transition: opacity 2.5s ease-in-out;
-webkit-transition: opacity 2.5s ease-in-out;
-ms-transition: opacity 2.5s ease-in-out;
transition: opacity 2.5s ease-in-out;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
} }
body.homepage.is-loading #header:after { body.homepage.is-loading #header:after {

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 189 KiB

After

Width:  |  Height:  |  Size: 115 KiB

@ -6,7 +6,7 @@
--> -->
<html> <html>
<head> <head>
<title>Helios by HTML5 UP</title> <title>TANSORIER Mickaël</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
@ -22,12 +22,12 @@
<!-- Inner --> <!-- Inner -->
<div class="inner"> <div class="inner">
<header> <header>
<h1><a href="index.html" id="logo">Helios</a></h1> <img src="images/avatar.png" alt="" />
<h1>TANSORIER Mickaël</h1>
<hr /> <hr />
<p>Another fine freebie by HTML5 UP</p> <p>printf("Hello World!");</p>
</header> </header>
<footer> <footer>
<a href="#banner" class="button circled scrolly">Start</a>
</footer> </footer>
</div> </div>

Loading…
Cancel
Save