-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (78 loc) · 3.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Furnished Lands FINISH</title>
<link href="https://fonts.googleapis.com/css?family=Italiana|Lato:300,400" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header id="home">
<div class="wrapper">
<nav>
<ul class="clearfix">
<li><a href="#home">Home</a></li>
<li><a href="#vision">Vision</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<i class="fa fa-bars"></i>
<h1>Furnished <span>Lands</span></h1>
</div>
</header>
<main>
<section id="vision" class="vision">
<div class="wrapper clearfix">
<div class="visionImage">
<img src="assets/group.jpg" alt="A decorative chair and table set, inside of a modernly furnished room">
</div>
<div class="visionDescription">
<h2>Our Vision</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo. Vestibulum aliquam hendrerit molestie. Mauris malesuada nisi sit amet augue accumsan tincidunt. </p>
</div>
</div>
</section>
<section id="testimonials" class="testimonials">
<div class="wrapper clearfix">
<h2>Our testimonies</h2>
<div class="testimonialsPreview">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo.</p>
</div>
<div class="testimonialsPreview">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et. Aenean eu enim justo.</p>
</div>
</div>
</section>
</main>
<footer id="contact" class="contact">
<div class="wrapper clearfix">
<div class="contactInfo">
<h2>Stay in touch</h2>
<a href="mailto:info@furnished.com">info@furnished.com</a>
<a href="tel:18005555533">Phone: 1800-555-5533</a>
</div>
<div class="footerNav">
<nav>
<ul class="clearfix">
<li><a href="#home">Home</a></li>
<li><a href="#vision">Vision</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<form action="">
<input type="email" id="email" name="email" placeholder="example@email.com">
<label for="email" class="visuallyHidden">Email address</label>
<button type="submit">Submit</button>
</form>
</div>
</div>
<p>Copyright Juno College 2020</p>
</footer>
</body>
</html>