Browse Source

ajout fichier premiere version site

master
clochard.l 3 years ago
commit
6f071b1396
  1. BIN
      .DS_Store
  2. BIN
      ._.DS_Store
  3. BIN
      ._BLOCKCHAIN.ttf
  4. BIN
      ._Bitcoin.otf
  5. BIN
      ._Blockchain-infographic.jpeg
  6. BIN
      ._Blockchain.html
  7. BIN
      ._Crypto-monnaies.html
  8. BIN
      ._Metaverse.html
  9. BIN
      ._NFT.html
  10. BIN
      ._binance.jpeg
  11. BIN
      ._blockchain.jpeg
  12. BIN
      ._bnb.png
  13. BIN
      ._btc.png
  14. BIN
      ._cardano.png
  15. BIN
      ._crypto.html
  16. BIN
      ._cryptoimg1.png
  17. BIN
      ._eth.png
  18. BIN
      ._explicationblockchain.png
  19. BIN
      ._imgcrypto2.jpeg
  20. BIN
      ._investnft.jpeg
  21. BIN
      ._loading.js
  22. BIN
      ._logo.png
  23. BIN
      ._logo2.jpeg
  24. BIN
      ._ltc.png
  25. BIN
      ._minage.jpeg
  26. BIN
      ._mutantapes.jpeg
  27. BIN
      ._nft.jpeg
  28. BIN
      ._nft2.jpeg
  29. BIN
      ._punk.png
  30. BIN
      ._ripple.jpeg
  31. BIN
      ._skully.png
  32. BIN
      ._sol.png
  33. BIN
      ._sorare.jpeg
  34. BIN
      ._spinning-loading.gif
  35. BIN
      ._style.css
  36. BIN
      ._usdt.jpeg.sb-96249db2-MbwXvj
  37. BIN
      ._usdt.png
  38. BIN
      ._utilisationblockchain.png
  39. BIN
      BLOCKCHAIN.ttf
  40. BIN
      Bitcoin.otf
  41. BIN
      Blockchain-infographic.jpeg
  42. 150
      Blockchain.html
  43. 244
      Crypto-monnaies.html
  44. 46
      Metaverse.html
  45. 176
      NFT.html
  46. BIN
      arabiancaml.jpeg
  47. BIN
      binance.jpeg
  48. BIN
      blockchain.jpeg
  49. BIN
      bnb.png
  50. BIN
      btc (2).png
  51. BIN
      btc.png
  52. BIN
      cardano.png
  53. 109
      crypto.html
  54. BIN
      cryptoimg1.png
  55. BIN
      eth.png
  56. BIN
      explicationblockchain.png
  57. BIN
      imgcrypto2.jpeg
  58. BIN
      investnft.jpeg
  59. 55
      loading.js
  60. BIN
      logo2.jpeg
  61. BIN
      ltc.png
  62. BIN
      minage.jpeg
  63. BIN
      mutantapes.png
  64. BIN
      nft.jpeg
  65. BIN
      nft2.jpeg
  66. BIN
      punk.png
  67. BIN
      sol.png
  68. BIN
      sorare.png
  69. 1129
      style.css
  70. 103
      support.html
  71. BIN
      usdt.jpeg.sb-96249db2-MbwXvj
  72. BIN
      usdt.png
  73. BIN
      utilisationblockchain.png

BIN
.DS_Store

Binary file not shown.

BIN
._.DS_Store

Binary file not shown.

BIN
._BLOCKCHAIN.ttf

Binary file not shown.

BIN
._Bitcoin.otf

Binary file not shown.

BIN
._Blockchain-infographic.jpeg

Binary file not shown.

BIN
._Blockchain.html

Binary file not shown.

BIN
._Crypto-monnaies.html

Binary file not shown.

BIN
._Metaverse.html

Binary file not shown.

BIN
._NFT.html

Binary file not shown.

BIN
._binance.jpeg

Binary file not shown.

BIN
._blockchain.jpeg

Binary file not shown.

BIN
._bnb.png

Binary file not shown.

BIN
._btc.png

Binary file not shown.

BIN
._cardano.png

Binary file not shown.

BIN
._crypto.html

Binary file not shown.

