-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (153 loc) · 7.74 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="ios, app, iPhone, iPadm Quotebook, quotes, manage, organize, inspiration, quotations, notebook">
<meta name="description" content="An iPhone and iPad app to collect and share the quotes that matter.">
<meta name="author" content="Lickability">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-itunes-app" content="app-id=423726272, affiliate-data=at=10l4Vh&ct=campaign">
<meta name="twitter:card" content="app">
<meta name="twitter:description" content="Quotebook is an iPhone and iPad app for collecting quotes that matter. Curate, organize, and share the quotes from your library in an app designed for readability.">
<meta name="twitter:app:country" content="US">
<meta name="twitter:app:name:iphone" content="Quotebook">
<meta name="twitter:app:id:iphone" content="423726272">
<meta name="twitter:app:url:iphone" content="quotebook://">
<meta name="twitter:app:name:ipad" content="Quotebook">
<meta name="twitter:app:id:ipad" content="423726272">
<meta name="twitter:app:url:ipad" content="quotebook://">
<meta property="og:title" content="Quotebook" />
<meta property="og:type" content="product" />
<meta property="og:image" content="http://quotebookapp.com/img/facebookOpenPathImage.png" />
<meta property="og:url" content="http://quotebookapp.com" />
<meta property="og:description" content="Quotebook is an iPhone and iPad app for collecting quotes that matter. Curate, organize, and share the quotes from your library in an app designed for readability." />
<meta property="fb:app_id" content="137010373014693" />
<meta property="al:ios:url" content="quotebook://" />
<meta property="al:ios:app_store_id" content="423726272" />
<meta property="al:ios:app_name" content="Quotebook" />
<title>Quotebook • iPhone and iPad app to collect quotes that matter</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/grid.css">
<link rel="icon" href="img/favicon.ico">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="//use.typekit.net/gni6iln.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="hero">
<div class="content">
<div class="container">
<div class="grid">
<div class="unit span-grid introContent ">
<a href="/"><h1 class="text logo animated fadeIn"><img src="img/icon.png" alt="Quotebook Icon" class="appIcon animated fadeIn"/>Quotebook</h1></a>
<h2 class="animated fadeIn">Collect quotes that matter</h2>
<p><a href="https://blog.lickability.com/the-end-of-quotebook-9e19b5653cc9" class="animated fadeIn">The End of Quotebook →</a></p>
</div>
</div>
</div>
<div class="productShots">
<img class="iPad animated fadeInRight" src="img/iPad-silver.png" alt="Quotebook on iPad"/>
<img class="iPhone animated fadeInRight" src="img/iphone-grey.png" alt="Quotebook on iPhone"/>
</div>
</div>
</header>
<div class="allContent">
<div class="pageWrapper">
<div class="pageContent">
<div class="container">
<div class="grid">
<!-- START WHO USES SECTION -->
<div class="section2">
<div class="unit span-grid">
<h3>Who uses Quotebook?</h3>
</div>
<div class="unit one-of-three">
<p><span>Writers</span> use Quotebook to record and organize quotes to use in their work. Random quotes provide daily inspiration.</p>
</div>
<div class="unit one-of-three">
<p><span>Students</span> use Quotebook to collect quotes for papers. Author bios are automatically downloaded from Wikipedia.</p>
</div>
<div class="unit one-of-three">
<p><span>Everyone</span> can use Quotebook to keep track of quotes from friends and family and lines from their favorite films.</p>
</div>
</div>
<!-- END WHO USES SECTION -->
</div>
</div>
<!-- START FEATURED IN SECTION -->
<div class="featureIn">
<div class="container">
<div class="grid">
<div class="unit span-grid">
<h3>We’ve been featured by</h3>
<div class="logos">
<p>
<ul>
<li><a href="http://apple.com"><img src="img/apple-logo.png" alt="Apple Logo" class="logo apple linkimage"/></a></li>
<li><a href="http://minimalmac.com/post/24114361750/quotebook-2-0-is-out-and-it-is-a-huge-update-to"><img src="img/minimalmac-logo.png" alt="Minimal Mac Logo" class="logo minimalMac linkimage"/></a></li>
<li><a href="http://gizmodo.com/5792630/quotebook-for-iphone"><img src="img/gizmodo-logo.png" alt="Gizmodo Logo" class="logo gizmodo linkimage"/></a></li>
<li><a href="http://www.theverge.com/2012/5/31/3052484/quotebook-for-ipad"><img src="img/TheVerge-logo.png" alt="The Verge Logo" class="logo theVerge linkimage"/></a></li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- END FEATURED IN SECTION -->
</div>
</div>
</div>
</div>
<footer id="colophon">
<div class="container">
<div class="grid">
<div class="unit span-grid">
<p>Say <a href="mailto:[email protected]?subject=Hello!" class="inlineLink">[email protected]</a> or tweet <a href="https://twitter.com/quotebookapp" class="inlineLink">@quotebookapp</a>.
<br />
Check out our <a href="QuotebookPressKit.zip">Press Kit</a>.
<br/>
<p>
<a href="http://lickability.com" class="lickabilityimage"><img src="img/lickability-logo-white.png" width='150px' alt="Lickability">
</div>
</div>
</div>
</footer>
<!-- Site Scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Sticky Footer-->
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script><script type="text/javascript">
jQuery(document).ready(function($) {
$(window).load(function(){
var windowH = $(window).innerHeight();
var bodyH = $('body').innerHeight();
if(windowH > bodyH) {
$('body').css({'min-height':windowH+'px'});
}
if(windowH >= bodyH) {
$('.footer').css({position:'absolute',bottom:0});
}
});
});
</script>
</body>
</html>