commit 6f071b139682b5fe480c32eeac81d6ee53b44608 Author: clochard.l <> Date: Mon Dec 13 09:48:12 2021 +0100 ajout fichier premiere version site diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..cfe6e01 Binary files /dev/null and b/.DS_Store differ diff --git a/._.DS_Store b/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/._.DS_Store differ diff --git a/._BLOCKCHAIN.ttf b/._BLOCKCHAIN.ttf new file mode 100644 index 0000000..6c33593 Binary files /dev/null and b/._BLOCKCHAIN.ttf differ diff --git a/._Bitcoin.otf b/._Bitcoin.otf new file mode 100644 index 0000000..a266547 Binary files /dev/null and b/._Bitcoin.otf differ diff --git a/._Blockchain-infographic.jpeg b/._Blockchain-infographic.jpeg new file mode 100644 index 0000000..7915e15 Binary files /dev/null and b/._Blockchain-infographic.jpeg differ diff --git a/._Blockchain.html b/._Blockchain.html new file mode 100644 index 0000000..4f0b085 Binary files /dev/null and b/._Blockchain.html differ diff --git a/._Crypto-monnaies.html b/._Crypto-monnaies.html new file mode 100644 index 0000000..787fa8a Binary files /dev/null and b/._Crypto-monnaies.html differ diff --git a/._Metaverse.html b/._Metaverse.html new file mode 100644 index 0000000..787fa8a Binary files /dev/null and b/._Metaverse.html differ diff --git a/._NFT.html b/._NFT.html new file mode 100644 index 0000000..787fa8a Binary files /dev/null and b/._NFT.html differ diff --git a/._binance.jpeg b/._binance.jpeg new file mode 100644 index 0000000..00c6803 Binary files /dev/null and b/._binance.jpeg differ diff --git a/._blockchain.jpeg b/._blockchain.jpeg new file mode 100644 index 0000000..43139b9 Binary files /dev/null and b/._blockchain.jpeg differ diff --git a/._bnb.png b/._bnb.png new file mode 100644 index 0000000..50de5f2 Binary files /dev/null and b/._bnb.png differ diff --git a/._btc.png b/._btc.png new file mode 100644 index 0000000..b00586f Binary files /dev/null and b/._btc.png differ diff --git a/._cardano.png b/._cardano.png new file mode 100644 index 0000000..f993aca Binary files /dev/null and b/._cardano.png differ diff --git a/._crypto.html b/._crypto.html new file mode 100644 index 0000000..3f06c2b Binary files /dev/null and b/._crypto.html differ diff --git a/._cryptoimg1.png b/._cryptoimg1.png new file mode 100644 index 0000000..c3515ce Binary files /dev/null and b/._cryptoimg1.png differ diff --git a/._eth.png b/._eth.png new file mode 100644 index 0000000..967991b Binary files /dev/null and b/._eth.png differ diff --git a/._explicationblockchain.png b/._explicationblockchain.png new file mode 100644 index 0000000..0760aba Binary files /dev/null and b/._explicationblockchain.png differ diff --git a/._imgcrypto2.jpeg b/._imgcrypto2.jpeg new file mode 100644 index 0000000..1ffde26 Binary files /dev/null and b/._imgcrypto2.jpeg differ diff --git a/._investnft.jpeg b/._investnft.jpeg new file mode 100644 index 0000000..8513a24 Binary files /dev/null and b/._investnft.jpeg differ diff --git a/._loading.js b/._loading.js new file mode 100644 index 0000000..6fae94f Binary files /dev/null and b/._loading.js differ diff --git a/._logo.png b/._logo.png new file mode 100644 index 0000000..50b14d3 Binary files /dev/null and b/._logo.png differ diff --git a/._logo2.jpeg b/._logo2.jpeg new file mode 100644 index 0000000..2312441 Binary files /dev/null and b/._logo2.jpeg differ diff --git a/._ltc.png b/._ltc.png new file mode 100644 index 0000000..e18c9f8 Binary files /dev/null and b/._ltc.png differ diff --git a/._minage.jpeg b/._minage.jpeg new file mode 100644 index 0000000..c4cf628 Binary files /dev/null and b/._minage.jpeg differ diff --git a/._mutantapes.jpeg b/._mutantapes.jpeg new file mode 100644 index 0000000..e1ea5c9 Binary files /dev/null and b/._mutantapes.jpeg differ diff --git a/._nft.jpeg b/._nft.jpeg new file mode 100644 index 0000000..c71fc79 Binary files /dev/null and b/._nft.jpeg differ diff --git a/._nft2.jpeg b/._nft2.jpeg new file mode 100644 index 0000000..7e70806 Binary files /dev/null and b/._nft2.jpeg differ diff --git a/._punk.png b/._punk.png new file mode 100644 index 0000000..1e9d862 Binary files /dev/null and b/._punk.png differ diff --git a/._ripple.jpeg b/._ripple.jpeg new file mode 100644 index 0000000..d1181be Binary files /dev/null and b/._ripple.jpeg differ diff --git a/._skully.png b/._skully.png new file mode 100644 index 0000000..6b8d4e6 Binary files /dev/null and b/._skully.png differ diff --git a/._sol.png b/._sol.png new file mode 100644 index 0000000..115e9b7 Binary files /dev/null and b/._sol.png differ diff --git a/._sorare.jpeg b/._sorare.jpeg new file mode 100644 index 0000000..d19a8ab Binary files /dev/null and b/._sorare.jpeg differ diff --git a/._spinning-loading.gif b/._spinning-loading.gif new file mode 100644 index 0000000..8ae13a0 Binary files /dev/null and b/._spinning-loading.gif differ diff --git a/._style.css b/._style.css new file mode 100644 index 0000000..787fa8a Binary files /dev/null and b/._style.css differ diff --git a/._usdt.jpeg.sb-96249db2-MbwXvj b/._usdt.jpeg.sb-96249db2-MbwXvj new file mode 100644 index 0000000..13ff842 Binary files /dev/null and b/._usdt.jpeg.sb-96249db2-MbwXvj differ diff --git a/._usdt.png b/._usdt.png new file mode 100644 index 0000000..26f37e8 Binary files /dev/null and b/._usdt.png differ diff --git a/._utilisationblockchain.png b/._utilisationblockchain.png new file mode 100644 index 0000000..430fc7c Binary files /dev/null and b/._utilisationblockchain.png differ diff --git a/BLOCKCHAIN.ttf b/BLOCKCHAIN.ttf new file mode 100644 index 0000000..958a53b Binary files /dev/null and b/BLOCKCHAIN.ttf differ diff --git a/Bitcoin.otf b/Bitcoin.otf new file mode 100644 index 0000000..09b2d93 Binary files /dev/null and b/Bitcoin.otf differ diff --git a/Blockchain-infographic.jpeg b/Blockchain-infographic.jpeg new file mode 100644 index 0000000..1e530c2 Binary files /dev/null and b/Blockchain-infographic.jpeg differ diff --git a/Blockchain.html b/Blockchain.html new file mode 100644 index 0000000..91823e4 --- /dev/null +++ b/Blockchain.html @@ -0,0 +1,150 @@ + + + + + + + + + + + + + Crypto Project + + + + + + + + + + + +
+ + C + + H + + A + + R + + G + + E + + M + + E + + N + + T + +
+ + + + + +

Une blockchain, c'est quoi ?

+ + + +

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.

+ + + +

À 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.


+ + + +
+ + + +

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.

+ + + + + +

Les différentes utilités

+ +
+ +

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.

+ + + +

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.

+ +
+ + + +

Les limite de la blockchain

+ +

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 ?
+ + + +
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

+ + + +

La technologie Blockchain est considérée, sans l’ombre d’un doute, comme l’une des innovations technologiques les plus puissantes de ces

                                                                                                      dernières années.

+ + + + + + + + + + + \ No newline at end of file diff --git a/Crypto-monnaies.html b/Crypto-monnaies.html new file mode 100644 index 0000000..74fb29b --- /dev/null +++ b/Crypto-monnaies.html @@ -0,0 +1,244 @@ + + + + + + + + + + + Crypto Project + + + + + + + + + + + +
+ + C + + H + + A + + R + + G + + E + + M + + E + + N + + T + +
+ + + +

Crypto-monnaies, crypto-actifs... de quoi
s'agit-il ?

+ +
+ +


À 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 ?


+ + + +

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 ».


+ + + +

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. »

+ + + + + +

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.

+ + + +

Comment fonctionne le marché des cryptomonnaies

+ + + +

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).
+ + + + 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.


+ + + +

Réseau décentralisé et Cryptographie

+ +
+ +

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.


+ +

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.


+ + + +

Minage, création de bloc et transaction


+ +

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.


+ +

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.


+ +

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.

+ + + +

Cryptos les plus importantes sur le marché

+ + + +
+ +
+ +
+ + + +
+ + + + + +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + + + + + + + + +
+ + + +

