-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathallproducts.html
83 lines (69 loc) · 3.34 KB
/
allproducts.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
<!DOCTYPE html>
<html>
<head>
<title>Joylent.com - Joylent Bottle details</title>
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="joylent.css">
</head>
<body>
<div class="nav_header">
<button type="button" id="home_button"><a href="index.html" id="home_link">joylent</a></button>
<a href="bottle.html">Bottle</a>
<a href="bag.html">Bag</a>
<a href="allproducts.html">All Products</a>
<a href="lifestyle.html">Lifestyle</a>
<a href="login.html">Login</a>
</div>
<div class="spacing">-</div>
<div class="spacing">-</div>
<div class="information">
<h1 class="heading">All products</h1>
</div>
<div style="padding-left: 80px; padding-top: 50px; display:inline-block"><img src="bottle1.jpg" alt="Bottle1" height="472px" width="840px"></div>
<div class="all_product">
<h1 class="heading" style="font-size:24px">Joylent Bottle</h1>
<p class="general_info" style="color: #A9A9A9;">Entertaining Joylent in convenient ready-to-consume 30 min. bottles.</p>
<select>
<option value="12">12 Bottles</option>
<option value="24">24 Bottles</option>
<option value="36">36 Bottles</option>
<option value="96">96 Bottles</option>
<option value="144">144 Bottles</option>
</select>
<div class="spacing">-</div>
<div class="spacing" style="height: 20px">-</div>
<h1 class="heading" style="font-size:24px">$32.30 monthly</h1>
<p class="general_info" style="color: #A9A9A9;">$2.69 per 30 min.</p>
<button type="button" id="sub_button" style="top: 530px;"><a href="sold_out.html" style="color: white; margin-right: -2px;">Subscribe</a></button>
<p class="general_info" style="color: #A9A9A9; font-size: 12px; margin-top:65px;">Delivered in 3-7 business days</p>
</div>
<div style="padding-left: 80px; padding-top: 100px; display:inline-block"><img src="bag1.jpg" alt="Bag1" height="472px" width="840px"></div>
<div class="product">
<h1 class="heading" style="font-size:24px">Joylent Bag</h1>
<p class="general_info" style="color: #A9A9A9;">
Optimum conversation, personalized experience, and outstanding per-minute value.
Your first order includes a free ear trumpet.
</p>
<select>
<option value="14">14 Hours (7 Bags)</option>
<option value="28">28 Hours (14 Bags)</option>
<option value="42">42 Hours (21 Bags)</option>
<option value="56">56 Hours (28 Bags)</option>
</select>
<div class="spacing">-</div>
<h1 class="heading" style="font-size:24px">$54 monthly</h1>
<p class="general_info" style="color: #A9A9A9;">$1.92 per 30 min.</p>
<button type="button" id="sub_button" style="top: 1170px;"><a href="sold_out.html" style="color: white; margin-right: -2px;">Subscribe</a></button>
<p class="general_info" style="color: #A9A9A9; font-size: 12px; margin-top:65px;">Delivered in 3-7 business days</p>
</div>
<div class="spacing">-</div>
<div class="footer">
<a href="about.html" style="color: #bfbfbf">About</a>
<a href="faq.html" style="color: #bfbfbf">FAQs</a>
<p>©2016 Alyssa Wang, Barbara Marquez, Joey Lyon, Natalee Ryan</p>
<p>For Greg Szumel</p>
</div>
</body>
</html>