-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
144 lines (134 loc) · 6.67 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
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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="CV DevOps Pipeline déploiement continu Audit SEO Webapp">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CODA</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.3/components/heroes/hero-1/assets/css/hero-1.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="div-nav-bar container-fluid">
<a class="navbar-brand" href="./index.html"><img src="./assets/icons/Rectangle 34.png" 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="bsb-hero-1 px-3 bsb-overlay bsb-hover-pull"
style="background-image: url('./assets/Background_img.webp');">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-12 col-md-11 col-lg-9 col-xl-7 col-xxl-6 text-center text-white">
<h1 class="display-3 fw-bold mb-3">CODA</h1>
<p class="lead mb-5"><strong>CODA</strong> et une entreprise Leader dans le déploiement continue</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button onclick="window.location.href = './catalogue.html'" type="button"
class="btn bsb-btn-3xl btn-light gap-3">Produits</button>
<button onclick="window.location.href = './contact.html'" type="button"
class="btn bsb-btn-3xl btn-outline-light">Contact</button>
</div>
</div>
</div>
</div>
</section>
<section class="container mt-5">
<h2>À propos</h2>
<div>
<p><strong>CODA</strong>, leader dans le développement opérationnel, spécialisé dans l'analyse SEO et la
création d'applications web. Nous repoussons les limites de l'efficacité opérationnelle tout en offrant des
solutions en SEO et des applications web innovantes. Notre engagement : optimiser votre présence en ligne et
simplifier vos opérations avec des outils sur mesure.</p>
</div>
</section>
<section class="container">
<h2>Produits</h2>
<div>
<p>Nous offrons une gamme complète de services technologiques. De la gestion de pipelines DevOps à l'analyse SEO
en
passant par le développement d'applications web, notre équipe polyvalente vous accompagne à chaque étape. Nous
sommes là pour répondre à vos besoins et vous aider à atteindre vos objectifs.</p>
</div>
</section>
<section class="section-img h-100">
<div id="carouselExampleCaptions" class="carousel slide" style="height: 100%; max-width: 600px; margin: 0 auto;">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner" style="max-height: 400px; max-width: 600px;">
<div onclick="window;location.href = './catalogue/product1.html'" class="carousel-item active h-100">
<img src="./assets/img/bg-pipeline-carous.webp" class="d-block w-100 h-100" alt="Pipeline">
<div class="carousel-caption d-md-block">
<h3>Configuration de pipeline</h3>
<p>Nous configurons votre pipeline de A à Z</p>
</div>
</div>
<div onclick="window;location.href = './catalogue/product2.html'" class="carousel-item h-100">
<img src="./assets/img/referencement-carous.webp" class="d-block w-100 h-100" alt="referencement">
<div class="carousel-caption d-md-block">
<h3>Audit SEO</h3>
<p>Nous assurons un référencement optimal de votre site.</p>
</div>
</div>
<div onclick="window;location.href = './catalogue/product3.html'" class="carousel-item h-100">
<img src="./assets/img/code-carous.webp" class="d-block w-100 h-100" alt="code">
<div class="carousel-caption d-md-block">
<h3>Développement web app</h3>
<p>Vous avez une idée en tête, nous la réalisons.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<footer id="footer" class="bg-secondary bg-gradient pt-5">
<div class="container">
<h2 class="text-white fs-2">CODA</h2>
<hr>
<ul class="m-0 p-3">
<li><a href="./sitemap.xml" class="text-white">Plan du site</a></li>
<li><a href="./mentionlegales.html" class="text-white">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>