Skip to content

Instantly share code, notes, and snippets.

@slucha

slucha/index

Created February 24, 2018 08:36
Show Gist options
  • Save slucha/c8f0639c1d11cd752d3b04bdb27b1dd5 to your computer and use it in GitHub Desktop.
Save slucha/c8f0639c1d11cd752d3b04bdb27b1dd5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index
<!DOCTYPE html>
<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300,700" rel="stylesheet">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HACCP Flex - HACCP Konzept im Griff</title>
<meta name="description" content="Startup Landing Page">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!--hero section-->
<header class="hero-section">
<!--navigation-->
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href=""><img class="logo-nav" alt="logo" src="img/logo-nav.png"><img class="logo-head" alt="logo" src="img/logo-head.png"></a> </div>
<div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
<ul class="nav navbar-nav nav-left">
<li><a href="#features">Features</a></li>
<li><a href="#contact">Kontakt</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="btn">JETZT AUSPROBIEREN</a></li>
</ul>
</div>
</div>
</nav>
<!--navigation end-->
<!--welcome message-->
<section class="container text-center welcome-message">
<div class="row">
<div class="col-md-12">
<h1>Ihr gesamtes HACCP Konzept aus einer App steuern. Dokumentationchaos Adé.</h1>
<h2>Cloudbasierte HACCP Software nur in der Betaphase kostenlos ausprobieren.</h2>
<div class="play-btn"> </div>
<div class="cta-btn"> <a href="#" class="btn">JETZT AUSPROBIEREN</a>
</div>
</div>
</div>
</section>
<!--welcome message end-->
</header>
<!--hero section end-->
<!--Featured on-->
<section class="featured-on section-spacing text-center">
<div class="container">
<header class="section-header">
<h2>Unsere Nutzer</h2>
</header>
<div class="row">
<div class="col-md-12">
<ul class="featured-sites">
<li><a href="" title="Site Name"><img src="img/walter.png" alt="site"></a> </li>
<li><a href="" title="Site Name"><img src="img/cutler.jpg" alt="site"></a></li>
<li><a href="" title="Site Name"><img src="img/restaurant.jpg" alt="site"></a></li>
<li><a href="" title="Site Name"><img src="img/cateringhh-logo.png" alt="site"></a></li>
</ul>
</div>
</div>
</div>
</section>
<!--Featured on end-->
<!--benefits-->
<section class="benefits section-spacing text-center" id="features">
<div class="container">
<header class="section-header">
<h2>Mit HACCP Flex haben Sie Pflichtprüfungen im Griff</h2>
<h3>Prüfungen nie wieder vergessen, Dokumentation immer Griffbereit</h3>
</header>
<div class="row">
<div class="col-sm-4"> <img src="img/check.png" alt="benefits of product">
<h4>Nie wieder Prüfungen verpassen</h4>
<p>Benötigte Prüfungen werden nach ihren Vorgaben automatisch nachgehalten. Sie werden immer rechtzeitug über anstehende Prfungen informiert und können jederzeit einsehen wenn geforderte Prüfungen durch Mitarbeiter durchgeführt wurden.</p>
</div>
<div class="col-sm-4"> <img src="img/overview.png" alt="benefits of product">
<h4>Ihr Komplettes Unternehmen im Blick</h4>
<p>Alle Prüfungen und Ergebnisse auf einem Übersichtlichen Dashoard jederzeit einsehen.</p>
</div>
<div class="col-sm-4"> <img src="img/clipboard.png" alt="benefits of product">
<h4>Nie wieder Unterlagen suchen</h4>
<p>Alle Dokumente und Prüfungsnachweise jederzeit aufrufbar. Nie wieder suchen und sortieren von UNterlagen. Alles ist ordentlich dokumentiert und rechtssicher im System abgelegt</p>
</div>
</div>
</div>
</section>
<!--benefits end-->
<!--Tour-->
<section class="tour section-spacing text-center">
<div class="container">
<div class="row">
<div class="col-md-8 center-block">
<h2>Testen Sie HACCP Flex kostenlos!<a href="" class="btn">Jetzt Anmelden <i class="fa fa-arrow-right"></i></a></h2>
</div>
</div>
</div>
</section>
<!--Tour end-->
<!--cta section-->
<section class="cta-section section-spacing text-center" id="contact">
<div class="container">
<header class="section-header">
<h2>Noch Fragen?</h2>
<h3>Sprechen Sie uns an. Wir bieten auch individuelle Kundenanpassungen für unsere Software.</h3>
</header>
<div class="row">
<div class="col-md-12"> <a href="" class="btn">Chat</a> <a href="" class="btn">Email</a>
<p>Oder rufen Sie uns an <a href="tel:+16582144789"> 040 123 53425</a>.</p>
</div>
</div>
</div>
</section>
<!--cta section end-->
<!--site-footer-->
<footer class="site-footer section-spacing text-center">
<div class="container">
<div class="row">
<div class="col-md-4">
<p class="footer-links"><a href="">Impressum</a></p>
</div>
<div class="col-md-4"> <small>&copy; 2018 HACCP Flex. All rights reserved.</small></div>
<div class="col-md-4">
<!--social-->
<!--social end-->
</div>
</div>
</div>
</footer>
<!--site-footer end-->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/waypoints-sticky.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/tweetie.min.js"></script>
<script src="js/main.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="js/gmap.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment