-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
1 lines (1 loc) · 2.97 KB
/
contact.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><meta name="title" content="Contact — Wesley Black"><link rel="canonical" href="https://wesleyblack.ca"><meta property="og:type" content="website"><meta property="og:url" content="https://wesleyblack.github.io/portfolio/"><meta property="og:title" content="Wesley Black — Graphic Design and Web"><meta property="og:description" content="Wesley Black is a Graphic Designer based in Halifax, NS. He is a recent graduate of the NSCC Graphic Design program. In his free time he enjoys cooking and learning new things."><meta property="og:image" content="images/gradients/meta-image.jpg"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://wesleyblack.github.io/portfolio/"><meta property="twitter:title" content="Wesley Black — Graphic Design and Web"><meta property="twitter:description" content="Wesley Black is a Graphic Designer based in Halifax, NS. He is a recent graduate of the NSCC Graphic Design program. In his free time he enjoys cooking and learning new things."><meta property="twitter:image" content="images/gradients/meta-image.jpg"><title>Contact | Wesley Black</title><link rel="icon" type="image/png" href="images/icons/16.png" sizes="16x16"><link rel="icon" type="image/png" href="images/icons/32.png" sizes="32x32"><link rel="icon" type="image/png" href="images/icons/192.png" sizes="192x192"><link rel="stylesheet" href="style/style.css"><style>@media screen and (min-width: 551px){.email{font-size:7vw;transform:translate(-50%, -50%);transform-origin:50% 50%;top:50%}}@media screen and (min-width: 1075px){.email{font-size:5em}}</style><link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;700&family=Roboto:wght@100&display=swap" rel="stylesheet"></head><body><div id="wrapper"> <nav><div class="side-nav" id="side-nav"><div onclick="toggleMenu()" class="toggle-menu" id="toggle-menu"> <img src="images/icons/menu.svg" alt="Menu" class="menu-button hover pointer" id="menu-button"> <img src="images/icons/close.svg" alt="Close" class="menu-close hover pointer" id="menu-close"></div> <a href="/graphic-design-portfolio/" class="nav-icon"> <img src="images/icons/logo.svg" alt="Logo" class="nav-logo"> </a><div class="links" id="links"> <a href="/graphic-design-portfolio/">Home</a> <a href="/graphic-design-portfolio/about">About</a> <a href="/graphic-design-portfolio/portfolio">Portfolio</a> <a href="/graphic-design-portfolio/contact" class="active">Contact</a></div></div> </nav> <a href="mailto:[email protected]" class="email">[email protected]</a></div> <script type="text/javascript" src="scripts/menu.js"></script> <script type="text/javascript">let vh=window.innerHeight*0.01;document.documentElement.style.setProperty('--vh',`${vh}px`);window.addEventListener('resize',()=>{let vh=window.innerHeight*0.01;document.documentElement.style.setProperty('--vh',`${vh}px`);});</script> </body></html>