Marcel Haazen 5 роки тому
джерело
коміт
e2b5d6ee27
7 змінених файлів з 0 додано та 842 видалено
  1. +0
    -126
      creator.html
  2. +0
    -127
      equalscope.html
  3. +0
    -125
      optimize.html
  4. +0
    -125
      optimizeblog.html
  5. +0
    -113
      purity.html
  6. +0
    -128
      taskify.html
  7. +0
    -98
      work.html

+ 0
- 126
creator.html Переглянути файл

@ -1,126 +0,0 @@
<!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 - Creator Dashboard Server</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="On here is a bit of information about my previous work I did on the Creator Dashboard server">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Creator Dashboard" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-6 columns">
<ul class="clearing-thumbs clearing-feature" data-clearing>
<li class="clearing-featured-img">
<img src="img/portfolio/creator-login.png" alt="Login page">
</li>
<li class="clearing-featured-img">
<img src="img/portfolio/creator-loggedin.png" alt="Logged In">
</li>
</ul>
</div>
<div class="large-6 columns">
<h1>Creator Dashboard Web Server</h1>
<small>An Nginx based web server for a YouTube dashboard.</small>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<h4>Project Details</h4>
<p>Coming Soon</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Nick Morgan, Purity Network</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h4>User Experience</h4>
<p>Coming Soon</p>
<h5>Services</h5><p>Server Administration, Server Setup, Web Server Setup</p>
<h5>Link</h5><p><a href="https://creator-dashboard.net">https://creator-dashboard.net</a></p>
</div>
</div>
</works>
</div>
<!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 127
equalscope.html Переглянути файл

@ -1,127 +0,0 @@
<!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 - EqualScope Server</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="On here is a bit of information about my previous work I did on the EqualScope server">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, EqualScope" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-6 columns">
<ul class="clearing-thumbs clearing-feature" data-clearing>
<li class="clearing-featured-img">
<img src="http://placehold.it/1920x1080">
</li>
<li class="clearing-featured-img">
<img src="http://placehold.it/1920x1080">
</li>
</ul>
</div>
<div class="animated fadeInUp">
<div class="large-6 columns">
<h1>EqualScope Web Server</h1>
<small>An Apache based Web server hosting multiple sites.</small>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<h4>Project Details</h4>
<p>Coming Soon</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Tim Todd</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h4>User Experience</h4>
<p>Coming Soon</p>
<h5>Services</h5><p>Server Setup, Web Server, Multiple Sites</p>
<h5>Link</h5><p><a href="https://equalscope.com">EqualScope</a><br><a href="http://equalmediatv.net">EqualMediaTV</a></p>
</div>
</div>
</div>
</works>
</div><!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 125
optimize.html Переглянути файл

@ -1,125 +0,0 @@
<!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 - Optimize Group Website</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="Some information about the work I did on the Optimize Group Ltd website">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Optimize Group" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-6 columns">
<ul class="clearing-thumbs clearing-feature" data-clearing>
<li class="clearing-featured-img">
<img src="/img/portfolio/optimize-front.png">
</li>
<li class="clearing-featured-img">
<img src="/img/portfolio/optimize-youtubepage.png">
</li>
</ul>
</div>
<div class="animated fadeInUp">
<div class="large-6 columns">
<h1>Optimize Group Web Site</h1>
<small>A small HTML5 Web site for a YouTube MCN</small>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<h4>Project Details</h4>
<p>This was a web site for a YouTube Network named Optimize Group Ltd. It had to look good and have good SEO and view time. In the months it was up I saw a good retention and people going all over the site untill they click of to a external link. I also added SMO optimization so that it also looked good when shared on social media.</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Andrew Stagg, Optimize Group Ltd</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h5>Services</h5><p>Web Design, SEO, SMO</p>
<h5>Link</h5><p><a href="https://preview.haazen.xyz/optimize">Optimize Group Site Local Copy</a></p>
</div>
</div>
</div>
</works>
</div><!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 125
optimizeblog.html Переглянути файл

@ -1,125 +0,0 @@
<!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 - Optimize Group Blog</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="Some information about the custom blogging system I made for the Optimize Group press releases">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Optimize Group" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-6 columns">
<ul class="clearing-thumbs clearing-feature" data-clearing>
<li class="clearing-featured-img">
<img src="/img/portfolio/optimizeblog-front.png">
</li>
<li class="clearing-featured-img">
<img src="/img/portfolio/optimizeblog-article.png">
</li>
</ul>
</div>
<div class="animated fadeInUp">
<div class="large-6 columns">
<h1>Optimize Group Press Release</h1>
<small>A custom blog system used for the press releases of Optimize Group.</small>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<h4>Project Details</h4>
<p>The goal of this project was to make a easy to use system for the press releases of Optimize Group Ltd, This system uses a simple markdown file that gets rendered this mean there are no admin areas and the only thing needed is to put a file in the posts folder and its live.</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Andrew Stagg, Optimize Group Ltd.</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h5>Services</h5><p>Custom Blog,SEO,SMO</p>
<h5>Link</h5><p><a href="https://preview.haazen.xyz/optimizeblog">Local Copy</a></p>
</div>
</div>
</div>
</works>
</div><!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 113
purity.html Переглянути файл

