-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
111 lines (97 loc) · 4.63 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
<!DOCTYPE html>
<html>
<head>
<title>Joylent.com - Healthy, convenient, affordable human interaction</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="grey_info">
<div id="grey_pics">
<img src="bag_grey.png" alt="Bag" height="250" width="160">
<img src="bottle_grey.png" alt="Bottle" height="180" width="75">
</div>
<div class="heading" id="grey_info_heading">Social interaction, intelligently designed</div>
<div class="general_info" id="grey_box_info">We engineer social interaction that offers complete conversation, value, and convenience.</div>
<button type="button" id="shop_button"><a href="allproducts.html" style="color: white; margin-right: -2px;">Shop now</a></button>
</div>
<div class="spacing">-</div>
<div class="spacing">-</div>
<div class="information" style="width: 30%; display: inline-block; vertical-align: top">
<h1 class="heading">What is Joylent?</h1>
<p class="general_info">
Put simply, Joylent is healthy, convenient, and affordable social interaction.
We engineered Joylent to provide all the laughter, ranting, communication,
and awkwardness that you need to thrive. Each product has been thoroughly
conversed with, to ensure that you're getting your money's worth. We produce
Joylent in different forms and styles to best match your lifestyle.
</p>
</div>
<div style="display: inline-block;"><img src="conversation.jpg" alt="Conversation" height="420" width="640"></div>
<div class="spacing">-</div>
<div class="information">
<h1 class="heading">Our products</h1>
<p class="general_info" style="font-size: 24px;">
Engineered interaction for your full life
</p>
<table border=0 class="general_info">
<tr>
<td><img src="bottle.jpg" alt="Bottle" height="200px" width="200px" style="border-radius: 50%;"></td>
<td><img src="bag.jpg" alt="Bottle" height="200px" width="200px" style="border-radius: 50%;"></td>
</tr>
<tr style="font-weight: bolder;">
<td>Joylent Bottle</td>
<td>Joylent Bag</td>
</tr>
<tr>
<td>20% of your daily human interaction in one easy bottle.</td>
<td>Maximum communication, value, and customizability.</td>
</tr>
</table>
</div>
<div class="spacing">-</div>
<div style="display: inline-block;"><img src="mission.jpg" alt="Conversation" height="380" width="620" style="margin-left:70px;"></div>
<div class="information" style="width: 30%; display: inline-block; vertical-align: top; border: none; padding-left:20px;">
<h1 class="heading">Our mission</h1>
<p class="general_info">
Our mission is to expand access to quality conversation through human system
innovation. We strive to create a world where access to affordable, complete
social interaction - one of the most basic human needs - is no longer a
challenge, but a means of empowerment.
</p>
</div>
<div class="spacing">-</div>
<div class="information" style="width: 30%; display: inline-block; vertical-align: top">
<h1 class="heading">Conversation 2.0</h1>
<p class="general_info">
We are constantly exploring the frontiers of communication technology, with an aim
to engineering conversation which is more convenient, efficient, and affordable
than ever before.
</p>
<p class="general_info">
All of our products use real human conversation as a source of essential
social interaction. Each bag or bottle purchased is guaranteed to have been
personally conversed in for half an hour. All products are hand-made,
artisan-crafted, all-organic one-of-a-kind specialty items.
</p>
</div>
<div style="display: inline-block;"><img src="conversation2.jpeg" alt="Conversation" height="440" width="660"></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>