Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 

78 строки
3.6 KiB

<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta lang="en-US">
<meta name="viewport" content="width=device-width">
<title>Marcel Haazen - About me</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="########">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, About me" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="large-3 columns">
<logo>
<img src="https://res.cloudinary.com/haazen/image/upload/logo-white.png" alt="" />
</logo>
</div>
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="about" id="active">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="row">
<div class="large-3 columns">
<about>
<ul class="small-block-grid-1 large-block-grid-1">
<li>
<img src="https://res.cloudinary.com/haazen/image/upload/marcel_vector.png">
<h5>Marcel Haazen</h5>
<br>
<a href="https://twitter.com/NekoCentral" class="social twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/mhaazen" class="social linkedin"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/nekocentral" class="social github"><i class="fab fa-github"></i></a>
<a href="https://keybase.io/nekocentral" class="social keybase"><i class="fab fa-keybase"></i></a>
<a href="https://www.youracclaim.com/users/marcel-haazen" class="social acclaim"><i class="fas fa-angle-double-up"></i></a>
</li>
</ul>
</about>
</div>
<div class="large-6 columns">
<about>
<h1>About me</h1>
<p>I'm Marcel, a 20 year old IT Manangement Student. <br>In my free time I love to read, relax in one of the nearby forests and do some of the odd IT things like: "Programming simple application, Setting up wireless networks and setting up and managing servers for my self and other people.<br><br>Feel free to look on my GitHub for some of my projects or contact me on my about page if you have questions or want me to do things for you</p>
<p>I'm currently hold serveral Microsoft ceritification which are visible on my <a href="https://www.youracclaim.com/users/marcel-haazen" >Acclaim profile</a>.</p>
</about>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
© 2015 - <script>document.write(new Date().getFullYear())</script> <b>Marcel Haazen</b> All Rights Reserved · Logo Design by <a href="https://www.pmlogos.com"><img src="https://res.cloudinary.com/haazen/image/upload/PMLogos.png" alt="PMLogos" /></a> · Vector Design by <a href="https://www.instagram.com/apex.predator.ig/"><img src="https://res.cloudinary.com/haazen/image/upload/apex_Logo.png" alt="Apex Predator"/></a>
</foot>
</div>
</div>
</footer>
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/foundation.min.js"></script>
</body>
</html>