Skip to content

voici mon projet 17-amber #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
leonieschmutz wants to merge 21 commits into
base: main
Choose a base branch
from
Open

voici mon projet 17-amber #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
90d83dd
ajout font + logo
leonieschmutz May 17, 2022
f20eb93
ajout font titrage
leonieschmutz May 17, 2022
6b885b7
ajout page produits + starter
leonieschmutz May 17, 2022
842f078
correction nomenclature fichier html
leonieschmutz May 17, 2022
704845c
ajout nav sur toutes les pages
leonieschmutz May 17, 2022
2740cd9
ajout header sur pages produit
leonieschmutz May 23, 2022
da76fdd
html main page product 50s
leonieschmutz May 23, 2022
6cc9141
ajout img produit et création main page 50s
leonieschmutz May 23, 2022
8adc733
ajout main autre page product
leonieschmutz May 23, 2022
bb346ca
ajout article other product sur page 50s
leonieschmutz May 23, 2022
20d3a02
ajout section other product page 60s&70s
leonieschmutz May 24, 2022
97b629a
correction nav
leonieschmutz May 24, 2022
f661f5b
correction background pages produit
leonieschmutz May 24, 2022
13c90c7
ajout d'un target dans la nav
leonieschmutz May 24, 2022
726fa74
ajout page d'accueil header
leonieschmutz May 24, 2022
aa6050c
correction nav page d'accueil
leonieschmutz May 24, 2022
1dc38db
ajout présentation produit page d'accueil
leonieschmutz May 24, 2022
caecdd5
ajout section revendeurs
leonieschmutz May 24, 2022
06bc443
ajout footer page accueil
leonieschmutz May 24, 2022
109ea0b
ajout footer autres pages
leonieschmutz May 24, 2022
0de3a94
correction page produit
leonieschmutz May 24, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 82 additions & 0 deletions 50s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/fbc0pxf.css">
<title></title>
</head>
<body class="fifties-page">
<nav>
<img src="SVG/logo_amber.svg" alt="Le logo de la marque amber">
<div class="product-page">
<a href="50s.html" target="_blank">50s</a>
<a href="60s.html" target="_blank">60s</a>
<a href="70s.html" target="_blank">70s</a>
</div>
</nav>
<header>
<p>"I hate rain<br/> at the funeral"</p>
</header>
<main>
<h1>Airbuds pro touch </h1>
<h2>199,99 chf</h2>
<article class="product">
<div class="sale-product">
<div class="sale-product-pictures">
<img src="img/50s_product_side.webp" alt="Une photo du produit">
<div class="proposal_picture">
<img src="img/50s_product_front.webp" alt="Une photo du produit">
<img src="img/50s_product_back.webp" alt="Une photo du produit">
</div>
</div>
<div class="sale-product-text">
<ul>
<li>Réduction du bruit active</li>
<li>Fonction tile tracking activée</li>
<li>Amplification des aigus et des basses pour un son optimisé</li>
<li>controle de la balance pour compenser le déséquiliibre sonore</li>
<li>Résistance à l’eau et à la transpiration</li>
<li>Jusqu’à 5 heures d’écoute sûr une seule charge</li>
</ul>
<a class="button">Acheter</a>
</div>
</div>
<p>Mettez de la magie dans vos oreilles
Les Airbuds Pro touch sont dotés de la technologie de Réduction
active du bruit pour vous immerger dans le son et d’un design adaptatif
qui permet de les porter confortablement toute la journée.
Et ils sont prêts à être utilisés dès leur sortie du boîtier.
</p>
</article>
<article class="other-product">
<h1>Autres produits</h1>
<div class="other-product-presentation">
<figure>
<a href="60s.html"><img src="img/60s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch sixties</figcaption>
</figure>
<figure>
<a href="70s.html"><img src="img/70s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch seventies</figcaption>
</figure>
</div>
</article>
</main>
<footer>
<h1>Contact</h1>
<div class="contact">
<a href="mailto: amber@yahoo.com">E-Mail</a>
<a href="telto: 00078332143619">Tel</a>
<a href="https://www.instagram.com/">Instagram</a>
<a href="https://fr-fr.facebook.com/">Facebook</a>
</div>
<img src="SVG/logo_amber.svg" alt="le logo de la marque Amber">
</footer>
</body>
</html>
82 changes: 82 additions & 0 deletions 60s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/fbc0pxf.css">
<title></title>
</head>
<body class="sixties-page">
<nav>
<img src="SVG/logo_amber.svg" alt="Le logo de la marque amber">
<div class="product-page">
<a href="50s.html" target="_blank">50s</a>
<a href="60s.html" target="_blank">60s</a>
<a href="70s.html" target="_blank">70s</a>
</div>
</nav>
<header>
<p>"We all go a little mad sometimes"</p>
</header>
<main>
<h1>Airbuds pro touch </h1>
<h2>199,99 chf</h2>
<article class="product">
<div class="sale-product">
<div class="sale-product-pictures">
<img src="img/60s_product_side.webp" alt="Une photo du produit">
<div class="proposal_picture">
<img src="img/60s_product_front.webp" alt="Une photo du produit">
<img src="img/60s_product_back.webp" alt="Une photo du produit">
</div>
</div>
<div class="sale-product-text">
<ul>
<li>Réduction du bruit active</li>
<li>Fonction tile tracking activée</li>
<li>Amplification des aigus et des basses pour un son optimisé</li>
<li>controle de la balance pour compenser le déséquiliibre sonore</li>
<li>Résistance à l’eau et à la transpiration</li>
<li>Jusqu’à 5 heures d’écoute sûr une seule charge</li>
</ul>
<a class="button">Acheter</a>
</div>
</div>
<p>Mettez de la magie dans vos oreilles
Les Airbuds Pro touch sont dotés de la technologie de Réduction
active du bruit pour vous immerger dans le son et d’un design adaptatif
qui permet de les porter confortablement toute la journée.
Et ils sont prêts à être utilisés dès leur sortie du boîtier.
</p>
</article>
<article class="other-product">
<h1>Autres produits</h1>
<div class="other-product-presentation">
<figure>
<a href="50s.html"><img src="img/50s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch fifties</figcaption>
</figure>
<figure>
<a href="70s.html"><img src="img/70s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch seventies</figcaption>
</figure>
</div>
</article>
<footer>
<h1>Contact</h1>
<div class="contact">
<a href="mailto: amber@yahoo.com">E-Mail</a>
<a href="telto: 00078332143619">Tel</a>
<a href="https://www.instagram.com/">Instagram</a>
<a href="https://fr-fr.facebook.com/">Facebook</a>
</div>
<img src="SVG/logo_amber.svg" alt="le logo de la marque Amber">
</footer>
</main>
</body>
</html>
82 changes: 82 additions & 0 deletions 70s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/fbc0pxf.css">
<title></title>
</head>
<body class="seventies-page">
<nav>
<img src="SVG/logo_amber.svg" alt="Le logo de la marque amber">
<div class="product-page">
<a href="50s.html" target="_blank">50s</a>
<a href="60s.html" target="_blank">60s</a>
<a href="70s.html" target="_blank">70s</a>
</div>
</nav>
<header>
<p>"Mr. Rusk, you’re not wearing your tie"</p>
</header>
<main>
<h1>Airbuds pro touch </h1>
<h2>199,99 chf</h2>
<article class="product">
<div class="sale-product">
<div class="sale-product-pictures">
<img src="img/70s_product_side.webp" alt="Une photo du produit">
<div class="proposal_picture">
<img src="img/70s_product_front.webp" alt="Une photo du produit">
<img src="img/70s_product_back.webp" alt="Une photo du produit">
</div>
</div>
<div class="sale-product-text">
<ul>
<li>Réduction du bruit active</li>
<li>Fonction tile tracking activée</li>
<li>Amplification des aigus et des basses pour un son optimisé</li>
<li>controle de la balance pour compenser le déséquiliibre sonore</li>
<li>Résistance à l’eau et à la transpiration</li>
<li>Jusqu’à 5 heures d’écoute sûr une seule charge</li>
</ul>
<a class="button">Acheter</a>
</div>
</div>
<p>Mettez de la magie dans vos oreilles
Les Airbuds Pro touch sont dotés de la technologie de Réduction
active du bruit pour vous immerger dans le son et d’un design adaptatif
qui permet de les porter confortablement toute la journée.
Et ils sont prêts à être utilisés dès leur sortie du boîtier.
</p>
</article>
<article class="other-product">
<h1>Autres produits</h1>
<div class="other-product-presentation">
<figure>
<a href="50s.html"><img src="img/50s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch fifties</figcaption>
</figure>
<figure>
<a href="60s.html"><img src="img/60s_product_side.webp"
alt="Une photo du produit">
</a>
<figcaption>Airbuds pro touch sixties</figcaption>
</figure>
</div>
</article>
<footer>
<h1>Contact</h1>
<div class="contact">
<a href="mailto: amber@yahoo.com">E-Mail</a>
<a href="telto: 00078332143619">Tel</a>
<a href="https://www.instagram.com/">Instagram</a>
<a href="https://fr-fr.facebook.com/">Facebook</a>
</div>
<img src="SVG/logo_amber.svg" alt="le logo de la marque Amber">
</footer>
</main>
</body>
</html>
1 change: 1 addition & 0 deletions SVG/50s_pattern.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions SVG/60s_pattern.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions SVG/70s_pattern.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions SVG/logo_amber.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading