111 lines
5.7 KiB
HTML
111 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet'>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="stylesheet" href="/css/infoStyle.css">
|
|
<link rel="stylesheet" href="/css/fancyStyle.css">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=8">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="description" content="Tailor-Made websites for Your Business: Stand out from the competition with my custom built websites that are built from scratch specifically for your business's use case and therefore get a significant boost in loading times.">
|
|
<meta name="keywords" content="custom website design, custom web development, custom website solutions, personalised websites, custom websites, websites built from scratch, affordable custom websites">
|
|
|
|
<title>Details :: Development - janishutz.com</title>
|
|
</head>
|
|
<body>
|
|
<div id="nav"></div>
|
|
<div class="scroll-indicator" id="scroll-hint">
|
|
<div class="scroll-wrapper">
|
|
<div class="scroll-container">
|
|
Scroll to learn more
|
|
<img class="scroll-symbol" src="/assets/doubleArrowDown.svg">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="progress" id="progress">
|
|
<div class="progress-wrapper">
|
|
<img class="progress-item" id="step1" src="/assets/radio_button_checked.svg">
|
|
<img class="progress-item" id="step2" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step3" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step4" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step5" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step6" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step7" src="/assets/radio_button_unchecked.svg">
|
|
<img class="progress-item" id="step8" src="/assets/radio_button_unchecked.svg">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step-1">
|
|
<div class="step-content">
|
|
<h1 class="gradient huge small-margin">De­tails</h1>
|
|
<h3 class="gradient bigger">on how this works</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-2">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Offe­ring</h1>
|
|
<p class="white half-width">You can get anything from a simple static website to something much more complex, like a webpage that has a blog and contact forms.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-3">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Styles</h1>
|
|
<p class="white half-width">Whilst this website is using lots of special effects, I can create whatever kind of website you like. See my <a href="/examples" class="white">example websites</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-4">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Perfor­mance</h1>
|
|
<p class="white half-width">Websites built from scratch usually perform better than ones created with frameworks - in both loading time and search</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-5">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Ho­sting</h1>
|
|
<p class="white half-width">I can set up your new website directly with a hosting provider, if you wish so.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-6">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">SEO</h1>
|
|
<p class="white half-width">You can choose how SEO should be handled: either by an SEO expert or by me</p>
|
|
<p class="very-small half-width">SEO or Search Engine Optimisation, is what is required to make your website perform well in search engines like Google.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-7">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Pri­cing</h1>
|
|
<p class="white half-width">Prices are calculated on a per-hour basis. You will receive an estimate in costs for free before I start developing anything</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-8">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin">Pri­cing</h1>
|
|
<p class="white half-width small-size">You can expect a website to cost more, the fancier it gets. A website like this one is one of the most expensive kinds of websites I offer</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<script defer src="/js/scrolling.js"></script>
|
|
|
|
<script>
|
|
$( '#nav' ).load( '/nav.html' );
|
|
</script>
|
|
</body>
|
|
</html> |