Skip to content

Commit 7a21602

Browse files
IGPythonIGPython
committed
update new index and styles
1 parent 8aac386 commit 7a21602

File tree

9 files changed

+112
-18
lines changed

9 files changed

+112
-18
lines changed

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎contact_me.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,16 @@ <h3 class="subheader">It's good to talk</h3>
134134
document.write('<script src=' +
135135
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
136136
'.js><\/script>')
137+
</script>
138+
<script>
139+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
140+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
141+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
142+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
143+
144+
ga('create', 'UA-43252155-1', 'rhyspark.co.uk');
145+
ga('send', 'pageview');
146+
137147
</script>
138148

139149
<script src="js/foundation.min.js"></script>

‎css/my_style.css‎

Lines changed: 42 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,47 @@ background: rgba(236, 240, 241,1.0);
4747
height: 100%;
4848

4949
}
50+
.bottom{
51+
position: relative;
52+
top: 10%;
53+
}
54+
.row.bottom p{
55+
color: white;
56+
font-size: 2em;
57+
text-align: center;
58+
}
59+
.main_image_content{
60+
margin-top: -1.875em;
61+
filter: gray; /* IE6-9 */
62+
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
63+
background: url('../img/main.jpg') no-repeat;
64+
-moz-background-size: cover%;
65+
-webkit-background-size: cover;
66+
background-size: cover;
67+
height: 100%;
68+
}
69+
.main_image_wrapper{
70+
height: 400px;
71+
margin-bottom: 2em;
72+
}
73+
.main{
74+
margin-top: -1.875em;
75+
margin-bottom: 1.875em;
76+
width: 100%;
77+
background-color: rgba(52, 152, 219,1.0);
78+
height: 15em;
79+
}
80+
.white{
81+
text-align: center;
82+
color: white;
83+
text-shadow: 2px 2px 5px black;
84+
}
85+
.button.mystyle{
86+
background-color: transparent;
87+
border-color: white;
88+
top: 1em;
89+
}
90+
5091
.top_title{
5192
width: 11em;
5293
margin-left: auto;
@@ -81,7 +122,7 @@ height: 100%;
81122
.panel{
82123
padding: 0;
83124
background: none;
84-
height: 100%;
125+
margin-bottom: 2em;
85126
}
86127
.padded{
87128
padding: 0 1em;

‎google6e459005aebca060-1.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
google-site-verification: google6e459005aebca060.html

‎img/.DS_Store‎

6 KB
Binary file not shown.

‎img/main.jpg‎

138 KB
Loading

‎index.html‎

Lines changed: 50 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,12 @@
77
<title>Rhys Park - Web Design - Cardiff</title>
88
<meta name="description" content="Afordable web design and development in Cardiff by Rhys Park" />
99
<meta name="keywords" content="Cardiff, web design, rhys park"/>
10-
<link rel="stylesheet" href="css/normalize.css">
11-
<link rel="stylesheet" href="css/foundation.css">
10+
<link rel="stylesheet" href="css/foundation.min.css">
1211
<link rel="stylesheet" href="css/my_style.css">
1312
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
1413
<script src="js/vendor/custom.modernizr.js"></script>
1514
</head>
1615
<body>
17-
1816
<div class="sticky">
1917
<nav class="top-bar attached">
2018
<ul class="title-area">
@@ -45,16 +43,42 @@ <h1><a href="#">&#xe0c0;</a></h1>
4543
</section>
4644
</nav>
4745
</div>
48-
<div class="row">
49-
<div id="first_stop" class="large-4 columns">
50-
<h1><a href="#" data-reveal-id="rhyspark">rhyspark<small>.co.uk</small></a></h1>
51-
</div>
52-
<div class="large-4 columns">
53-
<h3 class="subheader">-responsive web design- </h3>
46+
<div class="main_image_wrapper hide-for-small ">
47+
<div class="main_image_content">
48+
<div class="row">
49+
<div class="large-4 push-8 columns">
50+
<h3 class="subheader white">-responsive web design- </h3>
51+
</div>
52+
</div>
53+
<div class="row bottom">
54+
<div class="large-4 large-centered columns">
55+
<div class="">
56+
<h1 class="white"> Rhys Park</h1>
57+
</div>
58+
</div>
59+
</div>
60+
61+
<div class="row bottom">
62+
<div class="large-12 large-centered columns">
63+
<p>A freelance web designer in Cardiff, I create affordable websites to help your business work online.</p>
64+
</div>
65+
</div>
5466
</div>
5567
</div>
56-
<div class="row">
57-
68+
<div class="main show-for-small">
69+
<div class="main-content">
70+
<div class="row">
71+
<div class="large-12 columns">
72+
<h1 class="white">rhyspark<small>.co.uk</small></h1>
73+
<h4 class="subheader white">As a freelance web designer I create websites for business</h4>
74+
</div>
75+
</div>
76+
<div class="row">
77+
<div class="small-6 small-centered columns">
78+
<a href="contact_me.html" class="button large round mystyle">Contact Me</a>
79+
</div>
80+
</div>
81+
</div>
5882
</div>
5983
<div class="row">
6084
<div class="large-4 columns">
@@ -84,7 +108,7 @@ <h3 class="subheader">Typography</h3>
84108
</div>
85109
<div class="panel_bottom dark_green">
86110
<div class="bottom_title">
87-
<h3 class="subheader"><span data-tooltip class="has-tip" title="UX is user expreiance">UX Designs</span></h3>
111+
<h3 class="subheader"><span data-tooltip class="has-tip" title="UX is user expreience">UX Designs</span></h3>
88112
</div>
89113
<div class="bottom_content">
90114
<p>User Experience is at the forefront of all my design work, every one of my designs are clean and simple to use,
@@ -120,8 +144,7 @@ <h4 class=""></h4>
120144
</div>
121145
<div class ="center_text">
122146
<p><strong>Why choose me over the next guy?</strong> Building websites is not that hard, in-fact it involves some quite
123-
simple processes that anybody can learn, but there is more to building an identity than simple HTML. Many times people
124-
have one or two of the talents required. But I have them all from design to deployment.
147+
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.
125148
</p>
126149
</div>
127150
</div>
@@ -159,7 +182,7 @@ <h3 class="subheader">Costs &amp; Projects</h3>
159182
</div>
160183
<div class="panel_bottom dark_carrot">
161184
<div class="bottom_title">
162-
<h3 class="subheader">Personal Experiance</h3>
185+
<h3 class="subheader">Personal Experience</h3>
163186
</div>
164187
<div class="bottom_content">
165188
<p>Its just me, yep that&acute;s right. So you will get the personal experience, you will deal with me from initial design
@@ -208,6 +231,16 @@ <h3 class="subheader">The Full Package</h3>
208231
document.write('<script src=' +
209232
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
210233
'.js><\/script>')
234+
</script>
235+
<script>
236+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
237+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
238+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
239+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
240+
241+
ga('create', 'UA-43252155-1', 'rhyspark.co.uk');
242+
ga('send', 'pageview');
243+
211244
</script>
212245

213246
<script src="js/foundation.min.js"></script>
@@ -262,8 +295,8 @@ <h3 class="subheader">The Full Package</h3>
262295
<div id="rhyspark" class="reveal-modal">
263296
<h2>Rhys Park - Web Design &amp; Photography.</h2><img class="th profile" src="img/rhyspark.jpg">
264297
<p class="lead">Well you found me and maybe here our journey will begin.</p>
265-
<p>Working as a free lance web designer has been by life long ambition, for the last 10 years I have been working for a
266-
company that supplies solutions to industry specifically developing bespoke software and user interfaces for business throughout the UK
298+
<p>Web design has always been a passion of mine, for the last 10 years I have been working with a
299+
company that supplies solutions to industry specifically developing bespoke software and user interfaces for business throughout the UK and Europe
267300
from Object C programming to HTMS, CSS and Python I have experience in front and back end web development.</p>
268301
<p>
269302
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

‎js/.DS_Store‎

6 KB
Binary file not shown.

‎sitemap.xml‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
3+
<url><loc>http://www.rhyspark.co.uk/</loc><lastmod>2013-08-16T16:49:32+00:00</lastmod><changefreq>weekly</changefreq><priority>1.00</priority></url>
4+
<url><loc>http://www.rhyspark.co.uk/projects.html</loc><lastmod>2013-08-16T12:17:47+00:00</lastmod><changefreq>weekly</changefreq><priority>0.85</priority></url>
5+
<url><loc>http://www.rhyspark.co.uk/contact_me.html</loc><lastmod>2013-08-16T12:18:49+00:00</lastmod><changefreq>weekly</changefreq><priority>0.85</priority></url>
6+
<url><loc>http://www.rhyspark.co.uk/index.html</loc><lastmod>2013-08-16T16:49:32+00:00</lastmod><changefreq>weekly</changefreq><priority>0.85</priority></url>
7+
<!-- Generated by www.web-site-map.com -->
8+
</urlset>
9+

0 commit comments

Comments
 (0)