FINI
22
JS/bouton.js
Normal file
@ -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";
|
||||||
|
}
|
8
JS/burger.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
function myFunction() {
|
||||||
|
var x = document.getElementById("myTopnav");
|
||||||
|
if (x.className === "topnav") {
|
||||||
|
x.className += " responsive";
|
||||||
|
} else {
|
||||||
|
x.className = "topnav";
|
||||||
|
}
|
||||||
|
}
|
81
cc.html
Normal file
@ -0,0 +1,81 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Couvre-chefs</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="logo"></a>
|
||||||
|
<a href="index.html">Accueil</a>
|
||||||
|
<a href="store.html" class="active">Produits</a>
|
||||||
|
<a href="tissu.html">Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html">Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
<div class="t">
|
||||||
|
<h2>COUVRE-CHEFS</h2>
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cc1.png" alt="présentation couvre chef 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> casquette béret <br><br>
|
||||||
|
<strong>Référence:</strong> 021<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Oscar il casse la démarche avec<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Jules
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cc2.png" alt="présentation couvre chef 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Bob<br><br>
|
||||||
|
<strong>Référence:</strong> 022<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Bob blanc imperméable<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Jules
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cc3.png" alt="présentation couvre chef 3">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Chapeau vacances<br><br>
|
||||||
|
<strong>Référence:</strong> 023<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Chapeau idéal pour les vacances<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cc4.png" alt="présentation couvre chef 4">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Casquette hélice<br><br>
|
||||||
|
<strong>Référence:</strong> 024<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 98%, plastique recyclé 2% (hélice)<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Y a vraiment besoin d'une description ?<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Kiabi
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
43
contact.html
@ -1,33 +1,30 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Contact</title>
|
<title>Textique.com : Nous contacter</title>
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
<script type="text/javascript" src="bouton.js"></script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a href="index.html" class="image"><img src="logo.png"></a>
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="logo"></a>
|
||||||
<nav class="container">
|
<a href="index.html" >Accueil</a>
|
||||||
<ul>
|
<a href="store.html">Produits</a>
|
||||||
<li><a href="index.html" class="active">Accueil</a></li>
|
<a href="tissu.html" >Tissu</a>
|
||||||
<li><a href="qsn.html">Qui sommes nous ?</a></li>
|
<a href="partenariat.html">Partenariats</a>
|
||||||
<li><a href="tissu.html">Tissu</a></li>
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
<li><a href="store.html">Produits</a></li>
|
<a href="contact.html" class="active">Nous contacter</a>
|
||||||
<li><a href="partenariat.html">Partenariats</a></li>
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
<li><a href="contact.html">Nous contacter</a></li>
|
</div>
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<h2>
|
<h2>
|
||||||
<br>
|
<br>Pour nous contacter:
|
||||||
Pour nous contacter:
|
|
||||||
</h2>
|
</h2>
|
||||||
<br>
|
<br>
|
||||||
<fieldset>
|
<fieldset class="post">
|
||||||
<br>
|
<br>
|
||||||
<form method="post" action="https://dwarves.iut-fbleau.fr/requete.php" enctype="application/x-www-form-urlencoded">
|
<form method="post" action="https://dwarves.iut-fbleau.fr/requete.php" enctype="application/x-www-form-urlencoded">
|
||||||
<p>
|
<p>
|
||||||
@ -53,10 +50,12 @@
|
|||||||
</form>
|
</form>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div class="reseau">
|
|
||||||
<p>
|
<div class="footer">
|
||||||
Vous pouvez aussi nous contacter via nos réseaux sociaux:
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
BIN
cv_lionel.pdf
Normal file
BIN
cv_mathieu.pdf
Normal file
BIN
cv_matthis.pdf
Normal file
BIN
images/Produits/cal1.png
Normal file
After Width: | Height: | Size: 111 KiB |
BIN
images/Produits/cal2.png
Normal file
After Width: | Height: | Size: 1.5 MiB |
BIN
images/Produits/cc1.png
Normal file
After Width: | Height: | Size: 142 KiB |
BIN
images/Produits/cc2.png
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
images/Produits/cc3.png
Normal file
After Width: | Height: | Size: 928 KiB |
BIN
images/Produits/cc4.png
Normal file
After Width: | Height: | Size: 171 KiB |
BIN
images/Produits/cst1.png
Normal file
After Width: | Height: | Size: 488 KiB |
BIN
images/Produits/cst2.png
Normal file
After Width: | Height: | Size: 486 KiB |
BIN
images/Produits/pent1.png
Normal file
After Width: | Height: | Size: 219 KiB |
BIN
images/Produits/pent2.png
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
images/Produits/pent3.png
Normal file
After Width: | Height: | Size: 293 KiB |
BIN
images/Produits/pent4.png
Normal file
After Width: | Height: | Size: 188 KiB |
BIN
images/Produits/pullf1.png
Normal file
After Width: | Height: | Size: 623 KiB |
BIN
images/Produits/pullf2.png
Normal file
After Width: | Height: | Size: 536 KiB |
BIN
images/Produits/pullh1.png
Normal file
After Width: | Height: | Size: 346 KiB |
BIN
images/Produits/pullh2.png
Normal file
After Width: | Height: | Size: 8.4 MiB |
BIN
images/Produits/sac1.png
Normal file
After Width: | Height: | Size: 502 KiB |
BIN
images/Produits/sac2.png
Normal file
After Width: | Height: | Size: 537 KiB |
BIN
images/Produits/sac3.png
Normal file
After Width: | Height: | Size: 199 KiB |
BIN
images/Produits/sac4.png
Normal file
After Width: | Height: | Size: 408 KiB |
BIN
images/Produits/tshirt1.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
images/Produits/tshirt2.png
Normal file
After Width: | Height: | Size: 478 KiB |
BIN
images/Produits/tshirt3.png
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
images/Produits/tshirt4.png
Normal file
After Width: | Height: | Size: 390 KiB |
BIN
images/background.png
Normal file
After Width: | Height: | Size: 1.6 MiB |
BIN
images/image01.png
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
images/image02.png
Normal file
After Width: | Height: | Size: 612 KiB |
BIN
images/image03.jpg
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
images/lionel.png
Normal file
After Width: | Height: | Size: 112 KiB |
BIN
images/logo.png
Normal file
After Width: | Height: | Size: 541 KiB |
BIN
images/mathieu.png
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
images/matthis.png
Normal file
After Width: | Height: | Size: 98 KiB |
BIN
images/seacleaner.png
Normal file
After Width: | Height: | Size: 460 KiB |
BIN
images/textile.jpg
Normal file
After Width: | Height: | Size: 122 KiB |
BIN
images/transformation.png
Normal file
After Width: | Height: | Size: 120 KiB |
85
index.html
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Textiles recyclés</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="logo"></a>
|
||||||
|
<a href="index.html" class="active">Accueil</a>
|
||||||
|
<a href="store.html">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<h1><u> Derniers produits </u></h1>
|
||||||
|
<div class="dual_box">
|
||||||
|
<img src="images/image01.png" class="dual_img" alt="sac à dos d'intervention">
|
||||||
|
<div class="texti">
|
||||||
|
<h2>
|
||||||
|
Sac à dos d'intervention
|
||||||
|
</h2>
|
||||||
|
<br>
|
||||||
|
<h3>
|
||||||
|
Modèle avec dossier rigide, équipé de doubles poches à l'avant et sur les côtés.<br>Tailles des lanières réglables.<br>
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Taille - 40L
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Coupe - Droite
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Composition - Couches extérieures et intérieures : 100% textique (plastique recyclé)
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Numéro d'article - 1000000000000
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="dual_box">
|
||||||
|
<div class="texti">
|
||||||
|
<h2>
|
||||||
|
T-shirt regular avec capuche
|
||||||
|
</h2>
|
||||||
|
<br>
|
||||||
|
<h3>
|
||||||
|
T-shirt regular gris ou noir.<br>Manches courtes et capuche intégrée.<br>Modèle avec col livre et fermeture éclair.
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Taille - 174-178cm
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Coupe - Regular slim
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Composition - Doublure 100% textique (plastique recyclé)
|
||||||
|
</h3>
|
||||||
|
<h3>
|
||||||
|
Numéro d'article - 1000000000001
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<img src="images/image02.png" class="dual_img" alt="t-shirt regular">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
50
partenariat.html
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Nos partenaires</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="logo"></a>
|
||||||
|
<a href="index.html" >Accueil</a>
|
||||||
|
<a href="store.html">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html" class="active">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box3">
|
||||||
|
<h1> Nos partenaires </h1>
|
||||||
|
<div class="dual_box31">
|
||||||
|
<img src="images/Logo.png" class="img3" alt="Sea Savior logo">
|
||||||
|
<div>
|
||||||
|
<h2> Sea Savior </h2>
|
||||||
|
<p>
|
||||||
|
Partenaires depuis maintenant plus de 10 ans, Sea Savior<br>
|
||||||
|
nous accompagne dans notre production de vétements en nous <br>
|
||||||
|
en nous livrant une immense quantité de plastique qu'ils<br>
|
||||||
|
récupèrent 3 fois par semaines.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Leurs bateaux sont réspectueux envers l'environement puisqu'il<br>
|
||||||
|
fonctionnent à l'énergie éolienne ainsi qu'a l'energie solaire.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
86
pentalons.html
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Pantalons</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="logo"></a>
|
||||||
|
<a href="index.html" >Accueil</a>
|
||||||
|
<a href="store.html" class="active">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
<div class="t">
|
||||||
|
<h2>PANTALONS</h2>
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pent1.png" alt="présentation pentalon 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> pantalon rouge <br><br>
|
||||||
|
<strong>Référence:</strong> 421<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-2 poches arrières<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, H&M, Hollister
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pent2.png" alt="présentation pentalon 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pantalon bleu marine<br><br>
|
||||||
|
<strong>Référence:</strong> 422<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-2 poches avant<br>
|
||||||
|
-2 poches arrière<br>
|
||||||
|
-2 poches lattérales<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Décathlon, Go Sport
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pent3.png" alt="présentation pentalon 3">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pantalon gris<br><br>
|
||||||
|
<strong>Référence:</strong> 423<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-2 poches avant<br>
|
||||||
|
-2 poches arrière<br>
|
||||||
|
-2 poches lattérales<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Décathlon, Go Sport
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pent4.png" alt="présentation pentalon 4">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pantalon noir<br><br>
|
||||||
|
<strong>Référence:</strong> 424<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-2 poches avant<br>
|
||||||
|
-2 poches arrière<br>
|
||||||
|
-2 poches lattérales<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Décathlon, Go Sport
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
80
pulls.html
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Pulls</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="Logo"></a>
|
||||||
|
<a href="index.html" >Accueil</a>
|
||||||
|
<a href="store.html" class="active">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
<div class="t">
|
||||||
|
<h2>PULLS</h2>
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pullh1.png" alt="présentation pull homme 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pull homme bleu <br><br>
|
||||||
|
<strong>Référence:</strong> 101<br><br>
|
||||||
|
<strong>Matériaux:</strong> Coton en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Bleu et chaud, idéal pour les mi-saisons<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Go Sport, Decathlon
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pullh2.png" alt="présentation pull homme 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pull homme bleu marine<br><br>
|
||||||
|
<strong>Référence:</strong> 102<br><br>
|
||||||
|
<strong>Matériaux:</strong> Coton en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Chaud, à mettre au début de l'hiver<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Jules
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pullf1.png" alt="présentation pull femme 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pull femme beige<br><br>
|
||||||
|
<strong>Référence:</strong> 121<br><br>
|
||||||
|
<strong>Matériaux:</strong> Coton en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Pull pour le printemps<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> H&M, Hollister, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/pullf2.png" alt="présentation pull femme 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Pull femme bleu<br><br>
|
||||||
|
<strong>Référence:</strong> 122<br><br>
|
||||||
|
<strong>Matériaux:</strong> Coton en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Pull d'été<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> H&M, Hollister, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
58
qsn.html
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Biographie</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="Logo"></a>
|
||||||
|
<a href="index.html">Accueil</a>
|
||||||
|
<a href="store.html">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" class="active">Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="s2">
|
||||||
|
Nous sommes 3 étudiants en informatique qui ont décidé de lutter contre le réchauffement climatique et la surconsommation.<br>
|
||||||
|
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.<br>
|
||||||
|
Nous avons donc voulu créer un courant contraire afin de soutenir ces populations.
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="s3">
|
||||||
|
<h3>Matthis FAUVET</h3>
|
||||||
|
<img class="imgqsn" src="images/matthis.png" alt="photo matthis"><br>
|
||||||
|
<a class="acv" href="cv_matthis.pdf" target="_blank">Télécharger le CV</a>
|
||||||
|
___________________<br>
|
||||||
|
Animé par l'informatique, je veux travailler chez Riot games. Je servirai Aurelion Sol, créateur de notre monde, toute ma vie.
|
||||||
|
</div>
|
||||||
|
<div class="s3">
|
||||||
|
<h3>Lionel MORIN</h3>
|
||||||
|
<img class="imgqsn" src="images/lionel.png" alt="photo lionel"><br>
|
||||||
|
<a class="acv" href="cv_lionel.pdf" target="_blank">Télécharger le CV</a>
|
||||||
|
___________________
|
||||||
|
<br>
|
||||||
|
Etudiant en BUT informatique, j'ai commencé à apprendre à coder en 3e et depuis je veux en faire mon métier.
|
||||||
|
</div>
|
||||||
|
<div class="s3">
|
||||||
|
<h3>Mathieu PROAL</h3>
|
||||||
|
<img class="imgqsn" src="images/mathieu.png" alt="photo mathieu"><br>
|
||||||
|
<a class="acv" href="" target="_blank">Télécharger le CV</a>
|
||||||
|
___________________<br>
|
||||||
|
Etudiant en informatique, je suis passioné par le développement depuis plusieurs années.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
87
sacs.html
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Textique.com : Sacs</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="Logo"></a>
|
||||||
|
<a href="index.html" >Accueil</a>
|
||||||
|
<a href="store.html" class="active">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
<div class="t">
|
||||||
|
<h2>SACS</h2>
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/sac1.png" alt="présentation sac 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Sac tout-en-un, multifonction <br><br>
|
||||||
|
<strong>Référence:</strong> 121<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 99%, cuir éco-responsable 1% (lanières)<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-sac 20L<br>
|
||||||
|
-une grande poche<br>
|
||||||
|
-3 petites poches extérieures<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio, Go Sport, Decathlon
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/sac2.png" alt="présentation sac 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Sac tote bag<br><br>
|
||||||
|
<strong>Référence:</strong> 122<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-sac 5L<br>
|
||||||
|
-une grande poche<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Carrefour, Leclerc, U
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/sac3.png" alt="présentation sac 3">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Sac apparence cuir<br><br>
|
||||||
|
<strong>Référence:</strong> 123<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 95%, cuir-éco-responsable (apparence) 5%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-sac 10L<br>
|
||||||
|
-une grande poche<br>
|
||||||
|
-une petite poche extérieure<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> H&M, Hollister, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend" src="images/Produits/sac4.png" alt="présentation sac 4">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Sac de voyage<br><br>
|
||||||
|
<strong>Référence:</strong> 114<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 99%, cuir éco-responsable (lanière) 1%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-sac 30L<br>
|
||||||
|
-une grande poche<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> H&M, Hollister, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
77
sousvet.html
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="./JS/bouton.js"></script>
|
||||||
|
<title>Textique.com : Sous-Vêtements</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button class="haut" onclick="EnHaut()" id="haut">↑</button>
|
||||||
|
<div class="container">
|
||||||
|
<div class="topnav" id="myTopnav">
|
||||||
|
<a href="index.html" class="image"><img src="logo.png" class="logo" alt="Logo"></a>
|
||||||
|
<a href="index.html" >Accueil</a>
|
||||||
|
<a href="store.html" class="active">Produits</a>
|
||||||
|
<a href="tissu.html" >Tissu</a>
|
||||||
|
<a href="partenariat.html">Partenariats</a>
|
||||||
|
<a href="qsn.html" >Qui sommes nous ?</a>
|
||||||
|
<a href="contact.html">Nous contacter</a>
|
||||||
|
<a href="javascript:void(0);" class="icon" onclick="myFunction()">///</a>
|
||||||
|
</div>
|
||||||
|
<div class="t">
|
||||||
|
<h2>SOUS-VÊTEMENTS</h2>
|
||||||
|
</div>
|
||||||
|
<div class="choix">
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cal1.png" alt="présentation caleçon 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Caleçon à carraux <br><br>
|
||||||
|
<strong>Référence:</strong> 511<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Il est swag<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Celio
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cal2.png" alt="présentation calçon 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Caleçon pas ouf<br><br>
|
||||||
|
<strong>Référence:</strong> 512<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Sincèrement il est moche, l'achetez pas<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Carrefour, Leclerc, U
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cst1.png" alt="présentation chaussettes 1">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Chaussettes carlin<br><br>
|
||||||
|
<strong>Référence:</strong> 523<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Ouaf<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> H&M, Hollister, Kaporal, Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="vend">
|
||||||
|
<img class="imgvend2" src="images/Produits/cst2.png" alt="présentation chaussettes 2">
|
||||||
|
<div class="texte">
|
||||||
|
<strong>Produit:</strong> Chaussettes à pois<br><br>
|
||||||
|
<strong>Référence:</strong> 524<br><br>
|
||||||
|
<strong>Matériaux:</strong> Tissu en plastique recyclé 100%<br><br>
|
||||||
|
<strong>Description:</strong><br>
|
||||||
|
-Sous côté<br><br>
|
||||||
|
<strong>Magasins partenaires:</strong> Kiabi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Touts droits réservé à @Textique et ses partenaires</p>
|
||||||
|
</div>
|
||||||
|
<script src="./JS/burger.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|