Comment et où s'en procurer ?


+ +

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.


+ + + +

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.


+ +

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.

+ + + + + + + + + + + diff --git a/Metaverse.html b/Metaverse.html new file mode 100644 index 0000000..db94c74 --- /dev/null +++ b/Metaverse.html @@ -0,0 +1,46 @@ + + + + + + Crypto Project + + + +

Crypto Project

+ + + +
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/NFT.html b/NFT.html new file mode 100644 index 0000000..8baeac1 --- /dev/null +++ b/NFT.html @@ -0,0 +1,176 @@ + + + + + + + + + + + + + Crypto Project + + + + + + + + + + + +
+ + C + + H + + A + + R + + G + + E + + M + + E + + N + + T + +
+ + + + + +

Un NFT, c'est quoi ?

+ + + +

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.
+ + + +
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.
+ + + +
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.


+ + + +

Comment ces NFTs sont-ils utilisés ?

+ + + +

NFT art

+ +

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.


+ +

NFT gaming


+ +

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.


+ +

NFT sport

+ +

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.


+ +

Autres utilisations des NFTs

+ +

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.


+ + + +

Pourquoi et comment investir dans les NFTs

+ + + +

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.
+ + + +
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.


+ +
+ +

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).
+ + + +
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.

+ + + +

Quelques exemples de NFTs

+ +

Ici se trouve trois NFTs qui de leur originalité, rareté et beauté ont une valeur bien différente.

+ + + +
+ +
+ +
+
+
+ +
+ +
+
1. Mutant Apes  2. Crypto Punk  3. Arabian Camel
+ + + + + + + + diff --git a/arabiancaml.jpeg b/arabiancaml.jpeg new file mode 100644 index 0000000..de88216 Binary files /dev/null and b/arabiancaml.jpeg differ diff --git a/binance.jpeg b/binance.jpeg new file mode 100644 index 0000000..8b9dcce Binary files /dev/null and b/binance.jpeg differ diff --git a/blockchain.jpeg b/blockchain.jpeg new file mode 100644 index 0000000..1cf86c9 Binary files /dev/null and b/blockchain.jpeg differ diff --git a/bnb.png b/bnb.png new file mode 100644 index 0000000..bbd57f0 Binary files /dev/null and b/bnb.png differ diff --git a/btc (2).png b/btc (2).png new file mode 100644 index 0000000..289a591 Binary files /dev/null and b/btc (2).png differ diff --git a/btc.png b/btc.png new file mode 100644 index 0000000..4086f9f Binary files /dev/null and b/btc.png differ diff --git a/cardano.png b/cardano.png new file mode 100644 index 0000000..f7448ea Binary files /dev/null and b/cardano.png differ diff --git a/crypto.html b/crypto.html new file mode 100644 index 0000000..dffb193 --- /dev/null +++ b/crypto.html @@ -0,0 +1,109 @@ + + + + + + + + + + + Crypto Project + + + + + + + + + + + +
+ + C + + H + + A + + R + + G + + E + + M + + E + + N + + T + +
+ + + +

Présentation

+ +
+ +

Tout ce que vous devez savoir sur le fontionnement de la blockchain, la crypto-monnaie, les NFTs.

