diff --git a/JS/bouton.js b/JS/bouton.js new file mode 100644 index 0000000..0c9daa4 --- /dev/null +++ b/JS/bouton.js @@ -0,0 +1,22 @@ +let bouton; +window.onload = function() { + bouton = document.getElementById("haut"); + bouton.style.display = "none"; +} + +window.onscroll= function() {descente()}; + +function descente(){ + if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { + bouton.style.display = "block"; + } + else { + bouton.style.display = "none"; + } +} + +function EnHaut(){ + document.body.scrollTop = 0; + document.documentElement.scrollTop = 0; + bouton.style.display = "none"; +} \ No newline at end of file diff --git a/JS/burger.js b/JS/burger.js new file mode 100644 index 0000000..3724f2f --- /dev/null +++ b/JS/burger.js @@ -0,0 +1,8 @@ +function myFunction() { + var x = document.getElementById("myTopnav"); + if (x.className === "topnav") { + x.className += " responsive"; + } else { + x.className = "topnav"; + } + } \ No newline at end of file diff --git a/cc.html b/cc.html new file mode 100644 index 0000000..b0de2cd --- /dev/null +++ b/cc.html @@ -0,0 +1,81 @@ + + + + + + Textique.com : Couvre-chefs + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

COUVRE-CHEFS

+
+
+
+ présentation couvre chef 1 +
+ Produit: casquette béret

+ Référence: 021

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Oscar il casse la démarche avec

+ Magasins partenaires: Celio, Jules +
+
+ +
+ présentation couvre chef 2 +
+ Produit: Bob

+ Référence: 022

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Bob blanc imperméable

+ Magasins partenaires: Celio, Jules +
+
+ +
+ présentation couvre chef 3 +
+ Produit: Chapeau vacances

+ Référence: 023

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Chapeau idéal pour les vacances

+ Magasins partenaires: Celio, Kaporal, Kiabi +
+
+ +
+ présentation couvre chef 4 +
+ Produit: Casquette hélice

+ Référence: 024

+ Matériaux: Tissu en plastique recyclé 98%, plastique recyclé 2% (hélice)

+ Description:
+ -Y a vraiment besoin d'une description ?

+ Magasins partenaires: Kiabi +
+ +
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/contact.html b/contact.html index 83bb355..c0c60a6 100644 --- a/contact.html +++ b/contact.html @@ -1,33 +1,30 @@ - - Contact - - + + + Textique.com : Nous contacter +
- - - - +
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+

-
- Pour nous contacter: +
Pour nous contacter:


-
+

@@ -52,11 +49,13 @@

+
+ +
+

Touts droits réservé à @Textique et ses partenaires

-
-

- Vous pouvez aussi nous contacter via nos réseaux sociaux: -

