-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage5.html
141 lines (116 loc) · 5.42 KB
/
page5.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 lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/page5.css">
<title>Les Montagne</title>
</head>
<body>
<!-- <div class="txt-center">
<h1>Photos de paysages</h1>
</div>
<div class="container">
<div class="w-10">
<p class="side bg-purple"></p>
</div>
<div class="container2">
<div class=" bg-orange">
<section class=" pad-10">
<div class=" space-ard">
<div class="mx-10">
<img src="/images/theme1.webp" alt="">
</div>
<div class="mx-10">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo blanditiis iure quam iste
reprehenderit? Quisquam velit non ab, autem, voluptatum eos dolor maiores possimus, aliquid
ex
beatae molestias atque ullam? Ex, animi consequatur exercitationem ratione amet ipsam
veritatis
nesciunt officiis expedita nulla voluptatibus dolor. Vero iusto necessitatibus quidem
placeat
sapiente!</p>
</div>
</div>
</section>
<hr class="hr just-cont">
<section class=" rotate mt-50 pad-10">
<div class="space-ard rotate">
<div class=" rotate 1 mx-10">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo blanditiis iure quam iste
reprehenderit? Quisquam velit non ab, autem, voluptatum eos dolor maiores possimus, aliquid
ex
beatae molestias atque ullam? Ex, animi consequatur exercitationem ratione amet ipsam
veritatis
nesciunt officiis expedita nulla voluptatibus dolor. Vero iusto necessitatibus quidem
placeat
sapiente!</p>
</div>
<div class=" mx-10 ">
<img src="/images/theme2.webp" alt="">
</div>
</div>
</section>
</div>
</div>
</div>
<section class="mt-50 pad-10">
<div class="space-ard">
<div class="mx-10">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ullam, maxime, assumenda illo inventore
aperiam consequuntur esse voluptate aliquam, eos a consectetur! Officia, eveniet nostrum culpa
quisquam iure ipsa accusamus consequatur molestiae libero qui quis consectetur quidem, omnis est
illo atque quos esse, ducimus excepturi modi? Maxime, amet. Ut, numquam est.</p>
</div>
<div class="mx-10">
<img src="/images/theme3.webp" alt="">
</div>
<div class="mx-10">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati eos eligendi veniam amet. Cumque
fuga ex perferendis incidunt aperiam mollitia impedit, ipsam quis veritatis maiores autem, quas
consectetur. Distinctio adipisci neque, dolor earum accusamus deleniti corporis sit? Error quod,
nostrum cum assumenda consequuntur minus. Recusandae tempora ipsum nam magnam necessitatibus!</p>
</div>
</div>
</section>
-->
<div class="side bg-purple">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
<section class="container">
<div class="flx">
<img src="/images/theme3.webp" alt="">
<div>
<h2>titre 1</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta laudantium quasi laboriosam non
praesentium minus, voluptate deserunt excepturi incidunt quibusdam!</p>
</div>
</div>
<div class="separator-horizontal"></div>
<div class="flx">
<div>
<h2>titre 1</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta laudantium quasi laboriosam non
praesentium minus, voluptate deserunt excepturi incidunt quibusdam!</p>
</div>
<img src="/images/theme3.webp" alt="">
</div>
<div class="flx">
<div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta laudantium quasi laboriosam non
praesentium minus, voluptate deserunt excepturi incidunt quibusdam!</p>
</div>
<img src="/images/theme3.webp" alt="">
<div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta laudantium quasi laboriosam non
praesentium minus, voluptate deserunt excepturi incidunt quibusdam!</p>
</div>
</div>
</section>
</body>
</html>