-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio-medium.html
101 lines (95 loc) · 3.7 KB
/
portfolio-medium.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
<div class="row"><!-- START ROW 1 -->
<a href="projects/hyde-memorial-observatory.html">
<div class="thumbnail">
<img class="thumbnail-image" src="images/project-hyde-hero-medium.jpg" alt="Hyde thumbnail">
<div class="thumbnail-body">
<h3>Hyde Memorial Observatory</h3>
<p>Ad Campaign</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 1 -->
<div class="row"><!-- START ROW 2 -->
<a href="projects/oliverde.html">
<div class="thumbnail">
<img class="thumbnail-image" src="images/project-oliverde-hero-medium.jpg" alt="Oliverde thumbnail">
<div class="thumbnail-body">
<h3>Oliverde</h3>
<p>Brand Identity & Package Design</p>
</div><!--end thumbnail-body" -->
</div><!-- end thumbnail -->
</a><!--end link -->
</div><!-- END ROW 2 -->
<div class="row">
<a href="projects/night-owl.html">
<div class="thumbnail medium-6 columns">
<img class="thumbnail-image" src="images/project-night-owl-hero-medium.jpg" alt="NightOwl thumbnail">
<div class="thumbnail-body">
<h3>NightOwl</h3>
<p>Mobile App</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
<a href="projects/honest-abes.html">
<div class="thumbnail medium-6 columns end">
<img class="thumbnail-image" src="images/project-honest-abes-hero-medium.jpg" alt="Honest Abe’s thumbnail">
<div class="thumbnail-body">
<h3>Honest Abe’s Burgers & Freedom</h3>
<p>Mobile App</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 3 -->
<div class="row"><!-- START ROW 4 -->
<a href="projects/oh-snap-web-design.html">
<div class="thumbnail">
<img class="thumbnail-image" src="images/project-oh-snap-web-hero-medium.jpg" alt="Oh Snap web design thumbnail">
<div class="thumbnail-body">
<h3>Oh, Snap! Photography</h3>
<p>Responsive Web Design</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 4 -->
<div class="row"><!-- START ROW 5 -->
<a href="projects/razorwave-entertainment.html">
<div class="thumbnail medium-6 columns">
<img class="thumbnail-image" src="images/project-razorwave-logo-small.jpg" alt="Razorwave4 thumbnail">
<div class="thumbnail-body">
<h3>Razorwave Entertainment</h3>
<p>Brand Identity & Identity System</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
<a href="projects/clear-skies.html">
<div class="thumbnail medium-6 columns">
<img class="thumbnail-image" src="images/project-clear-skies-hero.jpg" alt="Clear Skies thumbnail">
<div class="thumbnail-body">
<h3>Clear Skies</h3>
<p>Logo & Responsive Style Guide</p>
</div>
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 5 -->
<div class="row"><!-- START ROW 6 -->
<a href="projects/oh-snap-promo-booklet.html">
<div class="thumbnail">
<img class="thumbnail-image" src="images/project-oh-snap-book-hero-medium.jpg" alt="Oh Snap book thumbnail">
<div class="thumbnail-body">
<h3>Oh, Snap! Photography</h3>
<p>Promotional Booklet</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 6 -->
<div class="row"><!-- START ROW 7 -->
<a href="projects/safe-kids-worldwide.html">
<div class="thumbnail">
<img class="thumbnail-image" src="images/project-safe-kids-hero-medium.jpg" alt="Safe Kids thumbnail">
<div class="thumbnail-body">
<h3>Safe Kids Worldwide</h3>
<p>Public Service Campaign</p>
</div><!-- end thumbnail-body -->
</div><!-- end thumbnail -->
</a><!-- end link -->
</div><!-- END ROW 7 -->