janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

almost finished website

Browse Source
This commit is contained in:
Janis Hutz
2023-05-19 21:59:00 +02:00
parent 5f69d25662
commit 8e1d803d8d
13 changed files with 351 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
newVersion/info/index.html
View File

@@ -8,7 +8,7 @@
<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/homeStyle.css">
<link rel="stylesheet" href="/css/infoStyle.css">
<link rel="stylesheet" href="/css/fancyStyle.css">
<meta http-equiv="X-UA-Compatible" content="IE=8">
@@ -16,14 +16,16 @@
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order :: Development - janishutz.com</title>
<title>Details :: Development - janishutz.com</title>
</head>
<body>
<div id="nav"></div>
<div class="scroll-indicator" id="scroll-hint">
<div class="scroll-wrapper">
Scroll to discover more
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
<div class="scroll-container">
Scroll to discover more
<span class="material-symbols-outlined scroll-symbol">keyboard_double_arrow_down</span>
</div>
</div>
</div>
@@ -31,20 +33,68 @@
<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-purple huge small-margin">Order</h1>
<h3 class="gradient-purple bigger">Ready for your new website?</h3>
<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-purple biggest small-margin">Beau&shy;ti&shy;ful</h1>
<p class="white">Get a website of any style you want</p>
<h1 class="gradient biggest small-margin">Offe&shy;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&shy;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&shy;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&shy;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&shy;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>