108 lines
5.3 KiB
HTML
108 lines
5.3 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="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
|
<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">
|
|
|
|
<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 discover more
|
|
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="progress" id="progress">
|
|
<div class="progress-wrapper">
|
|
<span class="material-symbols-outlined progress-item" id="step1">radio_button_checked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step2">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step3">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step4">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step5">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step6">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step7">radio_button_unchecked</span>
|
|
<span class="material-symbols-outlined progress-item" id="step8">radio_button_unchecked</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step-1">
|
|
<div class="step-content">
|
|
<h1 class="gradient huge small-margin">Details</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>
|
|
</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 before I start developing anything - for free.</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> |