Skip to content

Instantly share code, notes, and snippets.

@MANTENN
Created December 10, 2016 06:14
Show Gist options
  • Save MANTENN/2abbe4ba8741e7d62509d7251be102c2 to your computer and use it in GitHub Desktop.
Save MANTENN/2abbe4ba8741e7d62509d7251be102c2 to your computer and use it in GitHub Desktop.
Portfolio
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@nmaksymchuk - Nazar Maksymchuk</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style>
* {margin:0;padding:0;}
body {
color:#545454;
font: 1em Arial, Helvetica, sans-serif;
word-wrap:break-word;
padding:15px;
background-color:#1BAEF1;
}
.social-media a {
font-size:1.7em;
}
section {
margin: 15px auto;
max-width: 1200px;
padding: 15px;
border: 2px solid #fff;
background-color:#fff;
box-shadow:0 0 45px rgba(0,0,0,.15);
}
a {
color:#1BAEF1;
text-decoration:none;
text-shadow: 0 10px 28px rgba(47,147,241,.5);
}
a:hover {
color:#1BB8FF;
}
h1 {
font-size: 4em;
font-weight:100;
padding-bottom: 10px;
}
div:first-child p {
font-size:1.5em;
}
h2 {
font-size: 1.5em;
font-weight:100;
padding-bottom: 10px;
}
h3 {
padding-bottom:5px;
}
hr {
height:2px;
background-color:#f1f1f1;
max-width:350px;
border:none;
margin: 25px 0;
}
</style>
</head>
<body>
<section>
<div>
<h1><a href="">@nmaksymchuk</a></h1>
<p>Unemployed.<br> Freelancer.</p>
<span class="social-media">
<a href="http://github.com/nmaksymchuk"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="http://linkedin.com/estmante"><i class="fa fa-linkedin"></i></a>
<a href="http://www.twitter.com/estmante"><i class="fa fa-twitter"></i></a>
<a href="mailto:nzrbeats@gmail.com?subject=Google Spam Filter"><i class="fa fa-envelope-o"></i></a>
</span>
</div>
<hr>
<div>
<h2>Personal Projects</h2>
<span>
<h3><a href="http://mantenos.ga/">MantenOS</a></h3>
<p>Old portfolio.</p>
</span>
</div>
<hr>
<div>
<h2>Non-profit</h2>
<span>
<h3><a href="http://days4god.com">Days4God</a></h3>
<p>Branding, manage website, debug problems and moderate content.</p>
</span>
</div>
<hr>
<p>&copy; 2016</p>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment