-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
316 lines (292 loc) · 11.2 KB
/
index.html
File metadata and controls
316 lines (292 loc) · 11.2 KB
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
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Rhys Park - Web Design - Cardiff</title>
<meta name="description" content="Affordable web design and development in Cardiff by Rhys Park" />
<meta name="keywords" content="Cardiff, web design, rhys park"/>
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/my_style.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="sticky">
<nav class="top-bar attached">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<h1><a href="#"></a></h1>
</li>
<li class="toggle-topbar menu-icon">
<a href="#"><span>menu</span></a>
</li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="divider"></li>
<li>
<a href="index.html">Home</a>
</li>
<li class="divider"></li>
<li>
<a href="e-commerce.html">e-commerce</a>
</li>
<li class="divider"></li>
<li>
<a href="projects.html">Previous Work</a>
</li>
<li class="divider"></li>
<li>
<a href="static_html.html">Simple Packages</a>
</li>
<li class="divider"></li>
<li>
<a href="contact_me.html">Contact Me</a>
</li>
</ul>
</section>
</nav>
</div>
<div class="main_image_wrapper hide-for-small ">
<div class="main_image_content">
<div class="row">
<div class="large-4 push-8 columns">
<h3 class="subheader white">-responsive web design- </h3>
</div>
</div>
<div class="row bottom">
<div class="large-4 large-centered columns">
<div class="">
<h1 class="white"> Rhys Park</h1>
</div>
</div>
</div>
<div class="row bottom">
<div class="large-12 large-centered columns">
<p>A freelance web designer in Cardiff, I create affordable websites to help your business work online.</p>
</div>
</div>
</div>
</div>
<div class="main show-for-small">
<div class="main-content">
<div class="row">
<div class="large-12 columns">
<h1 class="white">rhyspark<small>.co.uk</small></h1>
<h4 class="subheader white">As a freelance web designer I create websites for business</h4>
</div>
</div>
<div class="row">
<div class="small-6 small-centered columns">
<a href="contact_me.html" class="button large round mystyle">Contact Me</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<div class="panel_top light_green2">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_green2">
<div class="bottom_title">
<h3 class="subheader">Typography</h3>
</div>
<div class="bottom_content">
<p>Typography is key to getting content read by your viewers, fonts need to be clean,
flow and easy to read. Get this wrong and visitors will quickly ignore what you have to say heading straight for another site</p>
</div>
</div>
</div>
</div>
<div class="large-4 columns show-for-medium-up">
<div class="panel">
<div class="panel_top light_green">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_green">
<div class="bottom_title">
<h3 class="subheader"><span data-tooltip class="has-tip" title="UX is user expreience">UX Designs</span></h3>
</div>
<div class="bottom_content">
<p>User Experience is at the forefront of all my design work, every one of my designs are clean and simple to use,
after all, you could have a nice looking site, but people won´t return if it is difficult to use </p>
</div>
</div>
</div>
</div>
<div class="large-4 columns">
<div class="panel">
<div class="panel_top light_red">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_red">
<div class="bottom_title">
<h3 class="subheader">Responsive Sites</h3>
</div>
<div class="bottom_content">
<p>That´s why I build mobile first on a fluid foundation, with mobile browsers and devices about to out number desktops we have
to ensure our designs are ready for the future browsing trends of our clients</p>
</div>
</div>
</div>
</div>
</div>
<section class="wide_info">
<div class="row">
<div class="large-12 columns">
<div class="top_title">
<h4 class=""></h4>
</div>
<div class ="center_text">
<p><strong>Why choose me over the next guy?</strong> Building websites is not that hard, in-fact it involves some quite
simple processes that anybody can learn, but there is more to building an identity than simple HTML. Many times people have one or two of the talents required. But I have them all from design to deployment. So for freelance website designer in Cardiff or South Wales give me a try.
</p>
</div>
</div>
</div>
</section>
<div class="row padded">
<div class="large-12 columns"><p></p></div>
</div>
<div class="row">
<div class="large-4 columns">
<div class="panel">
<div class="panel_top light_blue">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_blue">
<div class="bottom_title">
<h3 class="subheader">Costs & Projects</h3>
</div>
<div class="bottom_content">
<p>I usually charge by the project so you will know your costs before we even begin, the initial meetings will costs nothing
so drop me a line come have a chat and see if I can build you the website you deserve. And after all if you don´t like my idea
it has not cost you a penny.</p>
</div>
</div>
</div>
</div>
<div class="large-4 columns show-for-medium-up">
<div class="panel">
<div class="panel_top light_carrot">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_carrot">
<div class="bottom_title">
<h3 class="subheader">Personal Experience</h3>
</div>
<div class="bottom_content">
<p>It´s just me, yep that´s right. So you will get the personal experience, you will deal with me from initial design
through to pushing the site live. I'm always there. And that´s not the end, going forward we have content updates and changes to keep
the site fresh and updated </p>
</div>
</div>
</div>
</div>
<div class="large-4 columns show-for-medium-up">
<div class="panel">
<div class="panel_top light_purple">
<div class="top_title">
<p></p>
</div>
</div>
<div class="panel_bottom dark_purple">
<div class="bottom_title">
<h3 class="subheader">The Full Package</h3>
</div>
<div class="bottom_content">
<p>It's not just about web design, it´s about the delivery of the complete package, websites need hosting, domain names and SEO
don´t worry if you don´t understand it all, I will make sure you do and your website goes live ready for your customers and clients</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="row">
<div class="large-6 columns">
<div class="social">
<a href="http://www.twitter.com/parksey76"><img class="small_img_wrapper" src="img/twitter.png" alt="twitter logo" /></a>
<a href="http://www.facebook.com/swparksey"><img class="small_img_wrapper" src="img/facebook.png" alt="facebook" /></a>
<a href="http://www.youtube.com/igpython"><img class="small_img_wrapper" src="img/youtube.png" alt="youtube logo"></a>
</div>
</div>
<div class="large-3 columns">
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br/><a style="color: white; font-size: 0.5em;" rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">This work is licensed under a <br>Creative Commons Attribution 3.0 Unported License</a>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43252155-1', 'rhyspark.co.uk');
ga('send', 'pageview');
</script>
<script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.cookie.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.forms.js"></script>
<script src="js/foundation/foundation.joyride.js"></script>
<script src="js/foundation/foundation.magellan.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
<script src="js/foundation/foundation.reveal.js"></script>
<script src="js/foundation/foundation.section.js"></script>
<script src="js/foundation/foundation.tooltips.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>
<script src="js/foundation/foundation.interchange.js"></script>
<script src="js/foundation/foundation.placeholder.js"></script>
<script src="js/foundation/foundation.abide.js"></script>
-->
<div>
<ol class="joyride-list" data-joyride>
<li data-id="first_stop" data-text="Close">
<p>Hello and welcome.<br>
Click my name for my Bio or just browse</p>
</li>
</ol>
</div>
<script>
$(document).foundation();
$(document).foundation('joyride', 'start');
</script>
<div id="rhyspark" class="reveal-modal">
<h2>Rhys Park - Web Design & Photography.</h2><img class="th profile" src="img/rhyspark.jpg">
<p class="lead">Well you found me and maybe here our journey will begin.</p>
<p>Web design has always been a passion of mine, for the last 10 years I have been working with a
company that supplies solutions to industry specifically developing bespoke software and user interfaces for business throughout the UK and Europe
from Object C programming to HTMS, CSS and Python I have experience in front and back end web development.</p>
<p>
I spend much of my free time learning, and a little bit of kayaking. Most of my working life I have been involved in projects large and small
many times I have designed built and installed solutions. And on top of all this I´m also a qualified electrician.
</p>
<a class="close-reveal-modal">×</a>
</div>
</body>
</html>