BIN
._cryptoimg1.png

Binary file not shown.

BIN
._eth.png

Binary file not shown.

BIN
._explicationblockchain.png

Binary file not shown.

BIN
._imgcrypto2.jpeg

Binary file not shown.

BIN
._investnft.jpeg

Binary file not shown.

BIN
._loading.js

Binary file not shown.

BIN
._logo.png

Binary file not shown.

BIN
._logo2.jpeg

Binary file not shown.

BIN
._ltc.png

Binary file not shown.

BIN
._minage.jpeg

Binary file not shown.

BIN
._mutantapes.jpeg

Binary file not shown.

BIN
._nft.jpeg

Binary file not shown.

BIN
._nft2.jpeg

Binary file not shown.

BIN
._punk.png

Binary file not shown.

BIN
._ripple.jpeg

Binary file not shown.

BIN
._skully.png

Binary file not shown.

BIN
._sol.png

Binary file not shown.

BIN
._sorare.jpeg

Binary file not shown.

BIN
._spinning-loading.gif

Binary file not shown.

BIN
._style.css

Binary file not shown.

BIN
._usdt.jpeg.sb-96249db2-MbwXvj

Binary file not shown.

BIN
._usdt.png

Binary file not shown.

BIN
._utilisationblockchain.png

Binary file not shown.

BIN
BLOCKCHAIN.ttf

Binary file not shown.

BIN
Bitcoin.otf

Binary file not shown.

BIN
Blockchain-infographic.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

150
Blockchain.html

@ -0,0 +1,150 @@
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<img src="logo2.jpeg" class="logo">
<div class="loader">
<span class="lettre">C</span>
<span class="lettre">H</span>
<span class="lettre">A</span>
<span class="lettre">R</span>
<span class="lettre">G</span>
<span class="lettre">E</span>
<span class="lettre">M</span>
<span class="lettre">E</span>
<span class="lettre">N</span>
<span class="lettre">T</span>
</div>
<nav>
<ul>
<li>
<a href="crypto.html">Accueil</a>
</li>
<li class="menu-deroulant">
<a href="#">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
, </ul>
</li>
<li class="menu-deroulant">
<a href="#">À propos</a>
<ul class="sous-menu">
<li><a href="support.html">Support</a></li>
</ul>
</li>
</ul>
</nav>
<div class="h1right"><h1>Une blockchain, c'est quoi ?</h1></div>
<img src="blockchain.jpeg" class="imgleft">
<br><div class="rightext"><p>La Blockchain, qui signifie « chaîne de blocs » en anglais, est une technologie qui s’inspire du piratage des fichiers audio et video des années 1990 « peer to peer », de pair à pair en français. Il s’agit de la mise en œuvre de la solution d’un problème mathématique appelé problème des généraux byzantins qui consiste à s’assurer qu’un ensemble de composants informatiques fonctionnant entre eux sache gérer des défaillances ou malveillances. Ce protocole cryptographique est en théorie inviolable puisqu’il doit être capable de maintenir sa fiabilité dans le cas où une part minoritaire des composants enverrait des informations erronées ou malveillantes pour contourner la vérification de la double dépense.</p>
<br><p>À ce titre, il permet à des inconnus de réaliser des transactions, sans intermédiaire, de façon sécurisée et sûre, puisque chaque maillon de la chaîne est garant de l’ensemble.</p></div><br>
<br>
<br><p class="solotext">Dans sa forme la plus simple (trustless), c'est une base de données distribuée qui gère une liste (ou une chaîne) d’enregistrements de transaction en croissance constante, qui est dupliquée (non copiée) et stockée dans un système décentralisé. Chaque partie de ce système possède un duplicata de la chaîne d’enregistrements associée à chaque transaction; il n’existe ni enregistrements ni copies “officiels”. La sécurité de l’information est garantie par la décentralisation qui évite les manipulations, révisions et modifications malveillantes.</p>
<img src="explicationblockchain.png" class="img">
<h1 class="h1left">Les différentes utilités</h1>
<br>
<p class="solotext">Cette technologie peut bien entendu être utilisée dans tous les contextes dans lesquels les données stockées doivent être certifiées, maintenant ainsi un parfait niveau de fiabilité et d’authenticité, en s’affranchissant de l’intermédiaire d’un organisme de certification.</p>
<img src="utilisationblockchain.png">
<p class="solotext">Les utilisations courantes de la blockchain incluent la propriété intellectuelle, les preuves et les documents juridiques, les bons de commande et les archives à long terme, ainsi que tous les fichiers numériques nécessitant une authenticité par une vérification indépendante.</p>
<br>
<h1 class="h1left">Les limite de la blockchain</h1>
<br><p class="leftext">Par l’idée qu’elle véhicule d’un renversement complet du jeu économique donnant le pouvoir aux individus, la technologie Blockchain a de quoi séduire. Mais saura-t-elle s’imposer ? L’Internet du futur sera-t-il celui qui balayera sur son passage les acteurs historiques de la finance ?<br>
<br>Cet outil innovant qui pourrait modifier drastiquement notre rapport au monde doit se plier à quelques contraintes matérielles et financières de taille : les limites techniques et énergétiques d’une part et le coût de gestion des ordinateurs mis en réseau d’autre part. En effet bien que cette technologie ai de grande chance de s'élargir et devenir "reine", quelques interrogations peuvent se poser sur le danger de la Blockchain sur la Terre </p>
<br><br><div class="tec"><p>La technologie<span style="font-weight: 900;"> Blockchain </span>est considérée, sans l’ombre d’un doute, comme<span style="font-weight: 900;"> l’une des innovations technologiques les plus puissantes</span> de ces <pre> dernières années.</pre></p></div>
<script src="loading.js"></script>
</body>
</html>

