Skip to content

Commit 89b4c9d

Browse files
IGPythonIGPython
committed
Initial Commit
First Pass for website for Me :P
0 parents  commit 89b4c9d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+28529
-0
lines changed

‎.DS_Store‎

6 KB
Binary file not shown.

‎.project‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<projectDescription>
3+
<name>Rhys Park</name>
4+
<comment></comment>
5+
<projects>
6+
</projects>
7+
<buildSpec>
8+
<buildCommand>
9+
<name>com.aptana.ide.core.unifiedBuilder</name>
10+
<arguments>
11+
</arguments>
12+
</buildCommand>
13+
</buildSpec>
14+
<natures>
15+
<nature>com.aptana.projects.webnature</nature>
16+
</natures>
17+
</projectDescription>

‎contact.php‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<?php
2+
if(isset($_POST['email'])) {
3+
4+
// EDIT THE 2 LINES BELOW AS REQUIRED
5+
$email_to = "rhyspark@me.com";
6+
$name = $_POST["name"];
7+
$company_name = $_POST["company_name"];
8+
$tel_number = $_POST["tel_number"];
9+
$email = $_POST["email"];
10+
$message = $_POST["message"];
11+
$email_subject = "Rhys Park Web Design Enquiry from " . $_POST["company_name"];
12+
13+
14+
function died($error) {
15+
// your error code can go here
16+
echo "We are very sorry, but there were error(s) found with the form your submitted. ";
17+
echo "These errors appear below.<br /><br />";
18+
echo $error."<br /><br />";
19+
echo "Please go back and fix these errors.<br /><br />";
20+
die();
21+
}
22+
23+
// validation expected data exists
24+
if
25+
(!isset($_POST['email'])) {
26+
died('We are sorry, but there appears to be a problem with the email your submitted.');
27+
}
28+
29+
30+
$email_from = $_POST['email']; // required
31+
32+
$error_message = "";
33+
$email_exp = "^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$";
34+
if(!eregi($email_exp,$email_from)) {
35+
$error_message .= 'The Email Address you entered does not appear to be valid.<br />';
36+
}
37+
38+
if(strlen($error_message) > 0) {
39+
died($error_message);
40+
}
41+
$email_message = "Customer Contact Details Shown Below \n\n";
42+
43+
function clean_string($string) {
44+
$bad = array("content-type","bcc:","to:","cc:","href");
45+
return str_replace($bad,"",$string);
46+
}
47+
48+
49+
$email_message .= "Email: ".clean_string($email_from)."\n" . "\n";
50+
$email_message .= "Name: ". $name . "\n";
51+
$email_message .= "Phone: ". $tel_number . "\n";
52+
$email_message .= "Company: ". $company_name . "\n";
53+
$email_message .= "Message: ". $message . "\n";
54+
55+
56+
// create email headers
57+
$headers = 'From: '.$email_from."\r\n".
58+
'Reply-To: '.$email_from."\r\n" .
59+
'X-Mailer: PHP/' . phpversion();
60+
@mail($email_to, $email_subject, $email_message, $headers);
61+
header("location: contact_me_sucess.html");
62+
?>
63+
64+
<!-- include your own success html here -->
65+
66+
67+
<?
68+
}
69+
?>
70+

‎contact_me.html‎

