102 lines
5.3 KiB
HTML
102 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="/css/style.css">
|
|
<link rel="stylesheet" href="/css/examplesStyle.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="Your new website can be exactly like the ones shown here or be of any other style you want. They are always custom built from scratch specifically for your business's use case.">
|
|
<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>Order :: 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
|
|
<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">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step" id="step-1">
|
|
<div class="step-content">
|
|
<h1 class="gradient huge small-margin">Exam­ples</h1>
|
|
<p class="white half-width">of websites I have created. Click the title to go to the website. All links open in new tabs.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-2">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://libreevent.janishutz.com" class="link-invisible" target="_blank">Libre­ǝvent</a></h1>
|
|
<p class="white half-width">My flagship project - A fully free and open source event management solution</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-3">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://janishutz.com" class="link-invisible" target="_blank">Per­sonal web­site</a></h1>
|
|
<p class="white half-width">My own website, where I show off my projects</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-4">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com" class="link-invisible" target="_blank">im­press.js - website</a></h1>
|
|
<p class="white half-width">A website for a JavaScript presentation framework I contribute code to</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-5">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com/docs" class="link-invisible" target="_blank">im­press.js - docs</a></h1>
|
|
<p class="white half-width">The documentation page for impress.js, a JavaScript presentation framework</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-6">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://testing.janishutz.com" class="link-invisible" target="_blank">Boo­king</a></h1>
|
|
<p class="white half-width">A fully featured booking system for Language School Hossegor</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step reveal" id="step-7">
|
|
<div class="step-content">
|
|
<h1 class="gradient biggest small-margin"><a href="https://historyproject.janishutz.com" class="link-invisible" target="_blank">Ja­pan</a></h1>
|
|
<p class="white half-width">A small research project for history class at school</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> |