caffeinated.xyz/public/contact/index.html

236 lines
6.5 KiB
HTML
Raw Permalink Normal View History

2021-02-15 21:44:58 +10:00
<!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&#43;&#43;eIfzYmTgBBmXYdhvxPc&#43;XcFEk&#43;zJwDgWbP"
crossorigin="anonymous"
></script>
</footer></body>
</html>