244
Crypto-monnaies.html

@ -0,0 +1,244 @@
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<img src="logo2.jpeg" class=logo>
<div class="loader">
<span class="lettre">C</span>
<span class="lettre">H</span>
<span class="lettre">A</span>
<span class="lettre">R</span>
<span class="lettre">G</span>
<span class="lettre">E</span>
<span class="lettre">M</span>
<span class="lettre">E</span>
<span class="lettre">N</span>
<span class="lettre">T</span>
</div>
<nav>
<ul>
<li>
<a href="crypto.html">Accueil</a>
</li>
<li class="menu-deroulant">
<a href="#">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
, </ul>
</li>
<li class="menu-deroulant">
<a href="#">À propos</a>
<ul class="sous-menu">
<li><a href="support.html">Support</a></li>
</ul>
</li>
</ul>
</nav>
<h1 class="h1left">Crypto-monnaies, crypto-actifs... de quoi <br>s'agit-il ?</h1>
<br>
<p class="leftext"><br>À l'instar du Bitcoin, la plus connue d'entre elles, les crypto-monnaies ont été initialement conçues comme des instruments d’échange dans le monde numérique. Crypto-monnaies, crypto-actifs... Que recouvrent exactement ces termes ? Sont-elles vraiment des monnaies ? Comment éviter les arnaques ?</p><br>
<p class="leftext">Selon l'Institut national de la consommation (INC), une crypto-monnaie désigne « une monnaie virtuelle qui repose sur un protocole informatique de transactions cryptées et décentralisées, appelé blockchain ou chaîne de blocs ».</p><br>
<p class="leftext">Plus largement, les crypto-actifs représentent « des actifs virtuels stockés sur un support électronique permettant à une communauté d’utilisateurs les acceptant en paiement de réaliser des transactions sans avoir à recourir à la monnaie légale. »</p>
<p class="leftext"> Sur le plan juridique, une crypto-monnaie n'est pas une monnaie : elle ne dépend d'aucune institution, ne bénéficie d'aucun cours légal dans aucun pays ce qui rend l'évaluation de sa valeur difficile et ne peut être épargnée donc constituer une valeur de réserve.</p></div>
<img src="cryptoimg1.png" class="imgright4">
<h1 class="h1right">Comment fonctionne le marché des cryptomonnaies</h1>
<img src="imgcrypto2.jpeg" class="imgleft2">
<p class="rightext">Les marchés des cryptomonnaies sont décentralisés, ce qui signifie que ces monnaies ne sont pas émises par une autorité centrale (un État par exemple). Au lieu de cela, elles transitent via un réseau d’ordinateurs. Les cryptomonnaies peuvent être achetées et vendues sur des plateformes d'échange (sorte de place boursière virtuelle) et détenues sur des portefeuilles dédiés (ou wallets).<br>
Contrairement aux devises traditionnelles, les cryptomonnaies sont uniquement une preuve numérique de propriété stockée sur une blockchain (ou chaîne de blocs en français). Lorsqu'un utilisateur souhaite vendre des unités de cryptomonnaies à un autre utilisateur, il doit les envoyer sur le portefeuille virtuel de ce dernier. La transaction est considérée comme complétée uniquement lorsqu’elle a été vérifiée et ajoutée à la blockchain au travers d’un processus de minage. C’est aussi de cette façon que sont généralement créés de nouveaux jetons.</p><br>
<br><h2 class="lefth2">Réseau décentralisé et Cryptographie</h2>
<br>
<p class="solotext">Les fichiers de la blockchain sont ouverts à tous et plutôt que de les stocker à un seul endroit, ils sont hébergés par des millions d'ordinateurs à la fois. Cela rend la blockchain à la fois transparente et résistante aux changements, ne laissant aucun point faible exposé aux erreurs humaines ou informatiques.</p><br>
<p class="solotext">Les blocs sont reliés entre eux cryptographiquement au moyen de formules mathématiques et informatiques complexes. Toute tentative de falsification de données entraîne une interruption de connexion entre les blocs et est très facilement identifiable par les ordinateurs du réseau.</p><br>
<br><h2 class="righth2">Minage, création de bloc et transaction</h2><br>
<p class="rightext2">Le minage est le procédé par lequel les transactions sur cryptomonnaies récentes sont vérifiées, à la suite de quoi de nouvelles unités sont mises en circulation.</p><br>
<p class="rightext2">Les mineurs (ordinateurs chargés du minage) traitent les transactions en attente en s’assurant que l’expéditeur dispose de fonds suffisants pour mener à bien la transaction. Les détails de la transaction sont comparés avec l’historique des transactions stockées sur la chaîne de blocs. Lorsque l’expéditeur utilise sa clé privée, il donne son autorisation pour réaliser le virement de fonds.</p><br>
<p class="rightext2">Les mineurs rassemblent les transactions valides dans un nouveau bloc et tentent de générer un lien cryptographique le reliant avec le bloc précédent en résolvant un algorithme complexe. Lorsque l’un d’eux parvient à générer ce lien, il l’envoie au reste du réseau pour validation.</p>
<img src="minage.jpeg" class="imgleft">
<h1 class="h1left">Cryptos les plus importantes sur le marché</h1>
<div class="imgslide">
<div class=zoom>
<div class=image1>
<div class="container">
<div class="slider">
<a href="https://coinmarketcap.com/fr/currencies/bitcoin">
<img src="btc.png" class="imgslid" class="active">
</a>
<a href="https://coinmarketcap.com/fr/currencies/litecoin">
<img src="ltc.png" class="imgslid">
</a>
<a href="https://coinmarketcap.com/fr/currencies/ethereum">
<img src="eth.png" class="imgslid">
</a>
<a href="https://coinmarketcap.com/fr/currencies/binance-coin">
<img src="bnb.png" class="imgslid">
</a>
<a href="https://coinmarketcap.com/fr/currencies/cardano/">
<img src="cardano.png" class="imgslid">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cont-btn">
<div class="btn-nav left"></div>
<div class="btn-nav right"></div>
</div>
</div>
<br>
<br><h2 class="lefth2">Comment et où s'en procurer ?</h2><br>
<p class="solotext">En raison de la montée du prix du Bitcoin, les crypto monnaies intéressent un public de plus en plus large. Celles-ci peuvent être un investissement rentable en 2021, à condition de bien les assimiler et de choisir une plateforme fiable. En effet bien qu'investir dans la cryptomonnaie ne paraisse pas très compliqué, il faut savoir prendre en comptes les différents risques. Le marché des cryptos-actifs peut-être et est dans la plupart des cas très volatile, il faut donc soit avoir de la chance, soit se renseigner un minimum.</p><br>
<br><p class="rightext3">Tour d'abord, il faut choisir un bon site ou application pour déposer puis pouvoir acheter différent token. Les plateformes très simple d'utilisation et sûr sont souvent conseiller tel que Binance ou Coinbase. En effet la prise en main n'est vraiment pas compliqué, c'est d'ailleurs souvent pour ça que certaines personnes prennent cette investissement comme un jeu.</p> <br>
<p class="rightext3"> Pour déposer de l'argent rien de compliqué non plus, quelques verifications d'identité, mettre un moyen de paiement(carte bancaire, paypal...)
choisir la somme du dépôt et placé le montant convenu sur un stable coin (jeton stable) tel que l'USDT (Tether), et voila vous êtes prêt à devenir le plus grand des investisseurs.</p>
<img src="binance.jpeg" class="imgleft4">
<script src="loading.js"></script>
</body>
</html>

