forked from Cohort-4-Team-Ana-1/Frontend-Roompali
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhost-room.html
133 lines (132 loc) · 5.13 KB
/
host-room.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./styles/room.css">
<title>RoomPali</title>
</head>
<body>
<header class="header__icons">
<div class="login icon">
<i class="fa fa-sign-in" aria-hidden="true"></i>
<p>Login</p>
</div>
<div class="user icon">
<i class="fa fa-user-circle-o" aria-hidden="true"></i>
<p>User</p>
</div>
<div class="fav icon">
<i class="fa fa-heart-o" aria-hidden="true"></i>
<p>Fav</p>
</div>
</header>
<main class="room-section">
<h1 class="room-section__header">Crea tu cuarto</h1>
<section class="room-pictures">
<div class="room-pictures__photo-load">
<i class="fa fa-upload" aria-hidden="true"></i>
<p>Subir foto</p>
</div>
<div class="room-pictures__photo-load">
<i class="fa fa-file-image-o" aria-hidden="true"></i>
</div>
</section>
<section class="room-basic-data">
<div class="register-info">
<p>Precio del alquiler(COP)*</p>
<input type="text">
</div>
<div class="register-info">
<p>Tu correo electrónio*</p>
<input type="text">
</div>
<div class="register-info">
<p>Tu WhatsApp*</p>
<input type="text">
</div>
<div class="register-info">
<p>Dirección</p>
<input type="text">
</div>
<div class="register-info">
<p>Área del cuarto(mts2)</p>
<input type="text" name="input">
</div>
</section>
<p class="register-info">Selecciona los muebles con los que viene el cuarto:</p>
<section class="room-details" id="room-details-resize">
<div class="item">
<input type="checkbox" name="cama" id="">
<label for="cama">Cama</label>
</div>
<div class="item">
<input type="checkbox" name="armario" id="">
<label for="armario">Armario</label>
</div>
<div class="item">
<input type="checkbox" name="silla" id="">
<label for="silla">Silla</label>
</div>
<div class="item">
<input type="checkbox" name="escritorio" id="">
<label for="escritorio">Escritorio</label>
</div>
<div class="item">
<input type="checkbox" name="sofa" id="">
<label for="sofa">Sofá</label>
</div>
</section>
<p class="register-info">Selecciona los servicios con los que cuenta el cuarto:</p>
<section class="room-details">
<div class="item">
<input type="checkbox" name="cocina" id="">
<label for="cama">Cocina</label>
</div>
<div class="item">
<input type="checkbox" name="internet" id="">
<label for="armario">Internet</label>
</div>
<div class="item">
<input type="checkbox" name="lavadora" id="">
<label for="silla">Lavadora</label>
</div>
<div class="item">
<input type="checkbox" name="calefaccion" id="">
<label for="escritorio">Calefacción</label>
</div>
<div class="item">
<input type="checkbox" name="gimnsaio" id="">
<label for="sofa">Gimnsaio</label>
</div>
<div class="item">
<input type="checkbox" name="horno" id="">
<label for="cama">Horno</label>
</div>
<div class="item">
<input type="checkbox" name="estacionamiento" id="">
<label for="armario">Estacionamiento</label>
</div>
<div class="item">
<input type="checkbox" name="television" id="">
<label for="silla">Televisión</label>
</div>
<div class="item">
<input type="checkbox" name="banio" id="">
<label for="escritorio">Baño privado</label>
</div>
<div class="item">
<input type="checkbox" name="aire" id="">
<label for="sofa">A/C</label>
</div>
</section>
<section class="room-section__description">
<p class="register-info">Dános una breve descripción del vecindario y sitios cercanos:</p>
<textarea name="" id="" cols="30" rows="10"></textarea>
<p class="register-info">Cuéntanos un poco más sobre ti, tus gustos y hobbies:</p>
<textarea name="" id="" cols="30" rows="10"></textarea>
</section>
</main>
</body>
</html>