95 lines
4.5 KiB
HTML
95 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
|
|
|
<link rel="icon" type="image/png" href="/img/logo.png">
|
|
<meta class='foundation-mq'>
|
|
|
|
<title>J & S</title>
|
|
<link href="main.css" rel="stylesheet"></head>
|
|
<body>
|
|
|
|
<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
|
|
<img class="logo-img" src="/img/logo.png" alt="J&S">
|
|
<button class="menu-icon" type="button" data-toggle="main-menu"></button>
|
|
<!-- <div class="title-bar-title">Menu</div>-->
|
|
</div>
|
|
|
|
<nav class="top-bar" id="main-menu" data-responsive-toggle="main-menu">
|
|
<div class="grid-container width-100">
|
|
<div class="top-bar-left">
|
|
<ul class="menu align-center-middle vertical responsive-menu hide-for-medium" data-toggle="main-menu">
|
|
<span class="menu-closer"></span>
|
|
<li class="active" data-site="home" data-img-show-always="1"><a>Home</a></li>
|
|
<li data-site="tagesablauf"><a>Tagesablauf</a></li>
|
|
<li data-site="unterkunft"><a>Unterkunft</a></li>
|
|
<li data-site="geschenke"><a>Geschenke</a></li>
|
|
<!-- <li><a href="#">Galerie</a></li>-->
|
|
</ul>
|
|
<ul class="menu align-center-middle medium-horizontal hide-for-small-only">
|
|
<li><img class="logo-img" src="/img/logo.png" alt="J&S"></li>
|
|
<li class="active" data-site="home" data-img="1"><a>Home</a></li>
|
|
<li data-site="tagesablauf"><a>Tagesablauf</a></li>
|
|
<li data-site="unterkunft"><a>Unterkunft</a></li>
|
|
<li data-site="geschenke"><a>Geschenke</a></li>
|
|
<!-- <li><a href="#">Galerie</a></li>-->
|
|
</ul>
|
|
</div>
|
|
<div class="top-bar-right">
|
|
<!-- <ul class="menu">-->
|
|
<!-- <li><input type="search" placeholder="Search"></li>-->
|
|
<!-- <li><button type="button" class="button">Search</button></li>-->
|
|
<!-- </ul>-->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="grid-container width-100">-->
|
|
<!-- <div class="grid-padding-x ">-->
|
|
<!-- <div class="small-12 cell">-->
|
|
|
|
<!--<!– <div id='navbar-close-listener-container' style="display: none">–>-->
|
|
<!--<!– <div id='navbar-close-listener'></div>–>-->
|
|
<!--<!– </div>–>-->
|
|
|
|
<!-- <ul class="menu align-center horizontal">-->
|
|
<!-- <li><img class="logo-img" src="img/logo.png" alt="J&S"></li>-->
|
|
<!-- <li class="small"><a>Home</a></li>-->
|
|
<!-- <li class="small"><a>Tagesablauf</a></li>-->
|
|
<!-- <li class="small"><a>Unterkunft</a></li>-->
|
|
<!-- <li class="small"><a>Geschenke</a></li>-->
|
|
<!-- <li class="small"><a>Galerie</a></li>-->
|
|
<!-- </ul>-->
|
|
<!--<!– <span id="responsive-menu-toggle" class="right">–>-->
|
|
<!--<!– <button class="menu-icon" type="button" data-toggle=""></button>–>-->
|
|
<!--<!– </span>–>-->
|
|
<!--<!– <div id="responsive-menu">–>-->
|
|
<!--<!– <ul class="menu vertical accordion-menu navbar-menu hidden-menu" id="navbar-menu-hidden">–>-->
|
|
<!--<!– </ul>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</nav>
|
|
<div id="main-content-container">
|
|
<span id="home-img-container">
|
|
<span class="width-100" id="home-img">
|
|
<img src="/img/home.jpg" id="" alt="Julia und Sam sehen sich verliebt an und halten dabei händchen <3"
|
|
class="">
|
|
<h1 id="start-text-img-overlay">Hochzeit von <br/>Julia und Samuel</h1>
|
|
</span>
|
|
<span id="img-spacer"></span>
|
|
</span>
|
|
<div id="scroll-container">
|
|
<div class="">
|
|
<div class="grid-x grid-padding-x grid-padding-y grow max-height-100">
|
|
<div class="cell small-12" id="main-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="bundle.js"></script></body>
|
|
</html> |