In this repo i store all my websites, each in a different branch
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

202 рядки
9.7 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Marcel Haazen | Home</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Marcel Haazen">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<!-- Favicone Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/img/flavicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/flavicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/flavicon/favicon-16x16.png">
<link rel="manifest" href="/img/flavicon/manifest.json">
<link rel="mask-icon" href="/img/flavicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/img/flavicon/favicon.ico">
<meta name="msapplication-config" content="/img/flavicon/browserconfig.xml">
<meta name="theme-color" content="#646464">
<!-- CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/plugin/animate.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Site Wraper -->
<div class="wrapper">
<!-- Header -->
<header id="header" class="header">
<div class="container header-inner">
<!-- Logo -->
<div class="logo">
<a href="/">
<img class="logo-light" src="img/logo-black.png" alt="Haazen" />
<img class="logo-dark" src="img/logo-white.png" alt="Haazen" />
</a>
</div>
<!-- End Logo -->
<!-- Mobile Navbar Icon -->
<div class="nav-mobile nav-bar-icon">
<span></span>
</div>
<!-- End Mobile Navbar Icon -->
<!-- Navbar Navigation -->
<div class="nav-menu">
<ul class="nav-menu-inner">
<li><a href="/">Home</a></li>
<li><a href="service.html">Services</a></li>
</ul>
</div>
<!-- End Navbar Navigation -->
</div>
</header>
<!-- End Header -->
<!-- CONTENT --------------------------------------------------------------------------------->
<!-- Intro Section -->
<section class="inner-intro inner-intro-small dark-bg bg-image overlay-dark80 " data-background-img="img/full/09.jpg">
<div class="container">
<div class="row title">
<h2 class="h2">Service</h2>
<div class="page-breadcrumb">
<a>Home</a>/<span>Service</span>
</div>
</div>
</div>
</section>
<!-- End Intro Section -->
<!-- Service Section -->
<section id="service" class="pt pb-80">
<div class="container text-center">
<div class="row text-center">
<div class="col-md-8 col-md-offset-2">
<h3 class="h4">My Services</h3>
</div>
</div>
<div class="row mt-80">
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-server"></i></div>
<h4>Server Administration</h4>
<div class="spacer-15"></div>
<p>Whenever you already have a server or you need one configured it doesn't mather.</p>
</div>
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-shield"></i></div>
<h4>Cyber Security</h4>
<div class="spacer-15"></div>
<p>Nowadays security is a must but you might not know how to set it up.</p>
</div>
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-code"></i></div>
<h4>Programming</h4>
<div class="spacer-15"></div>
<p>Some things need a custom system doesnt mather if its a blog, a website or a API.</p>
</div>
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-exchange"></i></div>
<h4>Migration</h4>
<div class="spacer-15"></div>
<p>Migrating from one host to another can be a pain, cost time and can create a lot of downtime.</p>
<p>Using a custom system i will migrate all files and databases so that you don't have to worry about losing files and downtime.</p>
</div>
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-hdd-o"></i></div>
<h4>Backups and restores</h4>
<div class="spacer-15"></div>
<p>Making backups cost time and to set them up takes even more time that nobody has until its to late.</p>
<p>With a Custom system we make a backup of all the important files and databases that is stored encrypted on an off-site server so that you never have to worry about losing a thing.</p>
</div>
<div class="col-md-4 mb-30">
<div class="page-icon-top"><i class="fa fa-search"></i></div>
<h4>Monitoring</h4>
<div class="spacer-15"></div>
<p>Uptime is important and setting up an monitoring tool can be a pain and you can't always be there is it goes down.</p>
<p>With the custom monitoring tool we will keep an close eye on your services to make sure their always up and if they go down that we will take the best actions!</p>
</div>
</div>
</div>
</section>
<!-- Statement Section -->
<section class="dark-bg ptb-60" id="statement">
<div class="container text-center">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h4 class="mb-15">Want to see my work?</h4>
<a class="btn btn-md btn-white">click here</a>
</div>
</div>
</div>
</section>
<!-- End Statement Section -->
<!-- End Service Section -->
<!-- End CONTENT ------------------------------------------------------------------------------>
<!-- FOOTER -->
<footer class="footer pt-15-b5">
<div class="container">
<div class="row">
<!-- Copyright -->
<div class="col-md-7 col-sm-8 col-xs-12 mt-xs-15">
<p>© 2015-<script>document.write(new Date().getFullYear())</script> <a><b>Marcel Haazen</b></a>. All Rights Reserved</p>
</div>
<!-- End Copyright -->
<!-- Social -->
<div class="col-md-3 col-md-offset-2 col-sm-4 col-xs-12 mb-xs-15">
<ul class="social">
<li><a target="_blank" href="https://www.linkedin.com/in/mhaazen"><i class="fa fa-linkedin"></i></a></li>
<li><a target="_blank" href="https://twitter.com/NekoCentral"><i class="fa fa-twitter"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/mhaazen"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="https://github.com/inpothet"><i class="fa fa-github"></i></a></li>
</ul>
</div>
<!-- End Social -->
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- Scroll Top -->
<a class="scroll-top">
<i class="fa fa-angle-double-up"></i>
</a>
<!-- End Scroll Top -->
</div>
<!-- Site Wraper End -->
<!-- JS -->
<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.min.js" type="text/javascript"></script>
<script src="js/plugin/jquery.easing.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/plugin/jquery.viewportchecker.js" type="text/javascript"></script>
<script src="js/plugin/jquery.colorbox-min.js" type="text/javascript"></script>
<script src="js/plugin/owl.carousel.min.js" type="text/javascript"></script>
<script src="js/plugin/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="js/plugin/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="js/plugin/jquery.fs.tipper.min.js" type="text/javascript"></script>
<script src="js/plugin/mediaelement-and-player.min.js"></script>
<script src="js/theme.js" type="text/javascript"></script>
</body>
</html>