-
Notifications
You must be signed in to change notification settings - Fork 0
/
crossfitstaunton.html
executable file
·109 lines (109 loc) · 5.41 KB
/
crossfitstaunton.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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com-->
<!-- Last Published: Fri Dec 04 2015 14:39:39 GMT+0000 (UTC) -->
<html data-wf-site="535693504aa023792d00091a" data-wf-page="5362aa21f017abc81c0000ea">
<head>
<meta charset="utf-8">
<title>b.Shenk - CrossFit Staunton</title>
<meta name="description" content="Portfolio page for the website re-design of CrossFit Staunton.">
<meta name="keywords" content="crossfit, staunton, brandon, shenk, website, re-design, web, design, development, bshenk">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Webflow">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/webflow.css">
<link rel="stylesheet" type="text/css" href="css/bshenk.webflow.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Montserrat:400,700"]
}
});
</script>
<script type="text/javascript" src="js/modernizr.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="https://y7v4p6k4.ssl.hwcdn.net/placeholder/favicon.ico">
<link rel="apple-touch-icon" href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png">
</head>
<body>
<div class="w-container">
<div class="header">
<div data-collapse="medium" data-animation="default" data-duration="400" data-contain="1" class="w-nav smallnav">
<div class="w-container w-hidden-main w-hidden-medium w-hidden-small">
<a href="#" class="w-nav-brand"><img src="images/smallLogo.png" width="60" height="60">
</a>
<nav role="navigation" class="w-nav-menu smallnavmenu"><a href="http://bshenk.com" class="w-nav-link smallnavlink">Home</a><a href="http://bshenk.com/#aboutme" class="w-nav-link smallnavlink">About</a><a href="http://bshenk.com/#portfolio" class="w-nav-link smallnavlink">Portfolio</a><a href="http://bshenk.com/#contact" class="w-nav-link smallnavlink">Hire Me</a>
</nav>
<div class="w-nav-button smallnavmenubutton">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div data-ix="logo" class="logo"><img src="images/smallLogo.png" data-ix="logo" class="w-hidden-tiny logoimg">
</div>
<div class="w-hidden-tiny nav"><a href="http://bshenk.com" class="navlink">home</a><a href="http://bshenk.com/#aboutme" class="navlink">about</a><a href="http://bshenk.com/#portfolio" class="navlink">Portfolio</a><a href="http://bshenk.com/#contact" class="button bshenkbutton">Hire me</a>
</div>
</div>
</div>
<div class="projectbanner cfsheader">
<h1 class="projectheader">CrossFit Staunton</h1>
<p class="projecttext">Website re-design</p><a href="http://crossfitstaunton.com" target="_blank" class="button bshenkbutton projectbutton">view site</a>
</div>
<div>
<div class="w-container projectinfo">
<p class="projectsummary">My most recent, completely finished freelance project for the folks over at CrossFit Staunton. I designed the entire site in Photoshop and converted it into a responsive website using the Foundation framework.</p>
<div class="h3underline"></div>
<div><img src="images/cfsBrowser.png">
</div>
<div><img src="images/cfsFooter.png" class="cfsfooter">
</div>
</div>
</div>
<div>
<div class="creativeprocessbg">
<div class="w-container creativecontainer">
<div>
<h3>my creative process</h3>
</div>
<div class="creativeprocess">
<div class="w-row">
<div data-ix="fade-in-from-top" class="w-col w-col-3">
<div><img src="images/ear.png" class="creativeimg">
<h4>LISTEN</h4>
</div>
<p class="creativetext">All goals and expections for the project are set and recorded during the very first meeting.</p>
</div>
<div data-ix="fade-in-from-top-2" class="w-col w-col-3">
<div><img src="images/brain.png" class="creativeimg">
<h4>BRAInSTORM</h4>
</div>
<p class="creativetext">Sketching, creating mind maps, searching for inspiration happens here.</p>
</div>
<div data-ix="fade-in-from-top-3" class="w-col w-col-3">
<div><img src="images/design.png" width="75" class="creativeimg">
<h4>DESIGN</h4>
</div>
<p class="creativetext">Everything that was gathered from the two previous stages come to life in Photoshop and Illustrator.</p>
</div>
<div data-ix="fade-in-from-top-4" class="w-col w-col-3">
<div><img src="images/code.png" class="creativeimg">
<h4>CODE</h4>
</div>
<p class="creativetext">The final,</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="w-container">
<div class="footerinfo">
<p class="footerinfop">© 2014 Brandon Shenk</p>
</div>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/webflow.js"></script>
<!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>