-
Notifications
You must be signed in to change notification settings - Fork 0
/
flatsrent.html
116 lines (108 loc) · 6.09 KB
/
flatsrent.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<link rel="stylesheet" href="flatsrent.css">
</head>
<body>
<div id="sectionHome">
<div class="d-flex flex-column justify-content-end bg">
<div class="card">
<h1 class="or">Sunrise Avenue</h1>
<p>Your Dream House</p>
<div class="d-flex flex-row justify-content-center">
<button class="btn b" onclick="display('sectionList')">Book Flat</button>
</div>
</div>
</div>
</div>
<div id="sectionList" class="bg2">
<h2 class="or">Sunrise Avenue</h2>
<div class="d-flex flex-row card2" onclick="display('sectionList1')">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-card1-img.png" class="cardimg" />
<div class="cardcontent">
<h3>3 BHK</h3>
<p>This is a fully furnished house with handmade furniture including a luxury en-suite facilities pack. A spacious home for you to live in.</p>
</div>
</div>
<div class="d-flex flex-row card2" onclick="display('sectionList2')">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-card2-img.png" class="cardimg" />
<div class="cardcontent">
<h3>2 BHK</h3>
<p>A minimilist house made for modern day families. It's fully furnished with trending furniture.</p>
</div>
</div>
<div class="d-flex flex-row card2" onclick="display('sectionList3')">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-card3-img.png" class="cardimg" />
<div class="cardcontent">
<h3>4 BHK</h3>
<p>A contemorary home with his is a fully furnished home with both colour and vibrancy. It's fully furnished with elegant furniture.</p>
</div>
</div>
<div class="d-flex flex-row justify-content-center">
<button class="btn b" onclick="display('sectionHome')">Back</button>
</div>
</div>
<div id="sectionList1">
<div class="d-flex flex-column">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-d1-img.png" class="bg3" />
<div class="card3">
<h2 class="or">Rs 30,000/-</h2>
<div class="d-flex flex-row">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-location-icon-img.png" class="im" />
<p>D/N-6, FOOD STREET, INDORE</p>
</div>
<hr color="white" />
<h2 class="or">Description</h2>
<p>This is a fully furnished house with handmade furniture including a luxury en-suite facilities pack. A spacious home for you to live in.</p>
<div class="d-flex flex-row justify-content-center">
<button class="btn b">Confirm</button>
<button class="btn b" onclick="display('sectionList')">Back</button>
</div>
</div>
</div>
</div>
<div id="sectionList2">
<div class="d-flex flex-column">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-d2-img.png" class="bg3" />
<div class="card3">
<h2 class="or">Rs 20,000/-</h2>
<div class="d-flex flex-row">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-location-icon-img.png" class="im" />
<p>D/N-6, COLA STREET, KANPUR</p>
</div>
<hr color="white" />
<h2 class="or">Description</h2>
<p>A minimalist house made for modern day families. It's fully furnished with trending furniture.</p>
<div class="d-flex flex-row justify-content-center">
<button class="btn b">Confirm</button>
<button class="btn b" onclick="display('sectionList')">Back</button>
</div>
</div>
</div>
</div>
<div id="sectionList3">
<div class="d-flex flex-column">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-d3-img.png" class="bg3" />
<div class="card3">
<h2 class="or">Rs 40,000/-</h2>
<div class="d-flex flex-row">
<img src="https://assets.ccbp.in/frontend/static-website/flats-list-location-icon-img.png" class="im" />
<p>D/N-6, LAKE STREET, BHOPAL</p>
</div>
<hr color="white" />
<h2 class="or">Description</h2>
<p>A contemorary home with his is a fully furnished home with both colour and vibrancy. It's fully furnished with elegant furniture.</p>
<div class="d-flex flex-row justify-content-center">
<button class="btn b">Confirm</button>
<button class="btn b" onclick="display('sectionList')">Back</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/js/ccbp-ui-kit.js"></script>
</body>
</html>