-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrg_custom.html
166 lines (166 loc) · 6.95 KB
/
rg_custom.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/rg_custom.css">
</head>
<body>
<!-- Header Start -->
<header>
<!-- Container Open -->
<div class="container">
<div class="branding">
<h1>ROGERS & GOFFIGON LTD</h1>
</div>
</div>
<!-- Container Close -->
</header>
<!-- Header End -->
<!-- Nav Start -->
<nav>
<!--Container Open -->
<div class="container">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="collection.html">The Collection</a>
<ul>
<li><a href="#">Textiles</a></li>
<li><a href="#">Passementarie</a></li>
<li><a href="#">Leather</a></li>
</ul>
</li>
<li><a href="#">Login</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Search</a></li>
</ul>
</div>
<!-- Container Close -->
</nav>
<!-- Nav End -->
<!-- Open Main -->
<main>
<!-- Section Large Image Start (Note: Dont wrap in container) -->
<section class="large-image">
<img class="large-image" src="img/largeimage.jpg">
</section>
<!-- Section Large Image End -->
<!-- Open Container -->
<div class="container">
<!-- Section Large Type Start -->
<section class="large-type">
<p>Rogers & Goffigon designs and produces high-end, luxurious, natural fiber textiles using old world weaving tehniques. The company has gained recognition for their <em>refined linens</em>, <em>neutral color paletter</em> and special spinning techniques, including wet-spun linen, giving their fabrics characteristics unique to the industry. The collection has expanded to include fabrics ranging from <em>sheer linens</em>, <em>silks</em>, and <em>wools</em> for window treatments to extremely durable <em>mohair velvets</em> for heavy-use upholstery, most of which is woven and imported from Europe.</p>
</section>
<!-- Section Large Type End -->
<!-- Section Body Type Start -->
<section class="body-type">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et i.</p>
</section>
<!-- Section Body Type End -->
</div>
<!-- Close Container -->
<!-- Section Big List Start -->
<section class="big-list">
<!-- Big List DL Begin-->
<dl class="big-list">
<!-- Open Container // Title -->
<dt class="container"><a href="">Content</a></dt>
<!-- Close Container -->
<!-- Open dd -->
<dd>
<!-- Open Container -->
<div class="container">
<div class="collection-panel">
<a class="leftarrow" href='javascript:slide("left");'><</a>
<a class="rightarrow" href='javascript:slide("right");'>></a>
<div class="clear"></div>
</div>
</div>
<!-- Close Container -->
<div class="l-collection">
<ul class="collection">
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
</ul>
</div>
</dd>
<!-- Close dd -->
<!-- Open Container // Title -->
<dt class="container"><a href="">Sheer</a></dt>
<!-- Close Container -->
<!-- Open dd -->
<dd>
<!-- Open Container -->
<div class="container">
<div class="collection-panel">
<a class="leftarrow" href='javascript:slide("left");'><</a>
<a class="rightarrow" href='javascript:slide("right");'>></a>
<div class="clear"></div>
</div>
</div>
<!-- Close Container -->
<div class="l-collection">
<ul class="collection">
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
<li class="linen">Linen</li>
<li class="alpaca">Alpaca</li>
<li class="wool">Wool</li>
<li class="cotton">Cotton</li>
<li class="horsehair">Horsehair</li>
</ul>
</div>
</dd>
<!-- Close dd -->
</dl>
<!-- Big List DL End-->
</section>
<!-- Section Big List End -->
</main>
<!-- Close Main -->
<!-- Open Footer -->
<footer>
<!-- Open Container -->
<div class="container">
<p>© Rogers & Goffigon 2013</p>
<p>41 Chestnut Street, Greenwich, Connecticut</p>
<p>tel 203 532 8068</p>
</div>
<!-- Close Container -->
</footer>
<!-- Close Footer -->
<!-- Jquery -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<!-- Custom Js -->
<script src="js/rg_custom.js" type="text/javascript"></script>
</body>
</html>