breizhbitcoin/index.html
2023-06-27 12:22:29 +02:00

110 lines
6.0 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<!-- nouvelle version (HTML 5) -->
<meta charset="utf-8">
<!-- ancienne version : voir https://stackoverflow.com/questions/11582344/meta-tags-explained-http-equiv-and-charset-->
<!-- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- pour que le contenu sadapte sur mobile. voir https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag -->
<title>Breizh Bitcoin- Because fuck banks</title>
<meta name="description" content="Site web de l'association Breizh Bitcoin">
<link rel="shortcut icon" href="https://breizhbitcoin.zoz-serv.org/wp-content/uploads/2023/03/cropped-Bitcoin.svg_.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- voir Structure HTML https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure -->
<header>
<nav>
<div class="nav-logo">
<!-- <a href="#"><img src="" alt=""></a> -->
<a href="#">LOGO</a>
</div>
<ul class="nav-main">
<li><a href="#">Map</a></li>
<li><a href="#">Évènements</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav-social">
<li><a href="#">Social1</a></li>
<li><a href="#">Social2</a></li>
<li><a href="#">Social3</a></li>
</ul>
</nav>
</header>
<!-- <main> il faudrait mettre le contenu principal (hors header et footer) dans cette balise pour le référencement.
</main> -->
<div class="section0" style="background-color: black;">
<img class="picture-50" src="https://breizhbitcoin.zoz-serv.org/wp-content/uploads/2023/04/Group_85.svg">
<p class="text-18px-white-no-padding">TEST PUSH 3 UNE COMMUNAUTÉ DE BITCOINERS AFIN DE DÉVELOPPER BITCOIN EN BRETAGNE ET AU-DELÀ</p>
</div>
<!-- <div class="row">
<div class="section" style="background-color: #fdfdfd;">
<p class="text-112px-black">RENCONTRES</p>
<p class="text-18px-f6a01c">SANS SHITCOINS</p>
</div>
<div class="section" style="background-color: #fdfdfd">
<p class="text-56px-black-left">RETROUVE LES</p>
<p class="text-56px-f6a01c-left">BITCOINERS</p>
<p class="text-56px-black-left">PROCHE DE CHEZ TOI</p>
<p class="text-18px-black">RENNES, SAINT-MALO, SAINT-BRIEUC, NANTES, SAINT-NAZAIRES, QUIMPER, BREST, LORIENT</p>
<div style="display:flex; justify-content:center">
<a class="fcc-btn-black" href="https://breizhbitcoin.zoz-serv.org/carte-des-meet-ups/">Plus d'informations</a>
</div>
</div>
</div> -->
<main>
<!-- [reste du main] -->
<article class="bg-white">
<!-- un p quon transforme en titre via le CSS, ou un h2 directement, suivant si on considère linfo importante (trouvable via moteur de recherche par exemple) ou non -->
<p class="text-h2">
Rencontre <br>
<div class="orange">
Sans shitcoins
</div>
</p>
</article>
<article class="bg-white">
<h2>Retrouve les <span class="orange">bitcoiners</span> proche de chez toi</h2>
<p>Rennes, Saint-Malo, Saint-Brieuc, Nantes, Saint-Nazaines, Quimper, Brest, Lorient</p>
<div>
<a href="https://breizhbitcoin.zoz-serv.org/carte-des-meet-ups/" class="link-button">Plus d'informations</a>
</div>
</article>
<!-- [suite du main] -->
</main>
<div class="row">
<div class="section" style="background-color: #f6a01c">
<p class="text-56px-white">BITCOIN</p>
<p class="text-56px-black-center">DANS TON</p>
<p class="text-56px-white">COMMERCE</p>
<p class="text-18px-black">GRATUITEMENT<br />NOUS VOUS ACCOMPAGNONS SUR LES SUJETS DE LA FISCALITÉ, COMPTABILITÉ, OUTILS, COMMUNICATION, ETC.</p>
<div style="display:flex; justify-content:center">
<a class="fcc-btn-black" href="https://breizhbitcoin.zoz-serv.org/accepter-bitcoin-dans-son-commerce/">Plus d'informations</a>
</div>
</div>
<div class="section" style="background-color: black;">
<p class="text-56px-white">APPRENDS</p>
<p class="text-56px-f6a01c-center">TOUT SUR</p>
<p class="text-56px-white">BITCOIN</p>
<p class="text-18px-white"><br>DÉCOUVRE NOTRE SÉLECTION DE CONTENUS ET DE FORMATIONS AFIN DE TOUT SAVOIR SUR BITCOIN</p>
<div style="display:flex; justify-content:center">
<a class="fcc-btn-white" href="https://breizhbitcoin.zoz-serv.org/accepter-bitcoin-dans-son-commerce/">Plus d'informations</a>
</div>
</div>
</div>
<div class="row">
<div class="section" style="background-color: #fdfdfd;">
<p><img class="picture-100" src="https://breizhbitcoin.zoz-serv.org/wp-content/uploads/2023/04/Group.svg"></p>
</div>
<div class="section" style="background-color: #fdfdfd;">
<p class="text-56px-f6a01c-center-phone">L'ÉVENEMENT POUR LES BITCOINERS</p>
<p class="text-18px-black">LE BITCOIN ECONOMIC FORUM EST UN ÉVÈNEMENT UNIQUE, ORGANISÉ PAR LES BITCOINERS, POUR LES BITCOINERS</p>
<div style="display:flex; justify-content:center">
<a class="fcc-btn-black" href="https://bef.breizhbitcoin.com/">Plus d'informations</a>
</div>
</div>
</div>
</body>
</html>