-
Notifications
You must be signed in to change notification settings - Fork 0
/
simulation.html
138 lines (124 loc) · 5.91 KB
/
simulation.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
134
135
136
137
138
<!doctype html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<title>NorImmo</title>
<meta name="description" content="NorImmo est le leader de la construction et de la rénovation de maisons individuelles en Normandie.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="favicon" href="favicon.ico"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/main_Batiste.css">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light color">
<div class="container-fluid">
<a class="navbar-brand text-light" href="index.html"><img class="mb-2" alt="logo d'entreprise" src="logo-96X96.png"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="simulation.html">Simulation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="FAQ.html">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="header">
<h1 class="main-title">Nor Immo</h1>
<h2 class="slogan">Ce n'est pas un projet de rigolo</h2>
</header>
<main>
<section class="container-fluid mt-2">
<div class="row mt-3">
<div class="col-12 col-md-6 text-center test">
<h2 class="title">Simuler mon projet Immobilier</h2>
<form class="simulateur mb-3" name="simulateur" action="" method="get">
<!-- Input Surface for User -->
<div class="blockform mb-4">
<label class="mb-2" for="surface">Surface en m²</label><br>
<input name="surface" type="number" id="surface" placeholder="50">
</div>
<!-- Input RoomsNumber for User -->
<div class="blockform mb-4">
<label class="mb-2" for="bedrooms">Nombre de chambre</label><br>
<input name="bedrooms" type="number" id="bedrooms" placeholder="2">
</div>
<!-- Input Material for User -->
<div class="blockform mb-4">
<label class="mb-2" for="construct-material">Matériaux de construction</label><br>
<select name="construct-material" id="construct-material">
<option value="">-- Votre Choix --</option>
<option value="parpaing">parpaing</option>
<option value="bois">bois</option>
<option value="brique">brique</option>
</select>
</div>
</form>
<!-- Button simulation for click JS -->
<div>
<p class="buttonSimulation" onclick="submit()">Simuler</p>
</div>
</div>
<!-- Result of simulation Total Price JS -->
<div class="col-12 col-md-6 text-center test ">
<h2 class="title">Résultat de la simulation</h2>
<p class="resultSimulator resultPrice"><strong id="totalPrice"></strong></p>
</div>
</div>
</section>
</main>
<footer class="container-fluid color">
<div class= "row pt-5">
<address class="col-12 text-center">
<i class="far fa-address-card"></i> 154 route du Moulin, 76000 Rouen<br/>
<i class="fas fa-phone-square-alt"></i> 02 35 12 45 85<br/>
<i class="fas fa-at"></i> nor-immo@immobilier.com<br/>
</address>
</div>
<div class="row">
<p class="col-12 text-center sizeIcone">
<i class="fab fa-twitter-square"></i>
<i class="fab fa-facebook-square"></i>
<i class="fab fa-instagram-square"></i>
</p>
</div>
<div class="row">
<div class="col-6 text-start"><small>Mentions Legales</small></div>
<div class="col-6 text-end"><small>Copyright © - Avril 2021</small></div>
</div>
</footer>
<script src="https://kit.fontawesome.com/6e3dce75fc.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main_Batiste.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>