+ + + + + + + + + + + + + + + + + + diff --git a/cryptoimg1.png b/cryptoimg1.png new file mode 100644 index 0000000..d89afb5 Binary files /dev/null and b/cryptoimg1.png differ diff --git a/eth.png b/eth.png new file mode 100644 index 0000000..6787242 Binary files /dev/null and b/eth.png differ diff --git a/explicationblockchain.png b/explicationblockchain.png new file mode 100644 index 0000000..b69eb60 Binary files /dev/null and b/explicationblockchain.png differ diff --git a/imgcrypto2.jpeg b/imgcrypto2.jpeg new file mode 100644 index 0000000..6192ad8 Binary files /dev/null and b/imgcrypto2.jpeg differ diff --git a/investnft.jpeg b/investnft.jpeg new file mode 100644 index 0000000..0d5205b Binary files /dev/null and b/investnft.jpeg differ diff --git a/loading.js b/loading.js new file mode 100644 index 0000000..53b4202 --- /dev/null +++ b/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) \ No newline at end of file diff --git a/logo2.jpeg b/logo2.jpeg new file mode 100644 index 0000000..51012e4 Binary files /dev/null and b/logo2.jpeg differ diff --git a/ltc.png b/ltc.png new file mode 100644 index 0000000..0e13e85 Binary files /dev/null and b/ltc.png differ diff --git a/minage.jpeg b/minage.jpeg new file mode 100644 index 0000000..ca64110 Binary files /dev/null and b/minage.jpeg differ diff --git a/mutantapes.png b/mutantapes.png new file mode 100644 index 0000000..a7d93b5 Binary files /dev/null and b/mutantapes.png differ diff --git a/nft.jpeg b/nft.jpeg new file mode 100644 index 0000000..e7f0b7d Binary files /dev/null and b/nft.jpeg differ diff --git a/nft2.jpeg b/nft2.jpeg new file mode 100644 index 0000000..5442216 Binary files /dev/null and b/nft2.jpeg differ diff --git a/punk.png b/punk.png new file mode 100644 index 0000000..5388daf Binary files /dev/null and b/punk.png differ diff --git a/sol.png b/sol.png new file mode 100644 index 0000000..597ffca Binary files /dev/null and b/sol.png differ diff --git a/sorare.png b/sorare.png new file mode 100644 index 0000000..7edd67f Binary files /dev/null and b/sorare.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..6dbeafd --- /dev/null +++ b/style.css @@ -0,0 +1,1129 @@ +body { + + display: flex; + + justify-content: center; + + align-items: center; + + flex-direction: column; + + font-family: sans-serif; + +} + + + + + + + +.h1left{ + + color: #18434A; + + font-family: sans-serif; + + margin-right: auto; + + border-left: 8px orange solid ; + + text-indent: 5px; + + + + + +} +.h1left2{ + + color: #18434A; + + font-family: sans-serif; + + margin-right: auto; + + border-left: 8px orange solid ; + + text-indent: 5px; + + position: relative; + + top: 75px; + + z-index: -1; + + + + + +} + + + +.h1right{ + + color: #18434A; + + font-family: sans-serif; + + margin-left: 50%; + + border-left: 8px orange solid ; + + text-indent: 5px; + + + +} + + + +.h1right3{ + + color: #18434A; + + font-family: sans-serif; + + margin-left: 22%; + + border-left: 8px orange solid ; + + + + + +} + + + +.h1right4{ + + color: #18434A; + + font-family: sans-serif; + + margin-left: 50%; + + border-left: 8px orange solid ; + + position: relative; + + bottom: 539px; right: 18px; + + + +} + + + + +.h1right5{ + + color: #18434A; + + font-family: sans-serif; + + margin-left: 50%; + + border-left: 8px orange solid ; + + position: relative; + + bottom: 571px; right: 54px; + + + +} + + + + + +.lefth2{ + + font-family: sans-serif; + + margin-right: auto; + + font-size: 23px; + + border: 2px #438B97 solid; + + color: black; + + + +} + + + +.lefth2-2 { + + font-family: sans-serif; + + margin-right: auto; + + font-size: 23px; + + border: 2px #438B97 solid; + + color: black; + + + + position: relative; + + bottom: 670px; + + z-index: -1; + + + +} + + + +.righth2{ + + font-family: sans-serif; + + margin-left: 30%; + + font-size: 23px; + + border: 2px #438B97 solid; + + color: black; + +} + + + + + +@font-face { + + font-family: "Bitcoin"; + + src: url("Bitcoin.otf") format("truetype"); + + font-style: normal; + + font-weight: normal; + + + +} + + + +@font-face { + + font-family: blockch; + + src: url("BLOCKCHAIN.ttf"); + +} + + + + + + + + + + + +:root{ + + --hauteur-menu: 60px; + +} + +* { + + margin: 0px; + + padding: 0px; + + font-family: Montserrat, sans-serif; + +} + +nav { + + width: 100%; + + font-size: 18px; + + position: sticky; + + top: 0; + +} + + + +nav > ul { + + display: flex; + + text-align: center; + + box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3); + + height: var(--hauteur-menu); + +} + + + +nav ul { + + list-style-type: none; + +} + + + +nav > ul > li { + + background-color: white; + + position: relative; + + height: 100%; + + flex: 1; + +} + + + + + +nav > ul > li > a { + + position: absolute; + + top: 50%; + + left: 50%; + + transform: translate(-50%, -50%); + +} + + + +li a { + + text-decoration: none; + + color: black; + +} + + + +.menu-deroulant > a:after{ + + content: '❯'; + + font-size: 15px; + + margin-left: 7px; + + display: inline-block; + +} + + + +.sous-menu { + + margin-top: var(--hauteur-menu); + + width: 100%; + + text-align: left; + + background-color: white; + + border-radius: 2px; + + overflow: hidden; + + max-height: 0; + +} + + + +.sous-menu > li > a { + + height: 50px; + + padding-left: 20px; + + width: 100%; + + align-items: center; + + display: flex; + +} + + + +nav > ul > li:hover > a{ + + color: #F38B4A; + +} + + + +.sous-menu > li:hover { + + background-color: #F38B4A; + + + + + +} + + + +.sous-menu > li:hover > a { + + color: white; + +} + + + +@keyframes rotationFleche { + + 0% { + + transform: rotate(0deg); + + } + + 100%{ + + transform: rotate(90deg); + + } + + + +} + + + +.menu-deroulant:hover > a:after{ + + animation: rotationFleche 0.2s linear forwards; + +} + + + +@keyframes apparitionSousMenu { + + 0% { + + box-shadow: 0px 3px 3px 1px black; + + border-top: 3px solid black; + + } + + 30% { + + box-shadow: 0px 3px 3px 1px #438B97; + + } + + 100% { + + max-height: 50em; + + border-top: 3px solid #438B97; + + box-shadow: 0px 3px 3px 1px #438B97; + + } + +} + + + +.menu-deroulant:hover > .sous-menu { + + animation: apparitionSousMenu 1s forwards; + +} + + + +.imgright { + + width: 50%; + + margin-left: auto; + + margin-top: -7%; + + + +} + + + +.imgright2 { + + width: 50%; + + margin-left: auto; + + margin-top: -31%; + +} + + + +.imgright3{ + + width: 50%; + + margin-left: auto; + + + + + +} +.imgright4{ + + width: 50%; + + margin-left: auto; + margin-top: -25%; + + + + + + + +} + + + +.imgleft { + + width: 50%; + + margin-right: auto; + + margin-top: ; + +} + + + +.imgleft2 { + + width: 50%; + + margin-right: auto; + + margin-top: -5%; + + + +} + + + +.imgleft3 { + + width: 50%; + + margin-right: auto; + + margin-top: -24%; + +} + + + +.imgleft4{ + + width: 50%; + + margin-right: auto; + + margin-top: -12%; + +} + + + +.imgleft5{ + + width: 50%; + + margin-right: auto; + + margin-top: -40%; + +} + + + +.leftext{ + + display: block; + + margin-right: 50% ; + + font-size: 18px; + + text-indent: 20px; + + + +} + + + +.leftext2{ + + display: block; + + margin-right: 50% ; + + font-size: 18px; + + text-indent: 20px; + + position: relative; + + bottom: 670px; + + z-index: -1; + + + +} + + + + + +.solotext{ + + display: block; + + font-size: 18px; + + text-indent: 20px; + +} + + + +.solotext2{ + + display: block; + + font-size: 18px; + + text-indent: 20px; + + margin-top: 5%; + +} + + + +.rightext{ + + display: inline-block; + + padding-left: 50%; + + margin-top: -19%; + + font-size: 18px; + + text-indent: 20px; + +} + + + +.rightext2{ + + display: inline-block; + + padding-left: 50%; + + font-size: 18px; + + text-indent: 20px; + +} + + + +.rightext3{ + + display: inline-block; + + padding-left: 50%; + + font-size: 18px; + + text-indent: 20px; + + position: relative; + + top: 100px; + +} + + + +.rightext4{ + + display: inline-block; + + padding-left: 50%; + + font-size: 18px; + + text-indent: 20px; + + margin-top: -22%; + + + + + + + +} + + + + + + + + + +.tec{ + + + + font-size: 22px; + + border: 1px #F38B4A ridge; + + font-family: sans-serif; + + + +} + + + +.defblockchain { + + display: block; + + margin-right: 50% ; + + font-size: 18px; + + text-indent: 20px; + margin-top: 10%; + +} + + + +.loader { + + position: absolute; + + width: 100%; + + height: 100%; + + background: white; + + display: flex; + + justify-content: center; + + align-items: center; + +} + +.lettre { + + color: #438B97; + + font-size: 80px; + + letter-spacing: 15px; + + margin-bottom: 150px; + + animation: flash 1.2s linear infinite; + + + +} + +@keyframes flash { + + 0% { + + color: #F38B4A; + + text-shadow: 0 0 7px #F38B4A; + + } + + 90% { + + color: #438B97; + + text-shadow: none; + + } + + 100% { + + color: #F38B4A; + + text-shadow: 0 0 7px #F38B4A; + + } + +} + + + +.lettre:nth-child(1){ + + animation-delay: 0.1s; + +} + +.lettre:nth-child(2){ + + animation-delay: 0.2s; + +} + +.lettre:nth-child(3){ + + animation-delay: 0.3s; + +} + +.lettre:nth-child(4){ + + animation-delay: 0.4s; + +} + +.lettre:nth-child(5){ + + animation-delay: 0.5s; + +} + +.lettre:nth-child(6){ + + animation-delay: 0.6s; + +} + +.lettre:nth-child(7){ + + animation-delay: 0.7s; + +} + +.lettre:nth-child(8){ + + animation-delay: 0.8s; + +} + +.lettre:nth-child(9){ + + animation-delay: 0.9s; + +} + +.lettre:nth-child(10){ + + animation-delay: 1s; + +} + + + +.fondu-out { + + opacity: 0; + + transition: opacity 0.4s ease-out; + +} + + + + + +.logo { + +width: 600px; + +margin-top: 17px; + +margin-bottom: 17px; + +} + + + + +.image1 img { + +z-index: -1; + +-webkit-transition: all 1s ease; /* Safari et Chrome */ + +-moz-transition: all 1s ease; /* Firefox */ + +-ms-transition: all 1s ease; /* Internet Explorer 9 */ + +-o-transition: all 1s ease; /* Opera */ + +transition: all 1s ease; + +} + +.image1:hover img { + +z-index: -1; + +-webkit-transform:scale(1.25); /* Safari et Chrome */ + +-moz-transform:scale(1.25); /* Firefox */ + +-ms-transform:scale(1.25); /* Internet Explorer 9 */ + +-o-transform:scale(1.25); /* Opera */ + +transform:scale(1.25); + +} + + + +*, ::before, ::after { + + margin: 0; + + padding: 0; + + box-sizing: border-box; + +} + + + + + +} + +.container { + + max-width: 800px; + + margin: 0 auto; + + padding: 50px; + +} + + + +.slider .imgslid { + + max-width: 100%; + + display: none; + +} + +.imgslid.active { + + display: block; + + animation: fade 0.8s; + +} + +@keyframes fade { + + from { + + opacity: 0; + + } + + to { + + opacity: 1; + + } + +} + + + +.cont-btn { + + width: 100%; + + height: auto; + + border: 1px solid #000; + + box-shadow: 0 10px 10px rgba(0,0,0,0.3); + + display: flex; + + justify-content: center; + +} + +.btn-nav { + + font-size: 50px; + + margin: 0 15px; + + cursor: pointer; + +} + + + +.imgslide{ + + width: 600px; + + + +} + + + +.slid{ + + width: 500px; + + overflow: hidden; + + margin: 150px auto; + + z-index: -1; + + border: 2px solid #F38B4A; + + +} + + + +.slidz{ + + width: calc(1000px*3); + + animation: glisse 5s infinite; + + z-index: -1; + +} + + + +.slide{ + + float: left; + + z-index: -1; + +} + + + +@keyframes glisse{ + + 0% { + + transform: translateX(0); + + } + + 33%{ + + transform: translateX(-600px); + + } + + 66%{ + + transform: translateX(-1200px); + + } + + 100%{ + + transform: translateX(0); + + } + + + +} + +marquee{ + font-weight: bold; + position: relative; + bottom: 120px; + z-index: -1; + +} + +.support{ + font-size: 40px; +} + diff --git a/support.html b/support.html new file mode 100644 index 0000000..513e96e --- /dev/null +++ b/support.html @@ -0,0 +1,103 @@ + + + + + + + + + + + Crypto Project + + + + + + + + + + + +
+ + C + + H + + A + + R + + G + + E + + M + + E + + N + + T + +
+ + +
+

Vous vous trouvez sur la page du support de Crypto Project donc si il y a:


+ +

Veuillez envoyer un mail à l'adresse suivante: cryptoproject@gmail.com

+
+ + + + + + + + diff --git a/usdt.jpeg.sb-96249db2-MbwXvj b/usdt.jpeg.sb-96249db2-MbwXvj new file mode 100644 index 0000000..2dc6b25 Binary files /dev/null and b/usdt.jpeg.sb-96249db2-MbwXvj differ diff --git a/usdt.png b/usdt.png new file mode 100644 index 0000000..12ee451 Binary files /dev/null and b/usdt.png differ diff --git a/utilisationblockchain.png b/utilisationblockchain.png new file mode 100644 index 0000000..f56c962 Binary files /dev/null and b/utilisationblockchain.png differ