Skip to content

Rendu 17-amber #3

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
AnoukGeinoz wants to merge 62 commits into
base: main
Choose a base branch
from
Open

Rendu 17-amber #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
62 commits
Select commit Hold shift + click to select a range
a5428f3
ajout du titre
AnoukGeinoz May 16, 2022
c1c6ff4
ajout lien css
AnoukGeinoz May 17, 2022
096639e
ajout fonts
AnoukGeinoz May 17, 2022
58a34d1
ajout taille body
AnoukGeinoz May 17, 2022
f3cb4ba
realisation nav header
AnoukGeinoz May 17, 2022
9627f76
realisation header
AnoukGeinoz May 17, 2022
c725a7b
realisation div intro
AnoukGeinoz May 17, 2022
94b253c
realisation main
AnoukGeinoz May 17, 2022
c1298e1
correction nom class nav
AnoukGeinoz May 17, 2022
497b265
realisation footer
AnoukGeinoz May 17, 2022
d6ad98e
realisation header
AnoukGeinoz May 17, 2022
4d02f6e
realisation nav header
AnoukGeinoz May 17, 2022
b628f45
realisation introduction
AnoukGeinoz May 17, 2022
f0a6c4b
realisation main produits
AnoukGeinoz May 17, 2022
15c5ff5
realisation div revendeurs
AnoukGeinoz May 17, 2022
59e9e98
realisation footer
AnoukGeinoz May 17, 2022
430b4a9
realisation header
AnoukGeinoz May 18, 2022
a9b0ad4
realisation div buy
AnoukGeinoz May 18, 2022
3bafd5d
realisation main
AnoukGeinoz May 18, 2022
83aef04
realisation footer
AnoukGeinoz May 18, 2022
a9cf697
realisation footer
AnoukGeinoz May 18, 2022
91aa378
realisation div other products
AnoukGeinoz May 18, 2022
0f0e0bb
realisation div features
AnoukGeinoz May 18, 2022
06f07da
realisation header
AnoukGeinoz May 18, 2022
d2c37f7
correction couleur features
AnoukGeinoz May 18, 2022
9ffa2a5
correction taille products
AnoukGeinoz May 18, 2022
210ad88
correction header
AnoukGeinoz May 18, 2022
decf8b2
realisation div buy
AnoukGeinoz May 18, 2022
e894a40
correction liens main
AnoukGeinoz May 18, 2022
ed24aca
realisation header
AnoukGeinoz May 18, 2022
2e8fc30
realisation main
AnoukGeinoz May 18, 2022
4595ffd
realisation footer
AnoukGeinoz May 18, 2022
d769ce2
realisation footer
AnoukGeinoz May 18, 2022
ef47809
realisation products
AnoukGeinoz May 18, 2022
40b9344
realisation div buy
AnoukGeinoz May 18, 2022
0aa0952
changement couleur intro et revendeurs
AnoukGeinoz May 18, 2022
cf5107e
ajout lien sur logo amber
AnoukGeinoz May 20, 2022
8a3176c
changement lien img footer
AnoukGeinoz May 20, 2022
fcef344
changement titre site
AnoukGeinoz May 20, 2022
485bf9d
changement img 70s
AnoukGeinoz May 20, 2022
ed3c9a1
realisation footer 70s
AnoukGeinoz May 23, 2022
70163bf
realisation header 70s
AnoukGeinoz May 23, 2022
720cbbd
realisation div buy
AnoukGeinoz May 23, 2022
76fa483
realisation other-products
AnoukGeinoz May 23, 2022
eb4e8da
ajout liens revendeurs
AnoukGeinoz May 23, 2022
39a5e5f
correction noms boutons autres produits
AnoukGeinoz May 23, 2022
203e41b
correction liens id revendeurs et produits
AnoukGeinoz May 23, 2022
1dc0c35
correction couleurs header
AnoukGeinoz May 23, 2022
d0140ec
changement font header 50s
AnoukGeinoz May 23, 2022
4fdaf98
changement taille font 70s
AnoukGeinoz May 23, 2022
3659d8c
ajout border body
AnoukGeinoz May 23, 2022
b8efb9f
correction padding products
AnoukGeinoz May 23, 2022
bc8f313
correction padding revendeurs
AnoukGeinoz May 23, 2022
67a8894
correction padding products
AnoukGeinoz May 23, 2022
6e02c0a
correction background-img accueil
AnoukGeinoz May 23, 2022
189a19d
correction taille img features
AnoukGeinoz May 23, 2022
459aada
reduction css
AnoukGeinoz May 23, 2022
19cb347
correction indentation
AnoukGeinoz May 23, 2022
c2cc74f
correction hauteur div features
AnoukGeinoz May 24, 2022
4106856
correction emplacement code css
AnoukGeinoz May 24, 2022
a166dbf
soustraction border div buy
AnoukGeinoz May 24, 2022
4b7cc4b
correction tailles img
AnoukGeinoz 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
74 changes: 74 additions & 0 deletions 50s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Amber - 50s</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="https://use.typekit.net/yxb4wiq.css">
</head>
<body class="collection">
<header>
<h1>I love Lucy</h1>
<div class="presentation">
<img src="img/img_lucy_header.webp" alt="Portrait de Lucy.">
<p>Lucy, I'm home !</p>
</div>
</header>
<main>
<div class="buy">
<div class="button">
<a href="index.html#revendeurs">Ajouter au panier</a>
</div>
<p>129.-</p>
</div>
<div class="features">
<h2>Caractéristiques</h2>
<p><strong>Réduction de bruit</strong>
<br>
vous permettant d’être totalement isolé.e dans la musique
</p>
<p><strong>Autonomie</strong>
<br>
allant jusqu’à dix heures
</p>
<p><strong>Waterproof</strong>
<br>
résistant a tout contact liquide
</p>
<p><strong>Audio spatial</strong>
<br>
avec suivi dynamique de la tête
</p>
<div class="patterns-container">
<img src="img/img_motifs_50s.webp" alt="Motifs typiques des fifties.">
</div>
</div>
<div class="other-products">
<h2>Autres produits</h2>
<div class="products-container">
<div class="products-sixties">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
<div class="products-seventies">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<a class="homepage-link" href="index.html">
<img src="img/logo_50s.svg" alt="Logo Amber." />
</a>
<nav>
<a href="https://fr-fr.facebook.com/login.php/" target="_blank">Facebook</a>
<a href="https://www.instagram.com/" target="_blank">Instagram</a>
<a href="mailto:amber@earbuds.ch" target="_blank">Email</a>
</nav>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions 60s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Amber - 60s</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="https://use.typekit.net/yxb4wiq.css">
</head>
<body class="collection collection-sixties">
<header>
<h1>Be-witched</h1>
<div class="presentation">
<img src="img/img_bewitched_header.webp" alt="Portrait de bewitched.">
<p>So my wife's a witch. Every married man has to make adjustement.</p>
</div>
</header>
<main>
<div class="buy">
<div class="button">
<a href="index.html#revendeurs">Ajouter au panier</a>
</div>
<p>129.-</p>
</div>
<div class="features">
<h2>Caractéristiques</h2>
<p><strong>Réduction de bruit</strong>
<br>
vous permettant d’être totalement isolé.e dans la musique
</p>
<p><strong>Autonomie</strong>
<br>
allant jusqu’à dix heures
</p>
<p><strong>Waterproof</strong>
<br>
résistant a tout contact liquide
</p>
<p><strong>Audio spatial</strong>
<br>
avec suivi dynamique de la tête
</p>
<div class="patterns-container">
<img src="img/img_motifs_60s.webp" alt="Motifs typiques des sixties.">
</div>
</div>
<div class="other-products">
<h2>Autres produits</h2>
<div class="products-container">
<div class="products-fifties">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
<div class="products-seventies">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<a class="homepage-link" href="index.html">
<img src="img/logo_60s.svg" alt="Logo Amber." />
</a>
<nav>
<a href="https://fr-fr.facebook.com/login.php/" target="_blank">Facebook</a>
<a href="https://www.instagram.com/" target="_blank">Instagram</a>
<a href="mailto:amber@earbuds.ch" target="_blank">Email</a>
</nav>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions 70s.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Amber - 70s</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="https://use.typekit.net/yxb4wiq.css">
</head>
<body class="collection collection-seventies">
<header>
<h1>The Mary Tyler Moore show</h1>
<div class="presentation">
<img src="img/img_mary_header.webp" alt="Portrait de Mary Tyler Moore.">
<p>I’am not an actress who can create a character. I play me.</p>
</div>
</header>
<main>
<div class="buy">
<div class="button">
<a href="index.html#revendeurs">Ajouter au panier</a>
</div>
<p>129.-</p>
</div>
<div class="features">
<h2>Caractéristiques</h2>
<p><strong>Réduction de bruit</strong>
<br>
vous permettant d’être totalement isolé.e dans la musique
</p>
<p><strong>Autonomie</strong>
<br>
allant jusqu’à dix heures
</p>
<p><strong>Waterproof</strong>
<br>
résistant a tout contact liquide
</p>
<p><strong>Audio spatial</strong>
<br>
avec suivi dynamique de la tête
</p>
<div class="patterns-container">
<img src="img/img_motifs_70s.webp" alt="Motifs typiques des seventies.">
</div>
</div>
<div class="other-products">
<h2>Autres produits</h2>
<div class="products-container">
<div class="products-fifties">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
<div class="products-sixties">
<div class="button">
<a href="index.html#produits">Autres produits</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<a class="homepage-link" href="index.html">
<img src="img/logo_70s.svg" alt="Logo Amber." />
</a>
<nav>
<a href="https://fr-fr.facebook.com/login.php/" target="_blank">Facebook</a>
<a href="https://www.instagram.com/" target="_blank">Instagram</a>
<a href="mailto:amber@earbuds.ch" target="_blank">Email</a>
</nav>
</footer>
</body>
</html>
Loading