-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage1.html
154 lines (153 loc) · 8.1 KB
/
page1.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style1.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img src="photo/Logo.png" alt="Logo" class="img-responsive" id="logo">
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<a class="navbar-brand active" href="index.html">Compu70</a>
<ul class="navbar-nav mt-2 mt-lg-0 ml-auto">
<li class="nav-item">
<a class="nav-link active" href="page1.html">Construir votre ordinateur <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="page2.html">Notre Equippe</a>
</li>
<li class="nav-item">
<a class="nav-link" href="page3.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="container-md">
<div class="row">
<div class="col-md-6 mt-5">
<h1 style="color: blue;" class="ml-5">Selection des component</h1>
<form>
<div class="form-row col-md-6">
<label for="CPU">CPU</label>
<select name="CPU" id="CPU-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">I3 CPU</option>
<option value="2">I5 CPU</option>
<option value="3">I7 CPU</option>
<option value="4">I9 CPU</option>
<option value="5">Xenon CPU</option>
</select>
</div>
</form>
<form>
<div class="form-row col-md-6">
<label for="Memoire">Memoire</label>
<select name="Memoire" id="Memory-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">8 Go</option>
<option value="2">16 Go</option>
<option value="3">32 Go</option>
<option value="4">64 Go</option>
<option value="5">128 Go</option>
</select>
</div>
</form>
<form>
<div class="form-row col-md-6">
<label for="GPU">Carte Graphique</label>
<select name="GPU" id="GPU-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">GTX 1080</option>
<option value="2">RTX 2080</option>
<option value="3">RX 580</option>
<option value="4">Radeon 5700XT</option>
<option value="5">Aucun</option>
</select>
</div>
</form>
<img src="photo/server-37259_960_720.png" alt="server" class="img-fluid pt-5" style="width: 100%; max-height: 400px;">
</div>
<div class="col-md-6 mt-5">
<img src="photo/adapter-2024918_960_720.png" alt="" class="img-fluid" style="width: 100%;">
<form>
<div class="form-row col-md-6">
<label for="HDD">Disque Dure #1</label>
<select name="HDD" id="HDD-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">M.2 250 Go</option>
<option value="2">M.2 500 Go</option>
<option value="3">SATA SSD 500 Go</option>
<option value="4">SATA SSD 1To</option>
<option value="5">SATA SSD 2To</option>
</select>
</div>
</form>
<form>
<div class="form-row col-md-6">
<label for="HDD2">Disque Dure #2</label>
<select name="HDD2" id="HDD2-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">SATA SSD 500Go</option>
<option value="2">SATA SSD 1to</option>
<option value="3">SATA SSD 2To</option>
<option value="4">SATA HDD 2To</option>
<option value="5">SATA HDD 3To</option>
<option value="6">Aucun</option>
</select>
</div>
</form>
<form>
<div class="form-row col-md-6">
<label for="Net2">Carte Network #1</label>
<select name="Net2" id="Net2-forms">
<option value="default" selected>Carte Ethernet</option>
</select>
<form>
<div class="form-row col-md-6">
<label for="Net">Carte Network #2</label>
<select name="Net" id="Net-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">Carte Wifi</option>
<option value="2">Aucun</option>
</select>
</div>
</form>
<form>
<div class="form-row col-md-6">
<label for="GPU">System d'exploitation</label>
<select name="OS" id="OS-forms">
<option value="default" selected>Fait votre choix</option>
<option value="1">Ubuntu 20.04</option>
<option value="2">Linux Mint 19</option>
<option value="3">Fedora</option>
<option value="4">Windows 10</option>
<option value="5">Aucun</option>
</select>
</div>
</form>
</div>
</form>
</div>
</div>
</div>
<br>
<div class="container-fluid pt-4">
<div class="row">
<div class="col-md-5"></div>
<div class="col-md-2 text-center">
<button type="button" class="btn btn-dark"> Paiment</button>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>