-
Notifications
You must be signed in to change notification settings - Fork 0
/
ArticleSport.html
170 lines (155 loc) · 9.96 KB
/
ArticleSport.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://raw.githubusercontent.com/daneden/animate.css/master/animate.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>So Many Nantes</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<!--Start navbar-->
<div class="container-fluid">
<header>
<div class="row pt-5 my-5 justify-content-center">
<div class="flip-box">
<div class="flip-box-inner">
<div class="flip-box-front">
<img src="images/so-many-nantes3.png" alt="..." style="width:27.19em; height:16.5em;">
</div>
<div class="flip-box-back">
<h2>Nantes</h2>
<p>What an amazing city</p>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-white">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<div class="navbar-nav pr-4 textnavbar">
<a class="ll nav-item nav-link" style="color: black;" href="index.html">Home</a>
<a class="ll nav-item nav-link" href="pageCulture.html" style="color: black;">Culture</a>
<a class="ll nav-item nav-link textactive" href="pageSport.html" style="color: #26bf93;">Sport</a>
<a class="ll nav-item nav-link" href="pageBar.html" style="color: black;">Resto-Bar</a>
<a class="ll nav-item nav-link" href="pageGallery.html" style="color: black;">Gallery</a>
<a class="ll nav-item nav-link" href="map.html" style="color: black;">Carte</a>
<a class="ll nav-item nav-link" href="pageContact.html" style="color: black;">Contact us</a>
</div>
<form class="form-inline search-right justify-content-end">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0 newcolorbutton" type="submit">Search</button>
</form>
</div>
</nav>
</header>
</div>
<!--End navbar-->
<!--start article-->
<div class="container-fluid pt-5 mt-5">
<h1 class="text-center">Sport</h1>
</div>
<div class="container pt-3 mb-5">
<img src="images/aticlesporttitre.jpg" class="mx-auto d-block img-fluid" alt="elephant" />
<h2 class="text-center pt-3">FC Nantes</h2>
<p class="text-justify pt-3">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet
fermentum.
Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc
posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis
iudicium purus sit amet fermentum.</p>
<p class="text-justify pt-3">Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur
Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus
occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis,
efficaciae inpetrabilis rex, ut indicat cognomentum.
Iam virtutem ex consuetudine vitae sermonisque nostri interpretemur nec eam, ut quidam docti, verborum
magnificentia metiamur virosque bonos eos, qui habentur, numeremus, Paulos, Catones, Galos, Scipiones, Philos; his
communis vita contenta est; eos autem omittamus, qui omnino nusquam reperiuntur.</p>
<img src="images/articlesport1.jpg" class="float-left" alt="elephant" style="margin-top:10px; margin-bottom:5px; margin-right:30px; width: 45%;" />
<p class="text-justify pt-3">Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur
Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus
occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis,
efficaciae inpetrabilis rex, ut indicat cognomentum.
Iam virtutem ex consuetudine vitae sermonisque nostri interpretemur nec eam, ut quidam docti, verborum
magnificentia metiamur virosque bonos eos, qui habentur, numeremus, Paulos, Catones, Galos, Scipiones, Philos; his
communis vita contenta est; eos autem omittamus, qui omnino nusquam reperiuntur.</p>
<p class="text-justify pt-3">
Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est Cato
locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (sic enim est
habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Laelium loqui
ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo oritur, respondet
Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces.
</p>
<p class="text-justify pt-3">
Pandente itaque viam fatorum sorte tristissima, qua praestitutum erat eum vita et imperio spoliari, itineribus
interiectis permutatione iumentorum emensis venit Petobionem oppidum Noricorum, ubi reseratae sunt insidiarum
latebrae omnes, et Barbatio repente apparuit comes, qui sub eo domesticis praefuit, cum Apodemio agente in rebus
milites ducens, quos beneficiis suis oppigneratos elegerat imperator certus nec praemiis nec miseratione ulla
posse deflecti.
</p>
<img src="images/articlesport2.jpg" class="float-right" alt="elephant" style="margin-bottom:5px; margin-left:30px; width: 45%;" />
<p class="text-justify pt-3">
Et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad
ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum
similis alias, summatim causas perstringam nusquam a veritate sponte propria digressurus.
</p>
<p class="text-justify pt-3">
Vide, quantum, inquam, fallare, Torquate. oratio me istius philosophi non offendit; nam et complectitur verbis,
quod vult, et dicit plane, quod intellegam; et tamen ego a philosopho, si afferat eloquentiam, non asperner, si
non habeat, non admodum flagitem. re mihi non aeque satisfacit, et quidem locis pluribus. sed quot homines, tot
sententiae; falli igitur possumus.
</p>
<p class="text-justify pt-3">
Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est Cato
locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (sic enim est
habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Laelium loqui
ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo oritur, respondet
Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces.
</p>
</div>
<!--End article-->
<!--Footer starts here-->
<footer class="footer">
<div class="container-fluid m-2 p-5">
<div class="row justify-content-center">
<div class="social col-1">
<a href="https://fr-fr.facebook.com/wildcodeschool/" target="_blank"><img src="images/facebook.png" alt="facebook logo"></a>
</div>
<div class="social col-1">
<a href="https://twitter.com/wildcodeschool" target="_blank"><img src="images/twitter.png" alt="twitter logo"></a>
</div>
<div class="social col-1">
<a href="https://www.instagram.com/wildcodeschool/?hl=fr" target="_blank"><img src="images/instagram-logo.png" alt="instagram logo"></a>
</div>
<div class="social col-1">
<a href="https://www.youtube.com/channel/UCi99G_0QPx5sYsK8zdvQzfw" target="_blank"> <img src="images/youtube.png" alt="youtube logo"></a>
</div>
<div class="social col-1">
<a href="https://www.pinterest.fr/" target="_blank"><img src="images/pinterest.png" alt="pinterest logo"></a>
</div>
</div>
<div class="row justify-content-center pt-4">
<p class="separate"><a href="index.html" title="Home">Home</a></p>
<p class="separate"><a href="pageContact.html" title="Contact us">Contact us </a></p>
<p class="separate"><a href="https://www.levoyageanantes.fr/?" title="Le Voyage à Nantes" target="_blank"> Le Voyage à Nantes</a></p>
<p class="separate"><a href="https://www.nantes.fr/home.html" target="_blank">Ville de Nantes</a></p>
<p class="separate1"><a href="https://www.tan.fr/" target="_blank">Réseau Tan</a></p>
</div>
</div>
</footer>
<!--Footer ends here-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>