-
Notifications
You must be signed in to change notification settings - Fork 0
/
sfo-airport-signage.html
89 lines (77 loc) · 4.51 KB
/
sfo-airport-signage.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://shannoncrabill.com/" />
<meta name="description" content="Portfolio of Shannon Crabill, a Web and Graphic Designer in Baltimore, MD" />
<meta name="keywords" content="Web Design, Graphic Design, HTML/CSS, Maryland, Email Marketing, Social Media" />
<meta name="author" content="Shannon Crabill" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Shannon Crabill | Email & Front-End Developer | SFO Airport Signage</title>
<!--CSS-->
<link href="code/960_12_col.css" rel="stylesheet" type="text/css" media="screen" />
<link href="code/style.css" rel="stylesheet" type="text/css" media="screen" /><!--google analytics--><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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-23719072-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="top">
<!--start container-->
<div class="container_12">
<!--start header-->
<div class="grid_12" id="header">
<div class="grid_9 alpha">
<h1><em>Shannon Crabill | Email & Front-End Developer</em></h1>
</div>
<div class="grid_3 omega">
<p class="right small" style="line-height:5em;">
<a href="https://shannoncrabill.com/blog/">blog</a> | <a href="services.html">services</a> | <a href="about.html">about</a> | <a href="assets/crabill_resume_2016.pdf" target="blank">resume</a>
</p>
</div>
</div>
<!--end header-->
<!--start content-->
<div class="grid_12">
<h2>SFO Airport Signage</h2>
<p>This airport signage was developed for the San Francisco International Airport (SFO) in San Francisco, California. A cherrywood and metal-like finish was chosen to mimic the renovation plans for terminals 1 and 2, which feature exposed architectural elements, cherrywood paneling, stainless steel and clean, modern lines.</p>
<p>To contrast with the architectural elements a corporate blue was integrated with abstract, repeated shapes. Overlapping elements and cutouts allow the textures and colors to interact with each other and make for a cohesive but dynamic presentation.
</p>
<ul id="project-images">
<li><img src="images/sfo-airport-signage-940x350.jpg" width="940" height="350" alt="SFO Airport Signage | Directional Signage"/></li>
<li><div class="grid_6 alpha">
<img src="images/sfo-airport-signage-460x690.jpg" width="460" height="690" alt="SFO Airport Signage | Terminal Signage" />
</div>
<div class="grid_6 omega">
<img src="images/sfo-airport-signage2-460x690.jpg" width="460" height="690" alt="SFO Airport Signage | Restroom Sign" />
</div></li>
</ul>
<br />
<div class="clear" style="height:50px;"> </div>
<a href="index.html">Back to Home</a>
<!--<div class="right"><a href="#top">To the Top</a></div>--></div>
<!--end content-->
<!--start footer-->
<div class="grid_12" id="footer"><br />
<div class="grid_6 alpha">
<!--<a href="https://twitter.com/shannon_crabill" targt="_blank">
<img src="images/social/twitter.png" width="33" height="33" alt="Twitter" border="0" />
</a>
<a href="https://www.linkedin.com/in/shannoncrabill" targt="_blank">
<img src="images/social/Linkedin.png" width="33" height="33" alt="Linkedin" border="0" />
</a>-->
<p class="left small">
<a href="https://twitter.com/shannon_crabill">twitter</a> | <a href="https://www.linkedin.com/in/shannoncrabill">linkedin</a> |
<a href="https://github.com/scrabill" target="blank">github</a>
</p>
</div><div class="grid_6 omega right">
<p class="small">Shannon Crabill © 2011 – 2017 | All Rights Reserved.</p>
</div>
</div>
<!--end footer-->
</div>
<!--end container-->
</body>
</html>