236 lines
6.5 KiB
HTML
236 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="robots" content="index, follow" />
|
|
<meta name="googlebot" content="index, follow, noarchive" />
|
|
<title>Caffeinated.xyz - Contact</title>
|
|
<link rel="icon" href="https://caffeinated.xyz/" />
|
|
<meta name="description" content="" />
|
|
|
|
<meta name="generator" content="Hugo 0.59.0" />
|
|
|
|
|
|
|
|
<meta name="twitter:card" content="summary"/>
|
|
<meta name="twitter:title" content="Contact"/>
|
|
<meta name="twitter:description" content=""/>
|
|
|
|
<meta property="og:title" content="Contact" />
|
|
<meta property="og:description" content="" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://caffeinated.xyz/contact/" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://caffeinated.xyz/css/bundle.min.css">
|
|
</head>
|
|
<body><header class="header">
|
|
<div class="header__title">
|
|
<a href="https://caffeinated.xyz/" class="header__title__link" alt="Home">
|
|
|
|
Caffeinated.xyz
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<nav class="menu" aria-label="menu">
|
|
<ul class="menu__items" aria-label="menu">
|
|
|
|
|
|
<li class="menu__items__item" aria-label="About">
|
|
<a href="/about/" class="menu__items__item__link "
|
|
alt="About" role="menuitem">
|
|
About
|
|
</a>
|
|
</li>
|
|
|
|
<li class="menu__items__item" aria-label="Blog">
|
|
<a href="https://caffeinated.blog" class="menu__items__item__link "
|
|
alt="Blog" role="menuitem">
|
|
Blog
|
|
</a>
|
|
</li>
|
|
|
|
<li class="menu__items__item" aria-label="">
|
|
<a href="/" class="menu__items__item__link "
|
|
alt="" role="menuitem">
|
|
|
|
</a>
|
|
</li>
|
|
|
|
<li class="menu__items__item" aria-label="Contact">
|
|
<a href="/contact/" class="menu__items__item__link active"
|
|
alt="Contact" role="menuitem">
|
|
Contact
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
<nav class="hamburger-menu" aria-label="mobile-menu">
|
|
<div class="toggle">
|
|
<input type="checkbox" class="hamburger__toggle" id="hamburgerToggle" name="hamburger toggle" aria-label="Hamburguer menu">
|
|
<label class="hamburger__toggle__icon" for="hamburgerToggle">
|
|
<i class="fas fa-bars"></i>
|
|
</label>
|
|
|
|
<ul class="hamburger__items" aria-label="mobile-menu">
|
|
|
|
<li class="hamburger__items__item" aria-label="About">
|
|
<a href="/about/" class="hamburger__items__item__link" alt="About" role="menuitem">
|
|
About
|
|
</a>
|
|
</li>
|
|
|
|
<li class="hamburger__items__item" aria-label="Blog">
|
|
<a href="https://caffeinated.blog" class="hamburger__items__item__link" alt="Blog" role="menuitem">
|
|
Blog
|
|
</a>
|
|
</li>
|
|
|
|
<li class="hamburger__items__item" aria-label="">
|
|
<a href="/" class="hamburger__items__item__link" alt="" role="menuitem">
|
|
|
|
</a>
|
|
</li>
|
|
|
|
<li class="hamburger__items__item" aria-label="Contact">
|
|
<a href="/contact/" class="hamburger__items__item__link" alt="Contact" role="menuitem">
|
|
Contact
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main class="contact">
|
|
<h1 class="contact__title">Contact</h1>
|
|
<p class="contact__content"></p>
|
|
|
|
|
|
<form action="" method="" class="contact__form"
|
|
id="contactForm">
|
|
|
|
|
|
|
|
<div class="contact__field contact__field--name">
|
|
<label for=""></label>
|
|
<input type="text" name="" placeholder=""
|
|
class="contact__form__input contact__form__name" id=""
|
|
aria-labelledby="" required>
|
|
</div>
|
|
|
|
|
|
<div class="contact__field contact__field--email">
|
|
<label for=""></label>
|
|
<input type="email" name="" placeholder=""
|
|
class="contact__form__input contact__form__email" id=""
|
|
aria-labelledby="" required>
|
|
</div>
|
|
|
|
|
|
<div class="contact__field contact__field--msg">
|
|
<label for=""></label>
|
|
<textarea name="" id="" form="contactForm"
|
|
maxlength="" id=""
|
|
arial-labelledby="" required></textarea>
|
|
</div>
|
|
|
|
|
|
<div class="contact__field contact__field--submit">
|
|
<button type="submit" class="ripple-btn submit" onclick="cleanForm" aria-label="">
|
|
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|
|
</main>
|
|
<footer class="footer">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer__social">
|
|
|
|
|
|
<a href="https://github.com/glennrice" class="footer__social__link" alt="github" target="_blank" aria-label="https://github.com/glennrice" rel="noopener">
|
|
<span>
|
|
<i class="fab fa-github"></i>
|
|
</span>
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://caffeinated.social/users/glenn" class="footer__social__link" alt="mastodon" target="_blank" aria-label="https://caffeinated.social/users/glenn" rel="noopener">
|
|
<span>
|
|
<i class="fab fa-mastodon"></i>
|
|
</span>
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://twitter.com/glennricepro" class="footer__social__link" alt="twitter" target="_blank" aria-label="https://twitter.com/glennricepro" rel="noopener">
|
|
<span>
|
|
<i class="fab fa-twitter"></i>
|
|
</span>
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<address class="footer__contact">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</address>
|
|
|
|
<div class="copy">
|
|
|
|
<p>© 2019 - Caffeinated.xyz</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://caffeinated.xyz/js/bundle.min.243a483d5297388ef2f4a1b2d5e5d30218e01e8a2dfe213a376ea24d130837c860762a23e9daaa68ae3a7bcd5a3869287a14dc3b738f10486cf4e8fb4291b478.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
defer
|
|
src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"
|
|
integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
|
|
|
|
</footer></body>
|
|
|
|
</html> |