@ -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> |
@ -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> |
@ -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> |
@ -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> |
@ -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> |
@ -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> |
@ -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> |