-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (145 loc) · 6.97 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>création de site web </title>
<link rel="stylesheet" href="style.css">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body class="bg-dark" >
<header>
<div class="logo">
<img src="images/logo.jpg" alt="">
<h1>Op&business</h1>
</div>
<ul class="menu">
<li><a href="#accueil">Accueil</a></li>
<li><a href="#apropos">A propos </a></li>
<li><a href="#service">Service</a></li>
<li><a href="https://wa.me/+242064767604">Contact</a></li>
</ul>
<div class="number">
<p><a href="https://l.facebook.com/l.php?u=https%3A%2F%2Fopbusines.blogspot.com%2F%3Fm%3D1%26fbclid%3DIwAR1Hip02SSrPU64__50ugmaMqJNBdpe-gB6CjXmcROBydI3Un0tuIoA7Bv4&h=AT3ECVwbwNfbVL9xKvBxM7SrAK7BE3Szer3FkdSkqAbF5f4EuBfvBCk8varno660AW116szSnzt8o9Km7i4kMyQX55ieqhBwbUtIf9iyxGpFS6UZUuD4fXflyqQcxCZ5npeDeg">Blog</a></p>
</div>
<div class="small_menu" >
<span>
<div></div>
<div></div>
</span>
<span>
<div></div>
<div></div>
</span>
</div>
</header>
<!-- home -->
<section class="home" id="accueil">
<div class="left">
<h1 class="barry" style="background-color: #1506f2">op&<span>business</span></h1>
<br>
<h4>Une technologie révolutionnaire</h4>
<p>Aujourd’hui, les sites internet influencent, déterminent et poussent à l’achat du consommateur.
</p>
<p></p>
<p>Il est temps de tirer parti des opportunités de marketing numérique pour atteindre les clients potentiels là où ils se trouvent et au moment opportun. </p>
<button class="button-link">
<a href="https://www.facebook.com/Entrpreneuriat2.0">OP&BUSINESS </a>
</button>
</div>
<div class="right bg-warning">
<div class="card bg-warning">
<img src="img1.png" alt="First slide">
</div>
</div>
</section>
<!-- services -->
<section class="services" id="service">
<h1 class="title" >Les services</h1>
<p class="small_title">Service d'accompagnement numérique
et service d'accompagnement personnalisé par une équipe expérimentée... et amicale!
</p>
<div class="list_service">
<div class="serv">
<img src="images/plant.jpg" alt="">
<h4>marketing digital </h4>
<p>(Campagnes sur les réseaux sociaux
Les réseaux sociaux vous aident non seulement à augmenter votre clientèle mais surtout à les fidéliser. En publiant un contenu unique, pertinent et objectif sur Facebook, Twitter, Instagram ou toute autre plate-forme de médias sociaux, vous attirez dans votre entreprise des personnes véritablement intéressées par vos produits et services.
)</p>
<button class="button-link">
<a href="https://www.facebook.com/Entrpreneuriat2.0">OP&BUSINESS</a>
</button>
</div>
<div class="serv">
<img src="images/code.jpg" alt="">
<h4>Création de site Web </h4>
<p>(Conception de site Web, de nombreuses agences proposent encore des baux de site Web à long terme ou des contrats de site Web avec des frais de maintenance mensuels. Nous fournissons également des services de gestion de sites Web et de noms de domaine, au besoin.)</p>
<button class="button-link">
<a href="https://www.facebook.com/Entrpreneuriat2.0">OP&BUSINESS </a>
</button>
</div>
<div class="serv">
<img src="images/formation.jpg" alt="">
<h4>formation</h4>
<p>(La formation en développement web permettant de créer des sites . Le monde d'aujourd'hui se connecte de plus en plus à internet et cette tendance ne fera que s'accentuer à l'avenir. Apprendre le développement web permet ainsi d'être préparé et de comprendre le fonctionnement du monde qui bientôt sera autour de nous pour pouvoir mieux nous en servir)</p>
<button class="button-link">
<a href="https://www.facebook.com/Entrpreneuriat2.0">OP&BUSINESS </a>
</button>
</div>
<div class="serv">
<img src="images/projet.webp" alt="">
<h4>projet</h4>
<p>(nous Contactez)</p>
<button class="button-link">
<a href="https://www.facebook.com/Entrpreneuriat2.0">OP&BUSINESS </a>
</button>
</div>
</div>
</section>
<!-- about -->
<section class="about" id="apropos">
<h1 class="title">à propos de nous</h1>
<div class="list_about">
<div class="description">
<h1>OP&BUSINESS</h1>
<p>Nous sommes une structure formation et de coaching de la Jeunesse en entreprenariat . Nous conseillons les jeunes dans tous les domaines qui les concernent et accompagne dans l’expertise du réseau Info Jeunes, tout comme celle des professionnels.
</p>
</div>
</div>
<!-- contact -->
<section class="contact">
<h1 class="title">Contactez nous</h1>
<div class="form-image">
<div id='roote'></div>
<div class="image">
<img src="images/logo.jpg" >
</div>
</div>
</section>
<footer>
<p>Site réalisé par barry bello| Tous les droits sont réservés.</p>
</footer>
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js" crossorigin></script>
<script
src="https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js"
crossorigin></script>
<script
src="https://cdn.jsdelivr.net/npm/react-bootstrap@next/dist/react-bootstrap.min.js"
crossorigin></script>
<!-- Load our React component. -->
<!--<script src="App.js" type="text/babel"></script>-->
<script src="Button.js" type="text/babel"></script>
<script src="./assets/Index.js"></script>
</body>
</html>