60 lines
2.8 KiB
HTML
60 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/css/slider.css">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
|
|
<!-- SEO -->
|
|
<title>janishutz.com - Solving your software needs with passion</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=7">
|
|
<meta name="keywords" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="og:title" content="" />
|
|
<meta name="og:description" content="" />
|
|
<meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
|
|
<meta name="og:type" content="website" />
|
|
<meta name="og:url" content="https://janishutz.com" />
|
|
<meta name="og:locale" content="en_GB" />
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta name="theme-color" content="">
|
|
</head>
|
|
<body>
|
|
<nav></nav>
|
|
<!-- <video src="https://static.janishutz.com/assets/video-home.mp4" autoplay class="title-video"></video> -->
|
|
<div class="slider" style="width: 100vw; height: 80vh;">
|
|
<div class="slider-container">
|
|
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/math-summaries-desktop.jpg' );">
|
|
<h1>Software for your needs</h1>
|
|
<p>Professional-Grade Software</p>
|
|
<a href="https://store.janishutz.com" class="button">Store</a>
|
|
</div>
|
|
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/libreevent-desktop.jpg' );">
|
|
<h1>Custom Websites</h1>
|
|
<p>Built from the ground up specifically for you, no frameworks used!</p>
|
|
<a href="https://development.janishutz.com" class="button">Order now</a>
|
|
</div>
|
|
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/donate-desktop.jpg' );">
|
|
<h1>Open Source Projects</h1>
|
|
<p>Free Software, developed by Janis Hutz & the community</p>
|
|
<a href="/projects/#foss" class="button">Discover them!</a>
|
|
</div>
|
|
</div>
|
|
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">⮜</div>
|
|
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">⮞</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
</div>
|
|
|
|
|
|
<footer></footer>
|
|
|
|
|
|
<script src="/js/slider.js"></script>
|
|
<script>activateSlider( 7500 )</script>
|
|
</body>
|
|
</html> |