Created
August 6, 2019 04:15
-
-
Save 11/0a1d0bd9e10172c9d909ace95cc5a221 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<!-- content inside tab--> | |
<title>Andrew Rudolph - Homepage</title> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> | |
<!-- style html --> | |
<style> | |
body { | |
background-color: #72F7C9; | |
} | |
.name { | |
text-align: center; | |
} | |
.name h1 { | |
margin: 0; | |
padding: 0; | |
color: #030D53; | |
font-family: 'Source Sans Pro', sans-serif; | |
font-size: 4.35em; | |
font-weight: 900 !important; | |
letter-spacing: -0.035em; | |
line-height: 1.75em; | |
} | |
.name p { | |
margin: 0; | |
padding: 0; | |
color: #333; | |
font-family: 'Source Sans Pro', sans-serif; | |
font-size: 15pt; | |
font-weight: 100 !important; | |
letter-spacing: -0.025em; | |
padding-bottom: 15px; | |
} | |
.links { | |
padding-top: 20px; | |
width: 25%; | |
display: flex; | |
flex-direction: row; | |
justify-content: space-between; | |
} | |
.links-wrapper { | |
display: flex; | |
flex-direction: row; | |
flex: 1; | |
justify-content: center; | |
} | |
.content { | |
padding-top: 18%; | |
} | |
.button { | |
border-width: 1px; | |
border-style: solid; | |
border-color: #fff; | |
border-radius: 10px; | |
font-family: 'Open Sans', sans-serif; | |
background-color: rgba(255 ,255 ,255, 0.2); | |
text-align: center; | |
padding: 5px 8px 5px 8px; | |
} | |
.button a { | |
color: #fff; | |
text-decoration: none; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="content"> | |
<!-- NAME --> | |
<div class="name"> | |
<h1>Hi, I'm Aj Rudolph 👋</h1> | |
<p> Developer • Student • Community Builder </p> | |
</div> | |
<!-- LINKS --> | |
<div class="links-wrapper"> | |
<div class="links"> | |
<div class="button"> | |
<a href="https://linkedin.com/in/Aj-rudolph"> LinkedIn </a> | |
</div> | |
<div class="button"> | |
<a href="https://github.com/AJ-Rudolph"> Github </a> | |
</div> | |
<div class="button"> | |
<a href="#"> Resume </a> | |
</div> | |
<div class="button"> | |
<a href="mailto:[email protected]?Subject=Hello Andrew"> Email </a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment