-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbio.html
107 lines (81 loc) · 3.63 KB
/
bio.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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Giovanni Ciandrini - Book's Corner </title>
<link rel="stylesheet" href="./stylesheets/style.css" charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="container mt-3">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link active" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./bio.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./contacts.html">Contacts</a>
</li>
</ul>
</div>
<div class ="container">
<p>Yes, you did it. Soon, you will se a form below.</p>
<button>
<a tabindex="0" href="./index.html" class="menu-element">Home Page</a>
</button>
</div>
</body>
<div class="row">
<div class="col-lg-6 text-center mt-6">
<p class="text-center mt-6 red">PILLOLA ROSSA</p>
<p>COMPLIMENTI!!</p>
<p>Hai deciso che è arrivato il momento di muoverti e fare qualcosa per te stesso e per le persone a te care.
Compilando il form qui sotto riceverai tutte le informazioni per partecipare alla live in cui spiegheremo il progetto che rivoluzionerà la tua vita.
Sarai guidato in un percorso dettagliato ed efficace, ti spiegherò perché proprio questo è il momento giusto per dare la svolta che hai sempre desiderato</p>
<form>
<div class="row">
<div class="col">
<input id="Nome" type="text" class="form-control" placeholder="Nome" required style="font-size: 25px">
</div>
<div class="col">
<input id="Citta" type="text" class="form-control" placeholder="Città" required>
</div>
</div>
<div class="row mt-2">
<div class="col">
<input id="Mail" type="text" class="form-control" placeholder="Mail" required>
</div>
</div>
<div class="row mt-2">
<div class="col">
<input id="Telefono" type="text" class="form-control" placeholder="Telefono(opzionale)">
</div>
</div>
<div class="row mt-2">
<div class="col">
<input type="checkbox" id="checkPrivacy" name="checkPrivacy" required>
<label style="font-size:9px" for="checkPrivacy"> Dichiaro di essere maggiorenne (minimo 18 anni di età) e consento il trattamento di questi dati
per l'invio di una mail informativa e commerciale</label><br>
</div>
</div>
<div class="row mt-2">
<div class="col">
<button id="buttonPrint" class="btn btn-primary">Procedi</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6 text-center mt-6 pt-lg-0 pt-5">
<p class="text-center mt-6 blue">PILLOLA BLU</p>
<p>YOU ARE LUCKY!!!</p>
<p>Appartieni al 1% delle persone che sono già soddisfatte della propria vita, sii grato per tutto ciò che hai.
</p>
</div>
</div>
</div>