-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (148 loc) · 9.22 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home - WidgetCo</title>
<meta name="robots" content="index,follow" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navigation">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="widgets.html">Widgets</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="container">
<main>
<div class="welcome">
<h1>Welcome to WidgetCo</h1>
<h2>World's Best Widgets!</h2>
<h3>High quality widgets at discount prices!</h3>
</div>
<section class="top">
<div class="left">
<p>No one knows widgets better than WidgetCo! As a young 16 years old immigrant from Bavaria, Germany, Ulrich Meyer was determined to carry on the family tradition of making high quality widgets. Since then, WidgetCo has grown to become one of the most premier manufacturers and wholesale distributors of all makes and models of widgets. We stand behind our promise to deliver the highest quality widgets at the most competitive prices. If you find a lower priced widget, let us know and we'll match the price! If you're not satisfied with your order, rest assured with our no-questions-asked, 30-day money back guarantee!</p>
</div>
<div class="right">
<img class="img_vertical" src="images/ulrich_boy.jpg" alt="ulrich_boy"/>
</div>
</section>
<div class="message">
<h2>Popular Widgets</h2>
</div>
<!-- product sample 1 starts -->
<section class="product_sample">
<div class="left">
<table class="home_table">
<tr><th colspan="2" class="widget">Widget-1</th></tr>
<tr>
<th>Description</th>
<th>Testimonial</th>
</tr>
<tr>
<td>Widget-1 is made of 95% titanium and 5% medical grade alloys to increase long-term durability. It's approved by the US FDM for food production and is being used at the processing plants for some of the largest food producers around the world. Minimum order size is 10 units. Special pricing on units of 100 or more.</td>
<td>I'm the fixed operations manager of a major cereal company. WidgetCo has been our primary widget suppier for over 10 years. They have great prices, high quality, and friendly customer service. I highly recommend the Widget-1 for high-volume processing units as it lasts much longer than others. </td>
</tr>
</table>
</div>
<div class="right">
<img class="img" src="images/widgets_1.jpg" alt="widgets_1"/>
</div>
</section> <!--middle section ends -->
<!-- product sample 1 ends-->
<!-- product sample 2 starts-->
<section class="product_sample">
<div class="left">
<table class="home_table">
<tr><th colspan="2" class="widget">Widget-2 Set</th></tr>
<tr>
<th>Description</th>
<th>Testimonial</th>
</tr>
<tr>
<td>The Widget-2 Set is made of 100% bpa-free, medical grade plastic. The paint is compliant with RTD-5 specifications. We carry all metric and standard sizes as well as adapters for your older housings. We can take any size order. Most models are in stock now. We offer this as sets or parts of the set if needed.</td>
<td>I was searching all over the internet looking for the right size widget-2 and was starting to give up. Finally a friend of mine suggested I check out WidgetCo. I'm so glad I did! I spoke to Cindy over the phone. She asked me to send in a photo of the project, and she replied immediately with the correct size and price!</td>
</tr>
</table>
</div>
<div class="right">
<img class="img" src="images/widgets_2.jpg" alt="widgets_2"/>
</div>
</section> <!--middle section ends -->
<!-- product sample 2 ends -->
<!-- product sample 3 starts-->
<section class="product_sample">
<div class="left">
<table class="home_table">
<tr><th colspan="2" class="widget">Widget-3</th></tr>
<tr>
<th>Description</th>
<th>Testimonial</th>
</tr>
<tr>
<td>Widget-3 is made of 95% titanium and 5% medical grade alloys to increase long-term durability. It's approved by the US FDM for food production and is being used at the processing plants for some of the largest food producers around the world. Minimum order size is 10 units. Special pricing on units of 100 or more.</td>
<td>I'm the fixed operations manager of a major cereal company. WidgetCo has been our primary widget suppier for over 10 years. They have great prices, high quality, and friendly customer service. I highly recommend the Widget-3 for high-volume processing units as it lasts much longer than others. </td>
</tr>
</table>
</div>
<div class="right">
<img class="img" src="images/widgets_3.png" alt="widgets_3"/>
</div>
</section> <!--middle section ends -->
<!-- product sample 3 ends -->
<!-- product sample 4 starts -->
<section class="product_sample">
<div class="left">
<table class="home_table">
<tr><th colspan="2" class="widget">Widget-4</th></tr>
<tr>
<th>Description</th>
<th>Testimonial</th>
</tr>
<tr>
<td>The Widget-4 Set is made of 100% bpa-free, medical grade plastic. The paint is compliant with RTD-5 specifications. We carry all metric and standard sizes as well as adapters for your older housings. We can take any size order. Most models are in stock now. We offer this as sets or parts of the set if needed.</td>
<td>I was searching all over the internet looking for the right size widget-4 and was starting to give up. Finally a friend of mine suggested I check out WidgetCo. I'm so glad I did! I spoke to Cindy over the phone. She asked me to send in a photo of the project, and she replied immediately with the correct size and price!</td>
</tr>
</table>
</div>
<div class="right">
<img class="img" src="images/widgets_4.jpg" alt="widgets_4"/>
</div>
</section> <!--middle section ends -->
<!-- product sample 4 -->
<!-- product sample 4 ends -->
<!-- product sample 5 starts -->
<section class="product_sample">
<div class="left">
<table class="home_table">
<tr><th colspan="2" class="widget">Widget-5</th></tr>
<tr>
<th>Description</th>
<th>Testimonial</th>
</tr>
<tr>
<td>Widget-5 is made of 95% titanium and 5% medical grade alloys to increase long-term durability. It's approved by the US FDM for food production and is being used at the processing plants for some of the largest food producers around the world. Minimum order size is 10 units. Special pricing on units of 100 or more.</td>
<td>I'm the fixed operations manager of a major cereal company. WidgetCo has been our primary widget suppier for over 10 years. They have great prices, high quality, and friendly customer service. I highly recommend the Widget-5 for high-volume processing units as it lasts much longer than others. </td>
</tr>
</table>
</div>
<div class="right">
<img class="img" src="images/widgets_5.jpg" alt="widgets_5"/>
</div>
</section> <!--middle section ends -->
<!-- product sample 1 -->
<!-- product sample 5 ends -->
</main>
</div> <!--container- ends-->
</body>
<br>
<br>
</html>
<!-- Requirements:
* a table or form (you can submit to httpbin if you like, or to the other page of your site)
* a list
* at least one additional page that is linked from index.html
-->