-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcasestudies.html
182 lines (177 loc) · 8.92 KB
/
casestudies.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=1"/>
<meta name="description" content="Dan Malarkey, Dan, Malarkey, HTML, HTML5, CSS, CSS3, Open Source, Open Source Framework, Front End Framework, Boilerplate">
<meta name="keywords" content="Dan Malarkey, UI Designer, Dan Malarkey UI Designer, UX designer, Dan Malarkey UX Designer, Jacksonville Florida UI Designer, Jacksonville Florida UX Designer, Dan Malarkey Jacksonville Florida UI Designer, Jacksonville Florida UX Designer, Jacksonville User Interface Designer, Jacksonville User Experience Designer, Florida User Interface Designer, Florida User Experience Designer, Jacksonville Front End Development, Schema UI Framework, Dan Malarkey feature[23], Dan feature[23], HTML, CSS, JS, JavaScript, framework, front-end, frontend, web development, schema, schema ui, schema ui framework, css framework, css frameworks">
<meta name="author" content="Dan Malarkey | http://danmalarkey.com ©2014">
<!-- Stylesheet -->
<link rel="stylesheet" href="stylesheets/css/base.css" type="text/css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
<!-- Typekit -->
<script type="text/javascript" src="//use.typekit.net/cba7yog.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="stylesheets/js/jquery.easydropdown.js"></script>
<script src="stylesheets/js/modernizr.custom.js"></script>
<script type="text/javascript" src="http://updateyourbrowser.net/uyb.js"></script>
<title>Dan Malarkey - Case Studies | UI Designer | User Interface Designer | Saint Augustine Florida | Jacksonville Florida | User Experience Designer | UX Designer</title>
</head>
<body>
<header class="casestudies-hero">
<div class="hero-overlay"></div>
<div class="container">
<a class="logo" href="index.html">
<img class="brand" src="stylesheets/img/dm_logo.svg" alt="dan malarkey logo" />
</a>
<nav>
<a href="">Lets Chat</a>
<a href="">Brain Dumps</a>
<a href="casestudies.html" class="active">Case Studies</a>
<a href="experience.html">Experience</a>
</nav>
</div>
</header>
<section class="case-studies">
<div class="container">
<h1>The Goods.</h1>
</div>
<div class="row-fluid">
<div class="container item animated fadeInDown">
<div class="left-content left-float">
<h2>HydroXphere</h2>
<hr class="hr_thin">
<h6 class="tags">Branding • iOS Design • Web Development</h6>
<a href="hydroxphere.html" class="btn btn-success btn-small">Learn More About This Project →</a>
</div>
<div class="right-content right-float">
<img class="img-ex-mobile" src="stylesheets/img/starter_ss.png" alt="starter_ss">
</div>
</div>
<div id="count" class="container item count animated">
<div class="left-content left-float">
<h2>K9s For Warriors</h2>
<hr class="hr_thin">
<h6 class="tags">Web Design</h6>
<a href="" class="btn btn-success btn-small">Learn More About This Project →</a>
</div>
<div class="right-content right-float">
<img class="img-ex-desktop" src="stylesheets/img/k9_mockup.png" alt="starter_ss">
</div>
</div>
<div id="count" class="container item count">
<div class="left-content left-float">
<h2>HydroXphere</h2>
<hr class="hr_thin">
<h6 class="tags">Branding • iOS Design • Web Development</h6>
<a href="" class="btn btn-success btn-small">Learn More About This Project →</a>
</div>
<div class="right-content right-float">
<img class="img-ex-mobile" src="stylesheets/img/starter_ss.png" alt="starter_ss">
</div>
</div>
<div id="count" class="container item count">
<div class="left-content left-float">
<h2>HydroXphere</h2>
<hr class="hr_thin">
<h6 class="tags">Branding • iOS Design • Web Development</h6>
<a href="" class="btn btn-success btn-small">Learn More About This Project →</a>
</div>
<div class="right-content right-float">
<img class="img-ex-mobile" src="stylesheets/img/starter_ss.png" alt="starter_ss">
</div>
</div>
</div>
</section>
<section id="count" class="count sneak-peek">
<div class="container">
<h1 class="text-center">Other works in progress…</h1>
<div class="row-fluid">
<article class="col4">
<a href="https://dribbble.com/shots/1515427-feature-23-Site-On-Mobile?list=users&offset=0" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/f23_mobile.png" alt="feature[23] Mobile Off Canvas Nav">
</a>
</article>
<article class="col4">
<a href="https://dribbble.com/shots/1108082-Approved-CoastalMedia-Logo?list=users&offset=21" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/cm_signoff.png" alt="Coastal Media Logo">
</a>
</article>
<article class="col4">
<a href="https://dribbble.com/shots/866635-COTB-modal?list=users&offset=41" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/modal.png" alt="tf_footer">
</a>
</article>
</div>
<div class="row-fluid">
<article class="col4">
<a href="https://dribbble.com/shots/1515427-feature-23-Site-On-Mobile?list=users&offset=0" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/f23_mobile.png" alt="feature[23] Mobile Off Canvas Nav">
</a>
</article>
<article class="col4">
<a href="https://dribbble.com/shots/1108082-Approved-CoastalMedia-Logo?list=users&offset=21" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/cm_signoff.png" alt="Coastal Media Logo">
</a>
</article>
<article class="col4">
<a href="https://dribbble.com/shots/866635-COTB-modal?list=users&offset=41" target="_blank">
<div class="overlay"><p>View Work →<br /><i class="fa fa-dribbble"></i></p></div>
<img src="stylesheets/img/modal.png" alt="tf_footer">
</a>
</article>
</div>
</div>
</section>
<footer>
<div class="container">
<h1 class="text-center">Have a great idea or business need?</h1>
<p class="text-center"><a href="#" class="btn btn-orange btn-xl">lets build it together</a></p>
<nav class="icons">
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-github"></a>
<a href="#" class="fa fa-bitbucket"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-dribbble"></a>
<a href="#" class="fa fa-linkedin"></a>
</nav>
<p class="details text-center">This site was built with <a href="#">Schema UI.</a> The fonts are hosted through
<a href="#">Typekit</a>, and the icons are from <a href="#">Font Awesome</a>.
<nav class="text-center">
<a href="experience.html">Experience</a>
<span class="divider">|</span>
<a href="#">Case Studies</a>
<span class="divider">|</span>
<a href="#">Brain Dumps</a>
<span class="divider">|</span>
<a href="#">Lets Chat</a>
</nav>
</div>
<p class="copyright text-center">© 2014. Dan Malarkey <i class="fa fa-heart"></i> Jacksonville, Florida</p>
</footer>
<script src="stylesheets/js/waypoints.min.js"></script>
<script>
//$(window).bind("load", function() {
$('#count.count').waypoint(function() {
$(this).toggleClass('animate');
},{
offset:'80%',
triggerOnce:true
});
$('body').load (function() {
$(this).toggleClass('fadeInDown');
});
//});
</script>
</body>
</html>