-
Notifications
You must be signed in to change notification settings - Fork 1
/
lifestyle.html
55 lines (49 loc) · 2.04 KB
/
lifestyle.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
<!DOCTYPE html>
<html>
<head>
<title>Joylent.com - Joylent Bottle details</title>
<!-- 1. Link to jQuery (1.8 or later), -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->
<!-- fotorama.css & fotorama.js. -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script> <!-- 16 KB -->
<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 style="padding-left: 80px; padding-top: 100px; display:inline-block">
<div class="fotorama">
<img src="jumping.jpg">
<img src="cheers.jpg">
<img src="tree.jpg">
<img src="walking.jpg">
<img src="artsy.jpg">
</div>
</div>
<div class="product">
<h1 class="heading" style="font-size:24px">Joylent Lifesyle</h1>
<p class="general_info" style="color: #A9A9A9;">Here at Joylent, we believe
in a lifestyle, one obtained through synthetic human interactivity.
Live Synthetically.</p>
</div>
<div class="spacing">-</div>
<div class="information" style="width: 30%; display: inline-block; vertical-align: top"></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>