uxworkgroup-asynchronous-requests/index.php at master · mbfitz/uxworkgroup-asynchronous-requests · 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
<!DOCTYPE html>
<!--[if lt IE 9]><html class="lt-ie9" lang="en"><![endif]-->
<!--[if gte IE 9]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<title>Maribeth's Puppy Gallery</title>
	<meta name="description" content="iMarc, LLC" />
	<meta name="author" content="Design, programming, by iMarc. More info at http://imarc.net" />
	<meta name="viewport" content="width=device-width" />
	<link rel="stylesheet" type="text/css" href="./css/styles.css" media="all" />
	<script src="./js/jquery-1.11.3.js"></script>
	<script src="./js/main.js"></script>

	<!--[if IE]>
	<script src="./js/html5shiv.js"></script>
	<![endif]-->
	<style>
		.images img {
			display: inline-block;
			margin: .5em;
			max-width: 200px;
		}
	</style>
</head>
<body>
<header class="primary" role="banner">
	<div class="container">
		<div class="branding">
			<h1>
				<a href="">UX Workgroup</a>
			</h1>
		</div>
	</div>
</header>

<div class="torso container">
	<div class="main" role="main">
		<header>
			<h1>
				Puppy Gallery
			</h1>
		</header>

		<section class="gallery">
			<div class="images">
				<img src="/img/puppy-1.jpg" alt="Cute puppy #1">
				<img src="/img/puppy-2.jpg" alt="Cute puppy #2">
				<img src="/img/puppy-3.jpg" alt="Cute puppy #3">
				<img src="/img/puppy-4.jpg" alt="Cute puppy #4">
			</div>

			<button class="button get-more">Load More</button>
		</section>


	</div>
</div>

<footer class="primary" role="contentinfo">
	<div class="container">
		<div class="copyright">©2013 iMarc LLC.</div>
	</div>
</footer>
</body>
</html>