https://festi-loire-roller.netlify.app/

1<!doctype html>
2<html lang="en">
3  <head>
4	<meta name="generator" content="Hugo 0.85.0" />
5
6  <title>Festi&#39;Loire Roller | Homepage</title>
7
8  
9  
10    <link href="/main.27073.css" rel="stylesheet">
11  
12
13	<meta charset="utf-8">
14<!-- This site is hosted on Netlify. Anyone can build and deploy a site
15     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=b958bb7d-4f71-4d7f-9a2f-01658f0fe0e9
16     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
17	<meta http-equiv="x-ua-compatible" content="ie=edge">
18  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
19  <base href="https://festi-loire-roller.netlify.app">
20
21	<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700" rel="stylesheet">
22
23	
24	<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
25	<link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32">
26	<link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16">
27	<link rel="manifest" href="/manifest.json">
28	<link rel="mask-icon" href="/img/safari-pinned-tab.svg" color="#ff4400">
29	<meta name="theme-color" content="#fff">
30
31	
32	<meta property="og:type" content="sport.roller">
33	<meta property="og:title" content="Festi'Loire Roller | Grand weekend roller à Nantes">
34	<meta property="og:url" content="/">
35	<meta property="og:image" content="/img/og-image.jpg">
36
37  
38    

38<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>

38
39  
40	
41	<script async src="https://www.googletagmanager.com/gtag/js?id=

41G-BFHRDGSS57

41"></script>
42	

42<script>
43		

