getrendezvous.github.io/index_b.html at master · getrendezvous/getrendezvous.github.io · 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
<!doctype html>
<html>
	<head>
		<title>Rendezvous</title>
		<link rel="stylesheet" type="text/css" href="static/rend.css">
		<link rel="icon" type="image/png" href="resources/iconfinal-fb-small.png">
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	</head>
	<body>
		<div id="wrapper">
			<div id="banner">
				<img id="logo" src="resources/iconfinal.png">
					<ul>
						<li><a href="http://tflig.ht/1iD8s2g"><img src="resources/android.png"></a></li>
						<li><a href="http://tflig.ht/1iD8s2g"><img src="resources/app-store.png"></a></li>
					</ul>
				<h1>Rendezvous</h1>
			</div>
			<div>
				<video autoplay="autplay" id="vid" loop muted>
				<source src="resources/Nature on Vimeo.mp4">
				</video>
			</div>
			<div id="tagline">
				<div data-200-top="top:0%; -webkit-opacity:1;" data-0="top:70%; -webkit-opacity:0;">
					<img src="resources/iphone_free_final.png">
					<span>
					<h2>Who's free?</h2>
					<ul id="free">
						<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </li>
						<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </li>
						<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </li>
					</ul>
					</span>
				</div>
			</div>

			<div class="colors" id="pink">
				<div data-100-top	="top:0%; -webkit-opacity:1;" data-0="top:70%;"  data-0="-webkit-opacity:0;">

					<div class="pinkspan"><img src="resources/iphone_2.png"></div>

				</div>
			</div>

			<div class="colors" id="blue">
			</div>
			<div class="colors" id="orange">
			</div>
			<div class="colors" id="green">
			</div>
			<div id="footer">

			</div>
		</div>

		<script type="text/javascript" src="skrollr.min.js"></script>
		<script type="text/javascript">
	    skrollr.init({
		constants: {

			box: '150p'
		}
		});
	    </script>
	</body>
</html>