65 lines
940 B
HTML
65 lines
940 B
HTML
<style>
|
|
header,
|
|
main,
|
|
footer {
|
|
width: 100%;
|
|
max-width: var(--max-width);
|
|
padding: var(--padding);
|
|
}
|
|
|
|
header {
|
|
max-width: calc(var(--max-width) + 4rem);
|
|
}
|
|
|
|
main {
|
|
flex: 1;
|
|
}
|
|
|
|
footer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: 0.75em;
|
|
color: var(--grey-color);
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
nav {
|
|
display: flex;
|
|
gap: 1rem;
|
|
list-style-type: none;
|
|
align-items: center;
|
|
}
|
|
|
|
.nav-item {
|
|
text-decoration: none;
|
|
color: var(--grey-color);
|
|
}
|
|
|
|
.title {
|
|
font-size: 1.4rem;
|
|
font-weight: 700;
|
|
color: var(--main-color);
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
time {
|
|
font-size: 0.8rem;
|
|
color: var(--grey-color);
|
|
}
|
|
</style>
|
|
|
|
<header>
|
|
<nav>
|
|
<a href="/" class="nav-item title">akyoto.dev</a>
|
|
<a href="/projects" class="nav-item">projects</a>
|
|
<a href="/contact" class="nav-item">contact</a>
|
|
<a href="/about" class="nav-item">about</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
Test.
|
|
</main>
|
|
<footer></footer> |