sefaria
276b8eb510
# Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. # # Lines starting with '#' will be ignored, and an empty message aborts # the commit.
135 lines
4.1 KiB
HTML
135 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html class="no-js" lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Lars Winter</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<meta name="description" content="Creator of visual identities and digital interfaces">
|
||
|
||
<meta property="og:title" content="Lars Winter">
|
||
<meta property="og:description" content="Portfolio of Lars Winter">
|
||
<meta property="og:url" content="https://larswinter.me">
|
||
<meta property="og:image" content="https://larswinter.me/img/lw-og_image.png">
|
||
<meta property="og:image:alt" content="">
|
||
<meta name="fediverse:creator" content="@larswinter@mastodon.social">
|
||
|
||
<link rel="icon" href="img/favicon.ico" sizes="any">
|
||
<!-- <link rel="icon" href="img/icon.svg" type="image/svg+xml"> -->
|
||
<link rel="apple-touch-icon" href="img/lw.png">
|
||
|
||
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
|
||
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div id="skipLink">
|
||
<a href="#siteContent">Skip to content</a>
|
||
</div>
|
||
|
||
<header class="site-header">
|
||
<a class="logo" href="/">Logo</a>
|
||
|
||
<nav class="desktop-nav" aria-label="Primary navigation">
|
||
<ul>
|
||
<li><a href="#">Home</a></li>
|
||
<li><a href="#">Work</a></li>
|
||
<li><a href="#">About</a></li>
|
||
<li><a href="#">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<button
|
||
class="menu-toggle"
|
||
id="menuToggle"
|
||
type="button"
|
||
aria-expanded="false"
|
||
aria-controls="mobileMenu"
|
||
aria-haspopup="true"
|
||
aria-label="Open menu"
|
||
>
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</header>
|
||
|
||
<div class="menu-overlay" id="menuOverlay" hidden></div>
|
||
|
||
<aside
|
||
class="mobile-menu"
|
||
id="mobileMenu"
|
||
aria-label="Mobile navigation"
|
||
aria-hidden="true"
|
||
>
|
||
<div class="mobile-menu__header">
|
||
<strong>Menu</strong>
|
||
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
|
||
✕
|
||
</button>
|
||
</div>
|
||
|
||
<nav aria-label="Mobile navigation">
|
||
<ul>
|
||
<li><a href="#">Home</a></li>
|
||
<li><a href="#">Work</a></li>
|
||
<li><a href="#">About</a></li>
|
||
<li><a href="#">Contact</a></li>
|
||
</ul>
|
||
</nav>
|
||
</aside>
|
||
|
||
<main id="siteContent" class="page-content">
|
||
|
||
<!-- target="_blank" rel="noopener noreferrer" -->
|
||
|
||
<header class="content-box content-intro">
|
||
<h1 class="headline size-h2">
|
||
Hey, I am Lars Winter, a graphic designer from Hamburg. I conceptualize and design projects with a focus on corporate design, design systems, icon design, web design, and editorial design.
|
||
</h1>
|
||
</header>
|
||
|
||
<section class="content-box content-text">
|
||
<p class="text">
|
||
As usual, my portfolio is a work in progress and currently only available on request. Please feel free to contact me <a href="mailto:contact@larswinter.me">via email</a> for work collaborations and other requests. You can also find me on one of those fancy social networks, like <a rel="me" href="https://mastodon.social/@larswinter">Mastodon</a>, <a href="https://www.linkedin.com/in/larswinter">LinkedIn</a> (if really necessary), <del>Instagram</del>, and <del>Twitter</del>.
|
||
</p>
|
||
</section>
|
||
|
||
<div class="content-box placeholder">
|
||
|
||
</div>
|
||
|
||
<!-- <div class="footer-fade"></div> -->
|
||
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="footer-content">
|
||
<span>© 2018–<span id="year"></span> Lars Winter</span>
|
||
<div class="footer-links">
|
||
<div>
|
||
<a href="/legal-notice.html">Legal notice</a>
|
||
</div>
|
||
<div>
|
||
<a href="/privacy.html">Privacy</a>
|
||
</div>
|
||
<div>
|
||
<a href="/archive">Archived Portfolio</a>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
document.getElementById('year').textContent = new Date().getFullYear();
|
||
</script>
|
||
</div>
|
||
</footer>
|
||
|
||
|
||
<!-- Add your site or application content here -->
|
||
<script src="js/app.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|