ppixels2-prototype/people-united.html at master · Precise-Pixels/ppixels2-prototype · GitHub

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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=" ***Website Description Here*** "/>

<meta name="author" content="Jacob Hammond"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

<title>Precise Pixels | Web Design</title>

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/mobile.css" type="text/css" media="screen" />


<link rel="shortcut icon" href="images/favicon.ico">

<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>

<body>

<div id="main-wrapper">

	<nav>

		<a href="index.html"><div class="button">HOME</div></a>

		<a href="about.html"><div class="button">US</div></a>

		<a href="work.html"><div class="button">WORK</div></a>

		<a href="contact.html"><div class="button">CONTACT</div></a>

	</nav>

	<header>

		<div class="top-msg">
		<h1>PEOPLE UNITED</h1>
		</div>

	</header>

	<!-- content-wrapper -->
	<div class="content-wrapper">

		<div class="content-section">

		</div>

		<div class="content-section">
			<img src="images/work/pu-device.png" alt="Precise Pixels">
			<a href="http://www.peopleunited.org.uk/" target="_blank"><div class="box half"><div class="icon-medium">ä</div></div></a>
			<p class="sub-title">People United is an arts charity based in Kent.</p>
			<p>We are working here as Web Consultants. We partially re-designed and maintain their website (not originally built by us) and do any design or computer-related work that they require.</p>

			<div class="icon-small">B</div><p class="testimonial">Precise Pixels were recommended to us by their course director at the University of Kent. We were in need of specialist help in developing our web site and communications. They have responded quickly to all of our requests for help and performed them in a professional manner. They are clear about their roles and skills and how they complement each other's work, making a great team. With the help of James and Jacob we have significantly improved our web site, upgraded our software to Microsoft Office 2010 and feel more confident about our future communications with our stakeholders.</p><div class="icon-small">C</div><p>- Frances Moran, Operations Manager, People United.</p>

		</div>

		<div class="content-section">
			<a href="peking-restaurant.html"><div class="box blue half"><div class="icon-medium">‹</div></div></a>
			<div class="box grey half"><div class="icon-medium">›</div></div>
		</div>

	</div><!-- content-wrapper end -->

	<footer>

		<p>Copyright &copy; Precise Pixels 2010 - 2013. All rights reserved.</p>

		<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FPrecisePixels%3Fref%3Dts%26fref%3Dts&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font=verdana&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>

	</footer>

</div><!-- main-wrapper end -->

</body>

<script src="js/jquery-1.9.1.min.js" charset="utf-8"></script>


<!-- Lazy Load -->
<script src="js/jquery.lazyload.js" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(function() {
        $("img.lazy").show().lazyload({
            effect      : "fadeIn",
            failurelimit : 0
        });
  	});
</script>
<!-- Lazy Load End -->

</html>