-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsearchpage.html
More file actions
130 lines (126 loc) · 7.74 KB
/
searchpage.html
File metadata and controls
130 lines (126 loc) · 7.74 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>search</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="searchpage_style.css">
</head>
<body>
<header class="header_container">
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<div class="logo_area">
<a href="index.html"><span><label class="logo">afriplace</label></span></a>
</div>
<ul class="nav_ul">
<li><a href="searchpage.html">Achetez</a></li>
<li><a href="searchpage.html">Louez</a></li>
<li><a href="register.html">Vendez</a></li>
<li><a href="contact.html">Contactez-nous</a></li>
<li>
<div class="flag_area"><a href="#"></a><img src="assets/guinea.jpg"></div>
</li>
<li><a href="login.html">Connectez-vous</a></li>
</ul>
</nav>
</header>
<section>
<div class="tab">
<input type="text" class="search_field">
<button class="search_btn">Appart</button>
<button class="search_btn">Louer</button>
<button class="search_btn">Prix</button>
<button class="search_btn">Filtrer</button>
</div>
<div class="searchresults_container">
<div class="searchresults_header">
<!--Lieu + Type + Bien-->
<h1>Apparts à Louer à Lambagny</h1>
<!--Nombre de résultats-->
<span>500 résultats</span>
</div>
<div class="searchresults_grid">
<ul class="searchresults_list">
<li>
<div class="result_box">
<div class="thumb">
<form action="get" method="post" class="save">
<button type="submit" name="save">
<svg viewBox="0 0 24 22">
<path class="HeartIcon_fill"
d="M17.3996 6.17511e-05C15.5119 0.00908657 13.7078 0.779206 12.3955 2.13608L11.9995 2.54408L11.6035
2.13608C10.2912 0.779206 8.48708 0.00908657 6.59946 6.17511e-05C5.15317 -0.00630912 3.7479 0.480456
2.61543 1.38007C1.08163 2.60976 0.137114 4.42893 0.0137749 6.39093C-0.109564 8.35294 0.5997 10.2761
1.96743 11.6882L2.51943 12.2522L11.3995 21.3482C11.5575 21.5095 11.7738 21.6004 11.9995 21.6004C12.2253
21.6004 12.4415 21.5095 12.5995 21.3482L21.4796 12.2522L22.0316 11.6882C23.3993 10.2761 24.1086 8.35294
23.9852 6.39093C23.8619 4.42893 22.9174 2.60976 21.3836 1.38007C20.2511 0.480456 18.8458 -0.00630912 17.3996
6.17511e-05Z">
</path>
<path class="HeartIcon_outline"
d="M12.3955 2.13608C13.7078 0.779206 15.5119 0.00908657 17.3996 6.17511e-05C18.8458 -0.00630912
20.2511 0.480456 21.3836 1.38007C22.9174 2.60976 23.8619 4.42893 23.9852 6.39093C24.1086 8.35294
23.3993 10.2761 22.0316 11.6882L21.4796 12.2522L12.5995 21.3482C12.4415 21.5095 12.2253 21.6004
11.9995 21.6004C11.7738 21.6004 11.5575 21.5095 11.3995 21.3482L2.51943 12.2522L1.96743 11.6882C0.5997
10.2761 -0.109564 8.35294 0.0137748 6.39093C0.137114 4.42893 1.08163 2.60976 2.61543 1.38007C3.7479
0.480456 5.15317 -0.00630912 6.59946 6.17511e-05C8.48708 0.00908657 10.2912 0.779206 11.6035 2.13608L11.9995
2.54408L12.3955 2.13608ZM19.8956 3.25208C19.1854 2.69122 18.3045 2.39053 17.3996 2.40008C16.1576 2.41525 14.9717
2.91978 14.0995 3.80409L13.7155 4.21209L12.4315 5.5321C12.1927 5.77011 11.8063 5.77011 11.5675 5.5321L10.2835 4.21209L9.8995
3.80409C9.0273 2.91978 7.84145 2.41525 6.59947 2.40008C5.69165 2.39734 4.81045 2.70661 4.10345 3.27608C3.09352 4.06928 2.47292
5.25804 2.39944 6.54011C2.31914 7.81608 2.78104 9.06669 3.67145 9.98414L4.22345 10.5601L11.9995 18.5162L19.8476 10.5601L20.3996
9.98414C21.2638 9.05458 21.6991 7.80545 21.5996 6.54011C21.5329 5.2495 20.9116 4.05071 19.8956 3.25208Z">
</path>
</svg>
</button>
</form>
<img src="assets/living.jpg" class="">
</div>
<div class="info_container">
<h3 class="prix">230.000.000 GNF</h3>
<div class="flex_container">
<div class="flex">
<span><i class="fas fa-map-marker-alt"></i> Lambagny</span>
<span><i class="fas fa-bed"></i> 2 lits</span>
<span><i class="fas fa-bath"></i> 3 tlts</span>
<span><i class="fas fa-square"></i> 750m<sup>2</sup></span>
</div>
</div>
<div class="text">
<h4>Apparts à louer</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla beatae, excepturi
esse tempore officia ducimus consectetur debitis id harum culpa.</p>
</div>
</div>
<div class="btn search">
<a href="#" class="btn">voir bien</a>
</div>
</div>
</li>
</ul>
</div>
<div class="searchresult_pagination"></div>
</div>
</section>
<footer class="footer">
<section class="flex">
<div class="box">
<h2 style="color:grey">Nos contacts</h2>
<a href="tel:224622658967"><i class="fas fa-phone"></i><span>224622658967</span></a>
<a href="mailto:madioudiallo5742@gmail.com"><i
class="fa fa-envelope"></i><span>madioudiallo5742@gmail.com</span></a>
</div>
<div class="box">
<h2 style="color:grey">Nos réseaux</h2>
<a href="#"><span>instagram</span><i class="fab fa-instagram"></i></a>
<a href="#"><span>facebook</span><i class="fab fa-facebook"></i></a>
<a href="#"><span>twitter</span><i class="fab fa-twitter"></i></a>
</div>
</section>
</footer>
</body>
</html>