-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
79 lines (76 loc) · 4.17 KB
/
contact.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="es">
<head>
<meta charset="UTF-8">
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilos.css">
<link rel="stylesheet" href="css/fontello.css">
</head>
<body>
<header class="pages">
<div class="wrapper">
<input type="checkbox" id="btn-menu">
<label for="btn-menu" class="icon-menu"></label>
<nav class="menu">
<div class="logo">
<h2><a href="index.html">Travels</a></h2>
</div>
<ul class="nav-area">
<li><a href="index.html">Home</a></li>
<li><a href="pleaces.html">Places</a></li>
<li><a href="about.html">About</a></li><li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section>
<div class="contenedor">
<div class="info-contact">
<h1>Lorem ipsum dolor sit amet consectetur.</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illo velit laudantium veritatis ducimus, modi quaerat aspernatur earum ex exercitationem minus, voluptatum praesentium porro quo officia inventore hic et labore fugiat corrupti rem doloremque error dolorem. Provident iure, fuga eum harum similique magnam doloremque fugiat sapiente accusamus ipsam, sequi a ex dolor? Id laudantium ipsam magni vitae dolores totam, quae, facilis adipisci expedita sunt et nam esse natus eius quo tenetur cupiditate ratione accusamus consectetur laborum? Earum officiis saepe amet ipsa voluptatibus nesciunt veritatis eveniet corporis minus eos necessitatibus, aspernatur autem dolorum modi ipsum, similique tempora, quos eaque corrupti quis vero! Deleniti facere officiis perspiciatis eaque quae sunt necessitatibus, ea assumenda accusamus beatae, nemo neque impedit facilis doloremque iusto! Animi quaerat inventore sapiente iure voluptates impedit eveniet beatae error numquam odit, architecto, esse incidunt repellendus? Laborum soluta rem minima enim maiores commodi, fugiat totam veniam eius minus accusantium unde sequi sed.
</p>
</div>
<div class="contact">
<h1>Ipsum Dolor</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ducimus consequuntur deleniti atque quia qui inventore tenetur fugit eos laborum eligendi aliquid odit iure, magni facilis magnam veniam fuga facere. Unde dignissimos id optio eius minima tenetur. Accusantium fuga, aliquid porro voluptate eligendi totam magnam quas tempore iste velit officia deserunt ipsam vero excepturi aut aperiam amet delectus? Nisi, id? Est porro consequatur non dolorum modi debitis quas veniam, repudiandae recusandae sit a fugit assumenda, minima ipsam iusto iure eaque et!
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam, vel! Sapiente molestias quia exercitationem doloremque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta hic modi fugiat voluptatem autem quae laboriosam debitis earum beatae maxime.
</p>
</div>
<div>
<form class="formulario" action="" method="POST" onsubmit="return validar();">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Name">
<label for="LastName">Last Name</label>
<input type="text" id="lastName" name="LastName" placeholder="Last Name">
<label for="Email">Email</label>
<input type="text" id="email" name="Email" placeholder="Email">
<label for="number">Number</label>
<input type="text" id="number" name="number" placeholder="Number">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Password">
<label for="confirmar">Confirmar Contraseña</label>
<input type="password" id="confirmPW" name="confir" placeholder="Confirm Password">
<button type="submit" id="btn">Login</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<ul class="icons-footer">
<li class="icon-facebook-squared"></li>
<li class="icon-twitter"></li>
<li class="icon-instagram"></li>
<li class="icon-google"></li>
</ul>
<p>Devs Desarrollo Web, Copyright © 2020</p>
</footer>
<script src="validar.js"></script>
</body>
</html>