-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathone_dozen_roses.html
164 lines (149 loc) · 6.41 KB
/
one_dozen_roses.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fairweather Editions</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="//use.typekit.net/zsn2bep.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link href="bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="mediaelement/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelement/mediaelementplayer.min.css" />
<style>body { background-color: #aba49b; }</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="bootstrap/assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="bootstrap/assets/ico/favicon.png">
</head>
<body class="fw-the-four-elements">
<div class="center-navbar navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="about_us.html">About Cy</a></li>
<li class="active"><a href="collections.html">One Dozen Roses</a></li>
<!--
<li><a href="how_we_work.html">How We Work</a></li>
--> <li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="container-fluid fw-below-nav">
<div class="row-fluid">
<div class="fw-home-fluid-pad">
<div class="span8">
<div class="row-fluid">
<div class="fw-home-fluid-pad">
<div class="span12">
<img src="assets/one_dozen_roses_spread.jpg" />
<p style="text-align: center;">
Each book contains 20 hand printed and tipped in photographs. A total of 80 original images.
</p>
</div>
</div>
</div>
<div class="row-fluid">
<div class="fw-home-fluid-pad fw-the-four-elements-vertcal-pad">
<div class="span3">
<img src="assets/one_dozen_roses_cover.jpg" />
<p>
Gold stamping on real leather
</p>
</div>
<div class="span3">
<img src="assets/one_dozen_roses_page.jpg" />
<p>
Photographs tipped in by hand.
</p>
</div>
<div class="span3">
<img src="assets/one_dozen_roses_binding.jpg" />
<p>
Hand stitched lay flat binding
</p>
</div>
<div class="span3">
<img src="assets/one_dozen_roses_dedication.jpg" />
<p>
Special page for your personal message
</p>
</div>
</div>
</div>
</div><!--/span-->
</div><!--/fw-home-fluid-pad-->
<div class="span4 fw-right-side">
<h1>ONE DOZEN ROSES</h1>
<h3>
A unique and memorable gift idea
for Weddings, Birthdays, Anniversaries
and other special occasions.
</h3>
<p class="fw-first-paragraph">
This handmade artist’s book presents
12 original photographs of roses by
Cy DeCosse. Along with each image
is a poetic expression of love and beauty.
Each photograph is printed on Japanese
Gampi paper and tipped in by hand.
The book is a work of art, hand bound
with archival papers covered with
Japanese book cloth with gold stamping
on real leather and marbled end papers
imported from Italy. Watch the video:
</p>
<video id="player2" poster="assets/one-dozen-roses-video-poster.jpg" controls="controls" preload="none">
<!-- MP4 source must come first for iOS -->
<source type="video/mp4" src="http://media.fairweathereditions.com/one-dozen-roses-video.mp4" />
<!-- WebM for Firefox 4 and Opera -->
<source type="video/webm" src="http://media.fairweathereditions.com/one-dozen-roses-video.webm" />
<!-- OGG for Firefox 3 -->
<source type="video/ogg" src="http://media.fairweathereditions.com/one-dozen-roses-video.ogv" />
<!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off -->
<object width="640" height="360" type="application/x-shockwave-flash" data="mediaelement/flashmediaelement.swf">
<param name="movie" value="mediaelement/flashmediaelement.swf" />
<param name="flashvars" value="controls=true&file=http://media.fairweathereditions.com/one-dozen-roses-video.mp4" />
<!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed -->
<img src="assets/one-dozen-roses-video-poster.jpg" width="640" height="360" alt="One Dozen Roses"
title="No video playback capabilities" />
</object>
</video>
<p>
Gift the one you love with a dozen roses.
It will be a keepsake for a lifetime.
</p>
<p class="fw_purchase">
$500 <a href="contact.html#Purchase_One_Dozen_Roses">Purchase</a>
</p>
</div>
</div><!--/row-->
</div><!--/.fluid-container-->
<!-- Placed at the end of the document so the pages load faster -->
<script src="jquery/jquery.js"></script>
<script src="bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="bootstrap/assets/js/bootstrap-alert.js"></script>
<script src="bootstrap/assets/js/bootstrap-modal.js"></script>
<script src="bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script src="bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script src="bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="bootstrap/assets/js/bootstrap-popover.js"></script>
<script src="bootstrap/assets/js/bootstrap-button.js"></script>
<script src="bootstrap/assets/js/bootstrap-collapse.js"></script>
<script src="bootstrap/assets/js/bootstrap-carousel.js"></script>
<script src="bootstrap/assets/js/bootstrap-typeahead.js"></script>
</body>
</html>