-
+ + + diff --git a/cv_lionel.pdf b/cv_lionel.pdf new file mode 100644 index 0000000..fba68d7 Binary files /dev/null and b/cv_lionel.pdf differ diff --git a/cv_mathieu.pdf b/cv_mathieu.pdf new file mode 100644 index 0000000..15ba8d9 Binary files /dev/null and b/cv_mathieu.pdf differ diff --git a/cv_matthis.pdf b/cv_matthis.pdf new file mode 100644 index 0000000..563843a Binary files /dev/null and b/cv_matthis.pdf differ diff --git a/images/Produits/cal1.png b/images/Produits/cal1.png new file mode 100644 index 0000000..37503e6 Binary files /dev/null and b/images/Produits/cal1.png differ diff --git a/images/Produits/cal2.png b/images/Produits/cal2.png new file mode 100644 index 0000000..a905a24 Binary files /dev/null and b/images/Produits/cal2.png differ diff --git a/images/Produits/cc1.png b/images/Produits/cc1.png new file mode 100644 index 0000000..6ada557 Binary files /dev/null and b/images/Produits/cc1.png differ diff --git a/images/Produits/cc2.png b/images/Produits/cc2.png new file mode 100644 index 0000000..4bc6df9 Binary files /dev/null and b/images/Produits/cc2.png differ diff --git a/images/Produits/cc3.png b/images/Produits/cc3.png new file mode 100644 index 0000000..b4c8efe Binary files /dev/null and b/images/Produits/cc3.png differ diff --git a/images/Produits/cc4.png b/images/Produits/cc4.png new file mode 100644 index 0000000..9100ed6 Binary files /dev/null and b/images/Produits/cc4.png differ diff --git a/images/Produits/cst1.png b/images/Produits/cst1.png new file mode 100644 index 0000000..526ae64 Binary files /dev/null and b/images/Produits/cst1.png differ diff --git a/images/Produits/cst2.png b/images/Produits/cst2.png new file mode 100644 index 0000000..e6cedbf Binary files /dev/null and b/images/Produits/cst2.png differ diff --git a/images/Produits/pent1.png b/images/Produits/pent1.png new file mode 100644 index 0000000..4f2ec02 Binary files /dev/null and b/images/Produits/pent1.png differ diff --git a/images/Produits/pent2.png b/images/Produits/pent2.png new file mode 100644 index 0000000..fcbeeee Binary files /dev/null and b/images/Produits/pent2.png differ diff --git a/images/Produits/pent3.png b/images/Produits/pent3.png new file mode 100644 index 0000000..fc03c68 Binary files /dev/null and b/images/Produits/pent3.png differ diff --git a/images/Produits/pent4.png b/images/Produits/pent4.png new file mode 100644 index 0000000..82da8ff Binary files /dev/null and b/images/Produits/pent4.png differ diff --git a/images/Produits/pullf1.png b/images/Produits/pullf1.png new file mode 100644 index 0000000..9e5ddf5 Binary files /dev/null and b/images/Produits/pullf1.png differ diff --git a/images/Produits/pullf2.png b/images/Produits/pullf2.png new file mode 100644 index 0000000..b9d19a7 Binary files /dev/null and b/images/Produits/pullf2.png differ diff --git a/images/Produits/pullh1.png b/images/Produits/pullh1.png new file mode 100644 index 0000000..8a0d4ca Binary files /dev/null and b/images/Produits/pullh1.png differ diff --git a/images/Produits/pullh2.png b/images/Produits/pullh2.png new file mode 100644 index 0000000..f2a2053 Binary files /dev/null and b/images/Produits/pullh2.png differ diff --git a/images/Produits/sac1.png b/images/Produits/sac1.png new file mode 100644 index 0000000..5701976 Binary files /dev/null and b/images/Produits/sac1.png differ diff --git a/images/Produits/sac2.png b/images/Produits/sac2.png new file mode 100644 index 0000000..af0508b Binary files /dev/null and b/images/Produits/sac2.png differ diff --git a/images/Produits/sac3.png b/images/Produits/sac3.png new file mode 100644 index 0000000..2d01c00 Binary files /dev/null and b/images/Produits/sac3.png differ diff --git a/images/Produits/sac4.png b/images/Produits/sac4.png new file mode 100644 index 0000000..a005c4e Binary files /dev/null and b/images/Produits/sac4.png differ diff --git a/images/Produits/tshirt1.png b/images/Produits/tshirt1.png new file mode 100644 index 0000000..6856dcf Binary files /dev/null and b/images/Produits/tshirt1.png differ diff --git a/images/Produits/tshirt2.png b/images/Produits/tshirt2.png new file mode 100644 index 0000000..563dd11 Binary files /dev/null and b/images/Produits/tshirt2.png differ diff --git a/images/Produits/tshirt3.png b/images/Produits/tshirt3.png new file mode 100644 index 0000000..b1ac336 Binary files /dev/null and b/images/Produits/tshirt3.png differ diff --git a/images/Produits/tshirt4.png b/images/Produits/tshirt4.png new file mode 100644 index 0000000..e502f57 Binary files /dev/null and b/images/Produits/tshirt4.png differ diff --git a/images/background.png b/images/background.png new file mode 100644 index 0000000..8a4d4b7 Binary files /dev/null and b/images/background.png differ diff --git a/images/image01.png b/images/image01.png new file mode 100644 index 0000000..611f69b Binary files /dev/null and b/images/image01.png differ diff --git a/images/image02.png b/images/image02.png new file mode 100644 index 0000000..604c432 Binary files /dev/null and b/images/image02.png differ diff --git a/images/image03.jpg b/images/image03.jpg new file mode 100644 index 0000000..941d3e8 Binary files /dev/null and b/images/image03.jpg differ diff --git a/images/lionel.png b/images/lionel.png new file mode 100644 index 0000000..8a99c4f Binary files /dev/null and b/images/lionel.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..02002db Binary files /dev/null and b/images/logo.png differ diff --git a/images/mathieu.png b/images/mathieu.png new file mode 100644 index 0000000..8dbd12f Binary files /dev/null and b/images/mathieu.png differ diff --git a/images/matthis.png b/images/matthis.png new file mode 100644 index 0000000..9cfce14 Binary files /dev/null and b/images/matthis.png differ diff --git a/images/seacleaner.png b/images/seacleaner.png new file mode 100644 index 0000000..17955d9 Binary files /dev/null and b/images/seacleaner.png differ diff --git a/images/textile.jpg b/images/textile.jpg new file mode 100644 index 0000000..cdf1ebd Binary files /dev/null and b/images/textile.jpg differ diff --git a/images/transformation.png b/images/transformation.png new file mode 100644 index 0000000..576b26b Binary files /dev/null and b/images/transformation.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a0f3f9e --- /dev/null +++ b/index.html @@ -0,0 +1,85 @@ + + + + + + Textique.com : Textiles recyclés + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+ +
+

