diff --git a/50.html b/50.html
new file mode 100644
index 0000000..31a501b
--- /dev/null
+++ b/50.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ Amber
+
+
+
+
+
+
+
+ Elvis Presley
+ La boîte 50’s vous propose des écouteurs sans fils avec connexion
+ Bluetooth. Le thème Elvis Presley avec sa citation
+ "I know absolutely nothing about music. For what I do, I don't need it!"
+
+
+ acheter
+ autres produits
+
+
+
+
+
\ No newline at end of file
diff --git a/60.html b/60.html
new file mode 100644
index 0000000..9138076
--- /dev/null
+++ b/60.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ Amber
+
+
+
+
+
+
+
+ Johnny Hallyday
+ La boîte 60’s vous propose des écouteurs sans fils avec connexion
+ Bluetooth. Le thème Johnny Hallyday avec sa citation
+ "I will stop singing the day I death."
+
+
+ acheter
+ autres produits
+
+
+
+
+
\ No newline at end of file
diff --git a/70.html b/70.html
new file mode 100644
index 0000000..44711df
--- /dev/null
+++ b/70.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ Amber
+
+
+
+
+
+
+
+ David Bowie
+ La boîte 70’s vous propose des écouteurs sans fils avec connexion
+ Bluetooth. Le thème David Bowie avec sa citation
+ "I want my music to awaken the ghosts that are inside me. Not the demons."
+
+
+ acheter
+ autres produits
+
+
+
+
+
\ No newline at end of file
diff --git a/css/styles.css b/css/styles.css
index e69de29..b7585df 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -0,0 +1,84 @@
+body {
+ width: 380px;
+ margin: auto;
+ text-align: center;
+}
+
+img {
+ width: 350px;
+ margin: 25px;
+}
+
+.button {
+ background-color: #000;
+ text-decoration: none;
+ color: #ffffff;
+ font-size: 20px;
+ align-items: center;
+ border-radius: 10px;
+ padding: 10px;
+}
+
+.description {
+ width: 200%;
+ transform: translate(-25%);
+ margin: 0px;
+}
+
+.logo-container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content:center;
+ padding-bottom: 50px;
+}
+
+.logo-container img {
+ width: 100px;
+}
+
+.other-products {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.other-products img {
+ width: 130px;
+ margin-bottom: -40px;
+}
+
+.other-products .button {
+ font-size: 10px;
+}
+
+.logo-amber {
+ width: 200px;
+ margin: 50px;
+}
+
+.music {
+ width: 110%;
+ margin: 0px;
+}
+
+p {
+ margin: 50px;
+}
+
+h1 {
+ margin: 50px;
+}
+
+footer {
+ background-color: #000;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+footer h1 {
+ color: #ffffff;
+}
+
+nav a {
+ color: #ffffff;
+}
\ No newline at end of file
diff --git a/img/boite50s.webp b/img/boite50s.webp
new file mode 100644
index 0000000..44e328b
Binary files /dev/null and b/img/boite50s.webp differ
diff --git a/img/boite60s.webp b/img/boite60s.webp
new file mode 100644
index 0000000..2faac26
Binary files /dev/null and b/img/boite60s.webp differ
diff --git a/img/boite70s.webp b/img/boite70s.webp
new file mode 100644
index 0000000..022586c
Binary files /dev/null and b/img/boite70s.webp differ
diff --git a/img/description50s.webp b/img/description50s.webp
new file mode 100644
index 0000000..4644e1c
Binary files /dev/null and b/img/description50s.webp differ
diff --git a/img/description60s.webp b/img/description60s.webp
new file mode 100644
index 0000000..b7289f2
Binary files /dev/null and b/img/description60s.webp differ
diff --git a/img/description70s.webp b/img/description70s.webp
new file mode 100644
index 0000000..542d945
Binary files /dev/null and b/img/description70s.webp differ
diff --git a/img/logo-amber.svg b/img/logo-amber.svg
new file mode 100644
index 0000000..437e745
--- /dev/null
+++ b/img/logo-amber.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/logo-fnac.svg b/img/logo-fnac.svg
new file mode 100644
index 0000000..7d22570
--- /dev/null
+++ b/img/logo-fnac.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/logo-interdiscount.svg b/img/logo-interdiscount.svg
new file mode 100644
index 0000000..db894de
--- /dev/null
+++ b/img/logo-interdiscount.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/logo-manor.svg b/img/logo-manor.svg
new file mode 100644
index 0000000..c07c90e
--- /dev/null
+++ b/img/logo-manor.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/logo-mediamarkt.svg b/img/logo-mediamarkt.svg
new file mode 100644
index 0000000..c2dac14
--- /dev/null
+++ b/img/logo-mediamarkt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/musique50s.webp b/img/musique50s.webp
new file mode 100644
index 0000000..aa78735
Binary files /dev/null and b/img/musique50s.webp differ
diff --git a/img/musique60s.webp b/img/musique60s.webp
new file mode 100644
index 0000000..5675099
Binary files /dev/null and b/img/musique60s.webp differ
diff --git a/img/musique70s.webp b/img/musique70s.webp
new file mode 100644
index 0000000..c5c51eb
Binary files /dev/null and b/img/musique70s.webp differ
diff --git a/index.html b/index.html
index 7520850..ae6b26e 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,44 @@
-
+
+ Amber
-
+
+
+
+ produits
+
+ voir le produit
+
+ voir le produit
+
+ voir le produit
+ revendeurs
+
+
+
+