-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
6 lines (6 loc) · 4.89 KB
/
contact.html
File metadata and controls
6 lines (6 loc) · 4.89 KB
1
2
3
4
5
6
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Chad Probert - Full Stack Developer specializing in React, Node.js, and Python. Contact me for collaboration opportunities."><meta name="keywords" content="contact Chad Probert, full stack developer, software engineer, web development, React, Node.js, Python, JavaScript, MongoDB, coding mentor"><meta name="robots" content="noindex"><!-- Open Graph Tags --><meta property="og:type" content="website"><meta property="og:title" content="Chad Probert | Contact"><meta property="og:description" content="Get in touch with Chad Probert, full stack developer and coding mentor."><meta property="og:image" content="https://chadprobert.github.io/images/me3.avif"><meta property="og:url" content="https://chadprobert.github.io/contact.html"><meta property="og:site_name" content="Chad Probert Portfolio"><!-- Enhanced Twitter Sharing Cards --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Chad Probert | Contact"><meta name="twitter:description" content="Contact Chad Probert for full stack development and collaboration opportunities."><meta name="twitter:image" content="https://chadprobert.github.io/images/me3.avif"><link rel="canonical" href="https://chadprobert.github.io/contact.html"><!-- Favicon --><link rel="icon" type="image/png" sizes="32x32" href="./images/cp-logo.png"><link rel="icon" type="image/png" sizes="16x16" href="./images/cp-logo.png"><link rel="apple-touch-icon" sizes="180x180" href="./images/cp-logo.png"><title>Chad Probert | Contact</title><!-- Preconnect to external domains --><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin><link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin><!-- Loading CSS files --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><link rel="stylesheet" href="./css/contact/contact.min.css"><link rel="stylesheet" href="./css/contact/features/mobile.min.css"><link rel="stylesheet" href="./css/contact/features/dark-mode.min.css"><link rel="stylesheet" href="./css/contact/features/animations.min.css"><!-- Inline critical CSS --><style>body{padding-top:50px;text-align:center;background-color:#f5f6f7;color:#222;font-family:Poppins,sans-serif;margin:0}h1{font-family:Inter,sans-serif;font-weight:800;line-height:99px;font-size:80px;letter-spacing:-1px}</style></head><body><div class="con"><!-- dark mode toggle --> <input type="checkbox" id="dark-mode-toggle" aria-label="Toggle dark mode"> <label for="dark-mode-toggle" id="dark-mode-label" class="dark-mode-label">Dark Mode</label><!-- header --><header role="banner"><h1>Chad Probert</h1><h2 class="roleHeading">Full Stack Web Developer & Software Engineer</h2></header><!-- social icons --><nav aria-label="Social media links"><ul class="socialIcons"><li class="githubIcon socialIcon"><a href="https://github.com/ChadProbert" target="_blank" rel="noopener noreferrer" class="githubIcon"><iconify-icon icon="jam:github"></iconify-icon></a></li><li class="whatsappIcon socialIcon"><a href="https://wa.me/+27609849667" target="_blank" rel="noopener noreferrer" class="whatsappIcon"><iconify-icon icon="uim:whatsapp"></iconify-icon></a></li><li class="linkedinIcon socialIcon"><a href="https://www.linkedin.com/in/chad-probert-6421b321b/" target="_blank" rel="noopener noreferrer" class="linkedinIcon"><iconify-icon icon="uil:linkedin"></iconify-icon></a></li></ul></nav><!-- avatar image --> <img src="./images/me.jpeg" alt="Chad Probert's portfolio picture" width="150" height="150" class="avatar"><!-- navigation bar --><div class="row navWrapper"><nav><ul class="routes"><li class="navItem"><a href="./index.html" class="navLink"><i class="fa-solid fa-person-rays"></i> ABOUT ME</a></li><li class="navItem"><a href="./projects.html" class="navLink"><i class="fa-solid fa-folder"></i> PROJECTS</a></li><li class="navItem"><a href="./contact.html" class="navLink"><i class="fa-solid fa-address-book fa-flip"></i> CONTACT ME</a></li></ul></nav></div><!-- contact details --><div class="contactMeDiv"><p class="email"><i class="fa-solid fa-envelope fa-shake"></i>chadcprobert@gmail.com</p><p class="phoneNumber"><i class="fa-solid fa-square-phone"></i>+27 60 984 9667</p><p class="location"><i class="fa-solid fa-location-dot"></i>Gauteng, South Africa</p></div></div><!-- Deferred non-critical scripts --><script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js" defer></script><script src="./js/dark-mode.js" defer></script></body></html><!--
references:
https://getbootstrap.com/
https://iconify.design/
https://fontawesome.com/v5/search
-->