wg-mockup/index.html at master · OWMC/wg-mockup · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>WebsiteCarbon</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:200" rel="stylesheet">
	<link rel="stylesheet" href="./styles.css" type="text/css" media="screen">
</head>
<body>
	<header class="site-header">
		<div class="container">
			<img src="./assets/logo.svg" alt="WebsiteCarbon" class="site-logo">
			<a href="#" class="hamburger">&#x2630;</a>
		</div>
	</header>
	<main class="site-main">
		<header class="page-header">
			<div class="container">
				<h1 class="page-title">Page title</h1>
			</div>
		</header>
		<div class="page-content">
			<div class="container">
				<h2 class="page-subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
				<p class="para">Mauris id diam ut enim sollicitudin blandit eu at lectus. Praesent volutpat consequat sem, nec pellentesque arcu mollis sit amet. Morbi placerat eleifend quam, eget pharetra arcu semper vel. Aliquam id odio vitae nunc volutpat consectetur eu ac urna. Nullam facilisis mattis erat sed varius. Donec maximus, dolor vel eleifend ultricies, sapien sapien rhoncus tellus, sed pharetra lacus neque at sapien. Nullam a nisi at est elementum consectetur ut in nisl.</p>
				<div class="site-links">
					<div class="site-link">
						<div class="site-link-image" style="background: url('./assets/1.jpg')center center;background-size: cover;"></div>
						<h3 class="site-link-title">Lorem ipsum</h3>
						<p class="site-link-para">Mauris id diam ut enim sollicitudin blandit eu at lectus. Praesent volutpat consequat sem, nec pellentesque arcu mollis sit amet.</p>
						<a href="#" class="site-link-button">Lorem ipsum</a>
					</div>
					<div class="site-link">
						<div class="site-link-image" style="background: url('./assets/2.jpg')center center;background-size: cover;"></div>
						<h3 class="site-link-title">Lorem ipsum</h3>
						<p class="site-link-para">Mauris id diam ut enim sollicitudin blandit eu at.</p>
						<a href="#" class="site-link-button">Lorem ipsum</a>
					</div>
					<div class="site-link">
						<div class="site-link-image" style="background: url('./assets/3.jpg')center center;background-size: cover;"></div>
						<h3 class="site-link-title">Lorem ipsum</h3>
						<p class="site-link-para">Mauris id diam ut enim sollicitudin blandit eu at lectus. Praesent volutpat.</p>
						<a href="#" class="site-link-button">Lorem ipsum</a>
					</div>
				</div>
			</div>
		</div>
		<footer class="page-footer">
			<div class="container">
			</div>
		</footer>
	</main>
	<footer class="site-footer">
		<div class="container">

		</div>
	</footer>
</body>
</html>