27 lines
No EOL
1.3 KiB
HTML
27 lines
No EOL
1.3 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<link href='style.css' rel='stylesheet'/>
|
|
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
|
|
|
|
<meta type='og:image' content='socialmedia.PNG'/>
|
|
</head>
|
|
<body>
|
|
<span id='backdrop'>marc</span>
|
|
<main>
|
|
<img id='me' src='me.png'/>
|
|
<h1>Hello! My name is <span>Marc</span>!</h1>
|
|
<h2>I like <span>computer engineering</span>, <span>software development</span>, <span>teaching</span> and <span>journalism</span>.</h2>
|
|
<nav id='links'>
|
|
<a href='marccataford-april2018.pdf' target='_blank'><i class="fa fa-3x fa-file-alt"></i>Resume</a>
|
|
<a href='https://github.com/mcataford' target='_blank'><i class="fab fa-3x fa-github"></i>@mcataford</a>
|
|
<a href='https://www.linkedin.com/in/marccataford'><i class="fab fa-3x fa-linkedin-in"></i>@marccataford</a>
|
|
<a href='https://www.twitter.com/marccataford' target='_blank'><i class="fab fa-3x fa-twitter"></i>@marccataford</a>
|
|
<a href='mailto:marc@marccataford.com' target='_blank'><i class="fas fa-3x fa-at"></i>Email</a>
|
|
</nav>
|
|
</main>
|
|
|
|
</body>
|
|
|
|
</html> |