commit e00d32c54219e3aa566af9c4ca8ad4d080707ad7 Author: louis-an.alliaume Date: Thu Jan 6 09:38:08 2022 +0100 Premier dépot sur Git diff --git a/SITE PRINCIPAL.html b/SITE PRINCIPAL.html new file mode 100644 index 0000000..3f1487b --- /dev/null +++ b/SITE PRINCIPAL.html @@ -0,0 +1,93 @@ + + + + + Saint Seiya : Les Chevaliers du Zodiaque + + + + + + +
+

Saint Seiya : Les Chevaliers du Zodiaque

+

POUR DEVENIR UN VRAI CHEVALIER...

+ +
+ +
+ +
+
+
+

Chevaliers de bronze

+

Ceux-ci sont les principaux protagonistes de l'histoire.
+ Certes, ils se situent en bas de la hiérarchie des chevaliers, mais les chevaliers de bronze ont la particularité de réussir à remporter des combats contre des adversaires supposés bien plus forts qu'eux.

+

+

Vous pouvez cliquer sur l'image à droite ou sur l'onglet "bronze" pour découvrir chacun d'entre eux.

+
+
+ +
+
+ +
+
+

Chevaliers d'argent

+

Les chevaliers d'argent sont des personnages secondaires qui obéissent aux chevaliers d'or et ont pour mission de punir les malfrats.

+

+

Vous pouvez cliquer sur l'image à droite ou sur l'onglet "argent" pour découvrir chacun d'entre eux.

+
+
+ +
+
+ +
+
+

Chevaliers d'or

+

Les chevaliers d'or sont incontestablement les plus puissants de tous.
+ Ceux-ci sont capables d'envoyer des coups à la vitesse de la lumière.

+

+

Chacun d'entre eux a été choisi pour sa bravoure, sa force et sa sagesse afin de protéger la déesse Athéna.
+ Pour cela, ils sont dotés d'une armure d'or représentant l'un des douze signes du zodiaque.
+ Les chevaliers d'or se comptent donc au nombre de 12 : Vous pouvez cliquer sur l'image à droite ou sur l'onglet "Or" pour découvrir chacun d'entre eux.

+
+
+ +
+
+
+
+ + + + \ No newline at end of file diff --git a/STYLE PRINCIPAL.css b/STYLE PRINCIPAL.css new file mode 100644 index 0000000..0b7d90d --- /dev/null +++ b/STYLE PRINCIPAL.css @@ -0,0 +1,140 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap'); +html{ + scroll-behavior: smooth; +} +body{ + margin: 0px; + padding: 0px; + font-family: 'Montserrat', sans-serif; +} +nav{ + display:flex; + flex-wrap:wrap; + justify-content: center; + align-items: center; + border-bottom: 5px solid #6f6f6f; +} +nav h1{ + color: #717171; + font-family: 'Playfair Display', serif; + font-size: 30px; +} +nav .onglets{ + margin-top: 3px; + margin-left: 300px; +} +nav .onglets a{ + text-decoration: none; + color: #000; + margin-right: 10px; + border-bottom: 1px solid #000; + padding-bottom: 5px; +} + +header{ + display: flex; + flex-direction: column; + align-items: center; + background: url('Saint-seiya.png'); + background-size: cover; + color: #fff; + padding: 40px; +} +header h1{ + font-family: 'Playfair Display', serif; + font-size: 60px; + margin-top: -25px; + color: gold +} +header h4{ + margin-top: -20px; + font-size: 20px; + text-align: center; + border-bottom: 1px solid #fff; + color: gold +} +header button{ + padding: 10px 20px; + background-color: #fff; + color:#000; + border:none; + margin-bottom: 30px; + outline:none; + font-size: 20px; + font-family: 'Playfair Display', serif; + cursor: pointer; +} + +.main{ + margin-top: 40px; + display: flex; + flex-direction: column; + align-items: center; +} +.main .content .card{ + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-bottom:20px; +} +.main .content .card .left{ + flex: 0 0 30%; + padding: 20px; + background-color:black; + color:#fff; +} +.main .content .card .right img{ + height:300px; + width: 400px; + margin-top: 5px; +} + +footer{ + margin-top: 40px; + border-top: 5px solid #6f6f6f; + background-color: rgb(0, 0, 0); + color: #fff; + padding: 30px 100px;; +} +footer h1{ + font-family: 'Playfair Display', serif; + border-bottom: 1px solid white; + width: 20%; + padding-bottom: 5px; +} +footer .services{ + margin-top: -10px; + display:flex; + flex-wrap:wrap; +} +footer .services .service{ + margin-right: 30px; +} +footer .services .service p{ + max-width: 300px; +} +footer #contact{ + color: rgb(181, 181, 181); +} + +@media screen and (max-width:680px){ + nav .onglets { + margin-left: 0px; + margin-bottom: 20px; + } + .main .card { + margin: 10px; + } + .main .content .card .right img{ + height:200px; + width: 100%; + margin-top: -0px; + } + .main .content .card{ + display: block; + } + footer{ + padding: 30px; + } +} \ No newline at end of file diff --git a/Saint-seiya.png b/Saint-seiya.png new file mode 100644 index 0000000..01523e2 Binary files /dev/null and b/Saint-seiya.png differ diff --git a/Thumbs.db b/Thumbs.db new file mode 100644 index 0000000..ef03934 Binary files /dev/null and b/Thumbs.db differ diff --git a/aigle.jpg b/aigle.jpg new file mode 100644 index 0000000..b7e3def Binary files /dev/null and b/aigle.jpg differ diff --git a/andromede.png b/andromede.png new file mode 100644 index 0000000..c1e7284 Binary files /dev/null and b/andromede.png differ diff --git a/balance.jpg b/balance.jpg new file mode 100644 index 0000000..c8c28bf Binary files /dev/null and b/balance.jpg differ diff --git a/belier.jpg b/belier.jpg new file mode 100644 index 0000000..a856101 Binary files /dev/null and b/belier.jpg differ diff --git a/cancer.jpg b/cancer.jpg new file mode 100644 index 0000000..d71a509 Binary files /dev/null and b/cancer.jpg differ diff --git a/capricorne.jpg b/capricorne.jpg new file mode 100644 index 0000000..2ccac8a Binary files /dev/null and b/capricorne.jpg differ diff --git a/centaure.jpg b/centaure.jpg new file mode 100644 index 0000000..18045b1 Binary files /dev/null and b/centaure.jpg differ diff --git a/chevaliers d'argent 2.jpg b/chevaliers d'argent 2.jpg new file mode 100644 index 0000000..8d4f8cd Binary files /dev/null and b/chevaliers d'argent 2.jpg differ diff --git a/chevaliers d'argent 3.jpeg b/chevaliers d'argent 3.jpeg new file mode 100644 index 0000000..96fb738 Binary files /dev/null and b/chevaliers d'argent 3.jpeg differ diff --git a/chevaliers d'argent.html b/chevaliers d'argent.html new file mode 100644 index 0000000..d7455b8 --- /dev/null +++ b/chevaliers d'argent.html @@ -0,0 +1,34 @@ + + + + + + + Saint Seiya : Les Chevaliers du Zodiaque + + + + + +
+

