-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (93 loc) · 4.29 KB
/
index.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
85
86
87
88
89
90
91
92
93
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/main.css" rel="stylesheet">
<link href="css/normalize.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<title>Heart Library</title>
</head>
<body>
<div class="header-width"></div>
<div class="center">
<header>
<div class="container cf">
<div class="logo">
<a href="index.html">
<img src="images/logo.gif" alt="Logo">
</a>
</div>
<nav>
<ul>
<li class="menu"><a href="index.html">Home</a></li>
<li class="menu"><a href="#">Contact</a></li>
<li class="menu"><a href="#">About</a></li>
<li class="menu"><a href="#">Links</a></li>
<li class="menu"><a href="#">Services</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="one cf">
<h1>Moving Your Business Forward</h1>
<span class="top-of-book">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias cumque dolore doloribus illum libero natus.
</span>
<div class="book-image">
<img src="images/Untitled-4.png" alt="Book">
</div>
</div>
<article>
<div class="blocks cf">
<div class="block block1">
<h2>About Us</h2>
<p class="in-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusamus asperiores dolor, error esse, eum expedita inventore iusto nesciunt perferendis possimus quam, quos tenetur voluptate.
</p>
</div>
<div class="block block2">
<h2>Map</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda eaque esse eveniet impedit in nemo perferendis sequi sunt? Laborum provident repellendus sunt? Aliquid aut autem blanditiis dolorem dolorum eligendi ex minima! Aliquid libero magni nisi odit optio repudiandae temporibus! Velit.
</p>
</div>
<div class="block block3">
<h2>Contacts</h2>
<p class="in-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium ad adipisci amet architecto asperiores autem culpa cumque deserunt dicta distinctio dolore ea eius eum ex expedita hic ipsa ipsum labore magnam minima, natus non nostrum optio perspiciatis placeat, quae quasi quibusdam quisquam rerum, sapiente sequi suscipit tempora ullam veritatis voluptatem voluptatibus? Adipisci aperiam on
<a href="//google.com" target="_blank">this site</a>.
</p>
</div>
</div>
</article>
</main>
<footer>
<section>
<div class="footer cf">
<div class="footer-blocks cf">
<div class="footer-block footer-block1">
<h2 class="h2-footer">About Us</h2>
<p class="in-footer">148 Blackways Street
Hargary
Lingvillage
HG43 9HA
info@google.com
www.google.com
01982 698 621
</p>
</div>
<div class="footer-block footer-block2">
<h2 class="h2-footer">Map</h2>
<p class="in-footer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores deserunt earum molestiae, molestias nulla quidem saepe? Aliquid dicta laboriosam laborum laudantium, nobis officia officiis praesentium quas reiciendis sunt. Ad alias blanditiis commodi, deserunt eligendi esse facere fuga incidunt itaque laboriosam magni mollitia nihil obcaecati, quasi qui recusandae sunt tempora, temporibus tenetur unde vel voluptas voluptates? Hic molestias odit quae totam.
</p>
</div>
</div>
</div>
</section>
</footer>
</div>
<div class="footer-width"></div>
</body>
</html>