-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (115 loc) · 7.76 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
<html lang="" style="min-height: 55px;"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Orator - Your tracks playable on Alexa</title>
<meta name="description" content="Page description here">
<meta name="keywords" content="keywords">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:tweak" content="twk_1495164938793">
<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/tweak_.css"></head>
<body id="main" style="cursor: auto;" class="">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--Initial section -->
<div class="section cutoff ui-id-1" id="ui-id-1">
<div class="gradient-stripe"></div>
<div class="section-inner" style="width: 960px;">
<div class="component animated fadeIn ui-id-37" id="ui-id-37"><img src="images/app-screen-showcase.png" style="pointer-events: initial;"></div>
<div class="component animated fadeInLeft ui-id-38" id="ui-id-38">
<h1 style="pointer-events: initial;">No time to read?<div>Listen up!</div></h1>
</div>
<div class="component animated fadeInLeft ui-id-39" id="ui-id-39"><a href="https://orator.azurewebsites.net" class="cta-button" style="pointer-events: initial;">Get started</a></div>
<div class="component animated fadeInRight ui-id-40" id="ui-id-40"><img src="images/Orator.png"></div><div class="component ui-id-41" id="ui-id-41">
<div class="feature-text"><span style="text-align: center">Orator enables you to </span>
<span style="font-weight: 700; text-align: center; ">save web articles</span><span style="text-align: center; "> for </span>
<span style="font-weight: 700; text-align: center;">playback</span><span style="text-align: center; "> on any podcast app*</span></div>
</div></div>
</div>
<div class="section ui-id-2" id="ui-id-2">
<div class="section-slant"></div>
<div class="section-inner" style="width: 960px;">
<div class="component ui-id-42" id="ui-id-42">
<div class="feature-text" style="pointer-events: initial;">There are no forms to fill out. Use your Google account to sign in.</div>
</div>
<div class="component ui-id-43" id="ui-id-43">
<div class="feature-label" style="pointer-events: initial;">Sign up.</div>
</div>
<div class="component ui-id-44" id="ui-id-44">
<div class="feature-text" style="pointer-events: initial;">
Orator integrates with Pocket. Just save your articles in Pocket.</div>
</div>
<div class="component ui-id-45" id="ui-id-45">
<div class="feature-label" style="pointer-events: initial;">Bookmark.</div>
</div>
<div class="component ui-id-46" id="ui-id-46">
<div class="feature-text" style="pointer-events: initial;">Just email article links to [email protected]</div>
</div>
<div class="component ui-id-47" id="ui-id-47">
<div class="feature-label" style="pointer-events: initial;">Or Email.</div>
</div>
<div class="component ui-id-48" id="ui-id-48"><img src="images/book.png" style="pointer-events: initial;"></div>
<div class="component ui-id-49" id="ui-id-49"><img src="images/paperclip.png" style="pointer-events: initial;"></div>
<div class="component ui-id-50" id="ui-id-50"><img src="images/envelope.png"></div><div class="component ui-id-51" id="ui-id-51">
<div class="footer-text">*app must support custom podcast feeds</div>
</div></div>
</div>
<div class="section ui-id-3" id="ui-id-3">
<div class="section-inner" style="width: 960px;">
<div class="component ui-id-52" id="ui-id-52"><img src="images/iphone.png" style="pointer-events: initial;"></div>
<div class="component ui-id-53" id="ui-id-53"><img src="images/tablet.png" style="pointer-events: initial;"></div>
<div class="component ui-id-54" id="ui-id-54">
<div class="feature-text" style="pointer-events: initial;">
There are no extra apps to install. You'll get a custom podcast feed URL that you can add to the <b>podcast app you already use.</b></div>
</div>
<div class="component ui-id-55" id="ui-id-55">
<div class="feature-label" style="pointer-events: initial;">Will work on any device</div>
</div>
<div class="component ui-id-56" id="ui-id-56"><img src="images/pencils.png" style="pointer-events: initial;"></div>
<div class="component ui-id-57" id="ui-id-57"><img src="images/papers.png" style="pointer-events: initial;"></div>
<div class="component ui-id-58" id="ui-id-58">
<div class="feature-text" style="pointer-events: initial;">Share article playlists with friends<div>Get <b>headline updates</b> from Reddit / Hacker News</div></div>
</div>
<div class="component ui-id-59" id="ui-id-59">
<div class="feature-label" style="pointer-events: initial;">More features Coming soon</div>
</div>
<div class="component ui-id-60" id="ui-id-60"><img src="images/watch.png" style="pointer-events: initial;"></div>
<div class="component ui-id-61" id="ui-id-61"><img src="images/payments.png" style="pointer-events: initial;"></div>
<div class="component ui-id-62" id="ui-id-62"><img src="images/calculator.png" style="pointer-events: initial;"></div>
<div class="component ui-id-63" id="ui-id-63">
<div class="feature-text" style="pointer-events: initial;">
$5/month (lock in this price before it goes up!)</div>
</div>
<div class="component ui-id-64" id="ui-id-64">
<div class="feature-label" style="pointer-events: initial;">Pricing that is fair</div>
</div>
<div class="component ui-id-65" id="ui-id-65"><a href="https://orator.azurewebsites.net" class="cta-button" style="pointer-events: initial;">Start here</a></div>
<div class="component ui-id-66" id="ui-id-66">
<h1 style="pointer-events: initial;"><div>First 7 articles are free!</div></h1>
</div>
</div>
</div>
<div class="section ui-id-4" id="ui-id-4">
<div class="section-inner" style="width: 960px;">
<div class="component ui-id-67" id="ui-id-67">
<div class="footer-text" style="pointer-events: initial;">(c) eHacks LLC 2017.</div>
</div>
<div class="component ui-id-68" id="ui-id-68"><img src="images/Orator.png"></div></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body></html>