marvin/schnittfest
1
0
Fork 0
mirror of https://github.com/Kugelschieber/schnittfest.git synced 2026-01-18 10:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added basic start, work and service sections.

Browse Source
This commit is contained in:
Daniel Schramm
2019-12-27 23:08:45 +01:00
parent 53e7d6dcf4
commit e2b51427f8
6 changed files with 369 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
template/landing_page.html
View File

@@ -21,7 +21,6 @@
<meta property="og:image" content="" />
<link rel="stylesheet" type="text/css" href="static/main.css" />
<link rel="stylesheet" type="text/css" href="static/grid.css" />
<link rel="stylesheet" type="text/css" href="static/manrope.css" />
<link rel="apple-touch-icon" sizes="180x180" href="" />
<link rel="icon" type="image/png" sizes="32x32" href="" />
@@ -31,10 +30,78 @@
<title>Schnittfest</title>
</head>
<body>
<nav class="header bg-black">
<div class="container">
<img src="static/wordmark-white.svg" alt="Schnittfest">
<ul class="hide-sm">
<li>Referenzen</li>
<li>Leistungen</li>
<li>Rental</li>
<li>Kontakt</li>
</ul>
</div>
</nav>
<h1>Schnittfest GmbH</h1>
<p>Schnittfest befindet sich aktuell im Wartungsmodus.</p>
<p>Wir sind bald wieder für Sie da!</p>
<section id="start" class="section-start bg-black p-t-l p-b-l">
<div class="container row">
<div class="hero">
<h1>Film, auf den<br>Frame genau.</h1>
<button class="primary">Jetzt buchen</button>
<button class="secondary">Mehr erfahren</button>
</div>
<div class="stripe">
<div class="bg-yellow"></div>
<div class="bg-orange"></div>
<div class="bg-red"></div>
<div class="bg-pink"></div>
<div class="bg-purple"></div>
</div>
</div>
</section>
<section id="work" class="section-work bg-purple p-t-l p-b-l">
<div class="container row">
<div class="headline col-lg-2">
<h2>Referenzen</h2>
</div>
<div class="videos col-lg-10">
<div style="padding:41.77% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/267008499?color=fff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div style="padding:41.89% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/303092992?color=fff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div style="padding:42.5% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/278582802?color=fff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div style="padding:42.5% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/261792174?color=fff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
<div style="padding:37.29% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/208213002?color=fff&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section id="service" class="section-service bg-black p-t-l p-b-l">
<div class="container row">
<div class="square bg-yellow col-lg-4 col-md-6 col-sm-12 col-xs-12">
<h3>Film</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<button class="primary">Jetzt buchen</button>
</div>
<div class="square bg-orange col-lg-4 col-md-6 col-sm-12 col-xs-12">
<h3>Animation</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
</div>
<div class="square bg-red col-lg-4 col-md-6 col-sm-12 col-xs-12">
<h3>Sound</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
</div>
</div>
</section>
</body>
<script src="https://player.vimeo.com/api/player.js"></script>
</html>