Lines changed: 202 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,202 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
3+
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
4+
5+
<head>
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width">
8+
<title>Rhys Park - Web Design - Cardiff</title>
9+
<meta name="description" content="Afordable web design and development in Cardiff by Rhys Park" />
10+
<meta name="keywords" content="Cardiff, web design, rhys park"/>
11+
<link rel="stylesheet" href="css/normalize.css">
12+
<link rel="stylesheet" href="css/foundation.css">
13+
<link rel="stylesheet" href="css/my_style.css">
14+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
15+
<script src="js/vendor/custom.modernizr.js"></script>
16+
</head>
17+
<body>
18+
19+
<div class="sticky">
20+
<nav class="top-bar attached">
21+
<ul class="title-area">
22+
<!-- Title Area -->
23+
<li class="name">
24+
<h1><a href="#">&#xe0c0;</a></h1>
25+
</li>
26+
<li class="toggle-topbar menu-icon">
27+
<a href="#"><span>menu</span></a>
28+
</li>
29+
</ul>
30+
<section class="top-bar-section">
31+
<!-- Right Nav Section -->
32+
<ul class="right">
33+
<li class="divider"></li>
34+
<li>
35+
<a href="index.html">Home</a>
36+
</li>
37+
<li class="divider"></li>
38+
<li>
39+
<a href="projects.html">Previous Work</a>
40+
</li>
41+
<li class="divider"></li>
42+
<li>
43+
<a href="contact_me.html">Contact Me</a>
44+
</li>
45+
</ul>
46+
</section>
47+
</nav>
48+
</div>
49+
<div class="row">
50+
<div class="large-4 columns">
51+
<h1><a href="#" data-reveal-id="rhyspark">rhyspark<small>.co.uk</small></a></h1>
52+
</div>
53+
<div class="large-4 columns">
54+
<h3 class="subheader">-responsive web design- </h3>
55+
</div>
56+
</div>
57+
<section class="wide_info">
58+
<div class="row">
59+
<div class="large-6 columns">
60+
<h1 class="contact">Get in touch</h1>
61+
<h3 class="subheader">It's good to talk</h3>
62+
</div>
63+
<div class=""></div>
64+
</div>
65+
</section>
66+
<section>
67+
<div class="row">
68+
<div class="large-12 columns">
69+
<form id ="contact_form" data-abide action="contact.php" method="post">
70+
<fieldset>
71+
<legend>Get in Touch With Me.</legend>
72+
<div class="row">
73+
<div class="large-4 columns">
74+
<label>Name:</label>
75+
<input type="text" name="name" required placeholder="You Are?">
76+
<small class="error">We need to know your name?.</small>
77+
</div>
78+
<div class="large-4 columns">
79+
<label>Company Name:</label>
80+
<input type="text" name="company_name" required placeholder="Company">
81+
<small class="error">Please enter your company name</small>
82+
</div>
83+
<div class="large-4 columns">
84+
<div class="row collapse">
85+
<label>Telephone No:</label>
86+
<div class="small-9 columns">
87+
<input type="number" name="tel_number"required placeholder="Telephone No">
88+
<small class="error">You Must enter your telephone number</small>
89+
</div>
90+
<div class="small-3 columns">
91+
<span class="postfix">UK</span>
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
<div class="row">
97+
<div class="large-4 columns">
98+
<label>Email Address</label>
99+
<input type="email" name="email" required placeholder="your email adddress">
100+
<small class="error">Your Email is required and must a valid email.</small>
101+
</div>
102+
</div>
103+
<div class="row">
104+
<div class="large-12 columns">
105+
<label>Comments Or Message</label>
106+
<textarea required name="message" placeholder="Tell us what you think, or what we can do for you?"></textarea>
107+
<small class="error">Nothing to say? Come on tell us .</small>
108+
</div>
109+
</div>
110+
<div class="row">
111+
<div class="large-3 columns">
112+
<input class="small button" type="submit" value="Submit Feedback">
113+
</div>
114+
</div>
115+
</fieldset>
116+
</form>
117+
</div>
118+
</div>
119+
</section>
120+
<footer class="footer">
121+
<div class="row">
122+
<div class="large-6 columns">
123+
<div class="social">
124+
<a href="http://www.twitter.com/parksey76"><img class="small_img_wrapper" src="img/twitter.png" alt="twitter logo" /></a>
125+
<a href="http://www.facebook.com/swparksey"><img class="small_img_wrapper" src="img/facebook.png" alt="facebook" /></a>
126+
<a href="http://www.youtube.com/igpython"><img class="small_img_wrapper" src="img/youtube.png" alt="youtube logo"></a>
127+
</div>
128+
</div>
129+
</div>
130+
131+
</footer>
132+
133+
<script>
134+
document.write('<script src=' +
135+
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
136+
'.js><\/script>')
137+
</script>
138+
139+
<script src="js/foundation.min.js"></script>
140+
<!--
141+
142+
<script src="js/foundation/foundation.js"></script>
143+
144+
<script src="js/foundation/foundation.alerts.js"></script>
145+
146+
<script src="js/foundation/foundation.clearing.js"></script>
147+
148+
<script src="js/foundation/foundation.cookie.js"></script>
149+
150+
<script src="js/foundation/foundation.dropdown.js"></script>
151+
152+
<script src="js/foundation/foundation.forms.js"></script>
153+
154+
<script src="js/foundation/foundation.joyride.js"></script>
155+
156+
<script src="js/foundation/foundation.magellan.js"></script>
157+
158+
<script src="js/foundation/foundation.orbit.js"></script>
159+
160+
<script src="js/foundation/foundation.reveal.js"></script>
161+
162+
<script src="js/foundation/foundation.section.js"></script>
163+
164+
<script src="js/foundation/foundation.tooltips.js"></script>
165+
166+
<script src="js/foundation/foundation.topbar.js"></script>
167+
168+
<script src="js/foundation/foundation.interchange.js"></script>
169+
170+
<script src="js/foundation/foundation.placeholder.js"></script>
171+
172+
<script src="js/foundation/foundation.abide.js"></script>
173+
174+
-->
175+
176+
<script>
177+
$(document).foundation();
178+
$('#contact_form').on('valid', function () {
179+
console.log('valid!');
180+
$('#sucess').foundation('reveal', 'open');
181+
});
182+
183+
</script>
184+
185+
<div id="sucess" class="reveal-modal">
186+
<h2>Thank you for getting in touch I will be in contact shortly.</h2>
187+
<a class="close-reveal-modal">&#215;</a>
188+
</div>
189+
<div id="rhyspark" class="reveal-modal">
190+
<h2>Rhys Park - Web Design &amp; Photography.</h2><img class="th profile" src="img/rhyspark.jpg">
191+
<p class="lead">Well you found me and maybe here our journey will begin.</p>
192+
<p>Working as a free lance web designer has been by life long ambition, for the last 10 years I have been woring for a
193+
compny that supplies solutions to industry specifically developing bespoke software and user interfaces for business throuout the UK
194+
from Object C programming to HTMS, CSS and Python I have experiance in front and back end web development.</p>
195+
<p>
196+
I spend much of my free time learing, and a little bit of kayaking. Most of my carear I have been involved in projects large and small
197+
many times I have designed buit and installed solutions. And on top of all this i'm also a qualified electrician.
198+
</p>
199+
<a class="close-reveal-modal">&#215;</a>
200+
</div>
201+
</body>
202+
</html>

0 commit comments

Comments
 (0)