-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (92 loc) · 5.58 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
<!--site asso pour les flâneries-->
<head>
<title>L'asso berru</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="berru-g github">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Open air au parc de la Gaudiniere à Nantes">
<meta name="description" content="Association nantaise. Un parc, une scéne, un bar et de la raclette.">
<meta name="keywords" content="Association nantaise, berru, parc de la Gaudinière, parc nantes, event parc, berru nantes">
<link rel="shortcut icon" href="src-img\icon-octocat.png" />
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="barre-menu">
<!-- <a href="github.com/berru-g" class="logo">Berru</a>-->
<a id="logo" href="#">
<img width="12%" height="12%" src="src-img\LOGO asso.png" title="L'asso est inactive depuis 2022"></a>
<nav class="dropdownmenu">
<ul>
<li><a href="#">Contacts</a>
<ul id="submenu">
<li><a href="#">Prog</a></li>
<li><a href="mailto:[email protected]">Admin</a></li>
<li><a href="#">offre de stage</a></li>
</ul>
</li>
<li><a href="#">Mersh</a>
<ul id="submenu">
<li><a href="#" title="Stock épuisé">Boissons</a></li>
<li><a href="https://berru-g.github.io/Make-Play/">Make&Play</a></li>
<li><a href="https://www.facebook.com/BERRUClothing/" title="Stock épuisé">SAPPES</a></li>
</ul>
</li>
<li><a href="https://fr-fr.facebook.com/lesflaneriesnantes" title="plus aucune date de prévu cette année">Open Air</a></li>
</ul>
</nav>
</div>
</header>
<div class="shooting">
<div class="trail"></div>
<div class="core"></div>
</div>
<!-- <div>
<a class="iss" href="https://ustream.tv/channel/9408562">
<img width="20%" height="20%" src="src-img\ISS.png" title="ISS en live" />
</div>-->
<Section>
<h2 id="text"><span>.</span><br></h2>
<img src="src-img\Stars.png" id="sat">
<img src="src-img\LUNE.png" id="stars">
<img src="src-img\cosmos.png" id="cosmos">
<a href="mailto:[email protected]" id="btn" title="et offre de stage">Devenir Bénevole</a>
<!-- <a href="ROMANCE2.0.wav" download="Romance" id="btn">Telechargement gratuit</a>-->
<img src="src-img\mountain3.png" id="mont" position:absolute>
<img src="src-img\foret.png" id="forest" position:absolute>
</Section>
<!--INTEGRER DU PYTHON = https://korben.info/javascript-python-brython.html -->
<div class="sec">
<h2>Bienvenue à l'atelier</h2>
<p>Berru c'est quoi? C'est une association loi 1901 à l'initiative des évenement Open Air "<a href="#" id="scale">les flaneries</a>" à Nantes, au Parc de la Gaudinière depuis 2018.<br><br></p>
<h4>Open Air</h4>
<p>Ce site vous permet de rester informé des prochaines dates de DJ Set au Parc. Mais aussi de découvrir l'univers de l'asso.</p>
<br><br>
<h4>DIY 🎮</h4>
<p> Au dela d'organiser des concert, dj'set dans des Parcs nantais, on s'éclate à créer toute sorte de chose, comme du mapping vidéo ou "projection vidéo", on programme des microcontrôleur en C++ et Python au protocole midi pour en faire des instruments
afin de jouer sur Ableton, Arena ou Arturia.
<p><a href="#">Nos instruments sont mis en vente ici</a> , il s'agit de clavier maitre USB-Midi et boite à son électro 100% Analogique, ou suivant l'inspiration, un mélange des deux.
<br><br>
<h4>Recyclage ♻</h4>
<p>Nous mettons également à disposition tout nos
<strong>invendu</strong> de la saison, à savoir toute les boisson soft et cidre, qu'il nous reste de nos évenements. Nous les vendons à -33 % de leur prix coutant, cela évite les pertes et le gaspillage.
<br>Dans ce même context, nous recyclons ...nanan si un meuble vous a plus lors d'un event, nous pouvons soit vous le donner si nous n'en n'avons plus l'utilité ou vous le prêter pour une occasion. <a href="" #>Dans espace trock.</a> <br><br>
<h4>Moyen de paiment 🛒</h4>
<p>Concernant les commandes et les prestations, nous acceptons la CB, Paypal et certaine crypto, dont Bitcoin, Ethereum et USDT.
<p> <br><br>L'équipe vous remercie de vous êtres interressé à notre univers.</p>
<br>
<div id="scale">
<p>Pour plus d'info génerale, veuillez vous réferer à notre <a href="#">FAQ</a></p>
</div>
</div>
<script src="script.js"></script>
</body>
<footer>
<div class="scale">
<p>Site develloppé maison <a href="http://www.github.com/berru-g"> my skill's. </a></p>
<a href="#" id="secret" title="">hello you, want to play?</a>
</div>
<p id="hour" style='color:var(--text-color);'>Nous sommes </p>
<p id="jour" style='color:var(--text-color); '></p>
<p id="nom" style='color:var(--text-color); '></p>
</footer>