diff options
Diffstat (limited to 'templates/layouts/index.html')
| -rw-r--r-- | templates/layouts/index.html | 20 |
1 files changed, 15 insertions, 5 deletions
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index aaac808..d145b54 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html | |||
| @@ -1,11 +1,21 @@ | |||
| 1 | <main> | 1 | <main> |
| 2 | <header class="c-hero"> | 2 | <section class="l-landing"> |
| 3 | <h1 class="c-hero__title c-hero__title--front">I'm a <strong class="c-hero__emph">red fox</strong> in disguise</h1> | 3 | <header class="l-landing__banner"> |
| 4 | <h2 class="c-hero__title c-hero__title--back">Volpeon</h2> | 4 | <div class="c-landing-banner l-container l-container--pad-x l-container--content"> |
| 5 | </header> | 5 | <h1 class="c-landing-banner__title"> |
| 6 | <span class="c-landing-banner__title-inner"> | ||
| 7 | I'm a <strong class="c-landing-banner__emph">red fox</strong> in disguise. | ||
| 8 | </span> | ||
| 9 | </h1> | ||
| 10 | <p>Welcome to my website! I'm Volpeon, a red fox doing human things such as programming, creating vector art, and running a website.</p> | ||
| 11 | </div> | ||
| 12 | </header> | ||
| 6 | 13 | ||
| 7 | <section class="l-container l-container--content"> | 14 | <section class="l-landing__content"> |
| 15 | <div class="l-container l-container--pad-x l-container--content s-body"> | ||
| 8 | $body$ | 16 | $body$ |
| 17 | </div> | ||
| 18 | </section> | ||
| 9 | </section> | 19 | </section> |
| 10 | 20 | ||
| 11 | $-- <footer class="c-footer l-container"> | 21 | $-- <footer class="c-footer l-container"> |