-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (52 loc) · 2.64 KB
/
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
<!DOCTYPE html>
<html>
<head>
<title>Formulari de reserva</title>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="col-xs-12 col-md-12 info-bar">
<h1 class="col-xs-6">Formulari de reserva</h1>
<h1 class="col-xs-6 steps">pas 1 de 3</h1>
</div>
<div class="col-xs-12 col-md-6">
<div class="img-content">
<img class="img-content" src="https://dummyimage.com/600x400/000/fff" alt="Mountain View">
</div>
<div class="text">
<h1 class="title">Lore ipsom</h1>
<p class="text-content">Nullam at turpis lacus. Proin sagittis mi massa, nec tincidunt erat pulvinar sed. Sed consectetur, sem ac volutpat sagittis, metus diam interdum urna, sed fermentum nisi tortor nec turpis. Integer finibus elit sed est pellentesque condimentum. In hac habitasse platea dictumst. Integer eu ultricies eros. Ut molestie et massa tincidunt iaculis. </p>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div>
<img class="img-content" src="https://dummyimage.com/600x400/000/fff" alt="Mountain View">
</div>
<div class="text">
<h1 class="title">Lore ipsom</h1>
<p class="text-content">Nullam at turpis lacus. Proin sagittis mi massa, nec tincidunt erat pulvinar sed. Sed consectetur, sem ac volutpat sagittis, metus diam interdum urna, sed fermentum nisi tortor nec turpis. Integer finibus elit sed est pellentesque condimentum. In hac habitasse platea dictumst. Integer eu ultricies eros. Ut molestie et massa tincidunt iaculis. </p>
</div>
</div>
<div class="col-md-12">
<form id="form">
<div class="col-xs-12 col-md-3">
<input id="name" type="text" name="name" placeholder="Nom">
</div>
<div class="col-xs-12 col-md-3">
<input id="email" type="text" name="email" placeholder="Mail">
</div>
<div class="col-xs-3 col-md-5 col-md-push-3 ">
<input type="submit" />
</div>
<div class="col-xs-1 col-md-pull-3">
<img id="ok" class="ok" src="http://www.clipartbest.com/cliparts/niX/8Mp/niX8MpbGT.png" alt="image">
</div>
</form>
</div>
<!-- script app.js-->
<script src="app.js"></script>
</body>
</html>