-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
234 lines (193 loc) · 10.6 KB
/
index.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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>George Evans</title>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.typekit.net/esj6vpn.css">
<link href="https://fast.fonts.net/cssapi/4de928b4-77eb-438a-a8c4-8994fabd1708.css" rel="stylesheet" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300" type="text/css" />
<style type="text/css">
@font-face{
font-family:"Flareserif_821 W01 Bold";
src:url("Fonts/7e04c948-5310-4e7f-8284-54488aa7c6a8.eot?#iefix");
src:url("Fonts/7e04c948-5310-4e7f-8284-54488aa7c6a8.eot?#iefix") format("eot"),url("Fonts/c6b15809-1259-491c-85b5-99a456749c8e.woff2") format("woff2"),url("Fonts/87cee074-d89c-481b-8bb9-bfde2b9376f4.woff") format("woff"),url("Fonts/f347e67a-ace3-4c2f-8af0-cd57ad36162f.ttf") format("truetype");
}
</style>
<script type="text/javascript">
var MTIProjectId='ad58ed05-be41-465b-bebf-16a8c76cc483';
(function() {
var mtiTracking = document.createElement('script');
mtiTracking.type='text/javascript';
mtiTracking.async='true';
mtiTracking.src='mtiFontTrackingCode.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild( mtiTracking );
})();
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="img/GE_fav.png">
</head>
<body>
<!-- // NAVAGATION -->
<header>
<div class="logo">
<img src="img/ge_logo.svg">
</div>
<input id="burger" type="checkbox" />
<label for="burger">
<span></span>
<span></span>
<span></span>
</label>
<nav class="home-nav">
<ul>
<li><a href="index.html">Work</a></li>
<li><a href="mailto:hello@george-r-evans.com">Contact</a></li>
</ul>
</nav>
</header>
<!-- NAVAGATION // -->
<svg class="scene" width="100%" height="100vh" preserveAspectRatio="none" viewBox="0 0 1440 800" xmlns:pathdata="http://www.codrops.com/">
<path d="M 1066,436 C 1051,543.8 973.2,656.2 873.6,700.1 756.6,751.7 600.9,725 492.4,657.4 431.5,619.5 387.5,546.9 376.7,476 360.3,368.3 377.9,229.2 462.5,160.5 589.5,57.34 815.4,42.24 952.4,131.7 1044,190.8 1081,328.8 1066,436 Z" pathdata:id="M 1041,450.4 C 1023,547.7 992.8,667.7 905.7,714.5 793.1,775 639,728.7 524.5,671.8 453.3,636.4 382.2,575.4 360.2,499 329.7,393 344.6,249.2 426,174.9 568.6,44.66 851.1,-8.71 1002,111.8 1091,182.7 1061,338.6 1041,450.4 Z;M 1066,436 C 1051,543.8 976.5,664.5 873.6,700.1 761,739.1 636.4,655.8 529.5,603.1 441.6,559.8 325.8,520.1 293.8,427.5 263.1,338.4 294.5,213.4 368.2,154.8 520.7,33.48 790.1,23.76 952.4,131.7 1043,191.7 1081,328.8 1066,436 Z;M 1066,436 C 1053,531.1 930.7,580.1 842.2,617.2 734,662.7 598.4,707.8 492.4,657.4 427.6,626.6 387.5,546.9 376.7,476 360.3,368.3 376.9,227.9 462.5,160.5 567.6,77.69 749.9,37.5 863.8,148.8 947.6,230.7 1082,320.1 1066,436 Z"/>
</svg>
<div class="container-fluid header">
<div class="title">
<h1>George Evans</h1>
<h2>Digital Designer & Web Developer</h2>
</div>
</div>
<div class="container-fluid intro">
<div class="title">
<h2>I create websites & digital products.<br>Here is some of my work.</h2>
</div>
</div>
<div class="container sites">
<div class="row">
<!-- <div class="col-xs-12 project">
<div class="wrap">
<div class="container radio-show">
<div class="row">
<div class="col-sm-12 col-md-6 music-img match"><img src="img/gb/045.jpg" class="img-responsive"></div>
<div class="col-sm-12 col-md-6 modal-info match">
<h2>Glitterbox Radio Show</h2>
<h3>Hosted by Melvo Baptiste</h3>
<h4>Episode 034 with Brian Tappart</h4>
<p>Melvo Baptiste hosts the weekly Glitterbox Radio Show, a place where we celebrate incredible dance music from across the decades. Each week, Melvo is joined by a guest who selects three of their all-time favourite records. You can expect Glitterbox residents, alongside house and disco legends. Never stop dancing.</p>
<div class="listen"><a href="https://soundcloud.com/glitterboxibiza/glitterbox-radio-show-045-w-brian-tappert" target="_blank"><button>Listen Now</button></a></div>
<p class="more-link"><a href="http://smarturl.it/glitterboxradio" target="_blank">More Episodes</a></p>
<div class="socials music-socials mob-hide">
<h3>Follow Us</h3>
<a href="https://open.spotify.com/user/defected.records/playlist/5x1wgnYy9bbDhzRBpqSxq5" target="_blank"><img src="img/transparent.png" id="sp-b"></a>
<a href="https://itunes.apple.com/gb/playlist/glitterbox-disco-house-by-defected-records/pl.bc5b982882c845aeafae9a4a45066530?at=11lEW&ct=g2medp" target="_blank"><img src="img/transparent.png" id="am-b"></a>
<a href="https://soundcloud.com/glitterboxibiza" target="_blank"><img src="img/transparent.png" id="sc-b"></a>
<a href="https://www.youtube.com/user/glitterboxibiza" target="_blank"><img src="img/transparent.png" id="yt-b"></a>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="col-xs-12 project overlay mob-hide" id="gb-overlay">
<img src="img/gb_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Glitterbox</h3>
<h4>Design & Full-Stack Ruby On Rails Web App Build</h4>
<a href="http://www.glitterboxibiza.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
<a href="https://github.com/George-Evans/glitterbox" target="_blank"><button type="button" class="btn btn-primary">GitHub Repo</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-hide" id="sunergy-overlay">
<img src="img/sunergy_overlay.png" class="img-responsive">
<div class="project-title">
<h3>Sunergy</h3>
<h4>Brand Identity & Prototype Web App</h4>
<a href="https://sunergy.herokuapp.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
<a href="https://github.com/George-Evans/sunery-static" target="_blank"><button type="button" class="btn btn-primary">GitHub Repo</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-hide" id="croatia-overlay">
<img src="img/croatia_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Defected Croatia</h3>
<h4>Design & Frontend Build</h4>
<a href="https://defected.com/croatia/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-hide" id="dstore-overlay">
<img src="img/dstore_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>DStore</h3>
<h4>E-Commerce Site UI Design</h4>
<a href="https://store.defected.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-hide" id="colluded-overlay">
<img src="img/colluded_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Colluded Talent</h3>
<h4>Design & Frontend Build</h4>
<a href="http://www.colludedtalent.com" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-only" id="gb-mob-overlay">
<img src="img/gb_mob_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Glitterbox</h3>
<h4>Design & Full-Stack Ruby On Rails Web App Build</h4>
<a href="http://www.glitterboxibiza.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
<a href="https://github.com/George-Evans/glitterbox" target="_blank"><button type="button" class="btn btn-primary">GitHub Repo</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-only" id="sunergy-mob-overlay">
<img src="img/sunergy_mob_overlay.png" class="img-responsive">
<div class="project-title">
<h3>Sunergy</h3>
<h4>Spec Brand Identity & Prototype Web App</h4>
<a href="https://sunergy.herokuapp.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
<a href="https://github.com/George-Evans/sunery-static" target="_blank"><button type="button" class="btn btn-primary">GitHub Repo</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-only" id="croatia-mob-overlay">
<img src="img/croatia_mob_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Defected Croatia</h3>
<h4>Design & Frontend Build</h4>
<a href="https://defected.com/croatia/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-only" id="dstore-mob-overlay">
<img src="img/dstore_mob_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>DStore</h3>
<h4>E-Commerce Site UI Design</h4>
<a href="https://store.defected.com/" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
<div class="col-xs-12 project overlay mob-only" id="gb-mob-overlay">
<img src="img/colluded_mob_overlay.jpg" class="img-responsive">
<div class="project-title">
<h3>Colluded Talent</h3>
<h4>Design & Frontend Build</h4>
<a href="http://www.colludedtalent.com" target="_blank"><button type="button" class="btn btn-primary">View Site</button></a>
</div>
</div>
</div>
</div>
<div class="container-fluid intro">
<div class="title">
<h2>If you’d like to discuss working together on a project, <a href="mailto:hello@george-r-evans.com">get in touch</a>!</h2>
</div>
</div>
<!-- JAVASCRIPT -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!-- Bootstrap core JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/demo.js"></script>
<script src="js/demo4.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>