-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (111 loc) · 5 KB
/
index.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Sarah Tatine Photographe</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>
<!-- TODO - Add a footer for every pages -->
<!-- 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 few babies pictures before the intro -->
<section class="pictures">
<figure>
<img class="pics" src="img/cute-babies1.jpg" alt="that's a baby!">
</figure>
<figure>
<img class="pics" src="img/cute-babies2.jpg" alt="that's a baby!">
</figure>
<figure>
<img class="pics" src="img/cute-babies3.jpg" alt="that's a baby!">
</figure>
</section>
<!-- intro to the website -->
<section class="commentedpic">
<!-- A picture of the photograph -->
<figure>
<img class="pics" src="img/photograph-girl.jpg" alt="C'est Sarah!">
</figure>
<!-- Some description about the photograph -->
<article class="photographerintro">
<h3>Mauris gravida dui aliquam nulla commodo auctor. Phasellus ante ante, tempus a aliquam cursus, vestibulum et purus. In eros erat, ultricies at justo convallis,
sodales rutrum mi.</h3>
<p>Proin posuere eleifend leo viverra pulvinar. Nunc iaculis nec metus in auctor. Nunc ut erat neque. Etiam imperdiet sem justo, nec lobortis libero vestibulum et.
Donec auctor vitae lacus quis tempus. Maecenas dictum fringilla sapien, quis varius neque ullamcorper in. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Nulla finibus lorem vitae nibh hendrerit, sit amet mollis nibh viverra. Aliquam eu velit pellentesque, malesuada lectus et, tristique massa.
Duis vitae viverra magna, ut pretium sem. In vel tincidunt erat. </p>
</article>
</section>
<!-- baby pictures linking to the gallery page
TODO: add description/caption indicating those are links -->
<h2>Extraits de la galerie</h2>
<section class="pictures">
<figure>
<a href="./gallery.html">
<img class="pics" src="img/badass-babies1.jpg" alt="baby linking to galleries">
</a>
</figure>
<figure>
<a href="./gallery.html">
<img class="pics" src="img/badass-babies2.png" alt="baby linking to galleries">
</a>
</figure>
<figure>
<a href="./gallery.html">
<img class="pics" src="img/badass-babies3.jpg" alt="baby linking to galleries">
</a>
</figure>
</section>
<!-- a simple form to join the photograph -->
<section class="mailme">
<h2>Me joindre</h2>
<form action="#" method="post">
<fieldset>
<input class="name" type="text" placeholder="Votre Nom" name="user_name">
<input class="mail" type="email" placeholder="Votre adresse Mail" name="user_mail">
<textarea class="message" placeholder="Votre message" name="user_message"></textarea>
</fieldset>
<input type="submit" value="Envoyer">
</form>
</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>