-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_concert.html
146 lines (127 loc) · 6.01 KB
/
index_concert.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
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X008LB5B0F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X008LB5B0F');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Jeunes passionnés par la musique à la recherche de nouveaux cobaye">
<title>Yttrium</title>
<link rel="stylesheet" type="text/css" href="css\style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<link rel="stylesheet" type="text/css" href="css\style_concert.css">
<link rel="shortcut icon" type="image/x-icon" href="Picture\favicon_off.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- Boxicons CSS -->
<script src="cc.js" defer></script>
</head>
<body>
<div class="content">
<div class="cc">
<header>
<i class="fa-sharp fa-solid fa-cookie-bite"></i>
<h2 class="text2">Consentement aux cookies !</h2>
</header>
<div class="data">
<p>Ce site Web utilise des cookies pour vous aider à avoir une expérience de navigation supérieure et plus pertinente.</p>
</div>
<div class="buttonsc">
<button class="buttonc" id="acceptBtn">Accepter</button>
<button class="buttonc" id="declineBtn">Décliner</button>
</div>
</div>
<header>
<nav class="navbar">
<!-- Navbar brand -->
<div class="brand"><a href="index.html">
<img src="Picture/logo_detour_recadre.png" alt="Logo"></a>
</div>
<div class="toggle">
<i class="fa-solid fa-bars ouvrir"></i>
<i class="fa-solid fa-xmark fermer"></i>
</div>
<!-- Navbar links -->
<ul class="links">
<li><a class="thome" href="index.html">Home</a></li>
<li><a class="active tconsert" href="#">Concert</a></li>
<li><a class="treseau" href="index_reseau.html">Réseau</a></li>
</ul>
</nav>
</header>
<script src="main.js"></script>
<!--création balise main-->
<main>
<div class="container" >
<button id="popup-button"><i class="fa-solid fa-question"></i></button>
<script src="pop.js" defer></script>
<div class="item-container" data-aos="zoom-in-up" data-aos-duration="1000">
<div class="img-container">
<img src="../c1off.jpg" alt="Event image">
</div>
<div class="body-container">
<div class="overlay"></div>
<div class="event-info">
<p class="title">Apéro-concert</p>
<div class="separator"></div>
<p class="info">Maison onésienne</p>
<p class="price" id="event-price">Gratuit</p>
<script>
function updateEventPrice() {
var eventDate = new Date("March 17, 2023 21:00:00"); // remplacez par la date et l'heure de votre événement
var currentDate = new Date();
if (currentDate > eventDate) {
document.getElementById("event-price").innerHTML = "Déjà passé"; // remplacez "Passé" par le message que vous souhaitez afficher
}
}
updateEventPrice(); // appeler la fonction une fois lorsque la page se charge
</script>
<div class="additional-info">
<p class="info">
<i class="fas fa-map-marker-alt"></i>
Rue des Evaux 2, 1213 Onex
</p>
<p class="info">
<i class="far fa-calendar-alt"></i>
17 mars 2023 ouverture des portes a 16h
</p>
<p class="info description">
Voici le premier concert du groupe ! Les porte ouvre a 16h (le premier concert commence a 17h) et nous jouons a 20h30 ! <br><br> <span><a href="https://www.yttrium-band.com/c1off.jpg" target="_blank"> Voir l'affiche…</a></span>
</p>
</div>
</div>
<button class="action"><a href="https://www.facebook.com/people/Service-action-citoyenne/100064555845178/" class="infop" target="_blank">Plus d'info</a></button>
</div>
</div>
</main>
</div>
<footer>
<div class="footer-content">
<h3>Yttrium</h3>
<p>3 to the 9 to the 39 ! Heyo we are Yttrium Band !</p>
<a href="index_reseau.html#form" class="contact-btn">Nous contacter</a>
<ul class="socials">
<li><a href="https://twitter.com/Yttrium_Band" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/yttrium_band_officiel/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.tiktok.com/@yttriumband" target="_blank"><i class="fa-brands fa-tiktok"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCMhyU-_xbyTyL-x3fQL2vKA" target="_blank"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>Site code par Iker Abadiano Da Silva et Armin Suxo Arias</p>
</div>
</footer>
<script>
AOS.init();
</script>
</body>
</html>