Webpage/about.html at gh-pages · SplitBoxMe/Webpage · GitHub

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
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>

		<title>SplitBox.me</title>

		<link rel="icon" type="image/png" href="images/logo.png" />

		<meta property="og:title" content="SplitBox.me - Secure Cloud Sharing" />
		<meta property="og:site_name" content="SplitBox.me"/>
		<meta property="og:description" content="SplitBox lets you securely share any file for free - and we mean it. Your file will never be stored completely on any server, and not even parts of it will ever leave your device unencrypted. We achieve this by localy encrypting your file, then splitting it up into unusable parts and finally uploading it to your connected cloud services." />
		<meta property="og:image" content="images/logo.png" />

		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
		<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
		<link href="css/dropzone.css" type="text/css" rel="stylesheet" media="screen,projection" />
		<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />

	</head>

	<body>
		<header>
			<nav class="primary-color-dark" role="navigation">
				<div class="nav-wrapper container">

					<a id="logo-left-container" href="#" class="brand-logo hide-on-small-only">
						<img src="images/logo.png" />
					</a>

					<ul class="right hide-on-med-and-down">
						<li><a href="http://splitbox.me">Home</a></li>
					</ul>

					<ul id="nav-mobile" class="side-nav">
						<li><a href="http://splitbox.me">Home</a></li>
					</ul>
					<a href="#" data-activates="nav-mobile" class="button-collapse"><i
						class="material-icons accent-color-text">menu</i></a>
				</div>
			</nav>
		</header>

		<main>

			<div class="primary-color">
				<div class="container">
					<div class="row">
						<div class="col l12 s12" style="text-align: center">
							<h1 class="white-text">SplitBox.me</h1>
							<h4 class="white-text">Share files. Over the cloud. But 100% private.</h4>
						</div>
						</div>
					<div class="row">
						<div class="col l12 s12">
							<iframe src="animation/animation.html" style="width: 1000px; height: 1400px; border: none; margin-left: calc(50% - 500px);"></iframe>
						</div>
					</div>
				</div>
			</div>
		</main>

		<!-- Scripts -->
		<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
		<script src="https://www.dropbox.com/static/api/dropbox-datastores-1.2-latest.js" type="text/javascript"></script>
		<script src="https://apis.google.com/js/client.js"></script>
		<script src="js/materialize.js"></script>
	</body>

</html>