ppixels2-prototype/about.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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>

<script>
header {
  background-size: 100% 100%;
}
</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">

		<div class="icon">Ü</div>

		<h1>About us</h1>
		</div>

	</header>

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

		<div class="content-section">
			<h2 class="title">THE TEAM</h2>
			<p class="sub-title">Self proclaimed pixel pushers</p>
			<div class="team grey">
				<div class="box member third">
					<h3>Jacob</h3>
					<img src="images/jacob.png" alt="Jacob">
					<p>Co-Founder / Designer</p>
					<p class="quote">"I feel like sonic running into a black hole."</p>
				</div>
				<div class="box member third">
					<h3>James</h3>
					<img src="images/james.png" alt="James">
					<p>Co-Founder / Developer</p>
					<p class="quote">"I like chicken."</p>
				</div>
				<div class="box member third">
					<h3>Joe</h3>
					<img src="images/joe.png" alt="Joe">
					<p>Designer</p>
					<p class="quote">"He's blowing up like a balloon with a grenade in it!"</p>
				</div>
			</div>
		</div>

		<div class="content-section">
			<h2 class="title">BACKGROUND</h2>
			<p class="sub-title">We are all at the University of Kent studying Multimedia Technology and Design.</p>
			<p>For our Interaction Design module, we were put into groups of 4 to re-design an existing website. During this project, the two of us realised that we worked extremely well together. At the end of the project, we were approached by the lecturer who was so impressed by our project that she offered to put us in contact with some paid work!</p>
		</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>