-
Notifications
You must be signed in to change notification settings - Fork 0
/
eden.html
118 lines (110 loc) · 7.11 KB
/
eden.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="parallax.css">
<link rel="stylesheet" href="interaction.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.typekit.net/jso1wjf.css">
<title>Eden Application</title>
</head>
<body>
<!-- navbar -->
<nav>
<ul>
<li><a href="index.html#work">Work</a></li>
<li><a href="index.html#about-me">About</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
<div class="bzybee-title">
<span>Eden App & Branding</span>
</div>
<div class="project-description">
<h1>BZY BEE is a conceptual meal replacement brand that utilizes insect byproducts
such as honey to provide an individual with a meal they can take with them on the go.
BZY BEE meal replacements come in three different forms: Pollen (Powdered Food),
Nectar (Ready-to-Drink Meal), and Honeycombs (Mini-Meal Bites)
and a variety of different flavors such as Honey, Vanilla, Raspberry, Apple, and Banana.
Each was designed with efficiency and simplicity in mind.</h1>
<div class="projectpics">
<img src="images/bzybee/titleslide.jpg">
<img src="images/bzybee/whoweare.jpg">
<img src="images/bzybee/mainlogo.jpg">
<img src="images/bzybee/bwlogos.jpg">
<img src="images/bzybee/colorlogos.jpg">
<img src="images/bzybee/colorinfo.jpg">
<img src="images/bzybee/products.jpg">
<img src="images/bzybee/station.jpg">
<img src="images/bzybee/end.jpg">
</div>
<!-- footer -->
<footer class="parallax bg3 content regular-wrapper2">
<ul>
<!-- instagram -->
<li>
<a href="https://www.instagram.com/evangrantdesign/?hl=en"target="_blank"
><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
<path d="M300,406.2c57.8-0.1,105.5-47.8,105.5-105.7c0.1-59-46.9-106.1-105.8-106.1C241,194.4,194,241.3,194,300
S241.5,406.3,300,406.2z M299.8,230.6c38.7,0,70,31.1,69.9,69.6c0,38.5-31.2,69.4-70,69.4c-39,0-69.6-30.6-69.6-69.5
C230,261.2,260.8,230.6,299.8,230.6z"/>
<path d="M410,212.8c12.9-0.2,23.8-11.2,23.7-24.1c-0.1-12.9-11.1-23.9-23.9-23.9c-12.9,0-23.5,10.9-23.5,24.1
C386.3,202,397.1,212.9,410,212.8z"/>
<path d="M93.5,361c0.4,17.5,0.5,35,4,52.2c7,34.8,24.8,61.7,56.7,78.4c21.3,11.1,44.5,13.6,68,14.4c39,1.5,77.9,1.2,116.9,0.9
c21.5-0.2,43-0.2,64.3-2.9c55.5-7,91.1-41.9,99.5-97.2c3.8-24.6,2.9-49.4,3.5-74.1c0.7-34.6,0.2-69.3-0.7-103.9
c-0.3-13-1.2-25.9-3.2-38.8c-7.6-48.5-41.3-83.3-89.6-92.4c-24.5-4.6-49.3-3.9-74.1-4.5c-39-0.8-77.9-0.4-116.9,0.9
c-10.9,0.3-21.8,1.1-32.6,3c-33.3,5.8-59.9,22-77.6,51.3C99,169.4,95.2,192.9,94.1,217c-1.3,27.5-0.9,55.1-0.8,82.6
C93.4,320.2,93,340.6,93.5,361z M129.6,231.5c0.1-13.6,0.6-27.4,3.8-40.8c7.7-32.2,29.3-52.3,62-57.7c12.7-2.1,25.5-2.9,38.3-3
c44-0.2,88-0.2,132,0c12.1,0.1,24.2,0.8,36.2,2.7c37.1,5.8,59.5,27.9,65.5,65c2.2,13.4,2.7,26.9,2.9,40.4c0.4,41.2,0.4,82.5,0,123.7
c-0.1,14.5-0.6,29.1-3.3,43.5c-6.9,36.3-31,58.7-67.7,62.8c-11.7,1.3-23.5,2.1-35.2,2.2c-21.5,0.1-43,0-64.4,0
c-29.4,0.3-58.9,0.7-88.3-1.1c-17.3-1-34-4.5-48.7-14.6C144,441.7,135,423,131.8,401.3c-1.7-11.3-2.3-22.8-2.3-34.2
C129.4,321.9,129.3,276.7,129.6,231.5z"/>
</svg>
</a>
<p>Instagram</p>
</li>
<!-- behance -->
<li>
<a href="https://www.behance.net/egrantdesign" target="_blank"
><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
<g>
<g>
<path d="M260.2,286.2c0,0,39.1-2.9,39.1-48.7s-32-68.2-72.5-68.2h-74.6H150H93.5v256.1H150h2.2h74.6c0,0,81.4,2.6,81.4-75.6
C308.1,349.8,311.7,286.2,260.2,286.2z M152.2,214.7h65h9.6c0,0,18.1,0,18.1,26.6s-10.7,30.5-22.7,30.5h-69.9v-57.1H152.2z
M223.3,379.8h-71.1v-68.5h74.6c0,0,27-0.3,27,35.2C253.8,376.2,234,379.5,223.3,379.8z"/>
<rect x="361.6" y="184.3" width="105.7" height="31.5"/>
<path d="M416.7,234.4c-98.5,0-98.4,98.4-98.4,98.4s-6.8,97.9,98.4,97.9c0,0,87.6,5,87.6-68.1h-45.1c0,0,1.5,27.6-41.1,27.6
c0,0-45.1,3-45.1-44.6h132.7C505.8,345.6,520.3,234.4,416.7,234.4z M456.7,311.4h-84.1c0,0,5.5-39.5,45.1-39.5
C457.2,271.9,456.7,311.4,456.7,311.4z"/>
</g>
</g>
</svg>
</a>
<p>Behance</p>
</li>
<!-- linked in -->
<li>
<a href="https://www.linkedin.com/in/evan-grant/" class="links" target="_blank"
><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#0A1F2C;}
</style>
<path class="st0" d="M443.12,1.46H56.75c-30.48,0-55.2,24.71-55.2,55.2v386.37c0,30.48,24.71,55.2,55.2,55.2h386.37
c30.48,0,55.2-24.71,55.2-55.2V56.65C498.32,26.17,473.6,1.46,443.12,1.46z M151.75,429.22H77.68V190.04h74.08V429.22z
M114.36,158.72c-24.2,0-43.81-19.76-43.81-44.14s19.61-44.14,43.81-44.14c24.2,0,43.8,19.76,43.8,44.14
S138.56,158.72,114.36,158.72z M429.32,429.22h-73.72V303.67c0-34.42-13.08-53.66-40.33-53.66c-29.64,0-45.13,20.02-45.13,53.66
v125.56h-71.04V190.04h71.04v32.22c0,0,21.36-39.52,72.12-39.52c50.73,0,87.05,30.98,87.05,95.05V429.22z"/>
</svg></a>
<p>LinkedIn</p>
</li>
</ul>
</footer>
</div>
<script src="script.js" async defer></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>
</body>
</html>