-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
115 lines (95 loc) · 4.17 KB
/
gallery.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Gallerie: Sarah Tatine</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ephesis&display=swap" rel="stylesheet">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- The header that'll appear on every pages -->
<header>
<nav>
<ul class="navigation">
<li><a href="./gallery.html">Galerie</a></li>
<li><a href="./prices.html">Tarifs</a></li>
<li><a href="./index.html">Sarah Tatine</a></li>
<li><a href="./about.html">A propos</a></li>
<li><a href="./joinme.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<article>
<!-- A big picture that's good on the eye -->
<section class="widepic">
<figure>
<img class="pics" src="img/badass-babies1.jpg" alt="one large baby!">
</figure>
</section>
<!-- A bit of text to accompany the gallery pictures -->
<section class="fillertext">
<h2>Vivamus libero purus, sodales eget urna at, ultricies mollis neque. </h2>
<p>Donec ut ante ut risus fringilla ultricies ac a purus. Fusce dignissim eleifend varius. Aliquam erat volutpat. Donec vel commodo erat.
Donec ut ipsum at elit eleifend pulvinar. Proin diam lectus, blandit id lorem ac, consequat commodo justo. Donec commodo maximus viverra.
Aliquam pellentesque felis dolor, faucibus tincidunt tortor tempor quis. Nulla ultrices interdum ultrices. Nulla eu ligula vel arcu cursus efficitur ut in massa.
Nulla ligula arcu, euismod non mauris sed, consequat porttitor est. Nam placerat convallis nisl, vel euismod leo. Donec sed metus nunc.
Sed id libero vel nisi euismod lacinia. </p>
</section>
<!-- The actual gallery -->
<section class="gallerypics">
<figure>
<img class="pics" src="img/cute-babies4.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/cute-babies5.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/parents-and-babies1.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/parents-and-babies2.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/parents-and-babies3.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/parents-and-babies4.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/parents-and-babies5.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/two-babies1.jpg" alt="this is a baby">
</figure>
<figure>
<img class="pics" src="img/two-babies2.jpg" alt="Guess what! This also is a baby">
</figure>
</section>
</article>
</main>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>