122 lines
3.1 KiB
HTML
122 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html><head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<meta name="description" content="your description">
|
|||
|
|
<meta name="Author" content="your name">
|
|||
|
|
<meta name="keywords" content="hugo blog">
|
|||
|
|
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
|||
|
|
<link rel="stylesheet" href=https://example.com/css/style.css>
|
|||
|
|
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
|||
|
|
<title>title</title>
|
|||
|
|
</head><body><aside id="sidenav">
|
|||
|
|
<header>
|
|||
|
|
|
|||
|
|
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a id="branding" href="https://example.com">
|
|||
|
|
|
|||
|
|
title
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<nav>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="/"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="fas fa-home fa-sm"></i>
|
|||
|
|
<span>home</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="/blog/"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="fas fa-keyboard fa-ms"></i>
|
|||
|
|
<span>blog</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="/tags"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="fas fa-tags fa-ms"></i>
|
|||
|
|
<span>tags</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="https://github.com/yourgithubusername23434"
|
|||
|
|
|
|||
|
|
target="_blanck"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="fab fa-github fa-ms"></i>
|
|||
|
|
<span>github</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="/index.xml"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="fas fa-rss fa-ms"></i>
|
|||
|
|
<span>RSS</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="/contact"
|
|||
|
|
|
|||
|
|
>
|
|||
|
|
<i class="far fa-envelope"></i>
|
|||
|
|
<span>contact</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</aside>
|
|||
|
|
<main id="main">
|
|||
|
|
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
|||
|
|
<div class="content">
|
|||
|
|
|
|||
|
|
<h1 id="title">get in touch</h1>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<form class="contact-form"
|
|||
|
|
action="https://formspree.io/yourformspreeID"
|
|||
|
|
method="POST"
|
|||
|
|
>
|
|||
|
|
<input id="name" type="text" name="name" placeholder="Your Name">
|
|||
|
|
<input id="mail" type="text" name="_replyto" placeholder="Your Mail">
|
|||
|
|
<textarea id="message" name="message" placeholder="Your message"></textarea>
|
|||
|
|
|
|||
|
|
<button class="reach-me-send" type="submit">Send</button>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div><footer>
|
|||
|
|
<div class="footer-content">
|
|||
|
|
<div class="contact-info">
|
|||
|
|
|
|||
|
|
<div class="footer-mail">
|
|||
|
|
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="footer-phone">
|
|||
|
|
<i class="fas fa-phone"></i> 8888888888
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</footer></main>
|
|||
|
|
</body>
|
|||
|
|
<script src=https://example.com/js/navbutton.js></script>
|
|||
|
|
</html>
|