-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaviation-island.html
203 lines (189 loc) · 10.1 KB
/
aviation-island.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en" class="no-js">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Website of Geoff Pavey Design">
<meta name="author" content="Geoff Pavey Design">
<link rel="shortcut icon" href="images/favicon.ico">
<title>Geoff Pavey - Graphic Designer - Aviation Island Brewing</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link href="css/style.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Ropa+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46423440-1', 'geoffpavey.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.html#intro" ><img src="images/gp_small.png" height="20px"></a>
<p class="navbar-text">Geoff Pavey - <small>Graphic Designer</small></p>
</div><!--End navbar-header"-->
<div id="navigation" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html#intro"><i class="fa fa-home fa-fw"></i>HOME</a></li>
<li><a href="index.html#work">PORTFOLIO</a></li>
<li><a href="index.html#about">ABOUT GEOFF</a></li>
<li><a href="index.html#footer">GET IN TOUCH</a></li>
</ul>
</div><!--End navigation-->
</div><!--End container-->
</div>
<!-- Section 1 -->
<section class="work_background">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 text-left">
<h1>Aviation Island Brewing</h1>
<br>
<h4>IDENTITY, WEB</h4>
<hr>
</div>
<div class="col-xs-12 col-md-6 text-left"><p>Aviation Island Brewing is a private label owned and operated by brewmaster Brice Ginardi. It is located on the island of Alameda just east of San Francisco, California. After being an all-grain homebrewer for many years, he decided to go pro. Lucky for you! He thinks bringing your ego into the brewhouse gives beer an off-flavor. The simple combination of water, malt, hops, and yeast keeps him humble everyday. Brice and the small AIB staff plan and craft each beer by hand, to extremely exacting standards. For them and for you, the sky's the limit!</p><br>
<a href="http://www.aviationislandbrewing.com" target="_blank" class="btn btn-sm btn-primary">VISIT WEBSITE</a></div>
</div><!--end row-->
</div>
<!-- /container -->
</section>
<!-- Section 2 -->
<section id="work_container">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h4>IDENTITY</h4>
<hr>
<ul>
<li class="col-xs-12 text-center"><img src="images/aib/main-brand.png" class="img-responsive" alt="aib-logo"></li>
</ul>
</div>
</div>
<!--End Row-->
<div class="row">
<div class="col-xs-12">
<h4>BRANDING ELEMENTS</h4>
<hr>
<div class="work_elements">
<ul>
<li class="col-xs-4 text-center"><img src="images/aib/bottle_logo.png" class="img-responsive" alt="beer logo" ></li>
<li class="col-xs-4 text-center"><img src="images/aib/bottle-logo-bomber.png" class="img-responsive" alt="beer logo"></li>
<li class="col-xs-4 text-center"><img src="images/aib/bottle-logo-skytrain.png" class="img-responsive" alt="beer logo"></li>
</ul>
<br>
<br>
<ul>
<li class="col-xs-4 text-center"><img src="images/aib/logo_bw.png" class="img-responsive" alt="beer logo" ></li>
<li class="col-xs-4 text-center"><img src="images/aib/aib_brick.jpg" class="img-responsive" alt="beer logo" height="90%"></li>
<li class="col-xs-4 text-center"><img src="images/aib/stamp.png" class="img-responsive" alt="beer logo"></li>
</ul></div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-xs-12"><h4>GLASSWARE</h4>
<hr>
<ul>
<li class="col-xs-6 text-center"><img src="images/aib/growler.jpg" class="img-responsive" alt="aib-logo"></li>
<li class="col-xs-6 text-center"><img src="images/aib/glass.png" class="img-responsive" alt="aib-logo"></li>
</ul>
</div>
<div class="row clearfix">
<div class="col-xs-12"><h4>WEBSITE</h4>
<hr>
<ul>
<li class="col-xs-10 col-xs-offset-1 text-center"><img src="images/aib/aib_mac.png" class="img-responsive" alt="aib-logo"></li>
<li class="col-xs-6 text-center"><img src="images/aib/aib_page2.png" class="img-responsive" alt="aib-logo"></li>
<li class="col-xs-6 text-center"><img src="images/aib/aib_page3.png" class="img-responsive" alt="aib-logo"></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section 3 -->
<section class="work_bottom">
<div class="container">
<div class="row">
<div class="col-sm-6 text-left">
<h5><strong>THE PROBLEM</strong></h5>
<p><small>Brice wanted to create a brand that paid heritage to the long history of Alameda Island. Much of Alameda's land mass has been man made, and often specifically for airplanes. More than once, marsh land became runways. For many years it was known as Aviation Island due to its long association with aviation history.</small></p>
</div>
<div class="col-sm-6 text left">
<h5><strong>THE SOLUTION</strong></h5>
<p><small>I began by concepting his brand via the traditional medium of paper and pencil, moving into ink, then finally into a versatile final mark. I wanted all the elements to have a vintage look and feel. I created a map of the island as it was in the late 1930's. I chose a single page layout for the Aviation Island website, which turned out to be a perfect amount of space for all the necessary information. </small></p>
</div>
</div>
</div>
</section>
<!-- Section 4 -->
<section id="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 text-left">
<i class="fa fa-caret-square-o-right "></i> Fishy Feet
<hr>
<div class="footer-data">
<iframe height="250" src="http://www.youtube.com/embed/lwI8Lc7rjNY" frameborder="0" allowfullscreen></iframe></div>
</div><!--end col-->
<div class="col-xs-12 col-sm-4 text-left">
<i class="fa fa-twitter"></i> Random Tweet<hr>
<div class="footer-data"><a class="twitter-timeline" href="https://twitter.com/GeoffPavey" data-widget-id="410891384594264064">Tweets by @GeoffPavey</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div><!--end col-->
<div class="col-xs-12 col-sm-4 text-left" >
<i class="fa fa-envelope-o"></i> Want to meet?
<hr>
<div class="footer-contact">
<a href="http://geoffpavey.com" >Geoff Pavey Design</a><br />
808-896-9492<br />
<a href="mailto:[email protected]">[email protected]</a></div><br /><br />
<div id="social">
<ul>
<li><a href="http://twitter.com/#!/geoffpavey" target="_blank" alt="@geoffpavey" title="@geoffpavey"><img src="images/twitter_white.png"></a></li>
<li><a href="http://linkedin.com/in/geoffpavey" target="_blank" alt="geoffpavey" title="linkedin"><img src="images/linkedin_white.png"></a></li>
<li><a href="http://behance.com/geoffpavey" target="_blank" alt="geoffpavey" title="behance"><img src="images/behance_white.png"></a></li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
<div id="copyright" class="row">
<div id="col-xs-12 text-center">
<hr>
<ul>
<li>Strategy + Branding + Design </li>
<li> <img src="images/gp_small.png" width="25" height="30"> </li>
<li>© 2013 geoff Pavey Design</li>
</ul>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/init.js"></script>
<script src="js/scrollTo.js"></script>
<script src="js/localscroll.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46423440-1', 'geoffpavey.com');
ga('send', 'pageview');
</script>
</body>
</html>