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