61 lines
3.0 KiB
HTML
61 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="jhossain" content="Get to know me!">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/base-min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-responsive-min.css">
|
|
<link href="css/styles.min.css" rel="stylesheet" type="text/css">
|
|
<script type="text/javascript" src="js/scripts.min.js"></script>
|
|
<title>jhossain</title>
|
|
</head>
|
|
<body>
|
|
<div id="background"></div>
|
|
<div class="Info">
|
|
<div class="pure-g title">
|
|
<div class="pure-u-1" >
|
|
<div class="title">
|
|
<div>
|
|
Junet Hossain
|
|
</div>
|
|
<div class="contact">
|
|
<a href="mailto:mail@jhossain.online">mail@jhossain.online</a>
|
|
|
|
|
<a href="asset/Junet_resume.pdf">Resume</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pure-u-1">
|
|
<div class="pure-menu pure-menu-horizontal" >
|
|
<ul class="pure-menu-list">
|
|
<li class="pure-menu-item pure-menu-selected">
|
|
<a href="https://www.google.com" class="pure-menu-link custom-link-color-force">About Me!</a>
|
|
</li>
|
|
<li class="pure-menu-item pure-menu-selected">
|
|
<a href="#" class="pure-menu-link custom-link-color">Projects</a>
|
|
</li>
|
|
<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
|
|
<a href="#" id="menuLink1" class="pure-menu-link">Contact</a>
|
|
<ul class="pure-menu-children">
|
|
<li class="pure-menu-item">
|
|
<a href="#" class="pure-menu-link custom-link-color-force">Email</a>
|
|
</li>
|
|
<li class="pure-menu-item">
|
|
<a href="#" class="pure-menu-link">Twitter</a>
|
|
</li>
|
|
<li class="pure-menu-item">
|
|
<a href="#" class="pure-menu-link">Tumblr Blog</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="pure-u-1 pure-u-md-1-3"> ... </div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |