-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprojet-photo.html
99 lines (79 loc) · 3.16 KB
/
projet-photo.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
<html>
<head>
<title>Marion Villette - Photographie</title>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
<link rel="stylesheet" type="text/css" href="style/reset.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="shortcut icon" type="image/png" href="imports/favicon.png">
<script type="text/javascript" src="js/jquery.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
</head>
<body>
<header>
<div id="categories">
<figure class="list" data-filter="motion" style="opacity: 0;">
<img src="imports/motion2.png" id="gr">
<figcaption>motion</figcaption>
</figure>
<figure class="list" data-filter="print" style="opacity: 0;">
<img src="imports/print.png">
<figcaption>print</figcaption>
</figure>
<figure class="list" data-filter="other">
<img src="imports/autre.png">
<figcaption>autre</figcaption>
</figure>
</div>
<div id="logodiv">
<a href="index.html"><img src="imports/logo.svg" id="logo"></a>
</div>
<div id="apropos">
<div id="aproposin">
<a href="about.html"><img src="imports/girl.jpg"></a>
<a href="about.html" class="lien">à propos</a>
</div>
</div>
</header>
<section id="section2-projet">
<p id="seiche-projet"></p>
<div id="grande-description">
<div id="description-projet"><h2 id="titre">Divers et varié</h2><h3 id="sous-titre"></h3><p>Plein de photos, de thèmes, d'idées, mais aussi d'improvisation... Voici un pêle-mêle de photographies, prises au téléphone, à l'appareil, au sténopé, sur le vif ou préparées, en studio ou en extérieur !</p>
</section>
<section class="immense-photos" id="containment-wrapper">
<h2 class="titre-etape">Pêle-mêle</h2>
<hr>
<img src="imports/photos/avion.jpg">
<img src="imports/photos/balancoire.jpeg">
<img src="imports/photos/bouteille.jpg">
<img src="imports/photos/exp2.jpg">
<img src="imports/photos/discussion.jpeg">
<img src="imports/photos/elaine.jpg">
<img src="imports/photos/agalya2.jpg">
<img src="imports/photos/feu2.jpeg">
<img src="imports/photos/elephant.jpeg">
<img src="imports/photos/etagere.jpg">
<img src="imports/photos/exp1.jpg">
<img src="imports/photos/agalya3.jpg">
<img src="imports/photos/exp4.jpg">
<img src="imports/photos/feu1.jpeg">
<img src="imports/photos/fontaine.jpeg">
<img src="imports/photos/maison.jpeg">
<img src="imports/photos/feu3.jpeg">
<img src="imports/photos/marie.jpg">
<img src="imports/photos/agalya1.jpg">
<img src="imports/photos/paysage.jpg">
<img src="imports/photos/photo.jpg">
<img src="imports/photos/stenope1.jpg">
<img src="imports/photos/exp3.jpg">
<img src="imports/photos/stenope2.jpg">
<img src="imports/photos/stenope3.jpg">
<img src="imports/photos/feu4.jpeg">
<img src="imports/photos/toboggan.jpeg">
<img src="imports/photos/ours.jpeg">
</section>
</body>
</html>