143 lines
5.9 KiB
HTML
143 lines
5.9 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
||
<!-- Bootstrap CSS -->
|
||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||
|
||
<title>{{ this.title }}</title>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<a class="navbar-brand" href="https://ungleich.ch">ungleich</a>
|
||
<button class="navbar-toggler" type="button"
|
||
data-toggle="collapse"
|
||
data-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<ul class="navbar-nav mr-auto">
|
||
<li class="nav-item active">
|
||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#">Link</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Dropdown
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
|
||
</li>
|
||
</ul>
|
||
<form class="form-inline my-2 my-lg-0"
|
||
action="https://search.ungleich.ch/yacysearch.html" method="get">
|
||
<input class="form-control mr-sm-2" type="search"
|
||
placeholder="Search" name="query" aria-label="Search">
|
||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
||
</form>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
|
||
<div class="col-md-5 p-lg-5 mx-auto my-5">
|
||
<h1 class="display-4 font-weight-normal">Punny headline</h1>
|
||
<p class="lead font-weight-normal">And an even wittier subheading
|
||
to boot. Jumpstart your marketing efforts with this example based
|
||
on Apple’s marketing pages.</p>
|
||
<a class="btn btn-outline-secondary" href="#">Get it here!</a>
|
||
</div>
|
||
<div class="product-device shadow-sm d-none d-md-block"></div>
|
||
<div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="row mb-3">
|
||
<div class="col-md-4">
|
||
<h3 class="font-weight-normal">Punny headlineX</h3>
|
||
<p class="font-weight-normal">And an even wittier subheading
|
||
to boot. Jumpstart your marketing efforts with this example based
|
||
on Apple’s marketing pages.</p>
|
||
<a class="btn btn-outline-secondary" href="#">Get it here!</a>
|
||
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h3 class="font-weight-normal">Punny headlineX</h3>
|
||
<p class="font-weight-normal">And an even wittier subheading
|
||
to boot. Jumpstart your marketing efforts with this example based
|
||
on Apple’s marketing pages.</p>
|
||
<a class="btn btn-outline-secondary" href="#">Get it here!</a>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h3 class="font-weight-normal">Punny headlineX</h3>
|
||
<p class="font-weight-normal">And an even wittier subheading
|
||
to boot. Jumpstart your marketing efforts with this example based
|
||
on Apple’s marketing pages.</p>
|
||
<a class="btn btn-outline-secondary" href="#">Get it here!</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="row mb-3">
|
||
<div class="col-md-4">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Card title</h5>
|
||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Card title</h5>
|
||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card">
|
||
<div class="card-body">
|
||
<h5 class="card-title">Card title</h5>
|
||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
|
||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr/>
|
||
<div class="container">
|
||
<div class="row mb-3">
|
||
<div class="col-md-7">
|
||
Pellentesque aliquam ac elit in rutrum. Cras hendrerit lorem pharetra lectus porttitor, vel maximus lorem viverra. Mauris blandit nulla lectus, sed cursus elit dictum vitae. Donec ullamcorper enim ac lectus laoreet, non tincidunt lorem suscipit.
|
||
</div>
|
||
|
||
<div class="col-md-5">
|
||
<img src="https://hack4glarus.ch/static/ungleich_page/img/logo_black.svg" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<footer class="footer mt-auto py-3">
|
||
<div class="container">
|
||
<span class="text-muted">Copyright
|
||
<a class=footer-link href="https://ungleich.ch">ungleich</a>.</span>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
|
||
</html>
|