51 lines
1.9 KiB
Vue
51 lines
1.9 KiB
Vue
<template>
|
|
<div class="home-header">
|
|
<div class="container">
|
|
<header>
|
|
<a class="brand" href="/">
|
|
<img
|
|
class="brand-logo"
|
|
src="//via.placeholder.com/256"
|
|
alt="Brand Logo"
|
|
/>
|
|
<span class="brand-name">Daniel de Cloet</span>
|
|
</a>
|
|
<nav class="site-nav">
|
|
<ul class="nav-items">
|
|
<li class="nav-item"><a href="/blog.html">Blog</a></li>
|
|
<li class="nav-item">
|
|
<a href="/snippets.html">Snippets</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/contact.html">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<h1>I'm Daniel, junior software engineer</h1>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
|
|
Deleniti iure earum odio architecto? Tenetur in ea, animi
|
|
illo non voluptatibus distinctio consequuntur ipsam adipisci
|
|
officiis quod, recusandae facilis? Ut, aliquid.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="wave">
|
|
<svg
|
|
preserveAspectRatio="none"
|
|
width="1440"
|
|
height="74"
|
|
viewBox="0 0 1440 74"
|
|
>
|
|
<path
|
|
d="M456.464 0.0433865C277.158 -1.70575 0 50.0141 0 50.0141V74H1440V50.0141C1440 50.0141 1320.4 31.1925 1243.09 27.0276C1099.33 19.2816 1019.08 53.1981 875.138 50.0141C710.527 46.3727 621.108 1.64949 456.464 0.0433865Z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</template>
|