IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

Revert "Kaumeet"

Browse source 
This reverts commit e6e4c4ae0d.
This commit is contained in:
Ethanell 2019-12-15 00:10:42 +01:00
parent 32cad342ba
commit b9e3039c5a
7 changed files with 18 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Assets/Images/Icones/Thumbs.db
View file

Binary file not shown.

BIN
Assets/Images/Icones/facebook.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
Assets/Images/Icones/insta.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 211 KiB

After

Width:  |  Height:  |  Size: 218 KiB

BIN
Assets/Images/Icones/twitter.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 10 KiB

63
Assets/css.css
View file

@ -1,8 +1,4 @@
html{
scroll-behavior: smooth;
}
body{
body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background-image: url("Images/bg.jpg");
@ -22,9 +18,8 @@ a{
background-color: white;
width: 100%;
z-index: 3;
overflow: auto;
position: fixed;
overflow: auto;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
}
.header ul{
@ -214,20 +209,20 @@ div#slider figure {
}
.flex-container>div>a>p{
font-size: 0px;
}
.flex-container .ok:hover a>p{
font-size: 40px;
transition-duration: 0.2s;
}
.flex-container .ok:hover a>img{
width: 100%;
transition-duration: 0.5s;
}
.title{
.content{
padding: 5vw 1vw;
background-color: rgba(255, 255, 255, 0.548);
}
.title>h1{
.content>h1{
font-size: 60px;
text-align: center;
color: rgb(0, 0, 0);
@ -272,41 +267,3 @@ div#slider figure {
}
/*============================================*/
/* QUI SOMMES NOUS ?*/
.content {
background-color: rgb(234, 234, 234);
padding: 1vw;
}
#nous table{
width: 100%;
margin-top: 2%;
}
#nous img{
display: block;
margin: auto;
border-radius: 1vw;
width: 30%;
margin-bottom: 3%;
}
#nous h2{
font-size: 40px;
padding-top: 2vw;
margin: 0;
}
#nous h3{
color: rgb(53, 53, 53);
}
#nous td{
text-align: center;
}
#nous ul {
list-style-type: none;
}

6
Assets/resp.css
View file

@ -1,9 +1,5 @@
@media (min-width:750px){
@media (min-width:48em){
/* NAVBAR */
.header{
position: fixed;
}
.header li{
float: left;
}

26
index.html
View file

@ -4,7 +4,7 @@
<head>
<meta charset="utf-8" />
<title>Kyflo</title>
<title>Kyflo - hewo</title>
<link rel="stylesheet" type="text/css" href="Assets/css.css">
<link rel="stylesheet" type="text/css" href="Assets/resp.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
@ -14,12 +14,12 @@
<body>
<header class="header">
<a href="#" class="logo">KYFLO</a>
<a href="/" class="logo">KYFLO</a>
<input class="menu-btn" type="checkbox" id="menu-btn"/>
<label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label>
<ul class="menu">
<li><input type="text" placeholder="Rechercher..."></li>
<li><a href="#nous">A propos</a></li>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Panier</a></li>
</ul>
@ -40,7 +40,7 @@
</figure>
</div>
<div class="title">
<div class="content">
<h1>Tous nos produits :</h1>
</div>
@ -53,25 +53,7 @@
<div class="ok"><a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Produits/terminator.png" alt><p>Terminator</p></a></div>
</div>
<div id="nous">
<div class="title">
<h1>Qui sommes nous ?</h1>
</div>
<div class="content">
<h2>L'équipe :</h2>
<table id="equipe">
<tr id="equ">
<td><img src="Assets/Images/Sprites/benoit.png" alt></td>
<td><h2>Nos engagements :</h2><h3>Etre soucieux de la qualité de nos produits</h3><h3>Vendre des robots à la pointe de la technologie</h3><h3>Respecter l'environnement</h3></td>
<td><img src="Assets/Images/Sprites/florian.png" alt></td>
</tr>
</table>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>