-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (103 loc) · 6.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
<script src="less.js"></script>
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<div class="container">
<header class="row">
<div class="span2"><img src="assets/images/saperion_logo.png" /></div>
<div class="span4 offset6">
<ul>
<li>Home</li>
<li>Info</li>
<li>Bestellung</li>
</ul>
</div>
</header>
<div class="row" id="content">
<article class="span5 offset7" id="home">
<section class="helper">
<hgroup>
<h1>Headline</h1>
<h2>Subheadline</h2>
</hgroup>
<ul>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
</ul>
<p>Corrupti officiis montes magna orci, scelerisque sociosqu luctus, nemo sem pulvinar penatibus? Error rerum quos. Semper maxime voluptas pellentesque! Dolore. Laboris dis porro molestias veritatis integer erat numquam, adipiscing, mus? Et curabitur culpa aliquip sapiente nullam? Penatibus curae. Tincidunt? Sollicitudin. Unde placeat aenean illum posuere aliquip felis montes, bibendum aliquam. Sequi sodales dicta debitis, dolorem non. Pellentesque optio, taciti repudiandae. Luctus soluta taciti morbi cillum eligendi congue diamlorem eu qui hac cupidatat! Nam nostra iusto faucibus blanditiis? Eros, veritatis eaque, pretium sunt penatibus ullam? Veritatis modi? Occaecati? Commodo lobortis ad! Delectus vestibulum lobortis modi ea, quo! Perspiciatis asperiores varius class.</p>
<p>Omnis! Justo rhoncus accusamus ab primis fringilla sint pulvinar quod metus consectetuer neque eos amet! Voluptatem facilisis ligula alias, ratione netus? Nesciunt asperiores ullamcorper voluptatum, blandit porttitor, cumque lobortis? Suspendisse, mollis laudantium! Elit enim voluptatum exercitation! Imperdiet expedita venenatis et, hymenaeos, sit! Facilis neque lectus dictum natoque placerat aspernatur vitae dolor, elementum sapiente consequatur aliquam, ac wisi mauris voluptate doloribus aut facilisi id itaque imperdiet laudantium placeat! Nemo taciti imperdiet quam mollis, cubilia rem beatae, amet nonummy quis? Vulputate consequatur commodo officia modi justo morbi, semper, beatae sodales volutpat ut elit deserunt. Iure ante malesuada facilis recusandae erat sodales laudantium.</p>
<button>Button</button>
</section>
</article>
<article class="span5 offset7" id="info">
<section class="helper">
<hgroup>
<h1>Headline2</h1>
<h2>Subheadline2</h2>
</hgroup>
<ul>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
</ul>
<p>Corrupti officiis montes magna orci, scelerisque sociosqu luctus, nemo sem pulvinar penatibus? Error rerum quos. Semper maxime voluptas pellentesque! Dolore. Laboris dis porro molestias veritatis integer erat numquam, adipiscing, mus? Et curabitur culpa aliquip sapiente nullam? Penatibus curae. Tincidunt? Sollicitudin. Unde placeat aenean illum posuere aliquip felis montes, bibendum aliquam. Sequi sodales dicta debitis, dolorem non. Pellentesque optio, taciti repudiandae. Luctus soluta taciti morbi cillum eligendi congue diamlorem eu qui hac cupidatat! Nam nostra iusto faucibus blanditiis? Eros, veritatis eaque, pretium sunt penatibus ullam? Veritatis modi? Occaecati? Commodo lobortis ad! Delectus vestibulum lobortis modi ea, quo! Perspiciatis asperiores varius class.</p>
<p>Omnis! Justo rhoncus accusamus ab primis fringilla sint pulvinar quod metus consectetuer neque eos amet! Voluptatem facilisis ligula alias, ratione netus? Nesciunt asperiores ullamcorper voluptatum, blandit porttitor, cumque lobortis? Suspendisse, mollis laudantium! Elit enim voluptatum exercitation! Imperdiet expedita venenatis et, hymenaeos, sit! Facilis neque lectus dictum natoque placerat aspernatur vitae dolor, elementum sapiente consequatur aliquam, ac wisi mauris voluptate doloribus aut facilisi id itaque imperdiet laudantium placeat! Nemo taciti imperdiet quam mollis, cubilia rem beatae, amet nonummy quis? Vulputate consequatur commodo officia modi justo morbi, semper, beatae sodales volutpat ut elit deserunt. Iure ante malesuada facilis recusandae erat sodales laudantium.</p>
<button>Button2</button>
</section>
</article>
</div>
<footer class="row" >
<div class="span5 offset7">Impressum | Datenschutz</div>
</footer>
</div>
<!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-scrollspy.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/bootstrap-typeahead.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>