43window.dataLayer = window.dataLayer || [];
44		function gtag(){dataLayer.push(arguments);}
45		gtag('js', new Date());
46		gtag('config', '

46G-BFHRDGSS57

46');
47	

47</script>

47
48</head>
49
50  <body class="sans-serif">
51
52    <nav class="overflow-x-scroll overflow-x-visible-ns flex justify-between items-center center bg-white divider-grey relative">
53
54	
55	<a href="/" class="ml3 db mr4 h-100 w4 flex-none">
56		<img src="/img/logo.svg" alt="Festi'Loire Roller logo" class="br0 db mb0 w-100"/>
57	</a>
58
59	
60	<ul class="flex b grey-3">
61		<li><a href="https://www.helloasso.com/associations/alss-roller-skating/evenements/festi-loire-roller-2026" target="_blank" class="pa3 no-underline db">Inscription</a></li>
62		<li><a href="/randos/" class="pa3 no-underline db">Randos</a></li>
63		<li><a href="/infos/" class="pa3 no-underline db">Infos pratiques</a></li>
64		<li><a href="/contact/" class="pa3 no-underline db">Contact</a></li>
65	</ul>
66
67</nav>
68
69
70    
71
72<div class="pv5 pv6-l ph3 bg-center cover" style="background-image: url('/img/header.png')">
73  <div class="mw7 center ph3">
74    <div class="db mb3">
75      <div class="mw7 relative bg-fix-primary mb3 tc">
76        <h1 class="f2 f1-l b di lh-title mb3 white mw6">
77          Festi&#39;Loire Roller
78        </h1>
79        <h2 class="white">
80          Grand weekend roller en région nantaise
81        </h2>
82      </div>
83      <div class="mw7 relative">
84        
85        
86      </div>
87    </div>
88  </div>
89</div>
90
91
92<div class="pv4">
93  <div class="flex-l mhn1-l ph3 center mw7">
94    <iframe class="center mw7 w-100" height="315" src="https://www.youtube.com/embed/EBq2k2u2WMg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
95  </div>
96</div>
97
98
99
100<div class="bg-grey-1 pv4">
101  <div class="flex-l mhn1-l ph3 center mw7">
102    <h2 class="f2 b lh-title mb2 w-40-l">Qu&#39;est ce que c&#39;est ?</h2>
103    <div class="w-60-l mb0">
104      <p class="">La Festi&#39;Loire Roller, c&#39;est 3 randos roller dans la région nantaise en un seul week-end ! Découvrez ci-dessus l&#39;édition 2023.</p>
105      <p class="b">Rendez-vous les 26 et 27 septembre 2026 pour la prochaine édition !</p>
106    </div>
107  </div>
108</div>
109
110
111<div class="bg-off-white pv4">
112  <div class="ph3 mw7 center">
113    <h2 class="f2 b lh-title mb2"></h2>
114    <p class="mb4 mw7"></p>
115
116    <div class="flex-ns mhn2-ns mb3 justify-center">
117      
118      <div class="ph2-ns">
119        <a href="/randos/" class="no-underline">
120          <img src="/img/rle_image.jpeg" alt="" class="center db mb3 h4-l" >
121          <p class="tj">Partez à la découverte de la Loire. Ce circuit vous fera découvrir les rives droite et gauche de la Loire en passant sur les ponts la traversant. 50 km avec une option de 6 km en plus.</p>
122        </a>
123      </div>
124      
125      <div class="ph2-ns">
126        <a href="/randos/" class="no-underline">
127          <img src="/img/nr_image.jpeg" alt="" class="center db mb3 h4-l" >
128          <p class="tj">Nantes-Roller vous propose, exceptionnellement le samedi soir, une balade nocturne pour découvrir Nantes. 10 km dans le centre de Nantes.</p>
129        </a>
130      </div>
131      
132      <div class="ph2-ns">
133        <a href="/randos/" class="no-underline">
134          <img src="/img/rlv_image.jpeg" alt="" class="center db mb3 h4-l" >
135          <p class="tj">La &#34;Loire Vignes&#34; du dimanche vous fera découvrir le terroir nantais avec une petite dégustation le midi. 44 km avec une option de 12 km après le pique-nique.</p>
136        </a>
137      </div>
138      
139    </div>
140    <div class="tc">
141      <a href="/randos/" class="btn raise">Voir toutes les randos</a>
142    </div>
143  </div>
144</div>
145
146
147<div class="bg-grey-1 pv4">
148	<div class="ph3 mw7 center">
149
150		<div class="flex-l mhn2-l">
151			<div class="w-40-l ph2-l">
152				<h2 class="f2 b lh-title mb2">Inscriptions</h2>
153
154				<p>La participation aux deux randonnées en journée est soumise à inscription. La billetterie est ouverte pour 2026.</p>
155			</div>
156
157			<div class="w-60-l ph2-l">
158				<img src="img/inscription.jpeg" alt="" class="mb3">
159			</div>
160		</div>
161
162		<div class="tc">
163			<a href="https://www.helloasso.com/associations/alss-roller-skating/evenements/festi-loire-roller-2026" class="btn raise">Lien direct</a>
164		</div>
165
166	</div>
167</div>
168
169
170
171
172
173
174    <footer class="bg-black ph3 pv4 white">
175
176	<div class="mw7 center pt3">
177
178		<div class="measure-narrow center mb4">
179
180			<img src="/img/logo.svg" alt="Festi'Loire Roller logo" class="db w4 center mb4 br0">
181			
182			
183		</div>
184
185		<div class="flex-ns justify-between">
186
187			<div>
188				<h3 class="f4 b lh-title mb1 primary">Plan du site</h3>
189				<ul class="mb3">
190					<li><a href="/" class="link">Accueil</a></li>
191					<li><a href="/randos/" class="link">Nos randos</a></li>
192					<li><a href="/infos/" class="link">+ d'infos</a></li>
193					<li><a href="https://www.helloasso.com/associations/alss-roller-skating/evenements/festi-loire-roller-2026" class="link" target="_blank">Inscription</a></li>
194					<li><a href="/contact/" class="link">Contact</a></li>
195				</ul>
196			</div>
197		</div>
198	</div>
199
200</footer>
201
202<div style="height: 0; width: 0; position: absolute; visibility: hidden">
203	
204  <svg xmlns="http://www.w3.org/2000/svg">

204<symbol id="icons-facebook" viewBox="0 0 32 32"><path d="M30.7 0H1.3C.6 0 0 .6 0 1.3v29.3c0 .8.6 1.4 1.3 1.4H17V20h-4v-5h4v-4c0-4.1 2.6-6.2 6.3-6.2 1.8 0 3.3.2 3.7.2v4.3h-2.6c-2 0-2.5 1-2.5 2.4V15h5l-1 5h-4l.1 12h8.6c.7 0 1.3-.6 1.3-1.3V1.3C32 .6 31.4 0 30.7 0z"/></symbol><symbol id="icons-instagram" viewBox="0 0 32 32"><path d="M28.2 0H3.8C1.7 0 0 1.7 0 3.8v24.4C0 30.3 1.7 32 3.8 32h24.4c2.1 0 3.8-1.7 3.8-3.8V3.8C32 1.7 30.3 0 28.2 0zM24 4h3c.6 0 1 .4 1 1v3c0 .6-.4 1-1 1h-3c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1zm-8 5.9c3.4 0 6.2 2.7 6.2 6.1 0 3.4-2.8 6.1-6.2 6.1-3.4 0-6.2-2.7-6.2-6.1.1-3.4 2.8-6.1 6.2-6.1zM28 29H4c-.6 0-1-.4-1-1V13h4c-.5.8-.7 2.1-.7 3 0 5.4 4.4 9.7 9.7 9.7 5.4 0 9.7-4.4 9.7-9.7 0-.9-.1-2.3-.8-3h4v15c.1.6-.3 1-.9 1z"/></symbol><symbol id="icons-twitter" viewBox="0 0 32 32"><path d="M32 6.1c-1.2.5-2.4.9-3.8 1 1.4-.8 2.4-2.1 2.9-3.6-1.3.8-2.7 1.3-4.2 1.6C25.7 3.8 24 3 22.2 3c-3.6 0-6.6 2.9-6.6 6.6 0 .5.1 1 .2 1.5-5.5-.3-10.3-2.9-13.6-6.9-.6 1-.9 2.1-.9 3.3 0 2.3 1.2 4.3 2.9 5.5-1.1 0-2.1-.3-3-.8v.1c0 3.2 2.3 5.8 5.3 6.4-.6.1-1.1.2-1.7.2-.4 0-.8 0-1.2-.1.8 2.6 3.3 4.5 6.1 4.6-2.2 1.8-5.1 2.8-8.2 2.8-.5 0-1.1 0-1.6-.1 3 1.8 6.5 2.9 10.2 2.9 12.1 0 18.7-10 18.7-18.7v-.8c1.2-1 2.3-2.1 3.2-3.4z"/></symbol><symbol id="icons-vimeo" viewBox="0 0 32 32"><path d="M32 8.6c-.1 3.1-2.3 7.4-6.5 12.8-4.4 5.7-8 8.5-11 8.5-1.9 0-3.4-1.7-4.7-5.2-.9-3.2-1.7-6.3-2.6-9.5-1-3.4-2-5.2-3.1-5.2-.2 0-1.1.5-2.5 1.5L0 9.6c1.6-1.4 3.1-2.8 4.7-4.2 2.1-1.8 3.7-2.8 4.7-2.9 2.5-.2 4 1.5 4.6 5.1.6 3.9 1.1 6.4 1.3 7.3.7 3.3 1.5 4.9 2.4 4.9.7 0 1.7-1.1 3-3.2s2.1-3.7 2.2-4.8c.2-1.8-.5-2.7-2.2-2.7-.8 0-1.6.2-2.4.5 1.6-5.2 4.6-7.7 9-7.5 3.3.2 4.9 2.3 4.7 6.5z"/></symbol></svg>
205  
206</div>
207
208

209<script src="/app.js"></script>

209
210
211
212    
213    
214      

214<script src="/main.27073.js"></script>

214
215    
216  </body>
217</html>