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 + + +
+ logo Amber + photo elvis presley +
+
+

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!"

+ infos ecouteurs + boite années 50 + acheter +

autres produits

+
+ boite années 60 + boite années 70 +

+ voir le produit +

+

+ voir le produit +

+
+
+ + + \ 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 + + +
+ logo Amber + photo Johnny Hallyday +
+
+

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."

+ infos ecouteurs + boite années 60 + acheter +

autres produits

+
+ boite années 50 + boite années 70 +

+ voir le produit +

+

+ voir le produit +

+
+
+ + + \ 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 + + +
+ logo Amber + photo David Bowie +
+
+

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."

+ infos ecouteurs + boite années 70 + acheter +

autres produits

+
+ boite années 50 + boite années 60 +

+ voir le produit +

+

+ voir le produit +

+
+
+ + + \ 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 - + +
+ logo Amber +

AMBER est une marque qui vends des écouteurs sans fils avec connexion + Bluetooth dans le thème de la musique et du vintage.

+
+
+

produits

+ boite années 50 + voir le produit + boite années 60 + voir le produit + boite années 70 + voir le produit +

revendeurs

+
+ logo mediamarkt + logo fnac + logo interdiscount + logo manor +
+
+ +