Derniers produits

+
+ sac à dos d'intervention +
+

+ Sac à dos d'intervention +

+
+

+ Modèle avec dossier rigide, équipé de doubles poches à l'avant et sur les côtés.
Tailles des lanières réglables.
+

+

+ Taille - 40L +

+

+ Coupe - Droite +

+

+ Composition - Couches extérieures et intérieures : 100% textique (plastique recyclé) +

+

+ Numéro d'article - 1000000000000 +

+
+
+ +
+
+

+ T-shirt regular avec capuche +

+
+

+ T-shirt regular gris ou noir.
Manches courtes et capuche intégrée.
Modèle avec col livre et fermeture éclair. +

+

+ Taille - 174-178cm +

+

+ Coupe - Regular slim +

+

+ Composition - Doublure 100% textique (plastique recyclé) +

+

+ Numéro d'article - 1000000000001 +

+
+ t-shirt regular +
+
+ +
+ +
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + + + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..e47c15f Binary files /dev/null and b/logo.png differ diff --git a/partenariat.html b/partenariat.html new file mode 100644 index 0000000..e2e32f1 --- /dev/null +++ b/partenariat.html @@ -0,0 +1,50 @@ + + + + + Textique.com : Nos partenaires + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+ +
+

Nos partenaires

+
+ Sea Savior logo +
+

Sea Savior

+

+ Partenaires depuis maintenant plus de 10 ans, Sea Savior
+ nous accompagne dans notre production de vétements en nous
+ en nous livrant une immense quantité de plastique qu'ils
+ récupèrent 3 fois par semaines. +
+
+ Leurs bateaux sont réspectueux envers l'environement puisqu'il
+ fonctionnent à l'énergie éolienne ainsi qu'a l'energie solaire. +

+
+
+
+ +
+ +
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/pentalons.html b/pentalons.html new file mode 100644 index 0000000..76e00d7 --- /dev/null +++ b/pentalons.html @@ -0,0 +1,86 @@ + + + + + Textique.com : Pantalons + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

PANTALONS

