-
Notifications
You must be signed in to change notification settings - Fork 1
/
unit1-index.html
53 lines (44 loc) · 2.27 KB
/
unit1-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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="unit1-index.css">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<title>AirBnB Optimal Prices</title>
</head>
<body>
<section class="nav-section">
<div class="nav-top">
<div class="nav-left">
<i class="fas fa-house-user"></i>
</div>
<div class="nav-right">
<nav>
<a href = "unit1-index.html" class="nav nav-1 active">Home</a>
<a href = "unit1-about.html" class="nav nav-2">About</a>
<a href = "faq.html" class="nav nav-3">FAQ</a>
<a href = "login.html" class="nav nav-4 callToAction">Launch App</a>
</nav>
</div>
</div>
</section>
<section>
<br><br>
<h1 class="home-h1">AirBnb Optimal Price</h1>
<div class="container-1">
<div class="left img-container">
<img class="img-1" src="https://images.unsplash.com/photo-1553444862-65de13a9e728?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" alt="inside a house living room image">
</div>
<div class="right">
<h2>WE offer reasonable price!</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error non eveniet aliquid deleniti voluptas sint dolorem, amet minus delectus? Tempore quas sed accusantium atque iusto earum repudiandae officiis, quam molestiae!Lorem ipsum dolor sit amet consectetur adipisicing elit. Error non eveniet aliquid deleniti voluptas sint dolorem, amet minus delectus? Tempore quas sed accusantium atque iusto earum repudiandae officiis, quam molestiae!Lorem ipsum dolor sit amet consectetur adipisicing elit. Error non eveniet aliquid deleniti voluptas sint dolorem, amet minus delectus? Tempore quas sed accusantium atque iusto earum repudiandae officiis, quam molestiae!
</p>
</div>
</div>
</section>
<div class="button-1">
<button>Learn more</button>
</div>
</body>
</html>