@ -1,113 +0,0 @@
<!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 name="viewport" content="width=device-width">
<title>Marcel Haazen - Purity Network Email Server</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="Some Information about the work i did on the Purity Email server">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Purity Network" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-12 columns">
<h1>Purtiy Network Email Server</h1>
<small>A linux based email server.</small>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<h4>Project Details</h4>
<p>Coming Soon.</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Nick Morgan, Purity Network</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h4>User Experience</h4>
<p>Coming Soon.</p>
<h5>Services</h5><p>Server Administration, Server Setup, Email Server Setup</p>
</div>
</div>
</works>
</div><!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 128
taskify.html Переглянути файл

@ -1,128 +0,0 @@
<!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 - Taskify Server</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="Some information about the the pervious work I did on the Taskify server">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Taskify" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<works>
<div class="row">
<div class="large-6 columns">
<ul class="clearing-thumbs clearing-feature" data-clearing>
<li class="clearing-featured-img">
<img src="img/portfolio/taskify.png" alt="Login page">
</li>
<li class="clearing-featured-img">
<img src="img/portfolio/taskify-loggedin.png" alt="Logged in">
</li>
</ul>
</div>
<div class="animated fadeInUp">
<div class="large-6 columns">
<h1>Taskify Web Server</h1>
<small>An Apache based web server for a Task Dashboard.</small>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<h4>Project Details</h4>
<p>Coming Soon</p>
<ul class="small-block-grid-2 large-block-grid-2">
<li><h5>Client</h5><p>Sam Parton, OZVO</p></li>
<li><h5>Date</h5><p>2016</p></li>
</ul>
<h4>User Experience</h4>
<p>Coming Soon</p>
<h5>Services</h5><p>Server Administration, Server Setup, Web Server Setup</p>
<h5>Link</h5><p><a href="https://gettaskify.com">https://gettaskify.com</a></p>
</div>
</div>
</div>
</works>
</div>
<!-- animation -->
<div class="row">
<div class="large-12 columns">
<usernext>
<a href="work" class="button radius secondary">All works</a>
</usernext>
</div>
</div>
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

+ 0
- 98
work.html Переглянути файл

@ -1,98 +0,0 @@
a<!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 name="viewport" content="width=device-width">
<title>Marcel Haazen - Previous Work</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="On here you can see all my previous work i did for other clients">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, YoutTube Certified, Work" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/email.js"></script>
</head>
<body>
<bordercolor></bordercolor>
<div class="row">
<div class="animated fadeInLeft">
<div class="large-3 columns">
<logo>
<img src="img/logo.png" alt="Marcel Haazen" />
</logo>
</div><!-- 3 columns -->
</div><!-- animation -->
<!-- Responsive Drop Down Menu -->
<script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/make_dropdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#menubar > li').make_dropdown(); });
</script>
<!-- Responsive Drop Down Menu -->
<div class="large-9 columns">
<ul id="menubar">
<li><a href="/">Home</a></li>
<li><a href="work" id="active">My work</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div><!-- 9 columns -->
</div><!-- row -->
<div class="animated fadeInUp">
<div class="row">
<div class="large-12 columns">
<works>
<h1>Previous Work</h1>
<ul class="small-block-grid-2 large-block-grid-3">
<li><a href="purity"><img alt="Purity Email Server" src="img/portfolio/email.jpg"></a></li>
<li><a href="creator"><img alt="Creator Dashboard Server" src="img/portfolio/creator.jpg"></a></li>
<li><a href="taskify"><img alt="Taskify Web Server" src="img/portfolio/taskify.jpg"></a></li>
<li><a href="equalscope"><img alt="EqualScope Web Server" src="img/portfolio/equalscope.jpg"></a></li>
<li><a href="optimize"><img alt="Optimize Group Website" src="img/portfolio/optimize.jpg"></a></li>
<li><a href="optimizeblog"><img alt="Optimize Group Blog" src="img/portfolio/optimizeblog.jpg"></a></li>
</ul>
</works>
</div>
</div>
</div><!-- animation -->
<footer>
<div class="row">
<div class="large-12 columns">
<foot>
Copyright © <script>document.write(new Date().getFullYear())</script> by Marcel Haazen
</foot>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
<script>
$(document).foundation();
</script>
<script>
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 1);
}
</script>
</body>
</html>

Завантаження…
Відмінити
Зберегти