133 lines
3.9 KiB
HTML
133 lines
3.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta httpEquiv="x-ua-compatible" content="ie=edge" />
|
||
|
|
<meta
|
||
|
|
name="viewport"
|
||
|
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||
|
|
/>
|
||
|
|
<title>Links</title>
|
||
|
|
<meta name="description" content="Links to useful pages for my followers" />
|
||
|
|
<script
|
||
|
|
src="https://kit.fontawesome.com/9b3bbb804d.js"
|
||
|
|
crossorigin="anonymous"
|
||
|
|
></script>
|
||
|
|
<link rel="stylesheet" href="styles.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="outer">
|
||
|
|
<div class="content">
|
||
|
|
<div class="block">
|
||
|
|
<div class="profile">
|
||
|
|
<img src="images/profile.jpg" alt="profile photo" />
|
||
|
|
<h1>Alex Hyett | Developer</h1>
|
||
|
|
<div class="location">
|
||
|
|
<i class="fas fa-map-marker-alt"></i> London, United Kingdom
|
||
|
|
</div>
|
||
|
|
<div class="bio">
|
||
|
|
<div>💻 Sharing my developer journey & love of tech</div>
|
||
|
|
<div>👨🏻🔬 Physics Graduate & Tech Enthusiast</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="links">
|
||
|
|
<a href="mailto:hello@example.com" class="contactbutton">
|
||
|
|
<i class="fas fa-envelope-open"></i> Email
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="https://instagram.com/alexhyettdev" class="block link">
|
||
|
|
<div class="image-float instagram">
|
||
|
|
<div class="beacon instagram"></div>
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/instagram.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>Instagram</h2>
|
||
|
|
<div>@alexhyettdev</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://twitter.com/alexhyettdev" class="block link">
|
||
|
|
<div class="image-float twitter">
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/twitter.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>Twitter</h2>
|
||
|
|
<div>@alexhyettdev</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://alexhyett.medium.com/" class="block link">
|
||
|
|
<div class="image-float medium">
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/medium.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>Medium</h2>
|
||
|
|
<div>alexhyett.medium.com</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://github.com/alexhyett/" class="block link">
|
||
|
|
<div class="image-float github">
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/github.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>GitHub</h2>
|
||
|
|
<div>github.com/alexhyett</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://dev.to/alexhyettdev" class="block link">
|
||
|
|
<div class="image-float dev">
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/dev.png" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>DEV</h2>
|
||
|
|
<div>dev.to/alexhyettdev</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="https://www.linkedin.com/in/alexhyett/" class="block link">
|
||
|
|
<div class="image-float linkedin">
|
||
|
|
<div class="image">
|
||
|
|
<img src="images/linkedin.svg" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>LinkedIn</h2>
|
||
|
|
<div>linkedin.com/in/alexhyett</div>
|
||
|
|
</div>
|
||
|
|
<div class="arrow">
|
||
|
|
<i class="fas fa-arrow-right"></i>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|