-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjumps.html
84 lines (77 loc) · 3.26 KB
/
jumps.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
<!DOCTYPE html>
<html class="no-js" lang="en-GB">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Guy Willis | Front End Developer</title>
<meta name="author" content="Guy Willis (http://www.guywillis.com)" />
<meta name="description" content="Portfolio of UK Front End UI Developer Guy Willis">
<meta name="keywords" content="front end, front, end, ui, ux, developer, web, website, html, html5, css, css3, javascript, js, jquery">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Mobile Bookmark -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" href="favicon.png" type="image/x-icon">
<!-- CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<!-- Custom Font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
<!-- JS -->
<script src="js/modernizr.2.8.3.js"></script>
<!-- Google Analytics -->
<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-54344736-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="wrapper">
<header class="header">
<a href="index.html">
<h1>Guy Willis</h1>
</a>
</header>
<!--<nav class="nav">
<ul>
<li><a class="button" href="">Prev</a></li>
<li><a class="button" href="index.html">Portfolio</a></li>
<li><a class="button" href="">Next</a></li>
</ul>
<div class="clearfix"></div>
</nav>-->
<article class="project jumps">
<header class="title">
<h2>William Hill 'The Jumps'</h2>
<p>'The Jumps' is a cross-platform online interface available to customers of William Hill who have selected 10 horses from 'The Jumps Easy Slip'. The design of the interface had to be simple and intuitive yet also contain as much detailed information as the user may want access to.</p>
<div class="buttonWrapper">
<a class="button" href="http://www.thejumps.com/default.aspx" target="_blank">Visit Site</a>
</div>
<div class="clearfix"></div>
</header>
<ul>
<li class="item">
<img alt="Team page web preview of The Jumps within a desktop computer" src="img/fullJumps01.jpg">
</li>
<li class="item">
<img alt="Team page mobile preview of The Jumps as shown in a smartphone" src="img/fullJumps02.jpg">
</li>
</ul>
<div class="clearfix"></div>
</article>
<footer class="footer">
<p class="copyright">
Copyright © <script>document.write(new Date().getFullYear())</script><noscript>2015</noscript> Guy Willis. All Rights Reserved.
</p>
<p class="disclaimer">
Any of the trademarks, service marks, collective marks, design rights or similar rights that are mentioned, used or cited above are the property of their respective owners.
</p>
</footer>
</div>
<!--<script src="js/main.js"></script>-->
</body>
</html>