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

More work.

Browse Source
This commit is contained in:
Daniel Schramm
2020-01-20 23:31:42 +01:00
parent 8a09e4832b
commit 5938662704
9 changed files with 166 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
template/landing_page.html
View File

@@ -58,7 +58,7 @@
</div>
</nav>
<section id="service" class="section-service bg-black p-t-l p-b-l">
<section id="service" class="section-service bg-black">
<div class="container">
<h1 data-aos="fade-in">Film, auf den Frame genau.</h1>
<div class="squares">
@@ -81,12 +81,16 @@
</div>
</section>
<section id="work" class="section-work bg-beige p-t-l p-b-l">
<div class="container row reverse">
<div class="headline col-lg-1">
<section id="image-1" class="section-image">
<img src="/static/1.jpeg" alt="Schnittfest" data-aos="fade-in" />
</section>
<section id="work" class="section-work bg-beige">
<div class="container row reverse start-lg start-md start-sm start-xs">
<div class="headline col-lg-1 col-md-12 col-sm-12 col-xs-12">
<h1 data-aos="fade-in">Referenzen</h1>
</div>
<div class="videos col-lg-10">
<div class="videos col-lg-10 col-md-12 col-sm-12 col-xs-12">
<div style="padding:41.77% 0 0 0;position:relative;" data-aos="fade-in">
<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>
@@ -107,20 +111,21 @@
</section>
<section id="instagram" class="section-instagram bg-black">
</section>
<section id="rental" class="section-rental bg-beige p-t-l p-b-l">
<div class="container">
<iframe src="//lightwidget.com/widgets/120f6220e1895e639660c488bda317d2.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe> </section>
</div>
<section id="rental" class="section-rental bg-beige">
<div class="container">
<div class="row">
<div class="col-lg-4" style="z-index: 1;">
<div class="text bg-red" data-aos="fade-in">
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="z-index: 1;">
<div class="square bg-red" data-aos="fade-in">
<h2>Rental</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>
<div class="col-lg-8">
<div class="parts" data-aos="fade-in" data-aos-delay="100">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
<div id="parts" class="parts" data-aos="fade-in" data-aos-delay="100">
<img id="part0" src="static/blank.png" alt="0">
<img id="part1" src="static/part1.png" alt="1">
<img id="part2" src="static/part2.png" alt="2">
@@ -163,7 +168,7 @@
</div>
</div>
</div>
</section>-->
</section>
<section style="height: 100vh; display: flex; justify-content: center; align-items: center; font-family: monospace; font-size: 32px; color: white; background-color: black;">Spacer</section>
@@ -172,9 +177,10 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="text/javascript" src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>
<script type="text/javascript" src="js/hero.js"></script>
<script type="text/javascript" src="js/parts.js"></script>
<script type="text/javascript" src="instafeed.min.js"></script>
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script>
AOS.init({