-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (88 loc) · 6.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/heinz.min.css" rel="stylesheet">
<title>Heinz</title>
<link rel="apple-touch-icon" sizes="180x180" href="media/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/favicons/favicon-16x16.png">
<link rel="manifest" href="media/favicons/manifest.json">
<link rel="mask-icon" href="media/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="head">
<nav class="menu boxed">
<div class="bar">
<a href="https://htw-mmp.github.io/heinz/" class="branding">
<img src="media/heinz_h.svg">
</a>
<a class="fork-link" target="_blank"href="https://github.com/HTW-MMP/heinz/"><img style="position: absolute; top: 0; right: 0; border: 0;z-index: 10001;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
<span class="nav-toggle">
<div class="hamburger">toggle menu</div>
</span>
<ul>
<li><span class="nav-toggle"><div class="ex">close</div></span></li>
<li><a href="documentation.html">Documentation</a></li>
<li><a href="docSass.html">Sass</a></li>
</ul>
</div>
</nav>
</header>
<main class="main grid no-margin">
<section class="fullscreen welcome textoverlay" style="background-image: url('media/womanwork.jpg')" data-section-title="fullscreen section">
<div class="item-span-8 overlay-content">
<div>
<div class="logo-wrap">
<div class="heinz-logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 614.93 252.39" id="heinz_logo">
<title>Heinz Logo</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<text class="cls-1" transform="translate(0 177.72)">HEINZ</text><line class="cls-2" x1="547.29" y1="194.18" x2="4.93" y2="195.5"/>
<text class="cls-3" transform="translate(5.18 238.86)">THE
<tspan class="cls-4" x="90.12" y="0">S</tspan>
<tspan class="cls-5" x="114.06" y="0">T</tspan>
<tspan x="136.05" y="0">O</tspan>
<tspan class="cls-6" x="165.8" y="0">R</tspan>
<tspan x="191.01" y="0">YTELLING BUTLER</tspan>
</text><path
class="cls-7"
d="M546.61,194.32c6-14.59,11.72-29.23,17.14-44s10.49-29.57,14.84-44.56a330.89,330.89,0,0,0,9.57-45.61c2.16-15.4,3.53-31,4.15-46.57l3,1.42h0c-4.1,3-8.11,6.38-12,9.82s-7.56,7.06-11.05,10.85a112.44,112.44,0,0,0-9.69,12A63,63,0,0,0,555.35,61a36.65,36.65,0,0,0-1.95,7.15,66,66,0,0,0-.78,7.56,121.72,121.72,0,0,0,.31,15.39,218.85,218.85,0,0,0,4.74,30.62l.64,2.83-2.89-.06h0l-12.65-.28,1.49-4h0a69,69,0,0,1,9,9.62,38,38,0,0,1,3.63,5.67,21.6,21.6,0,0,1,1.35,3.22,17.54,17.54,0,0,1,.74,3.47,31.56,31.56,0,0,1-1.42,13.35,40.12,40.12,0,0,1-2.55,6.13,37.64,37.64,0,0,1-3.54,5.67l-.71-2.31h0a38.83,38.83,0,0,0,15.94,1.32,17,17,0,0,0,7.13-2.7,12.33,12.33,0,0,0,2.68-2.55,12,12,0,0,0,1-1.55l1-1.85a57.69,57.69,0,0,1,10.81-13.47,55.55,55.55,0,0,1,6.84-5.35c1.21-.8,2.45-1.56,3.74-2.25a34.59,34.59,0,0,1,4.06-1.91h0l.62,3.66L584.43,138h0l-2.72.15,1.49-2.59A250,250,0,0,0,598.59,104c4.29-10.8,7.68-22,8.85-33.48a82.18,82.18,0,0,0,.47-8.61V59.79l-.08-2.21-.16-4.43c-.23-5.91-.54-11.82-1-17.73C605.85,23.6,604.75,11.79,603,0l.1,0c1.69,5.72,3,11.54,4.19,17.39s2.14,11.74,3,17.65,1.5,11.85,2.1,17.79l.37,4.47.18,2.24.12,2.3A87.54,87.54,0,0,1,613,71a109,109,0,0,1-2.9,18.08q-1.1,4.43-2.57,8.76c-1,2.88-2,5.74-3.21,8.52a129.36,129.36,0,0,1-8.18,16.19c-1.54,2.59-3.17,5.14-4.91,7.61a84.27,84.27,0,0,1-5.56,7.19l-1.23-2.44h0l20.28-.32,10.22-.16-9.6,3.82h0a31.72,31.72,0,0,0-3.56,1.63c-1.19.62-2.35,1.31-3.49,2a52,52,0,0,0-6.45,4.92,54.25,54.25,0,0,0-10.32,12.53l-1,1.8a15.25,15.25,0,0,1-1.32,1.93,15.6,15.6,0,0,1-3.42,3.18,20.19,20.19,0,0,1-8.49,3.14,35.31,35.31,0,0,1-8.78.09,46.66,46.66,0,0,1-8.54-1.71h0l-1.94-.59,1.23-1.72a35,35,0,0,0,3-5.25,36.87,36.87,0,0,0,2.16-5.71,28,28,0,0,0,.9-11.87c-.48-3.72-2.72-7.13-5.25-10.31a65,65,0,0,0-8.66-8.71h0l-4.92-4.14,6.41.14,12.65.28h0l-2.25,2.78a223,223,0,0,1-4.66-31.34,125.91,125.91,0,0,1-.22-15.94,70.19,70.19,0,0,1,.88-8,40.82,40.82,0,0,1,2.21-7.93,67,67,0,0,1,7.77-14.14A116.39,116.39,0,0,1,569.37,33c3.62-3.87,7.43-7.54,11.38-11s8-6.83,12.33-10h0l2.55-2.1.41,3.53c.47,4,.7,8,.84,11.95s.17,8,.07,11.93-.23,8-.53,11.92-.61,7.94-1.09,11.89a245.08,245.08,0,0,1-10.12,46.69,457.51,457.51,0,0,1-16.94,44.4c-6.43,14.45-13.27,28.69-21,42.47Z"/>
</g>
</g>
</svg>
</div>
</div>
<p class="text-center">
<a href="downloads/heinz.zip" class="btn">Download</a>
<a href="documentation.html" class="btn">Documentation</a>
</p>
</div>
</div>
</section>
<section class="box">
<h1>Heinz</h1>
<p class="text-lead">Heinz is a lightweight framework for storytellers that want to focus on what really matters - the content.</p>
<p>Heinz comes with a beautiful design out of the box and helps you build readable content. Lots of white-space and a clean look make every story shine.</p>
<p>Heinz was created by 6 Media Engineering Students with lots of love in beautiful Switzerland.</p>
<p>Built with HTML, Sass & jQuery.</p>
<div class="item-span-8 item-offset-1 grid">
<div class="item-span-3 logo-img"><img src="media/HTML5_Logo.svg"></div>
<div class="item-span-3 logo-img"><img src="media/Sass_Logo.svg"></div>
<div class="item-span-3 logo-img"><img src="media/jQuery-Logo.svg"></div>
</div>
</section>
</main>
<footer class="grid">
<div class="foot">
<p>
© Heinz · 2017 · <span class="backtotop">Back To Top</span></p>
</div>
</footer>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/heinz.min.js"></script>
</body>
</html>