-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
90 lines (72 loc) · 4.54 KB
/
about.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>A propos: 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>
<!-- Some text for the client to write about themselves -->
<section class="fillertext">
<h2>Duis congue turpis felis, in eleifend mi sollicitudin eget. Fusce non nunc eros.</h2>
<p>Ut eget dui tempus, eleifend purus sit amet, faucibus enim.
Sed ullamcorper semper libero, dapibus tristique magna mollis in. Duis quis velit fermentum ex varius venenatis sit amet at nibh. Nunc ac pretium urna.
Maecenas fermentum, lorem at tempus laoreet, lacus lorem finibus nisi, eget vulputate sem turpis ut tellus. </p>
<p>Nunc varius sapien vitae nunc semper, eget posuere ligula lobortis. Proin placerat hendrerit vehicula. Phasellus leo orci, malesuada ultricies blandit et, scelerisque vel metus. Donec ac ligula maximus nulla malesuada dictum vitae lacinia mauris. In mattis dapibus magna viverra elementum. Suspendisse eu venenatis est, eget blandit ipsum. Sed auctor varius lectus, et feugiat dolor pulvinar in. Nulla vestibulum massa sed orci aliquam sagittis quis vel urna. Integer rhoncus lectus tempor nisl malesuada laoreet. Phasellus ut egestas lectus. Nunc ornare purus nunc, nec mollis neque sodales in. </p>
</section>
<!-- A nice picture of the client -->
<section class="widepic">
<figure>
<img class="pics" src="img/female-photographer.jpg" alt="This girl's hunting babies in the wild!">
</figure>
</section>
<!-- Some more text for the client to write about themselves -->
<section class="fillertext">
<h2>Duis congue turpis felis, in eleifend mi sollicitudin eget. Fusce non nunc eros.</h2>
<p>Ut eget dui tempus, eleifend purus sit amet, faucibus enim.
Sed ullamcorper semper libero, dapibus tristique magna mollis in. Duis quis velit fermentum ex varius venenatis sit amet at nibh. Nunc ac pretium urna.
Maecenas fermentum, lorem at tempus laoreet, lacus lorem finibus nisi, eget vulputate sem turpis ut tellus. </p>
<p>Nunc varius sapien vitae nunc semper, eget posuere ligula lobortis. Proin placerat hendrerit vehicula. Phasellus leo orci, malesuada ultricies blandit et, scelerisque vel metus. Donec ac ligula maximus nulla malesuada dictum vitae lacinia mauris. In mattis dapibus magna viverra elementum. Suspendisse eu venenatis est, eget blandit ipsum. Sed auctor varius lectus, et feugiat dolor pulvinar in. Nulla vestibulum massa sed orci aliquam sagittis quis vel urna. Integer rhoncus lectus tempor nisl malesuada laoreet. Phasellus ut egestas lectus. Nunc ornare purus nunc, nec mollis neque sodales in. </p>
</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>