-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (149 loc) · 7.52 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
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Kodinger">
<meta name="keyword" content="Kodinger, template, html5, css3, bootstrap4">
<meta name="description" content="HTML5 and CSS3 Template Based on Bootstrap 4">
<link rel="icon" href="img/favicon.ico"/>
<title>Une trace</title>
<link rel="stylesheet" href="ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="sweetalert/dist/sweetalert.css">
<link rel="stylesheet" href="css/stisla.css">
</head>
<body>
<section class="hero bg-overlay" id="hero" data-bg="img/vosges2.jpg">
<div class="text py-5">
<h1>À la <span class="bold">recherche</span> de la bonne <span class="bold">trace</span>.</h1>
</div>
</section>
<section class="padding bg-grey" id="blog">
<div class="container">
<div class="section-body">
<div class="row col-spacing">
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img06.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">3 juin 2023</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="6">La barre Est du Vercors.</a></h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="6">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img05.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">24 mars 2023</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="5">Revanche dans les
Causses.</a></h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="5">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img04.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">13 février 2023</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="4">À travers le Vercors.</a>
</h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="4">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img03.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">5 janvier 2023</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="3">Remettre sa pendule à
l'heure, Saisies-cent.</a></h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="3">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img02.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">20 décembre 2022</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="2">Glisser sur la neige.</a>
</h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="2">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img01.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">décembre 2022</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="1">À la recherche de la bonne
trace et en laisser une.</a></h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="1">Lire <i
class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<!--<div class="col-12 col-md-6 col-lg-4">
<article class="card">
<img class="card-img-top" src="img/news/img01.jpg" alt="Article Image">
<div class="card-body">
<div class="card-subtitle mb-2 text-muted">décembre 2022</div>
<h4 class="card-title"><a href="#" data-toggle="read" data-id="1">À la recherche de la bonne trace et en laisser une.</a></h4>
<div class="text-right">
<a href="#" class="card-more" data-toggle="read" data-id="1">Lire <i class="ion-ios-arrow-right"></i></a>
</div>
</div>
</article>
</div>-->
</div>
</div>
</div>
</section>
<!--
<div class="article-read">
<div class="article-read-inner">
<div class="article-back">
<a class="btn btn-outline-primary"><i class="ion ion-chevron-left"></i> Retour</a>
</div>
<h1 class="article-title">{title}</h1>
<div class="article-metas">
<div class="meta">
ffdsfs
</div>
<div class="article-content">';
dqsdqsd
</div>
</div>
</div>
</div>
-->
<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/jquery.easeScroll.js"></script>
<script src="sweetalert/dist/sweetalert.min.js"></script>
<script src="js/stisla.js"></script>
</body>
</html>