-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprices.html
114 lines (94 loc) · 4.7 KB
/
prices.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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Tarifs : 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>
<!-- The page that'll detail prices, in the form of list decorated by images -->
<main>
<article class="prices">
<!-- Some filler text for the client to talk about their services -->
<section class="fillertext">
<h2>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.</h2>
<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>
</section>
<!-- Three sections from the same class, alternating from text then image to image then text and vice versa -->
<section class="commentedpic">
<figure>
<img class="pics" src="img/badass-babies1.jpg" alt="this is a baby">
</figure>
<article class="pricesdescription">
<h3>Description</h3>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
</article>
</section>
<section class="commentedpic">
<article class="pricesdescription">
<h3>Description</h3>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<figure>
<img class="pics" src="img/badass-babies3.jpg" alt="this is a baby">
</figure>
</article>
</section>
<section class="commentedpic">
<figure>
<img class="pics" src="img/badass-babies2.png" alt="this is a baby">
</figure>
<article class="pricesdescription">
<h3>Description</h3>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
<p>Praesent blandit molestie ipsum, in congue mauris consequat at.</p>
</article>
</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>