-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaccueil.php
More file actions
130 lines (122 loc) · 5.67 KB
/
accueil.php
File metadata and controls
130 lines (122 loc) · 5.67 KB
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
<!DOCTYPE html>
<!-- Doctype pour rester comforme aux standards -->
<!-- lang pour accent pour synthèse vocale-->
<html lang="fr">
<head>
<!-- charset = encodage des caractères -->
<meta charset="UTF-8" />
<!-- viewport pour la mise en page mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- link pour relier la feuille css -->
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="header.css" />
<link rel="stylesheet" href="footer.css" />
<link rel="stylesheet" href="accueil.css" />
<!-- Title pour le titre de l'onglet -->
<title>Accueil</title>
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon.ico">
<META NAME="Robots" CONTENT="index, follow">
<META NAME="Author" CONTENT="FCFLEM">
<META NAME="Keywords" CONTENT="FCFLEM,Grenade,UNESCO">
</head>
<body>
<?php
include("./php/header.inc.php");
?>
<!-- Contenu de la page -->
<div class="contenu">
<section class="accueil">
<div class="accueil-center">
<h1 id="titre-accueil">Grenade</h1>
<h1 id="sous-titre-accueil">Patrimoine Mondial de l'UNESCO</h1>
</div>
<a class="aarrow" href="#accueil-infos">
<div class="arrow-down"></div>
</a>
</section>
<section class="accueil-infos" id="accueil-infos">
<h3>PATRIMOINE CULTUREL</h3>
<h5>L'Espagne sous emprise musulmane</h5>
<p> C'est en <b><u>711</u></b> que débute l'invasion de l'Espagne par les musulmans.
En moins de <b><u>5 ans</u></b>, près de la totalité de la péninsule ibérique est
sous domination musulmane. Au titre de cette conquête, Grenade devint la capitale du royaume
de Grenade dirigée par la dynastie musulmane <b><u>nasride.</u></b>
11 ans après le début de la conquête, en <b><u>1212</u></b>, commence la reconquête
du pays : <b><u>la Reconquista.</u></b>
</p>
<h5>Un patrimoine protégé</h5>
<p>
Grenade regroupe de nombreux monuments incontournables et iconiques
qui font l'histoire de l'Espagne et sont reconnus comme <b><u>patrimoines
mondiaux de l'UNESCO.</u></b>
Avec l'Albaicin, l'Alhambra constitue la partie médiévale de la ville, à l'est de
laquelle on retrouve les magnifiques jardins du Generalife.
</p>
<p class="hess">
<a href="./histoire_architecture.php" >
<button>
Pour en savoir plus
</button>
</a>
</p>
</section>
<section class="accueil-cards" id="accueil-cards">
<h3>QUE VISITER À GRENADE ?</h3>
<div class='card'>
<div class='image'>
<img src="./img/Grenade/street_grenade.jpg" alt="Grenade" width="500px">
</div>
<div class="texte">
<h4>Nos Parcours</h4>
<p>
Venez découvrir les différents parcours que nous vous proposons pour visiter la ville de Grenade ! En fonction de vos envies, vous pourrez choisir entre un parcours détente, un parcours famille, fêtard ou encore mélancolique. Adaptez votre visite à vos disponibilités (durée et moment de la journée) !
</p>
<a href="./parcours.php" >
<button class="bouton" type="button">
POUR EN SAVOIR PLUS
</button>
</a>
</div>
</div>
<div class='card'>
<div class='image'>
<img src="./img/Grenade/resto-Granada.jpg" alt="Grenade" width="500px">
</div>
<div class="texte">
<h4>Nos Restaurants</h4>
<p>
La période de domination arabo-musulmane du pays est toujours profondément ancrée dans la culture hispanique, des monuments, aux musées et même dans la gastronomie. La ville regorge d'une multitude de bars, auberges, restaurants proposant des produits traditionnels du pays !
</p>
<a href="./restaurants.php" >
<button class="bouton" type="button">
POUR EN SAVOIR PLUS
</button>
</a>
</div>
</div>
<div class='card'>
<div class='image'>
<img src="./img/Grenade/Hotel_Alhambra_Palace1.jpg" alt="Grenade" width="500px">
</div>
<div class="texte">
<h4>Nos Hôtels</h4>
<p>
Pour vous reposer après une bonne journée de visite ou déposer vos bagages en lieu sûr, on vous propose de vous installer confortablement à prix raisonnable. Une préférence de proximité avec les bars? les musées? les palais? Un large choix de lieux de séjour est à votre disposition !
</p>
<a href="./hotels.php" >
<button class="bouton" type="button">
POUR EN SAVOIR PLUS
</button>
</a>
</div>
</div>
</section>
</div>
<a href="#" class="top">↑</a>
<!-- Code du bas de page -->
<?php
include("./php/footer.inc.php");
?>
<script src="script.js"></script>
</body>
</html>