-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
277 lines (264 loc) · 18.5 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!DOCTYPE html>
<html lang="fr">
<!--Template by berru-g-->
<head>
<meta charset="UTF-8">
<title>Web 3</title>
<link rel="shortcut icon" href="https://github.com/berru-g/web3.0/blob/main/src/img/lock.gif?raw=true"/>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<meta name="keywords" content="Web3, Blockchain, Décentralisation, Cryptomonnaie, Contrats intelligents, DApps (Applications décentralisées), Ethereum, NFT (Tokens non fongibles), Protocoles ouverts, Interopérabilité, Infrastructures décentralisées, Gouvernance décentralisée, Identité numérique, Smart contracts, Web décentralisé, Tokens, Consensus, IPFS (InterPlanetary File System), DAO (Organisations autonomes décentralisées), Web3 Stack">
<meta name="description" content="C'est quoi le web3? A quoi sert le web3? Quel sont les avantages? Wallet et cryptomonnaies ce qu'il faut savoir.Nous répondons à ces questions sur le futur du web.">
</head>
<body>
<header>
<div class="logo">
<div class="custom-loader"></div>
</div>
<nav>
<div class="menu-container">
<div class="hamburger-menu">
<span></span>
<span></span>
<span></span>
</div>
</div>
</header>
<main>
<div class="intro">
<h1>Le Web 3.0</h1>
<p>Transformer fondamentalement la façon dont nous interagissons avec Internet.</p>
<a href="#"><button class="btn">Découvrir</a></button>
</div>
<section class="scroll-section">
<h2>Evolution du World Wide Web.</h2>
<p>Contrairement au Web 2.0, qui est axé sur les utilisateurs et le contenu généré par les utilisateurs, le Web 3.0 repose sur trois principaux piliers : la décentralisation, l'interopérabilité et <a href="https://chat.openai.com/chat">l'intelligence artificielle.</a> Le Web 3.0, également connu sous le nom de Web décentralisé ou Web sémantique, est une évolution du World Wide Web qui vise à transformer fondamentalement la façon dont nous interagissons avec Internet et à fournir de nouvelles fonctionnalités et possibilités.</p>
</section>
<div class="content">
<div class="box">
<section class="scroll-section">
<a href="#" ><img src="https://ethereum.org/static/754d2f72ce2296fb59d9d974aeda16be/1e993/future_transparent.webp" alt="Image 1"></a></section><i class="fa-duotone fa-cube fa-2xs" style="--fa-primary-color: #ffffff; --fa-secondary-color: #ffffff;"></i>
<div class="text">
<h2>Décentralisation</h2>
<p>La décentralisation est l'un des aspects clés du Web 3.0. Au lieu de reposer sur des serveurs centralisés contrôlés par des entités spécifiques, le Web 3.0 est basé sur des technologies de blockchain et de cryptographie, ce qui permet de distribuer le stockage des données et la prise de décision sur le réseau. Cela signifie que les utilisateurs ont un contrôle plus direct sur leurs données et leur identité en ligne, et qu'il est plus difficile pour les tiers de les censurer ou de les contrôler.</p>
</div>
</div>
<div class="box">
<div class="text">
<h2>Interopérabilité</h2>
<p>L'interopérabilité est un autre aspect essentiel du Web 3.0. Il vise à permettre aux différentes applications et plateformes de communiquer entre elles de manière transparente, en utilisant des protocoles standardisés et ouverts. Cela signifie que les utilisateurs peuvent facilement partager des données et des services entre différentes applications, ce qui favorise l'innovation et crée un écosystème plus ouvert et collaboratif.</p>
</div>
<section class="scroll-section">
<a href="#" ><img src="https://ethereum.org/static/810eb64d89629231aa4d8c7fe5f20ee5/69de1/developers-eth-blocks.webp" alt="Image 2"></a></section>
</div>
</section>
<div class="box">
<section class="scroll-section">
<a href="#" ><img src="https://ethereum.org/static/bf78b49d7e23b88a7eea934225b0cf96/9f4aa/enterprise-eth.webp" alt="Image 3"></a></section>
<div class="text">
<h2>IA</h2>
<p>L'intelligence artificielle joue également un rôle important dans le Web 3.0. Les capacités d'apprentissage automatique et d'analyse de données avancées permettent aux systèmes du Web 3.0 de comprendre et d'interpréter le contenu et le contexte de manière plus intelligente. Cela conduit à des expériences utilisateur plus personnalisées et pertinentes, ainsi qu'à des services automatisés plus sophistiqués.</p>
</div>
</div>
<div class="box">
<div class="text">
<h2>Avantage</h2>
<p>En résumé, le Web 3.0 est une évolution du Web qui vise à créer un environnement décentralisé, interopérable et alimenté par l'intelligence artificielle. Il offre des avantages tels que la protection de la vie privée, la résistance à la censure, la facilité d'utilisation des données entre différentes applications, ainsi que des expériences utilisateur plus personnalisées et pertinentes.</p>
</div>
<section class="scroll-section">
<a href="#" ><img src="https://ethereum.org/static/4d030a46f561e5c754cabfc1a97528ff/3ba1a/impact_transparent.webp" alt="Image 4"></a></section>
</div>
</div>
</main>
<section class="scroll-section">
<h2>Blockchain et technologies de registre distribué :</h2>
<p>Le Web 3.0 utilise des technologies de blockchain et de registre distribué pour créer des réseaux décentralisés. Ces technologies permettent de stocker et de sécuriser les données de manière transparente et immuable. Les contrats intelligents, qui sont des programmes autonomes exécutés sur la blockchain, permettent d'automatiser les transactions et les interactions entre les utilisateurs sans avoir besoin d'intermédiaires.</p>
</section>
<section class="scroll-section">
<h2>Contrôle des données et vie privée :</h2>
<p>Dans le Web 3.0, les utilisateurs ont un contrôle plus granulaire sur leurs données personnelles. Au lieu de stocker leurs informations sur des serveurs centralisés, ils peuvent choisir de les chiffrer, de les stocker localement ou de les partager de manière sélective avec des tiers. Cela permet de renforcer la confidentialité et de réduire les risques de violations de données.</p>
</section>
<section class="scroll-section">
<a href="#" ><img class="imginter" src="https://ethereum.org/static/9a6e158f4ffd1cb5de246a3ecd0d7f86/b3831/hackathon_transparent.webp" alt="Image 1"></a></section>
<section class="scroll-section">
<h2>Identité numérique décentralisée :</h2>
<p>Le Web 3.0 favorise le développement d'identités numériques décentralisées. Plutôt que de s'appuyer sur des services d'authentification centralisés, les utilisateurs peuvent posséder leurs propres identités numériques, vérifiables et portables. Cela permet une gestion plus sécurisée et autonome des informations d'identification en ligne.</p>
</section>
<section class="scroll-section">
<h2>Économie décentralisée :</h2>
<p> Le Web 3.0 offre des possibilités de création et d'échange de valeur décentralisées. Les tokens basés sur la blockchain permettent la création de systèmes économiques ouverts et transparents, où les utilisateurs peuvent participer à des échanges peer-to-peer, à des financements participatifs (ICO), à des marchés décentralisés (DEX) et à d'autres mécanismes économiques autonomes.</p>
</section>
<div class="intro">
<h1>Comment investir en Cryptomonnaie</h1>
<p>Découvrir Binance gratuitement. Cadeaux de bienvenue pour toute ouverture de compte.</p>
<a href="https://accounts.binance.com/register?ref=506274097"><button class="btn">Découvrir</a></button>
</div>
<section class="scroll-section">
<h2>Intelligence artificielle et Web sémantique :</h2>
<p>L'intégration de l'intelligence artificielle et du Web sémantique dans le Web 3.0 permet de comprendre et d'analyser les données de manière plus avancée. Les systèmes peuvent utiliser des techniques de traitement du langage naturel, de vision par ordinateur et d'apprentissage automatique pour extraire des informations pertinentes, améliorer la recherche et la recommandation de contenu, et automatiser certaines tâches.</p>
</section>
<section class="scroll-section">
<h2>Expériences immersives et réalité virtuelle/augmentée :</h2>
<p>Le Web 3.0 favorise également le développement d'expériences immersives en intégrant des technologies de réalité virtuelle et augmentée. Les utilisateurs peuvent interagir avec des environnements virtuels en 3D, accéder à des contenus multimédias enrichis et collaborer à distance de manière plus immersive.</p>
</section>
<section class="scroll-section">
<h2>Le Web 3.0 est encore en cours de développement et de déploiement</h2>
<p>Avec de nombreux projets et initiatives explorant différentes facettes de cette vision. Il promet de transformer la façon dont nous utilisons Internet en donnant plus de pouvoir aux utilisateurs, en améliorant la confidentialité et la sécurité des données*, et en favorisant l'innovation et la collaboration ouverte. Les français dans la course.</p>
</section></br>
<script>
function toggleMenu() {
var menu = document.getElementById("menu");
menu.classList.toggle("show");
}
</script>
<section class="ledger">
<a href="https://shop.ledger.com/?r=97b532808e9b"><img class="imginter" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Ledger-logo-long.svg/1200px-Ledger-logo-long.svg.png" title="Découvrir le site officiel de Ledger" alt="Ledger"/></a>
</br>
<h2>Le leader français Ledger</h2> </br>
<p>Dans le monde numérique en constante évolution, la sécurité de vos crypto-monnaies est une préoccupation majeure. Ne laissez pas le doute et l'incertitude planer sur vos précieux actifs numériques. Découvrez comment la clé Ledger peut vous offrir une tranquillité d'esprit inégalée. Nous vous conseillons d'acheter Ledger sur le site officiel comme tout autres wallet physique.</p>
</br>
<h2>Pourquoi Ledger</h2></br>
<p><h3>"Sécurité de niveau militaire pour une tranquillité d'esprit absolue" :</h3>
Imaginez une clé capable de protéger vos crypto-monnaies avec une sécurité de niveau militaire. Avec la clé Ledger, vos actifs numériques sont stockés dans un environnement sécurisé, protégés par des mesures de cryptographie avancées et des normes de sécurité rigoureuses. Vous pouvez enfin dormir sur vos deux oreilles, sachant que vos investissements sont à l'abri des cyberattaques et des piratages.</p>
</br>
<p><h3>"Maîtrisez votre destin financier avec une autonomie totale" :</h3>
Prenez le contrôle total de votre destin financier grâce à la clé Ledger. Oubliez les intermédiaires coûteux et les tiers de confiance. Avec Ledger, vous détenez les clés de votre propre portefeuille crypto. Cela signifie que vous êtes le seul à pouvoir accéder et gérer vos actifs. Ne dépendez plus des institutions financières ou des banques centrales. Soyez le maître de votre propre fortune numérique.</p>
</br>
<p><h3>"Simplicité d'utilisation pour tous les niveaux d'expérience" :</h3>
Vous pourriez penser que la sécurité va de pair avec la complexité, mais détrompez-vous. La clé Ledger est conçue pour être simple et conviviale, même pour les débutants. Avec son interface intuitive, vous pouvez facilement configurer votre clé Ledger et effectuer des transactions en quelques clics seulement. Plus besoin d'être un expert en technologie pour sécuriser vos crypto-monnaies.</p>
</br>
<p><h3>"Compatible avec toutes les principales crypto-monnaies" :</h3>
Que vous déteniez du Bitcoin, de l'Ethereum, du Ripple ou toute autre crypto-monnaie populaire, la clé Ledger est compatible avec une large gamme d'actifs numériques. Profitez de la polyvalence offerte par Ledger et stockez tous vos investissements dans un seul et même endroit sécurisé. Simplifiez votre gestion et gardez toutes vos crypto-monnaies sous contrôle.</p>
</section>
<div class="intro">
<h1>Sécurisez vos économies.</h1>
<p>Pour tout achat de wallets physiques, nous conseillons de l'acquèrir par le site officiel Ledger.</p>
<a href="https://shop.ledger.com/?r=97b532808e9b"><button class="btn">Découvrir</a></button>
</div>
<section class="scroll-section">
<img class="imginter" src="https://raw.githubusercontent.com/berru-g/web3.0/6fc70fa14c8e978ffeb4fcd97a31ff4c327abc8b/src/img/btc.svg" title="" alt="Image"></section>
<section class="scroll-section">
<h2>La cryptomonnaie.</h2>
<p>Contrairement aux monnaies traditionnelles émises par les gouvernements, le Bitcoin n'est pas contrôlé par une autorité centrale telle qu'une banque centrale. Il fonctionne sur un réseau décentralisé de pairs, utilisant une technologie appelée blockchain pour enregistrer et vérifier les transactions.</p>
</section>
<!--TIME LINE-->
<!--src code "CodePen Home
Physic Milestones Timeline - Date 11 (24 days of animation) by
januaryofmine "-->
<section class="timeline">
<ul>
<li>
<div>
<time>2008</time>
<div class="discovery">
<h1>Bitcoin.</h1>
<p>
Publication du livre blanc de Satoshi Nakamoto, intitulé "Bitcoin: A Peer-to-Peer Electronic Cash System", décrivant les principes fondamentaux de la première cryptomonnaie
</p>
</div>
<div class="scientist">
<h1>2009</h1>
<span>Le premier bloc de la blockchain Bitcoin, appelé le "bloc de genèse", est extrait par Satoshi Nakamoto, marquant le début officiel du réseau <a href="https://accounts.binance.com/register?ref=506274097">Bitcoin.</a></span>
</div>
</div>
</li>
<li>
<div>
<time>2010</time>
<div class="discovery">
<h1>Première transaction</h1>
<p>
Un développeur du nom de Laszlo Hanyecz achète deux pizzas pour 10 000 bitcoins, établissant ainsi la première valeur de change pour la cryptomonnaie.
</p>
</div>
<div class="scientist">
<h1>Ajourd'hui combien coûte la pizza?</h1>
<span>A la valeur actuel, ses deux pizza valent <span id="pizza-cost"></span>.</span>
</div>
</div>
</div>
</li>
<li>
<div>
<time>2017</time>
<div class="discovery">
<h1>Ascension</h1>
<p>
Le prix du Bitcoin atteint son plus haut niveau historique à ce jour, dépassant les 19 000 dollars. Cependant, il subit par la suite une correction importante et perd une grande partie de sa valeur au cours de l'année suivante.
</p>
</div>
</div>
</li>
<li>
<div>
<time>2020</time>
<div class="discovery">
<h1>Record</h1>
<p>
Le prix du Bitcoin atteint un nouveau record en dépassant les 20 000 dollars, surpassant ainsi son sommet précédent de 2017.
</p>
</div>
</div>
</li>
<li>
<div>
<time>2021</time>
<div class="discovery">
<h1>Expansion</h1>
<p>
Coinbase, l'une des plus grandes plateformes d'échange de cryptomonnaies, fait son entrée en bourse sur le Nasdaq. Cela marque une étape importante dans la légitimation des cryptomonnaies sur les marchés financiers traditionnels.
</p>
</div>
<div class="scientist">
<h1>Prix du Bitcoin en direct</h1>
<p>Le prix actuel du Bitcoin est : <span id="bitcoin-price"></span></p>
</div>
</div>
</li>
</div>
</li>
</ul>
</section>
<!--FIN DE TIME LINE-->
<div class="intro">
<h1>Créer votre Wallet et protégez vos économies.</h1>
<p>Découvrez Binance gratuitement. Cadeaux de bienvenue pour toute ouverture de compte.</p>
<a href="https://accounts.binance.com/register?ref=506274097"><button class="btn">Découvrir</a></button>
</div>
<a href="https://amzn.to/3puwkRz"><img class="ban" src="https://images-eu.ssl-images-amazon.com/images/G/08/FR-hq/2021/img/Video_Games_Internet/Gaming_Store_Banner_FR_Desktop.png"></a>
</body>
<footer>
<div class="footer-content">
<div class="footer-section about">
<h3>SRC</h3>
<ul>
<li>img <a href="#">ethereum</a></li>
<li>txt <a href="#">chatgpt</a></li>
<li>code <a href="https://codepen.io/h-lautre">berru-g</a></li>
</ul>
</div>
<div class="footer-section links">
<h3>Partenaires</h3>
<ul>
<li><a href="https://accounts.binance.com/register?ref=506274097">Binance</a></li>
<li><a href="https://shop.ledger.com/?r=97b532808e9b">Ledger</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footer-section contact">
<h3>Contact</h3>
<p><i class="material-icons">location_on</i>L.A NTS Fr</p>
<p><i class="material-icons">email</i>[email protected]</p>
<p><i class="material-icons">phone</i>+1 234 567 890</p>
</div>
</div>
<div class="footer-bottom">
<p>Tous droits réservés © 2023 | coding by <a href="https://github.com/berru-g/">Berru-g</a></p>
</div>
</footer>
</html>