-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmbc.html
84 lines (77 loc) · 3.42 KB
/
mbc.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 mbc">
<header class="title">
<h2>MBC</h2>
<p>Created for MBC Pro Sports and based on the Saudi Pro League, this project proved to be quite interesting. The immediate challenge was to reverse the entire template product (including the game structure) to read from RTL (right-to-left) in order to support the Arabic language. Any improvements to the efficiency of this reversal would then be filtered back into the template product to make this process easier in the future.</p>
<div class="buttonWrapper">
<a class="button" href="http://mpsfantasy.mbc.net/default.aspx" target="_blank">Visit Site</a>
</div>
<div class="clearfix"></div>
</header>
<ul>
<li class="item">
<img alt="Home page web preview of the Arabic version of MBC Pro Sports fantasy game site within a laptop" src="img/fullMBC01.jpg">
</li>
<li class="item">
<img alt="Team page screenshot of the Arabic version of MBC Pro Sports fantasy game site" src="img/fullMBC02.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>