46
Metaverse.html

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<h1>Crypto Project</h1>
<nav>
<ul>
<li class="menu-deroulant">
<a href="crypto.html">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
<li><a href="Metaverse.html">Metaverse</a></li>
</ul>
</li>
<li class="menu-deroulant">
<a href="#">Réalisations</a>
<ul class="sous-menu">
<li><a href="#">SpaceX</a></li>
<li><a href="#">Codeur.com</a></li>
</ul>
</li>
<li><a href="#">À propos</a></li>
<li><a href="#">Contactez-nous</a></li>
</ul>
</nav>
<div class="slid">
<div class="slidz">
<div class="slide"><img src="mutantapes.png" class="slide"></div>
<div class="slide"><img src="punk.png" class="slide"></div>
<div class="slide"><img src="arabiancaml.jpeg" class="slide"></div>
</div>
</div>
<script src="loading.js"></script>
</body>
</html>

176
NFT.html

@ -0,0 +1,176 @@
<!DOCTYPE html>
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<img src="logo2.jpeg" class="logo">
<div class="loader">
<span class="lettre">C</span>
<span class="lettre">H</span>
<span class="lettre">A</span>
<span class="lettre">R</span>
<span class="lettre">G</span>
<span class="lettre">E</span>
<span class="lettre">M</span>
<span class="lettre">E</span>
<span class="lettre">N</span>
<span class="lettre">T</span>
</div>
<nav>
<ul>
<li>
<a href="crypto.html">Accueil</a>
</li>
<li class="menu-deroulant">
<a href="#">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
, </ul>
</li>
<li class="menu-deroulant">
<a href="#">À propos</a>
<ul class="sous-menu">
<li><a href="support.html">Support</a></li>
</ul>
</li>
</ul>
</nav>
<div class="h1right3"><h1>Un NFT, c'est quoi ?</h1></div>
<img src="nft.jpeg" class="imgleft">
<p class="rightext4">Un Non-Fungible Token, jeton non fongible ou NFT, est un jeton unique 100 % virtuel (ou une version numérique de quelque chose qui existe dans le monde réel) qui est émis sur la blockchain, majoritairement Ethereum, et directement transférable entre deux personnes.<br>
<br>Un NFT est différent des crypto monnaies classiques comme le Bitcoin ou l’Ether. Les crypto monnaies sont en effet fongibles, c’est-à-dire interchangeables : 1 Bitcoin vaut 1 autre Bitcoin, alors qu’un NFT n’est pas fongible.<br>
<br>Il s’agit donc d’un actif unique qui ne peut pas être remplacé par quelque chose d’autre : 1 NFT ne vaut pas 1 autre NFT. Un jeton non fongible a en effet des propriétés uniques et montre certaines preuves d’authenticité et signatures comme un identifiant unique, un créateur unique ou encore un contenu unique.</p><br>
<h1 class="h1left2">Comment ces NFTs sont-ils utilisés ?</h1>
<img src="nft2.jpeg" class="imgright3">
<h2 class="lefth2-2">NFT art</h2>
<br><p class="leftext2">Le monde de l’art et des objets de collection numériques semblent être l’une des utilisations les plus populaires des NFT comme avec les cartes à collectionner NFT NBA Top Shot ou la vente d’œuvres d’art comme celles de Beeple ou de Art Blocks Curated chez Christie’s.</p><br>
<h2 class="lefth2-2">NFT gaming</h2><br>
<br><p class="leftext2">Autre secteur au cœur de la révolution récente des NFT, le gaming regroupe de nombreuses façons de profiter de ces tokens non fongibles. Vous pouvez acheter des objets dans les jeux ou gérer des NFT immobiliers dans des métaverses par exemple. Decentraland, The Sandbox et Enjin sont les jeux blockchains les plus populaires. AxieInfinity est aussi l’un des jeux vidéo NFT les plus connus.</p><br>
<h2 class="lefth2-2">NFT sport</h2>
<br><p class="leftext2">Avec les collections NFT dans le monde du sport et certains jeux NFT comme Sorare, le milieu sportif intègre de plus en plus les NFT qui sont utilisés pour créer de nouveaux produits/services et proposer des expériences uniques aux fans.</p><br>
<h2 class="lefth2-2">Autres utilisations des NFTs</h2>
<br><p class="leftext2">Puisque les NFT peuvent représenter la preuve de propriétés de nombreux sous-jacents et ont de nombreux usages, on peut aussi les retrouver dans la logistique, les avatars, la musique, les noms de domaines, la billetterie, les marques de luxe ou encore l’immobilier parmi d’autres secteurs.</p><br>
<h1 class="h1right5">Pourquoi et comment investir dans les NFTs</h1>
<img src="investnft.jpeg" class="imgleft5">
<p class="rightext">Les NFT sont vus par certains comme un moyen de profiter de la blockchain pour soutenir un créateur et avoir une relation privilégiée avec lui. D’autres pensent que les NFT sont le futur de la façon dont la culture va être stockée. Pour certaines personnes, les NFT sont un outil de spéculation et d’investissement.<br>
<br>Puisque les NFT sont uniques, le sentiment de rareté associé peut accroître l’intérêt porté à certains NFT, faisant ainsi grimper leur prix. Il est en effet possible de faire d’importants profits si vous investissez dans le bon NFT. Les cas d’utilisation des NFT sont aussi en augmentation, ce qui rend ce marché de plus en plus populaire, ouvrant ainsi la voie à un potentiel de croissance et de développement important.</p><br>
<br>
<br><p class="solotext2">Pour investir dans les NFT, vous devez choisir et configurer un portefeuille vers lequel vous allez envoyer vos NFT récemment achetés. Vous devez ensuite choisir la plateforme que vous allez utiliser (Binance NFT, Rarible...) en fonction du type de jetons non fongibles que vous souhaitez acquérir et du type de devise que vous voulez utiliser comme moyen de paiement (devises fiat vs crypto monnaies).<br>
<br>Pour optimiser votre investissement dans les NFT, il est conseillé de se concentrer sur ce que vous savez faire. Exploitez donc votre domaine d’expertise pour choisir les meilleurs NFT en fonction de vos objectifs.</p>
<h1 class="h1left">Quelques exemples de NFTs</h1>
<p class="solotext2">Ici se trouve trois NFTs qui de leur originalité, rareté et beauté ont une valeur bien différente.</p>
<div class="slid">
<div class="slidz">
<div class="slide"><img src="mutantapes.png"></div>
<div class="slide"><img src="punk.png"></div>
<div class="slide"><img src="arabiancaml.jpeg"></div>
</div>
</div>
<pre><marquee>1. Mutant Apes 2. Crypto Punk 3. Arabian Camel</marquee></pre>
<script src="loading.js"></script>
</body>
</html>