+
+
+
+ présentation pentalon 1 +
+ Produit: pantalon rouge

+ Référence: 421

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -2 poches arrières

+ Magasins partenaires: Celio, H&M, Hollister +
+
+ +
+ présentation pentalon 2 +
+ Produit: Pantalon bleu marine

+ Référence: 422

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -2 poches avant
+ -2 poches arrière
+ -2 poches lattérales

+ Magasins partenaires: Décathlon, Go Sport +
+
+ +
+ présentation pentalon 3 +
+ Produit: Pantalon gris

+ Référence: 423

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -2 poches avant
+ -2 poches arrière
+ -2 poches lattérales

+ Magasins partenaires: Décathlon, Go Sport +
+
+ +
+ présentation pentalon 4 +
+ Produit: Pantalon noir

+ Référence: 424

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -2 poches avant
+ -2 poches arrière
+ -2 poches lattérales

+ Magasins partenaires: Décathlon, Go Sport +
+
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/pulls.html b/pulls.html new file mode 100644 index 0000000..3c28e9c --- /dev/null +++ b/pulls.html @@ -0,0 +1,80 @@ + + + + + Textique.com : Pulls + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

PULLS

+
+
+
+ présentation pull homme 1 +
+ Produit: Pull homme bleu

+ Référence: 101

+ Matériaux: Coton en plastique recyclé 100%

+ Description:
+ -Bleu et chaud, idéal pour les mi-saisons

+ Magasins partenaires: Celio, Go Sport, Decathlon +
+
+ +
+ présentation pull homme 2 +
+ Produit: Pull homme bleu marine

+ Référence: 102

+ Matériaux: Coton en plastique recyclé 100%

+ Description:
+ -Chaud, à mettre au début de l'hiver

+ Magasins partenaires: Celio, Jules +
+
+ +
+ présentation pull femme 1 +
+ Produit: Pull femme beige

+ Référence: 121

+ Matériaux: Coton en plastique recyclé 100%

+ Description:
+ -Pull pour le printemps

+ Magasins partenaires: H&M, Hollister, Kaporal, Kiabi +
+
+ +
+ présentation pull femme 2 +
+ Produit: Pull femme bleu

+ Référence: 122

+ Matériaux: Coton en plastique recyclé 100%

+ Description:
+ -Pull d'été

+ Magasins partenaires: H&M, Hollister, Kaporal, Kiabi +
+
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/qsn.html b/qsn.html new file mode 100644 index 0000000..e8ac0f3 --- /dev/null +++ b/qsn.html @@ -0,0 +1,58 @@ + + + + + Textique.com : Biographie + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+ +
+ Nous sommes 3 étudiants en informatique qui ont décidé de lutter contre le réchauffement climatique et la surconsommation.
+ En effet, de nos jours, les vêtements que l'on trouve en magasins sont fabriqués à l'autre bout du monde dans des usines dans lesquelles les personnes sont sous-payées, et parfois mineures.
+ Nous avons donc voulu créer un courant contraire afin de soutenir ces populations. +
+
+
+

Matthis FAUVET

+ photo matthis
+ Télécharger le CV + ___________________
+ Animé par l'informatique, je veux travailler chez Riot games. Je servirai Aurelion Sol, créateur de notre monde, toute ma vie. +
+
+

Lionel MORIN

+ photo lionel
+ Télécharger le CV + ___________________ +
+ Etudiant en BUT informatique, j'ai commencé à apprendre à coder en 3e et depuis je veux en faire mon métier. +
+
+

Mathieu PROAL

+ photo mathieu
+ Télécharger le CV + ___________________
+ Etudiant en informatique, je suis passioné par le développement depuis plusieurs années. +
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/sacs.html b/sacs.html new file mode 100644 index 0000000..8541720 --- /dev/null +++ b/sacs.html @@ -0,0 +1,87 @@ + + + + + + Textique.com : Sacs + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

SACS

