almost finished website

This commit is contained in:
2023-05-19 21:59:00 +02:00
parent 5f69d25662
commit 8e1d803d8d
13 changed files with 351 additions and 40 deletions

View File

@@ -23,8 +23,10 @@
<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>
@@ -50,44 +52,45 @@
<div class="step" id="step-1">
<div class="step-content">
<h1 class="gradient-purple huge small-margin">Web&shy;sites</h1>
<h3 class="gradient-purple bigger">Get your new online presence</h3>
<h1 class="gradient huge small-margin">Web&shy;sites</h1>
<h3 class="gradient bigger">Get your new online presence</h3>
<p class="very-small half-width">This website is designed to be as fancy as possible. Yours can be more like a conventional website, if you wish.</p>
</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>
<h1 class="gradient biggest small-margin">Beau&shy;ti&shy;ful</h1>
<p class="white half-width">Get a website of any style you want</p>
</div>
</div>
<div class="step reveal" id="step-3">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Cus&shy;tom</h1>
<h1 class="gradient biggest small-margin">Cus&shy;tom</h1>
<p class="white half-width">Built with the technologies used by frameworks, but without the downsides that come with them</p>
</div>
</div>
<div class="step reveal" id="step-4">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Static</h1>
<h1 class="gradient biggest small-margin">Static</h1>
<p class="white half-width">Websites that display your content in a stylish, beautiful manner, like this page</p>
</div>
</div>
<div class="step reveal" id="step-5">
<div class="step-content">
<h1 class="gradient-purple biggest small-margin">Dynamic</h1>
<h1 class="gradient biggest small-margin">Dynamic</h1>
<p class="white half-width">Websites that include blogs, contact forms, registration forms and many more dynamic features, like the order page</p>
</div>
</div>
<div class="step reveal" id="step-6">
<div class="step-content">
<h1 class="gradient-purple huge small-margin">In&shy;te&shy;res&shy;ted?</h1>
<h3 class="gradient-purple bigger">contact me for an offer</h3>
<h1 class="gradient huge small-margin">In&shy;te&shy;res&shy;ted?</h1>
<h3 class="gradient bigger"><a href="/order" class="link-invisible">contact me for an offer</a></h3>
</div>
</div>