Mockup of slanted colum layout

This commit is contained in:
2020-04-23 16:12:04 +01:00
parent 04feea639b
commit 21bbb417a5
7 changed files with 76 additions and 13 deletions

26
index.html Normal file
View File

@@ -0,0 +1,26 @@
---
---
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<main aria-label="Content">
<div style="display: flex; justify-content: center; background: black; margin-left: -6vw; margin-right: -6vw;">
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="">Development</a></div>
<div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="">Writing</a></div>
<div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="">Technical</a></div>
<div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="">Personal</a></div>
</div>
</main>
{%- include footer.html -%}
</body>
</html>