-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
200 lines (182 loc) · 8.45 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<html>
<head>
<meta charset="utf-8">
<title>Shivt</title>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="application-name" content="Application Name">
<meta name="theme-color" content="#4285f4">
<meta name="description" content="A description of the page">
<meta name="robots" content="index,follow"><!-- All Search Engines -->
<meta name="google" content="notranslate">
<!-- Verify website ownership -->
<meta name="google-site-verification" content="verification_token"><!-- Google Search Console -->
<meta name="yandex-verification" content="verification_token"><!-- Yandex Webmasters -->
<meta name="msvalidate.01" content="verification_token"><!-- Bing Webmaster Center -->
<meta name="alexaVerifyID" content="verification_token"><!-- Alexa Console -->
<meta name="p:domain_verify" content="code_from_pinterest"><!-- Pinterest Console-->
<meta name="norton-safeweb-site-verification" content="norton_code"><!-- Norton Safe Web -->
<!-- Short description of your document's subject -->
<meta name="subject" content="your document's subject">
<!-- Gives a general age rating based on the document's content -->
<meta name="rating" content="General">
<!-- Allows control over how referrer information is passed -->
<meta name="referrer" content="no-referrer">
<!-- Disable automatic detection and formatting of possible phone numbers -->
<meta name="format-detection" content="telephone=no">
<!-- Completely opt out of DNS prefetching by setting to "off" -->
<meta http-equiv="x-dns-prefetch-control" content="off">
<!-- Stores a cookie on the client web browser for identification purposes -->
<meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
<!-- Specifies the document to appear in a specific frame -->
<meta http-equiv="Window-Target" content="_value">
<!-- For IE 10 and below -->
<!-- Place favicon.ico in the root directory - no tag necessary -->
<!-- Icon in the highest resolution we need it for -->
<link rel="icon" sizes="192x192" href="favicon.ico">
<!-- Apple Touch Icon (reuse 192px icon.png) -->
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png">
<!-- Safari Pinned Tab Icon -->
<link rel="mask-icon" href="/path/to/icon.svg" color="blue">
<!-- Facebook -->
<meta property="fb:app_id" content="123456789">
<meta property="og:url" content="http://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="http://example.com/image.jpg">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name">
<meta property="og:locale" content="de_DE">
<meta property="article:author" content="">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="http://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="http://example.com/image.jpg">
<!-- Google -->
<link rel="author" href="">
<link rel="publisher" href="">
<meta itemprop="name" content="Content Title">
<meta itemprop="description" content="Content description less than 200 characters">
<meta itemprop="image" content="http://example.com/image.jpg">
<!-- Link to an internal CSS file -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<link rel="stylesheet" href="font/fontawesome/css/fontawesome-all.min.css">
<!-- Link to an external CSS file -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700,800,900|Roboto:400,500,700" rel="stylesheet">
<!-- Link to an internal JS file -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<header class="shadow">
<div class="center">
<div class="mobilemenu">
<i class="far fa-bars"></i>
<i class="far fa-times"></i>
</div>
<a href="index.html" class="logo"></a>
<div class="menubar">
<div class="mainmenu">
<a href="login.html" class="sub login">Login</a>
<a href="#how" class="sub anchor">Home</a>
<a href="#categorie" class="sub anchor">Pricing</a>
<a href="#benefits" class="sub anchor">Contact</a>
<a href="#about" class="sub">About</a>
</div>
<a href="https://app.shivt.io/signup" class="button login shadowH">Sign Up</a>
<a href="https://app.shivt.io/login" class="button action shadowH">Login</a>
</div>
</div>
</header>
<section class="slider">
<div class="center">
<div class="imageContainer">
<video loop autoplay>
<source src="images/background.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="image"></div>
</div>
<div class="textContainer">
<h2>HOST YOUR EVENT EASILY</h2>
<div class="intro">
SHIVT takes the hassle out of organizing complex shifting schedules within excel. With our tool, you can create shifts for your event and assign them to your volunteers!
</div>
<div class="buttons">
<a href="#"><img class="apple" src="images/apple.svg"/></a>
<a href="#"><img class="google" src="images/google.svg"/></a>
</div>
</div>
</div>
</section>
<section class="image">
<div class="center">
<div class="textContainer">
<h2>Plan your next conference with our application and save hours of assigning shifts</h2>
<div class="intro">
Our product allows you to create as many shifts for your event as you need and lets you create users, that will work the shifts. <br/><br/>The users, that will work the shifts get an invitation code and can block timeframes, where they can´t help.
</div>
</div>
<div class="imageContainer">
<div class="image"></div>
</div>
</div>
</section>
<section class="image">
<div class="center">
<div class="phoneContainter">
<div class="phone small"></div>
<div class="phone"></div>
</div>
<div class="textContainer">
<h2>GET YOUR PERSONAL SCHEDULE IN OUR APP</h2>
<div class="intro">
Every volunteer will get his individual schedule on the app and gets notifications ahead of his shift.
<br/><br/>
Every volunteer will get his individual schedule on the app and gets notifications ahead of his shift.
<br/><br/>
<b>The world has become so fast paced that people don’t want to stand by reading a page of information.</b>
</div>
</div>
</div>
</section>
<section class="devider">
<div class="center">
<div class="subber">
<h3>Easy to use Web-Configurator</h3>
<div class="intro">Enjoy our userfriendly web configurator as the admin!</div>
</div>
</div>
</section>
<section class="image">
<div class="center">
<div class="textContainer">
<h2>MANAGE YOUR CONFERENCE WITH THE SHIVT WEB-APP!</h2>
<div class="intro">
We created the configurator with the user always in mind! Create your event and all necessary shifts for the event and let our algorithm match your shifts with your volunteers!
<br/><br/>
<b>The world has become so fast!</b>
</div>
</div>
<div class="imageContainer">
<div class="mac"></div>
</div>
</div>
</section>
<footer>
<div class="center">
<div class="logo"></div>
<div class="group">
<a href="index.html">Home</a>
<a href="https://app.shivt.io/login">Login</a>
<a href="terms.html">Terms & Coditions</a>
<a href="impressum.html">Legal</a>
</div>
</div>
</footer>
</body>
</html>