CHEVALIERS D'ARGENT

+ +
+ + + \ No newline at end of file diff --git a/chevaliers d'argent.png b/chevaliers d'argent.png new file mode 100644 index 0000000..11bdbef Binary files /dev/null and b/chevaliers d'argent.png differ diff --git a/chevaliers d'or 2.jpg b/chevaliers d'or 2.jpg new file mode 100644 index 0000000..db1a580 Binary files /dev/null and b/chevaliers d'or 2.jpg differ diff --git a/chevaliers d'or 3.jpg b/chevaliers d'or 3.jpg new file mode 100644 index 0000000..483946c Binary files /dev/null and b/chevaliers d'or 3.jpg differ diff --git a/chevaliers d'or.html b/chevaliers d'or.html new file mode 100644 index 0000000..59087a5 --- /dev/null +++ b/chevaliers d'or.html @@ -0,0 +1,46 @@ + + + + + + + Saint Seiya : Les Chevaliers du Zodiaque + + + + + +
+

CHEVALIERS D'OR

+ + + +
+ + + \ No newline at end of file diff --git a/chevaliers d'or.jpg b/chevaliers d'or.jpg new file mode 100644 index 0000000..f93620c Binary files /dev/null and b/chevaliers d'or.jpg differ diff --git a/chevaliers de bronze 2.jpg b/chevaliers de bronze 2.jpg new file mode 100644 index 0000000..fae9d10 Binary files /dev/null and b/chevaliers de bronze 2.jpg differ diff --git a/chevaliers de bronze 2.png b/chevaliers de bronze 2.png new file mode 100644 index 0000000..0ea9782 Binary files /dev/null and b/chevaliers de bronze 2.png differ diff --git a/chevaliers de bronze.html b/chevaliers de bronze.html new file mode 100644 index 0000000..c6f53cb --- /dev/null +++ b/chevaliers de bronze.html @@ -0,0 +1,30 @@ + + + + + + + Saint Seiya : Les Chevaliers du Zodiaque + + + + + +
+

CHEVALIERS DE BRONZE

