306 lines
20 KiB
PHP
306 lines
20 KiB
PHP
|
@layout('content.master')
|
||
|
|
@section('head')
|
||
|
|
<title>Home Page</title>
|
||
|
|
@stop
|
||
|
|
@section('content')
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="hero-slider flexslider clearfix" data-autoplay="yes" data-pagination="yes" data-arrows="yes" data-style="fade" data-pause="yes">
|
||
|
|
<ul class="slides">
|
||
|
|
<li class=" parallax" style="background-image:url(https://www.laeufermeeting-neustadt.de/images/start2.jpg);"></li>
|
||
|
|
<li class="parallax" style="background-image:url(https://www.laeufermeeting-neustadt.de/images/header1.jpg);"></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="notice-bar">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-3 col-md-6 col-6 notice-bar-title">
|
||
|
|
<div class="display-flex">
|
||
|
|
<span class="notice-bar-title-icon d-none d-xl-block d-none d-lg-block"><i class="far fa-calendar-alt fa-3x"></i></span>
|
||
|
|
<span class="notice-in">
|
||
|
|
<span class="title-note">2023</span> <strong>Upcoming Event</strong>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-6 col-6 notice-bar-event-title">
|
||
|
|
<h5><a href="single-event.html">Läufermeeting Neustadt 2023</a></h5>
|
||
|
|
<span class="meta-data">13th July, 2023</span>
|
||
|
|
</div>
|
||
|
|
<div id="counter" class="col-lg-4 col-md-6 col-sm-12 counter" data-date="November 13, 2023" style="opacity: 0.5;">
|
||
|
|
<div class="timer-col"> <span id="days">0</span> <span class="timer-type">days</span> </div>
|
||
|
|
<div class="timer-col"> <span id="hours">00</span> <span class="timer-type">hrs</span> </div>
|
||
|
|
<div class="timer-col"> <span id="minutes">00</span> <span class="timer-type">mins</span> </div>
|
||
|
|
<div class="timer-col"> <span id="seconds">00</span> <span class="timer-type">secs</span> </div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-2 col-md-6 col-sm-12 d-sm-none d-md-block"> <a href="events.html" class="btn btn-primary btn-lg btn-block">Jetzt anmelden</a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Nav Backed Header -->
|
||
|
|
<!-- Start Page Header -->
|
||
|
|
|
||
|
|
<!-- End Page Header -->
|
||
|
|
<div class="main" role="main">
|
||
|
|
<div id="content" class="content full">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<h1>H1 heading style</h1>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h2>H2 heading style</h2>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h3>H3 heading style</h3>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h4>H4 heading style</h4>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h5>H5 heading style</h5>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h6>H6 heading style</h6>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<h2>Blockquote</h2>
|
||
|
|
<blockquote>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<cite>- Author name here</cite> </blockquote>
|
||
|
|
<h2>Labels</h2>
|
||
|
|
<p><span class="label label-primary">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<p><span class="label label-danger">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<p><span class="label label-info">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<p><span class="label label-success">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<p><span class="label label-warning">Lorem</span> ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
<h2>Paragraph</h2>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2>Dropcaps</h2>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<p class="drop-caps">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<p class="drop-caps secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2>Lists</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<h4>Unordered List</h4>
|
||
|
|
<ul class="unordered">
|
||
|
|
<li>Lorem ipsum dolor sit amet</li>
|
||
|
|
<li>Consectetur adipiscing elit</li>
|
||
|
|
<li>Integer molestie lorem at massa</li>
|
||
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
||
|
|
<li> Nulla volutpat aliquam velit
|
||
|
|
<ul>
|
||
|
|
<li>Phasellus iaculis neque</li>
|
||
|
|
<li>Purus sodales ultricies</li>
|
||
|
|
<li>Vestibulum laoreet porttitor sem</li>
|
||
|
|
<li>Ac tristique libero volutpat at</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
||
|
|
<li>Aenean sit amet erat nunc</li>
|
||
|
|
<li>Eget porttitor lorem</li>
|
||
|
|
</ul>
|
||
|
|
<h4 class="spaced">Description List</h4>
|
||
|
|
<dl>
|
||
|
|
<dt>Description lists</dt>
|
||
|
|
<dd>A description list is perfect for defining terms.</dd>
|
||
|
|
<dt>Euismod</dt>
|
||
|
|
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
|
||
|
|
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
|
||
|
|
<dt>Malesuada porta</dt>
|
||
|
|
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
|
||
|
|
</dl>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<h4>Ordered List</h4>
|
||
|
|
<ol>
|
||
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
||
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
||
|
|
<li>Aenean sit amet erat nunc</li>
|
||
|
|
<li>Eget porttitor lorem</li>
|
||
|
|
<li>Consectetur adipiscing elit</li>
|
||
|
|
<li>Integer molestie lorem at massa</li>
|
||
|
|
<li>Facilisis in pretium nisl aliquet</li>
|
||
|
|
<li>Faucibus porta lacus fringilla vel</li>
|
||
|
|
<li>Aenean sit amet erat nunc</li>
|
||
|
|
</ol>
|
||
|
|
<h4 class="spaced">Icons List</h4>
|
||
|
|
<ul class="hearts">
|
||
|
|
<li><i class="icon icon-envelope-alt"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. </li>
|
||
|
|
<li><i class="icon icon-film"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="checks">
|
||
|
|
<li><i class="icon icon-envelope-alt"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. </li>
|
||
|
|
<li><i class="icon icon-film"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="carets">
|
||
|
|
<li><i class="icon icon-envelope-alt"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. </li>
|
||
|
|
<li><i class="icon icon-film"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="chevrons">
|
||
|
|
<li><i class="icon icon-envelope-alt"></i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. </li>
|
||
|
|
<li><i class="icon icon-film"></i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.</li>
|
||
|
|
</ul>
|
||
|
|
<h4 class="spaced">Inline</h4>
|
||
|
|
<ul class="inline">
|
||
|
|
<li>Lorem ipsum</li>
|
||
|
|
<li>Phasellus iaculis</li>
|
||
|
|
<li>Nulla volutpat</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<h2>Code</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<h4>Inline</h4>
|
||
|
|
<p>For example, <code><section></code> should be wrapped as inline.</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<h4>Basic Block</h4>
|
||
|
|
<pre><p>Sample text here...</p></pre>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<h2>Tables</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<h4>Striped</h4>
|
||
|
|
<table class="table table-striped">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th> # </th>
|
||
|
|
<th> First Name </th>
|
||
|
|
<th> Last Name </th>
|
||
|
|
<th> Username </th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td> 1 </td>
|
||
|
|
<td> Mark </td>
|
||
|
|
<td> Otto </td>
|
||
|
|
<td> @mdo </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> 2 </td>
|
||
|
|
<td> Jacob </td>
|
||
|
|
<td> Thornton </td>
|
||
|
|
<td> @fat </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> 3 </td>
|
||
|
|
<td> Larry </td>
|
||
|
|
<td> the Bird </td>
|
||
|
|
<td> @twitter </td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<h4 class="spaced">Bordered</h4>
|
||
|
|
<table class="table table-bordered">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th> # </th>
|
||
|
|
<th> First Name </th>
|
||
|
|
<th> Last Name </th>
|
||
|
|
<th> Username </th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td> 1 </td>
|
||
|
|
<td> Mark </td>
|
||
|
|
<td> Otto </td>
|
||
|
|
<td> @mdo </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> 2 </td>
|
||
|
|
<td> Jacob </td>
|
||
|
|
<td> Thornton </td>
|
||
|
|
<td> @fat </td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td> 3 </td>
|
||
|
|
<td> Larry </td>
|
||
|
|
<td> the Bird </td>
|
||
|
|
<td> @twitter </td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- start site footer -->
|
||
|
|
<footer class="site-footer">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<!-- Start Footer Widgets -->
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-12 widget footer-widget">
|
||
|
|
<h4 class="footer-widget-title">About our Church</h4>
|
||
|
|
<img src="images/logo.png" alt="Logo">
|
||
|
|
<div class="spacer-20"></div>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus. Donec facilisis consectetur adipiscing elit. Nulla convallis egestas rhoncus</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-12 widget footer-widget">
|
||
|
|
<h4 class="footer-widget-title">Blogroll</h4>
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html">Church Home</a></li>
|
||
|
|
<li><a href="about.html">About Us</a></li>
|
||
|
|
<li><a href="events.html">All Events</a></li>
|
||
|
|
<li><a href="sermons.html">Sermons Archive</a></li>
|
||
|
|
<li><a href="blog-masonry.html">Our Blog</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-12 widget footer-widget">
|
||
|
|
<h4 class="footer-widget-title">Our Church on twitter</h4>
|
||
|
|
<ul class="twitter-widget">
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<!-- end site footer -->
|
||
|
|
<footer class="site-footer-bottom">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="copyrights-col-left col-lg-6 col-md-6 col-sm-12">
|
||
|
|
<p>© 2023 Erstellt mit dem <a href="https://www.areya.de/software/cms">Areya CMS</a> </p>
|
||
|
|
</div>
|
||
|
|
<div class="copyrights-col-right col-lg-6 col-md-6 col-sm-12 text-end">
|
||
|
|
|
||
|
|
<a class="text-decoration-none me-4" href="{{url('/datenschutz')}}" target="_blank">Datenschutz</a>
|
||
|
|
<a class="text-decoration-none" href="{{url('/impressum')}}" target="_blank">Impressum</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<!-- End Footer -->
|
||
|
|
<a id="back-to-top"><i class="fas fa-angle-double-up"></i></a>
|
||
|
|
|
||
|
|
|
||
|
|
@stop
|