forked from Worlixz/site_entrepise_it3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcatalogue.html
More file actions
134 lines (128 loc) · 6.91 KB
/
Copy pathcatalogue.html
File metadata and controls
134 lines (128 loc) · 6.91 KB
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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CODA</title>
<link rel="stylesheet" href="./style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img src="/site_entrepise_it3/assets/icons/Rectangle 34.svg" alt="logo_entreprise"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./catalogue.html">Produits</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./team.html">Team</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="container mt-5">
<h1>Nos services</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Necessitatibus quo facere inventore temporibus culpa veniam pariatur adipisci, et fuga ullam. Sapiente deserunt cum eaque, voluptates nulla fugiat eius inventore qui!</p>
</section>
<section style="margin: 75px auto;" class="d-xl-flex d-inline-flex flex-wrap justify-content-center">
<div style="min-width: 400px;" class="m-3">
<div class="card" style="min-width: 300px">
<div
class="card-body border border-2 border-primary rounded shadow p-3 bg-body rounded position-relative bsb-hover-pull">
<h5
class="card-title p-3 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-3 text-center">
Pipeline DevOps</h5>
<p class="card-text"><ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
Outils
<span class="badge bg-primary rounded-pill ">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Test
<span class="badge bg-primary rounded-pill">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
CI/CD
<span class="badge bg-primary rounded-pill">✔</span>
</li>
</ul></p>
<a href="./catalogue/product1.html" class="btn btn-primary position-relative m-1">Découvrir le produit</a>
</div>
</div>
</div>
<div style="min-width: 400px;" class="m-3">
<div class="card" style="min-width: 300px">
<div
class="card-body border border-2 border-primary rounded shadow p-3 bg-body rounded position-relative bsb-hover-pull">
<h5
class="card-title p-3 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-3 text-center">
Analyse SEO</h5>
<p class="card-text"><ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
Mise en conformité technique
<span class=" badge bg-primary rounded-pill ">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Rédaction SEO-compliant
<span class=" badge bg-primary rounded-pill">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Référencement
<span class=" badge bg-primary rounded-pill">✔</span>
</li>
</ul></p>
<a href="./catalogue/product2.html" class="btn btn-primary position-relative m-1">Découvrir le produit</a>
</div>
</div>
</div>
<div style="min-width: 400px;" class="m-3">
<div class="card " style="min-width: 300px">
<div
class="card-body border border-2 border-primary rounded shadow p-3 bg-body rounded position-relative bsb-hover-pull">
<h5
class="card-title p-3 text-primary-emphasis bg-primary-subtle border border-primary-subtle rounded-3 text-center">
WebApp</h5>
<p class="card-text"><ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
Dynamic
<span class="badge bg-primary rounded-pill ">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
E-commerce
<span class="badge bg-primary rounded-pill">✔</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Progressive
<span class="badge bg-primary rounded-pill">✔</span>
</li>
</ul></p>
<a href="./catalogue/product3.html" class="btn btn-primary position-relative m-1">Découvrir le produit</a>
</div>
</div>
</div>
</section>
<footer class="bg-secondary bg-gradient pt-5">
<div class="container">
<h2 class="text-white fs-2">CODA</h2>
<hr>
<ul>
<li><a href="#">Plan du site</a></li>
<li><a href="#">Mention légales</a></li>
</ul>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>