+
+
+
+ présentation sac 1 +
+ Produit: Sac tout-en-un, multifonction

+ Référence: 121

+ Matériaux: Tissu en plastique recyclé 99%, cuir éco-responsable 1% (lanières)

+ Description:
+ -sac 20L
+ -une grande poche
+ -3 petites poches extérieures

+ Magasins partenaires: Celio, Go Sport, Decathlon +
+
+ +
+ présentation sac 2 +
+ Produit: Sac tote bag

+ Référence: 122

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -sac 5L
+ -une grande poche

+ Magasins partenaires: Carrefour, Leclerc, U +
+
+ +
+ présentation sac 3 +
+ Produit: Sac apparence cuir

+ Référence: 123

+ Matériaux: Tissu en plastique recyclé 95%, cuir-éco-responsable (apparence) 5%

+ Description:
+ -sac 10L
+ -une grande poche
+ -une petite poche extérieure

+ Magasins partenaires: H&M, Hollister, Kaporal, Kiabi +
+
+ +
+ présentation sac 4 +
+ Produit: Sac de voyage

+ Référence: 114

+ Matériaux: Tissu en plastique recyclé 99%, cuir éco-responsable (lanière) 1%

+ Description:
+ -sac 30L
+ -une grande poche

+ Magasins partenaires: H&M, Hollister, Kaporal, Kiabi +
+ +
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/sousvet.html b/sousvet.html new file mode 100644 index 0000000..5653a77 --- /dev/null +++ b/sousvet.html @@ -0,0 +1,77 @@ + + + + + Textique.com : Sous-Vêtements + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

SOUS-VÊTEMENTS

+
+
+
+ présentation caleçon 1 +
+ Produit: Caleçon à carraux

+ Référence: 511

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Il est swag

+ Magasins partenaires: Celio +
+
+
+ présentation calçon 2 +
+ Produit: Caleçon pas ouf

+ Référence: 512

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Sincèrement il est moche, l'achetez pas

+ Magasins partenaires: Carrefour, Leclerc, U +
+
+
+ présentation chaussettes 1 +
+ Produit: Chaussettes carlin

+ Référence: 523

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Ouaf

+ Magasins partenaires: H&M, Hollister, Kaporal, Kiabi +
+
+
+ présentation chaussettes 2 +
+ Produit: Chaussettes à pois

+ Référence: 524

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Sous côté