BIN
arabiancaml.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

BIN
binance.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
blockchain.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
bnb.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
btc (2).png

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

BIN
btc.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 366 KiB

BIN
cardano.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 328 KiB

109
crypto.html

@ -0,0 +1,109 @@
<!DOCTYPE html>
<!--Si il y a des espaces partout dans le code c'est que ma clé usb a tout fait bugé-->
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<img src="logo2.jpeg">
<div class="loader">
<span class="lettre">C</span>
<span class="lettre">H</span>
<span class="lettre">A</span>
<span class="lettre">R</span>
<span class="lettre">G</span>
<span class="lettre">E</span>
<span class="lettre">M</span>
<span class="lettre">E</span>
<span class="lettre">N</span>
<span class="lettre">T</span>
</div>
<nav>
<ul>
<li>
<a href="crypto.html">Accueil</a>
</li>
<li class="menu-deroulant">
<a href="#">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
, </ul>
</li>
<li class="menu-deroulant">
<a href="#">À propos</a>
<ul class="sous-menu">
<li><a href="support.html">Support</a></li>
</ul>
</li>
</nav>
<div class="h1left"><h1>Présentation</h1></div>
<br>
<div class="leftext"><p>Tout ce que vous devez savoir sur le fontionnement de la blockchain, la crypto-monnaie, les NFTs.</div></p>
<img src="Blockchain-infographic.jpeg" class="imgright">
<script src="loading.js"></script>
</body>
</html>

