-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (60 loc) · 3.45 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
<!DOCTYPE html>
<html lang="fr">
<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/styles.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=Dosis:wght@400;700&display=swap" rel="stylesheet">
<title>SSkull Records</title>
</head>
<header>
<ul class="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">La boutique</a></li>
<li><a href="#">L'auditorium</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<body>
<h1>SSkull Records</h1>
<div class="content">
<div class="intro">
<img src="images/vinyl.png" alt="vinyl-icon" height="128" width="128">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!orem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!orem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!</p>
</div>
<div class="services">
<img src="images/earbuds.png" alt="earbuds-icon" height="128" width="128">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, iure,
cum laborum animi perspiciatis voluptatibus possimus soluta temporibus optio architecto
eos dolores quod veritatis suscipit ullam molestiae earum quas aut!orem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!orem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ipsa obcaecati ratione,
minima amet eos aspernatur nostrum dolore ipsum quasi deserunt, nam maxime recusandae neque.
expedita architecto eaque impedit minima!</p>
</div>
</div>
<div class="find-us">
</div>
<footer>
<div class="links">
<a href="#">Promotions</a>
<a href="#">Nouveautés</a>
<a href="#">Avant-premières</a>
</div>
<p>© 2021 - Noopss Web Design</p>
</footer>
</body>
</html>