106 lines
3.6 KiB
HTML
106 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="sv-SE">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Felix Schulze</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta http-equiv="content-language" content="sv-SE">
|
|
<meta name="description" content="I'm Felix Schulze. Welcome to my portfolio.">
|
|
<meta name="keywords" content="Felix, Schulze, portfolio, webdesign, ux, ui, web, design">
|
|
<meta name="author" content="Felix Schulze">
|
|
<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="public">
|
|
<link rel="canonical" href="https://schulze.studio">
|
|
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:site_name" content="Schulze.Studio">
|
|
<meta property="og:title" content="Schulze Studio">
|
|
<meta property="og:url" content="https://schulze.studio">
|
|
<meta property="og:description" content="I'm Felix Schulze. Welcome to my portfolio.">
|
|
<meta name="title" content="Schulze Studio">
|
|
|
|
<link rel="stylesheet" async href="/css/main.css">
|
|
|
|
|
|
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
|
|
<![endif]-->
|
|
<!--
|
|
XXXXXXX
|
|
FAVICON
|
|
XXXXXXX
|
|
-->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
|
|
<link rel="manifest" href="/img/favicon/site.webmanifest">
|
|
<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
|
<link rel="shortcut icon" href="/img/favicon/favicon.ico">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<nav id="nav">
|
|
<div id="menu" style="display: none;">
|
|
<span></span>
|
|
<div id="blocker"></div>
|
|
<ul>
|
|
<li data-text="Home"><a href="/">Home</a></li>
|
|
<li data-text="Websites"><a href="#">Websites</a></li>
|
|
<li data-text="Projects"><a href="#">Projects</a></li>
|
|
<li data-text="Contact"><a href="#">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="wrapper">
|
|
<div id="menuToggle">
|
|
<span class="bar bar1"></span>
|
|
<span class="bar bar2"></span>
|
|
<span class="bar bar1"></span>
|
|
</div>
|
|
|
|
<a href="/">
|
|
<picture id="logo">
|
|
<source srcset="/img/logo/logo@0.10x.webp" type="image/webp">
|
|
<source srcset="/img/logo/logo@0.10x.png" type="image/png">
|
|
<img src="/img/logo/logo@0.10x.png" alt="Schulze Studio logo">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<header id="header">
|
|
<div id="logo-container">
|
|
<h1>
|
|
<span style="color:#e3201b;">S</span><span style="color:#e2241a;">c</span><span style="color:#e0281a;">h</span><span style="color:#df2c19;">u</span><span style="color:#dd3118;">l</span><span style="color:#dc3518;">z</span><span style="color:#da3917;">e</span>
|
|
</h1>
|
|
<picture id="logo">
|
|
<source srcset="/img/logo/logo@0.25x.webp" type="image/webp">
|
|
<source srcset="/img/logo/logo@0.25x.png" type="image/png">
|
|
<img src="/img/logo/logo@0.25x.png" alt="Schulze Studio logo">
|
|
</picture><br>
|
|
<h1>
|
|
<span style="color:#f79923;">S</span><span style="color:#f9a023;">t</span><span style="color:#faa623;">u</span><span style="color:#fcad24;">d</span><span style="color:#fdb324;">i</span><span style="color:#ffba24;">o</span>
|
|
</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="main">
|
|
<section>
|
|
</section>
|
|
</div>
|
|
|
|
<footer id="footer">
|
|
</footer>
|
|
|
|
<script defer src="/js/jquery-3.4.1.js"></script>
|
|
<script defer src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|