BIN
cryptoimg1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

BIN
eth.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

BIN
explicationblockchain.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

BIN
imgcrypto2.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

BIN
investnft.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

55
loading.js

@ -0,0 +1,55 @@
const loader = document.querySelector('.loader');
window.addEventListener('load', () => {
loader.classList.add('fondu-out');
})
const items = document.querySelectorAll('img');
const nbSlide = items.length;
const suivant = document.querySelector('.right');
const precedent = document.querySelector('.left');
let count = 0;
function slideSuivante(){
items[count].classList.remove('active');
if(count < nbSlide - 1){
count++;
} else {
count = 0;
}
items[count].classList.add('active')
console.log(count);
}
suivant.addEventListener('click', slideSuivante)
function slidePrecedente(){
items[count].classList.remove('active');
if(count > 0){
count--;
} else {
count = nbSlide - 1;
}
items[count].classList.add('active')
// console.log(count);
}
precedent.addEventListener('click', slidePrecedente)
function keyPress(e){
console.log(e);
if(e.keyCode === 37){
slidePrecedente();
} else if(e.keyCode === 39){
slideSuivante();
}
}
document.addEventListener('keydown', keyPress)

BIN
logo2.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 KiB

BIN
ltc.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
minage.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

BIN
mutantapes.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 KiB