+ +
+ + + \ No newline at end of file diff --git a/chevaliers de bronze.jpg b/chevaliers de bronze.jpg new file mode 100644 index 0000000..c4dfcbd Binary files /dev/null and b/chevaliers de bronze.jpg differ diff --git a/chien.jpg b/chien.jpg new file mode 100644 index 0000000..e9635fc Binary files /dev/null and b/chien.jpg differ diff --git a/corbeau.jpg b/corbeau.jpg new file mode 100644 index 0000000..8ed56c8 Binary files /dev/null and b/corbeau.jpg differ diff --git a/cygne.jpg b/cygne.jpg new file mode 100644 index 0000000..5f25808 Binary files /dev/null and b/cygne.jpg differ diff --git a/dragon.jpg b/dragon.jpg new file mode 100644 index 0000000..7e90979 Binary files /dev/null and b/dragon.jpg differ diff --git a/gemaux.jpg b/gemaux.jpg new file mode 100644 index 0000000..4af089d Binary files /dev/null and b/gemaux.jpg differ diff --git a/lezard.png b/lezard.png new file mode 100644 index 0000000..4c39763 Binary files /dev/null and b/lezard.png differ diff --git a/lion.jpg b/lion.jpg new file mode 100644 index 0000000..2c87c98 Binary files /dev/null and b/lion.jpg differ diff --git a/pegase.png b/pegase.png new file mode 100644 index 0000000..1e45f39 Binary files /dev/null and b/pegase.png differ diff --git a/persee.jpg b/persee.jpg new file mode 100644 index 0000000..dcd1d6f Binary files /dev/null and b/persee.jpg differ diff --git a/phoenix.jpg b/phoenix.jpg new file mode 100644 index 0000000..33765b6 Binary files /dev/null and b/phoenix.jpg differ diff --git a/poissons.jpg b/poissons.jpg new file mode 100644 index 0000000..3582541 Binary files /dev/null and b/poissons.jpg differ diff --git a/sagittaire.jpg b/sagittaire.jpg new file mode 100644 index 0000000..c87b8b6 Binary files /dev/null and b/sagittaire.jpg differ diff --git a/scorpion.jpg b/scorpion.jpg new file mode 100644 index 0000000..b799efc Binary files /dev/null and b/scorpion.jpg differ diff --git a/serpentaire.jpg b/serpentaire.jpg new file mode 100644 index 0000000..b99a268 Binary files /dev/null and b/serpentaire.jpg differ diff --git a/style1.css b/style1.css new file mode 100644 index 0000000..d326abd --- /dev/null +++ b/style1.css @@ -0,0 +1,61 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap'); + +h1 +{ + color: blak; +} + + + + +body +{ + background-color: grey; + background-size: 2000px; + background-image: url("chevaliers de bronze 2.png") + + +} + + + +#cadre +{ + width: 800px; + margin:0 auto; + background-color: white; + text-align: center; + align-content: center; +} + +ul li +{ + list-style-type: none; +} + +h2 +{ + font-family: 'Montserrat', sans-serif; + color: bronze; + font-size: 40px; +} + +h3 +{ + font-family: 'Montserrat', sans-serif; + color: silver; + font-size: 40px; +} + +h4 +{ + font-family: 'Montserrat', sans-serif; + color: gold; + font-size: 40px; +} + +div +{ + font-family: 'Montserrat', sans-serif; +} diff --git a/style2.css b/style2.css new file mode 100644 index 0000000..efbdeed --- /dev/null +++ b/style2.css @@ -0,0 +1,61 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap'); + +h1 +{ + color: blak; +} + + + + +body +{ + background-color: grey; + background-size: 2000px; + background-image: url("chevaliers d'argent 2.jpg") + + +} + + + +#cadre +{ + width: 800px; + margin:0 auto; + background-color: white; + text-align: center; + align-content: center; +} + +ul li +{ + list-style-type: none; +} + +h2 +{ + font-family: 'Montserrat', sans-serif; + color: bronze; + font-size: 40px; +} + +h3 +{ + font-family: 'Montserrat', sans-serif; + color: silver; + font-size: 40px; +} + +h4 +{ + font-family: 'Montserrat', sans-serif; + color: gold; + font-size: 40px; +} + +div +{ + font-family: 'Montserrat', sans-serif; +} diff --git a/style3.css b/style3.css new file mode 100644 index 0000000..10b6123 --- /dev/null +++ b/style3.css @@ -0,0 +1,50 @@ +body +{ + background-color: grey; + background-size: 2000px; + background-image: url("chevaliers d'or.jpg") + + +} + + + +#cadre +{ + width: 800px; + margin:0 auto; + background-color: white; + text-align: center; + align-content: center; +} + +ul li +{ + list-style-type: none; +} + +h2 +{ + font-family: 'Montserrat', sans-serif; + color: bronze; + font-size: 40px; +} + +h3 +{ + font-family: 'Montserrat', sans-serif; + color: silver; + font-size: 40px; +} + +h4 +{ + font-family: 'Montserrat', sans-serif; + color: gold; + font-size: 40px; +} + +div +{ + font-family: 'Montserrat', sans-serif; +} diff --git a/taureau.jpg b/taureau.jpg new file mode 100644 index 0000000..e610189 Binary files /dev/null and b/taureau.jpg differ diff --git a/verseau.jpg b/verseau.jpg new file mode 100644 index 0000000..8e3fdc4 Binary files /dev/null and b/verseau.jpg differ diff --git a/vierge.jpg b/vierge.jpg new file mode 100644 index 0000000..6f8c291 Binary files /dev/null and b/vierge.jpg differ