-
Notifications
You must be signed in to change notification settings - Fork 0
/
article-listing.html
192 lines (191 loc) · 15.1 KB
/
article-listing.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Tue May 30 2023 15:46:40 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="641e0b3e0bc3e0e668d8bbac" data-wf-site="640f7a09b83dd44bcd0e0bd3">
<head>
<meta charset="utf-8">
<title>Article Listing</title>
<meta content="Article Listing" property="og:title">
<meta content="Article Listing" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/t10-bonjour-niagara.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Merriweather Sans:regular,500,600,700,800","Raleway:regular,500,600,700,800,900,italic"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
<script src="https://strapify-script.s3.amazonaws.com/strapify-v1.0.5.js" data-strapi-api-url="https://bonjourniagarastrapi.civiconnect.net" data-apply-webflow-animation-fix="true" type="text/javascript"></script>
<style>
.styledrichtext hr {
height: 4px;
width: 50px;
background-color: #E4BF3A;
border: none;
margin: 12px 0 16px 0;
}
</style>
<style>
.styledrichtexttemplate hr {
height: 4px;
width: 50px;
background-color: #E4BF3A;
border: none;
margin: 16px 0 24px 0;
}
</style>
<style>
.grid-8 > :nth-child(1) {
display: none;
}
</style>
</head>
<body>
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease-in" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="menubutton w-nav-button"><img src="images/Big-Menu-Black.png" loading="lazy" width="24" alt=""></div>
<a href="index.html" class="w-nav-brand"><img src="images/logo-no-bg.png" loading="lazy" alt=""></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="index.html" class="nav-link w-nav-link">Accueil</a>
<a href="a-voir.html" class="nav-link w-nav-link">À voir</a>
<a href="a-faire.html" class="nav-link w-nav-link">À faire</a>
<a href="se-loger.html" class="nav-link w-nav-link">Se loger</a>
<a href="evenements.html" class="nav-link w-nav-link">Événements</a>
<a href="decouvrir.html" class="nav-link w-nav-link">Découvrir</a>
<a href="savourer.html" class="nav-link w-nav-link">Savourer</a>
</nav>
<a href="search-results.html" class="w-inline-block"><img src="images/Vector.png" loading="lazy" alt=""></a>
</div>
<div class="article-listing-section wf-section">
<div class="container-17 w-container">
<div class="articles-listing">
<div class="artiles-listing-heading">
<h1 class="heading-14">Articles</h1><img src="images/line2.JPG" loading="lazy" width="46" alt="" class="image-7">
</div>
<div strapi-page="1" strapi-collection="articles" strapi-page-size="1" class="w-layout-grid grid-7">
<a strapi-template="" strapi-into="/articles?title={{Slug}} -> href" id="w-node-_030b09db-a90a-591d-170b-b5a15eaf7ef5-68d8bbac" href="#" class="big-artcle-card-div w-inline-block"><img src="images/sunset-beach.jpg" loading="lazy" strapi-field="Image" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 8vw" srcset="images/sunset-beach-p-500.jpg 500w, images/sunset-beach-p-800.jpg 800w, images/sunset-beach-p-1080.jpg 1080w, images/sunset-beach.jpg 1200w" alt="" class="artical-list-img-1">
<div class="big-article-list-content">
<h1 strapi-field="Title" class="article-card-big-title">Sur les Rives Du Lac Ontario À St. Catherines</h1>
<p strapi-field="Date" class="big-artical-card-date">21 juin 2019</p>
<p strapi-field="Description" class="big-artical-card-paragraph">Le port de Port Dalhousie est l’ancienne porte d’entrée des trois premiers Canal Welland. La ville de St. Catharines met à la disposition de la clientèle un amarrage de jour dans cette partie du port. Un peu plus loin, vous pouvez voir la marina de Port Dalhousie, remplie de bateaux venant des ports de tous les grands lacs. Reposez-vous sur l’un des bancs et observez les canards et les oies qui habitent le port ou prenez une marche sur le quai.</p>
<div>
<div class="text-block-18">Read More</div>
</div>
</div>
</a>
</div>
<div strapi-collection="articles" class="w-layout-grid grid-8">
<a strapi-into="/articles?title={{Slug}} -> href" strapi-template="" href="#" class="big-artcle-cardvertical-div w-inline-block"><img src="images/sunset-beach.jpg" loading="lazy" id="w-node-d85169ca-64a9-52c6-929e-cbe24c187dc1-68d8bbac" strapi-field="Image" srcset="images/sunset-beach-p-500.jpg 500w, images/sunset-beach-p-800.jpg 800w, images/sunset-beach-p-1080.jpg 1080w, images/sunset-beach.jpg 1200w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 70vw" alt="" class="artical-list-img-2">
<div id="w-node-d85169ca-64a9-52c6-929e-cbe24c187dc2-68d8bbac" class="article-list-content">
<div>
<h1 strapi-field="Title" class="article-card-title">Sur les Rives Du Lac Ontario À St. Catherines</h1>
<p strapi-field="Date" class="artical-card-date">21 juin 2019</p>
<p strapi-field="Description" class="artical-card-paragraph">Le port de Port Dalhousie est l’ancienne porte d’entrée des trois premiers Canal Welland. La ville de St. Catharines met à la disposition de la clientèle un amarrage de jour dans cette partie du port...</p>
</div>
<div>
<div class="text-block-18">Read More</div>
</div>
</div>
</a>
<a strapi-into="/articles?title={{Slug}} -> href" strapi-template="" href="#" class="big-artcle-cardvertical-div w-inline-block"><img src="images/sunset-beach.jpg" loading="lazy" id="w-node-dbacca84-7eaf-71ae-bbd0-5d4b969dc261-68d8bbac" strapi-field="Image" srcset="images/sunset-beach-p-500.jpg 500w, images/sunset-beach-p-800.jpg 800w, images/sunset-beach-p-1080.jpg 1080w, images/sunset-beach.jpg 1200w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 70vw" alt="" class="artical-list-img-2">
<div id="w-node-dbacca84-7eaf-71ae-bbd0-5d4b969dc262-68d8bbac" class="article-list-content">
<h1 strapi-field="Title" class="article-card-title">Sur les Rives Du Lac Ontario À St. Catherines</h1>
<p strapi-field="Date" class="artical-card-date">21 juin 2019</p>
<p strapi-field="Description" class="artical-card-paragraph">Le port de Port Dalhousie est l’ancienne porte d’entrée des trois premiers Canal Welland. La ville de St. Catharines met à la disposition de la clientèle un amarrage de jour dans cette partie du port...</p>
<div>
<div class="text-block-18">Read More</div>
</div>
</div>
</a>
</div>
</div>
<div class="sidebarmain">
<div class="sidebar-2 listing">
<div id="w-node-_3157869c-3f4e-b3bb-abc5-894a213bb298-68d8bbac" class="sidebar-title">ARTICLES RÉCENTS</div>
<div strapi-collection="articles" class="div-block-48">
<div strapi-template="" class="div-block-49">
<a strapi-into="/articles?title={{Slug}} -> href" href="#" class="w-inline-block">
<div strapi-field="Title" id="w-node-_3157869c-3f4e-b3bb-abc5-894a213bb29a-68d8bbac" class="sidebar-links">Sur les rives du lac Ontario à St. Catharines</div>
</a>
<div class="line"></div>
</div>
</div>
<div class="sidebar-title">PROCHAINS ÉVÉNEMENTS</div>
<a href="evenements.html" class="link-block-6 w-inline-block">
<div class="sidebar-links btn">Événements</div>
</a>
</div>
<div strapi-collection="sponsors-verticals" class="verticle-ads">
<a strapi-into="WebsiteLink -> href" strapi-template="" href="#" target="_blank" class="verticlead w-inline-block"><img src="images/BestWesternAd.webp" loading="lazy" id="w-node-_47f7ca29-b414-3fa6-f337-a14fefe37c1a-68d8bbac" strapi-field="Image" srcset="images/BestWesternAd-p-500.webp 500w, images/BestWesternAd-p-800.webp 800w, images/BestWesternAd.webp 1000w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 17vw" alt="" class="adimg"></a>
<a strapi-into="WebsiteLink -> href" strapi-template="" href="#" target="_blank" class="verticlead w-inline-block"><img src="images/BestWesternAd.webp" loading="lazy" id="w-node-_9bec1191-64fc-2154-541d-0e58c887abf8-68d8bbac" strapi-field="Image" srcset="images/BestWesternAd-p-500.webp 500w, images/BestWesternAd-p-800.webp 800w, images/BestWesternAd.webp 1000w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 17vw" alt="" class="adimg"></a>
<a strapi-into="WebsiteLink -> href" strapi-template="" href="#" target="_blank" class="verticlead w-inline-block"><img src="images/BestWesternAd.webp" loading="lazy" id="w-node-afd781aa-c3d0-dd0b-e074-3414b9975cb1-68d8bbac" strapi-field="Image" srcset="images/BestWesternAd-p-500.webp 500w, images/BestWesternAd-p-800.webp 800w, images/BestWesternAd.webp 1000w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 93vw, (max-width: 991px) 95vw, 17vw" alt="" class="adimg"></a>
</div>
</div>
</div>
</div>
<div class="footer-section wf-section">
<div class="w-layout-grid grid">
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b76-f6a99b74" class="footer-div-1">
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b77-f6a99b74" class="footer-headings">Contactez-nous</div>
<p strapi-single-type="footer.Phone" class="footer-links">Tel: 1-866-334-3033</p>
<p strapi-single-type="footer.Email" class="footer-links">Email: [email protected]</p>
<div class="icons-2 w-row">
<div class="column w-col w-col-4">
<a href="https://www.facebook.com/TourismeFrancoNiagara" target="_blank" class="w-inline-block"><img src="images/MicrosoftTeams-image-4_1MicrosoftTeams-image-4.png" loading="lazy" height="29" alt="" class="image-3"></a>
</div>
<div class="column-19 w-col w-col-4">
<a href="https://www.google.com/search?q=bonjour+niagara&oq=bonjour+niaga&aqs=chrome.0.69i59j69i57j0i390i650l3j69i60l3.2312j1j7&sourceid=chrome&ie=UTF-8" target="_blank" class="w-inline-block"><img src="images/MicrosoftTeams-image-7_1MicrosoftTeams-image-7.png" loading="lazy" height="29" alt="" class="image-11"></a>
</div>
<div class="column-2 w-col w-col-4">
<a href="https://twitter.com/intent/follow?source=followbutton&variant=1.0&screen_name=BonjourNiagara" target="_blank" class="w-inline-block"><img src="images/MicrosoftTeams-image-6_1MicrosoftTeams-image-6.png" loading="lazy" height="29" alt="" class="image-4"></a>
</div>
</div>
</div>
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b87-f6a99b74" class="footer-div-2">
<div class="footer-headings">Trouve nous</div>
<a href="pour-vous-rendre.html" class="w-inline-block">
<div class="footer-links">Pour vous Rendre</div>
</a>
<p strapi-single-type="footer.Address" class="footer-links">Tourisme Franco-Niagara, 300 Lincoln Street, Welland, Ontario L3B 4N4</p>
</div>
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b8f-f6a99b74" class="footer-div-3">
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b90-f6a99b74" class="footer-headings">Pages</div>
<a href="faq.html" class="w-inline-block">
<div class="footer-links">FAQ</div>
</a>
<a href="article-listing.html" aria-current="page" class="w-inline-block w--current">
<div class="footer-links">Articles</div>
</a>
<a href="contact.html" class="w-inline-block">
<div class="footer-links">Contact</div>
</a>
</div>
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b9e-f6a99b74" class="div-block-5 left"><img src="images/white.png" loading="lazy" id="w-node-_71af9582-09c5-111c-75fc-d690f6a99b9f-f6a99b74" alt="" class="image-5"></div>
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99ba0-f6a99b74" class="div-block-4">
<p strapi-single-type="footer.Rights" class="footer-links">All rights reserved © 2007-2023, Tourisme-Franco Niagara. | Privacy | Legal notice Photo credits: Dave Robinson Photography, Christine Hess Photography, Jerry Manco - JLM Studio</p>
</div>
<div id="w-node-_71af9582-09c5-111c-75fc-d690f6a99ba3-f6a99b74" class="div-block-5 right"><img src="images/province-of-ontario-logo-1.png" loading="lazy" id="w-node-_71af9582-09c5-111c-75fc-d690f6a99ba4-f6a99b74" alt="" class="image-5"></div><img src="images/logo-bonjour-niagara-1.png" loading="lazy" width="450" id="w-node-_71af9582-09c5-111c-75fc-d690f6a99ba5-f6a99b74" srcset="images/logo-bonjour-niagara-1-p-500.png 500w, images/logo-bonjour-niagara-1.png 658w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 57vw, (max-width: 991px) 36vw, 450px" alt="">
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=640f7a09b83dd44bcd0e0bd3" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script><!-- LEAFLET IMPORTS -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
<script>
function getParam(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var Webflow = Webflow || [];
Webflow.push(function () {
var tabName = getParam('tab');
if (tabName) $('.' + tabName).triggerHandler('click');
});
</script>
</body>
</html>