edpibu/Web
edpibu/Web
Archived
1
Fork 0
Code Issues Pull requests Releases 7 Activity

Modified page layout, added github, added shadows

Browse source
This commit is contained in:
Edgar P. Burkhart 2020-12-21 08:35:40 +01:00
parent 14ccbbdf53
commit d032e778c4
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
css/index.css
View file

@ -12,14 +12,17 @@
.left { .left {
text-align: center; text-align: center;
top: 0; top: 0;
bottom: 40%; bottom: 60%;
box-shadow: 0 0 2em black;
z-index: 100;
} }
.right { .right {
top: 60%; top: 40%;
bottom: 0; bottom: 0;
background: url("../images/pic1.jpg"); background: url("../images/pic1.jpg");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
z-index: 1;
} }
.left h1 { .left h1 {
@ -46,7 +49,7 @@ footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background: black; background: #000000de;
color: #ffffffde; color: #ffffffde;
text-align: center; text-align: center;
} }

9
index.html
View file

@ -30,17 +30,20 @@
<div class="left"> <div class="left">
<h1>Edgar P.</h1> <h1>Edgar P.</h1>
<h1>Burkhart</h1> <h1>Burkhart</h1>
</div>
<div class="right">
<footer> <footer>
<ul> <ul>
<li><span>email</span> <li><span>email</span>
<a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li> <a href="mailto:contact@edgarpierre.fr">contact@edgarpierre.fr</a></li>
<li><span>komoot</span> <li><span>komoot</span>
<a href="https://www.komoot.fr/user/383887346799">komoot.fr edpibu</a></li> <a href="https://www.komoot.fr/user/383887346799">edpibu</a></li>
<li><span>git</span> <li><span>git</span>
<a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li> <a href="https://git.edgarpierre.fr/edpibu">git.edgarpierre.fr/edpibu</a></li>
<li><span>github</span>
<a href="https://github.com/edpiburkhart">edpiburkhart</a></li>
</ul> </ul>
</footer> </footer>
</div> </div>
<div class="right"></div>
</body> </body>
</html> </html>