-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·169 lines (161 loc) · 5.87 KB
/
index.html
File metadata and controls
executable file
·169 lines (161 loc) · 5.87 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Story Trail</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/mediaqueries.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/enquire.js"></script>
<script type="text/javascript" src="js/js-functions.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="main-container">
<div class="home-intro">
<span class="intro-logo">
</span>
<p class="intro-text">Video trails by people showing you<br> the local places they know and love</p>
<a href="#" class="video-link">
</a>
</div>
<div class="video-container">
<video id="video" width="100%" height="100%" controls>
<source src="videos/sample.m4v" type="video/mp4">
<p class="Error_Text">Sorry, your browser does not support the video tag.</p>
</video>
<a href="/" class="close">x</a>
</div>
<div class="bottom-content">
<a href="/" class="slide-down"></a>
<a href="appstore_modal.html" class="applestore-link" target="blank"></a>
</div>
</div>
<div id="mask" class="mask"></div>
<!-- Slider section -->
<div class="info-container">
<!--<span class="top-logo"></span>-->
<a class="nav-arrow prev" href="#"></a>
<a class="nav-arrow next" href="#"></a>
<div class="info-slider-container">
<div class="info-slider">
<div class="image">
<div class="phone"></div>
<div class="phone-container">
<ul class="js-slide phone-list">
<li class="first-screen active">
<img src="images/phone_bg-01.png">
</li>
<li class="third-screen">
<img src="images/phone_bg-02.png">
</li>
<li class="fourth-screen">
<img src="images/phone_bg-03.png">
</li>
</ul>
</div>
</div>
<div class="slide-content">
<ul class="js-slide content-list">
<li class="active">
<p class="title">#1</p>
<p>Get our free app <span>and browse our StoryTrails</span></p>
<a href="appstore_modal.html" class="applestore-link js-modal" target="blank"></a>
</li>
<li>
<p class="title">#2</p>
<p>Start your journey <span>with our friendly guide</span></p>
<a href="appstore_modal.html" class="applestore-link js-modal" target="blank"></a>
</li>
<li>
<p class="title">#3</p>
<p>Watch the videos <span>to discover the city's stories</span></p>
<a href="appstore_modal.html" class="applestore-link js-modal" target="blank"></a>
</li>
</ul>
</div>
<ul class="slider-nav">
<li><a class="active" href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
<!-- Social logos section -->
<div class="logos-container">
<ul class="logos"><li class="sec-text">
<p>A project of:</p>
<a href="http://www.excitingspace.com" class="logo" target="blank">
</a>
</li><!--
--><li class="sec-text">
<p>Member of:</p>
<a href="http://startuplisboa.com" class="logo" target="blank">
</a>
</li><!--
--><li class="sec-text">
<p>Award winner:</p>
<a href="http://lisboa.bigapps.co/" class="logo" target="blank">
</a>
</li><!--
--><li class="sec-text">
<p>Award winner:</p>
<a href="http://www.industriascriativas.com/PremioDestaques.aspx" class="logo" target="blank">
</a>
</li><!--
--><li class="sec-text">
<p>Find us on:</p>
<a href="https://www.facebook.com/StoryTrail" class="logo fb-logo" target="blank">
</a>
</li><!--
--><li class="sec-text">
<p>Contact us:</p>
<a href="mailto:info@storytrail.co" class="logo subscribe-logo" target="blank">
</a>
</li>
</ul>
</div>
</body>
</html>
<!-- Quotes section
<div class="quotes-subcontainer">
<div class="quote">
<q>A reference for travellers lovers.</q>
<p class="name">Silvana Bessone,</p>
<p class="sec-text">Director of Coach Museum</p>
</div>
<span class="divider-icon"></span>
<div class="quote">
<q>They show you what others just talk about!</q>
<p class="name">Jason Pascoe,</p>
<p class="sec-text">Director of Exciting Space</p>
</div>
</div>
-->
<!-- Subscribe section
<div class="info-subcontainer">
<p class="upper">Subscribe <a href="/" class="red-text">here</a> to our news! :)</p>
</div>
-->
<!-- Patners section
<div class="info-subcontainer">
<p>Our partners</p>
<ul class="partners-logos">
<li></li>
<li></li>
<li></li>
</ul>
</div>
-->
<!-- Story tellers section
<div class="info-subcontainer story-tellers">
<span class="faces-icon"></span>
<p class="upper">Do you want to <span class="red-text">be a story teller</span> in your city?</p>
<p class="textMT">We are actively seeking storytellers to help us expand our geographical range. If you would like to create a StoryTrail about your city then please contact us at: <a href="mailto:info@StoryTrail.co">info@StoryTrail.co</a></p>
</div>
-->
<!--<div class="info-subcontainer">
<p class="sec-text">Copyright © 2014 Exciting Space</p>
</div>
</div>-->