-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
92 lines (84 loc) · 3.6 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
---
layout: default
title: Accueil
class: home
lang: fr
ref: home
---
<header class="header">
{% include navigation.html %}
<div class="header__content home__header">
<div class="home__header__content">
<h1 class="sr-only">Geotrek</h1>
<img src="assets/img/logo-home.svg" alt="Geotrek logo">
<h2 class="home__baseline">Gérez et valorisez vos sentiers et activités touristiques</h2>
<a href="produit.html" class="button button--white">En savoir plus</a>
</div>
</div>
</header>
<section class="home__intro">
<h2 class="title home__intro__headline">Suite logicielle webmapping
<small>composée d’un outil métier SIG, d’un site internet et d’une application mobile</small>
</h2>
<div class="grid grid--center">
<div class="grid__item grid__item--33">
<img class="home__image" src="assets/img/home-ui.svg" alt="">
<h3 class="home__intro__title title">Gestion et valorisation</h3>
<p>Ergonomique et complète, Geotrek permet une gestion et une valorisation fine du territoire à travers des
fonctionnalités
riches et innovantes</p>
</div>
<div class="grid__item grid__item--33">
<img class="home__image" src="assets/img/home-apps.svg" alt="">
<h3 class="home__intro__title title">Solution 4 en 1</h3>
<p>Geotrek-admin pour la gestion des données, Geotrek-rando pour la promotion des activités, Geotrek-widget pour intégrer la valorisation d'activités sur un site existant et Geotrek-mobile sur le terrain constituent une offre unique et incontournable</p>
</div>
<div class="grid__item grid__item--33">
<img class="home__image" src="assets/img/home-github.svg" alt="">
<h3 class="home__intro__title title">Open source</h3>
<p>Publiée sous licence libre BSD, Geotrek évolue grâce à sa communauté utilisatrice qui peut profiter des
investissements
réalisés en amont et l’enrichir au profit de tous</p>
</div>
</div>
<div class="grid grid--center">
<div class="video-responsive" style="position:unset;">
<iframe allowfullscreen="" frameborder="0" height="535"
src="https://www.youtube.com/embed/vRfl0ies5GY" title="Geotrek" width="900"></iframe>
</div>
</div>
</section>
<section class="grid utilisateurs__banner">
<h3 class="utilisateurs__banner__text">Découvrez les utilisateurs !</h3>
<a href="utilisateurs.html" class="button button--turquoise">Accès à la carte</a>
</section>
<section class="grid contact__banner">
<h3 class="contact__banner__text">Envie d'adopter Geotrek ?</h3>
<a href="contact.html" class="button">Nous contacter</a>
</section>
<section class="actus">
<h2 class="title title--light">Toutes les actualités autour de Geotrek</h2>
<div class="grid actus__items">
{% assign featured_posts = site.posts|where:"lang","fr" %} {% for post in featured_posts limit:3 %}
<div class="grid__item grid__item--33">
<h3 class="title title--medium">
<a href="{{ post.url }}" title="{{ post.title }}">
{{ post.title }}
</a>
</h3>
<p class="subtitle">{% include date.html date=post.date %}{{ month }} {{ year }}</p>
{% if post.excerpt %}
{{ post.excerpt }}
<p class="more">
<a href="{{ post.url }}">En lire plus</a>
</p>
{% endif %}
{% if post.image %}
<img src="{{ site.baseurl }}/{{ post.image }}" style="width: 100%; height: auto">
{% endif %}
</div>
{% endfor %}
</div>
<a href="{{ site.baseurl }}/actualites.html" class="actus__link">Voir toutes les actualités</a>
</section>
{% include logos-parcs.html %}