Landing page nearly working

This commit is contained in:
2020-07-14 12:20:55 +01:00
parent ce603dcddd
commit 39eed1002e
4 changed files with 31 additions and 19 deletions

View File

@@ -2,20 +2,20 @@
<html lang="en-GB">
{{ partial "head.html" . }}
<body>
<header class="site-header">
<div class="wrapper" style="text-align: center;">
<div class="container">
<header>
<h1 style="padding-top: 0.5em;">Arona Jones</h1>
</div>
</header>
<main aria-label="Content" style="height: 100%">
<div style="display: flex; justify-content: center; background: black; margin-left: -3vw; margin-right: -3vw;">
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
<div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
<div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
<div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="blog"><span class="fas fa-portrait"></span> Personal</a></div>
</div>
</main>
{{ partial "footer.html" . }}
</header>
<main aria-label="Content" style="height: 100%">
<div style="display: flex; justify-content: center; background: black; margin-left: -3vw; margin-right: -3vw;">
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
<div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
<div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
<div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="blog"><span class="fas fa-portrait"></span> Personal</a></div>
</div>
</main>
{{ partial "footer.html" . }}
</div>
</body>
</html>

View File

@@ -1,2 +1,4 @@
<footer style="height: 100px; background: black;">
<footer>
<p style="color: white;">&#169; Copyright lolololol
<br/>All rights reversed</p>
</footer>