BIN
nft.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
nft2.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
punk.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
sol.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
sorare.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 528 KiB

1129
style.css

File diff suppressed because it is too large

103
support.html

@ -0,0 +1,103 @@
<!DOCTYPE html>
<!--Si il y a des espaces partout dans le code c'est que ma clé usb a tout fait bugé-->
<html>
<head></head>
<meta charset="utf-8">
<title>Crypto Project</title>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<img src="logo2.jpeg" class="logo">
<div class="loader">
<span class="lettre">C</span>
<span class="lettre">H</span>
<span class="lettre">A</span>
<span class="lettre">R</span>
<span class="lettre">G</span>
<span class="lettre">E</span>
<span class="lettre">M</span>
<span class="lettre">E</span>
<span class="lettre">N</span>
<span class="lettre">T</span>
</div>
<nav>
<ul>
<li>
<a href="crypto.html">Accueil</a>
</li>
<li class="menu-deroulant">
<a href="#">Définition</a>
<ul class="sous-menu">
<li><a href="Blockchain.html">Blockchain</a></li>
<li><a href="Crypto-monnaies.html">Crypto-monnaies</a></li>
<li><a href="NFT.html">NFT</a></li>
, </ul>
</li>
<li class="menu-deroulant">
<a href="#">À propos</a>
<ul class="sous-menu">
<li><a href="support.html">Support</a></li>
</ul>
</li>
</nav>
<div class="support">
<p>Vous vous trouvez sur la page du support de Crypto Project donc si il y a:</p><br>
<ul>
<li>des bugs</li>
<li>des informations que vous trouvez importantes à rajouter</li>
<li>des informations qui ne sont pas clairs</li>
<li>des choses à améliorer</li>
</ul>
<br><p>Veuillez envoyer un mail à l'adresse suivante:<span style="font-weight: 900;"> cryptoproject@gmail.com</p></span>
</div>
<script src="loading.js"></script>
</body>
</html>

BIN
usdt.jpeg.sb-96249db2-MbwXvj

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

BIN
usdt.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
utilisationblockchain.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 583 KiB

Loading…
Cancel
Save