+ Magasins partenaires: Kiabi +
+
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/store.html b/store.html new file mode 100644 index 0000000..69f5007 --- /dev/null +++ b/store.html @@ -0,0 +1,61 @@ + + + + + Textique.com : Nos produits + + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+ +
+
+ présentation couvre chef 1 + Couvre-chefs + présentation couvre chef 4 +
+
+ présentation sac 1 + Sacs + présentation sac 2 +
+
+ présentation pull homme 1 + Pulls + présentation pull femme 1 +
+
+ présentation t-shirt 1 + T-shirts + présentation t-shirt 2 +
+
+ présentation pentalon 1 + Pantalons + présentation pentalon 2 +
+
+ présentation caleçon 1 + Sous-vêtements + présentation chaussettes 1 +
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c192af7 --- /dev/null +++ b/styles.css @@ -0,0 +1,395 @@ +body { + display: flex; + flex-direction: column; + background-image: url("images/background.png"); + background-size: cover; + align-items: center; + justify-content: center; + font-family: sans-serif, monospace; +} + +*{ + padding: 0px; + margin: 0px; +} + +html { + height: auto; + width: auto; +} + +div.container { + display: flex; + flex-direction: column; + box-sizing: content-box; + + width: 100%; + height: auto; + + margin: 0px; + justify-content: center; + align-items: center; +} + +div { + margin: 20px; +} + +/* ---------------- Container --------------- */ + +div.box { + display: flex; + flex-direction: column; + border-radius: 10px; + background-color: #236427; + + width: 50%; + font-size: 100%; + height: auto; + + padding: 20px; + + background-color: rgba(56,156,62, 0.7); + + align-items: center; + +} + +div.dual_box { + display: flex; + + width: 100%; + height: auto; + + margin: 10px; + + overflow: hidden; + justify-content: space-evenly; +} + +div.dual_box31 { + display: flex; + flex-direction: column; + + width: 100%; + height: auto; + + margin: 10px; + + overflow: hidden; + justify-content: space-evenly; + align-items: center; +} + +img.dual_img { + width: 40%; + height: 100%; +} + +img.img3 { + width: 50%; + height: 70%; +} + +div.texti{ + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: flex-start; +} +/* ----------- Barre de navigation ------------ */ + + +.topnav { + display: flex; + flex-direction: row; + + justify-content: space-evenly ; + align-items: center; + + width: 100%; + + background-color: #236427; + overflow: hidden; +} + +.topnav a { + float: left; + display: block; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} + +.topnav a:hover { + background-color: #ddd; + color: black; +} + +.topnav a.active { + background-color: #04AA6D; + color: white; +} + +.topnav .icon { + display: none; +} + +@media screen and (max-width: 600px) { + .topnav a:not(:first-child) {display: none;} + .topnav a.icon { + float: right; + display: block; + } +} + +@media screen and (max-width: 600px) { + .topnav.responsive { + position: relative; + display: flex; + flex-direction: column; + } + .topnav.responsive .icon { + position: absolute; + right: 0; + top: 0; + } + .topnav.responsive a { + float: none; + display: block; + text-align: left; + } +} + + +/* ----------- RESTE ------------ */ + +div { + margin: 20px; +} + +div.box3 { + display: flex; + flex-direction: column; + border-radius: 10px; + background-color: rgba(56,156,62, 0.7); + width: 60%; + height: auto; + padding: 20px; + justify-content: space-evenly; + align-items: center; +} + +/* Produits */ + +div.box2 { + display: flex; + flex-direction: column; + background-color: rgba(35,100,39, 0.5); + width: 1000px; + height: 900px; + padding: 20px; + justify-content: space-evenly; + align-items: center; +} + +div.choix { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; +} + +div.s1 { + display: flex; + flex-direction: row; + background-color: rgba(56,156,62, 0.7); + width: 500px; + height: 150px; + padding: 20px; + justify-content: space-evenly; + align-items: center; + border-radius: 10px; +} + +.l { + display: block; + color: white; + text-align: center; + text-decoration: none; +} + +.pres { + width: 170px; +} + +.pres2 { + height: 150px; +} + +.imgvend { + height: 300px; + margin-left: 20px; +} + +.imgvend2 { + width: 250px; + margin-left: 20px; +} + +.vend { + width: 550px; + height: 350px; + display: flex; + flex-direction: row; + background-color: rgba(56,156,62, 0.7); + justify-content: space-evenly; + align-items: center; + border-radius: 10px; +} + +.texte { + margin-left: 50px; +} + + +/*Qui sommes nous*/ + +div.s2 { + display: flex; + flex-direction: row; + background-color: rgba(56,156,62, 0.7); + width: 500px; + height: 150px; + padding: 20px; + justify-content: space-evenly; + align-items: center; + border-radius: 10px; + text-align:center; +} + +div.s3 { + display: flex; + flex-direction: column; + background-color: rgba(56,156,62, 0.7); + width: 300px; + height: 450px; + padding: 20px; + justify-content: space-evenly; + align-items: center; + border-radius: 10px; + text-align:center; +} + +.imgqsn { + height: 250px; +} + +.acv { + text-decoration:none; + color: #ffffff; +} + + +/* ---------- FOOTER --------- */ + +.footer{ + display: flex; + position: relative; + + justify-content: center; + + background-color: #236427; + + width: 100%; +} + + +/* ---------- Contact ----------- */ + +fieldset{ + font-size: larger; + width: 500px; + border:transparent; +} + +input { + width: 100%; + height: 20px; + background-color: #d2d6d9; + border-radius: 5px; +} + +textarea.message{ + height: 200px; + width: 100% ; + display: block; + background-color: #d2d6d9; + border-radius: 5px; + font-size: 15px; + resize: none; +} + +input.send{ + height: 25px; + width: 20%; + margin-left: 40%; +} + +button.haut{ + font-size: 200%; + text-align: center; + position: fixed; + width: 50px; + height: 50px; + border: transparent; + border-radius: 45px; + left: calc(100% - 55px); + bottom: 5px; +} + + +/* Tissu */ +div.texte2 p{ + margin-left: 30px; +} + +div.texte2 { + display: block; + font-size: 100%; + background-color: rgba(56,156,62, 0.7); + border-radius: 10px; +} + +div.texte2 ol.liste1{ + list-style-type: "-"; +} + +div.texte2 ol li{ + float:none; + margin-left: 10%; +} + +div.texte2 img{ + width: 15%; + display: block; + margin-left: auto; + margin-right: auto; + padding-right: 130px; +} + +div.transfo img{ + width: 40%; +} + +div.textile img{ + width: 30%; +} + +div.texte2 ol{ + list-style-type: upper-roman; +} + +/*burger menu*/ diff --git a/tissu.html b/tissu.html new file mode 100644 index 0000000..a58136a --- /dev/null +++ b/tissu.html @@ -0,0 +1,68 @@ + + + + + + Textique.com : Notre tissu + + + + +
+
+ + + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + + /// + +
+ +
+
+

Pour produire notre tissu Textique ® nous procédons en 3 grandes étapes:

+
    +
  1. Récolte
    2. +
  2. Transformation
    3. +
  3. Production
    4. +
+ +


+ +
    +
  1. Récolte +

    Pour récolter notre plastique nous nous sommmes associés avec The SeaCleaner. +

    + logo SeaCleaner +
    + Cette ONG récupère le plastique rejeté en mer avec ses bateaux que nous achetons ensuite pour financer cette organisation. +

    +
    2. +
  2. Transformation +

    Après avoir récupéré le plastique nous le transformons en une fibre textile que nous exploitons ensuite pour créer nos différents produits.

    +
    + processus de transformation +
    +
    3. +
  3. Production +

    Enfin, nos produits sont confectionnés dans nos usines en France, le tout en étant neutre en carbone.

    +
    + Exemple de tissu +
    +
    4. +
+
+
+
+ +
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file diff --git a/tshirt.html b/tshirt.html new file mode 100644 index 0000000..fb49611 --- /dev/null +++ b/tshirt.html @@ -0,0 +1,80 @@ + + + + + + Textique.com : T-shirts + + + + +
+
+ + Accueil + Produits + Tissu + Partenariats + Qui sommes nous ? + Nous contacter + /// +
+
+

T-SHIRTS

+
+
+
+ présentation t-shirt 1 +
+ Produit: T-shirt

+ Référence: 321

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Il est neutre

+ Magasins partenaires: Celio, Jules, Kiabi +
+
+ +
+ présentation t-shirt 2 +
+ Produit: T-shirt Simpson

+ Référence: 322

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Simpson c'est rigolo lol

+ Magasins partenaires: Celio, Kiabi +
+
+ +
+ présentation tshirt 3 +
+ Produit: T-shirt vague de Kanagawa

+ Référence: 323

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -Bah il respire le flow

+ Magasins partenaires: Hollister, Kaporal, Celio +
+
+ +
+ présentation tshirt 4 +
+ Produit: T-shirt Pokémon

+ Référence: 324

+ Matériaux: Tissu en plastique recyclé 100%

+ Description:
+ -C'est par définition le plus beau

+ Magasins partenaires: Celio, Hollister, Kaporal +
+
+
+
+
+

Touts droits réservé à @Textique et ses partenaires

+
+ + + \ No newline at end of file