master
Sami GHEBRID 2 years ago
commit 62e9f912e3

Binary file not shown.

@ -0,0 +1,107 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css"/>
<title>LocSalle</title>
</head>
<body>
<header>
<div id="entete">
<img src="/home/UCA/saghebrid/Téléchargements/Logo Eco.png" class="entete">
</div>
<div id="titre">
<h1>LocSalle</h1>
</div>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="#acteureco">Acteurs économiques</a></li>
<li><a href="#swot">S.W.O.T</a></li>
<li><a href="#changeco">Changement écologique</a></li>
</ul>
</nav>
</header>
<a id="acteureco"></a>
<div id="acteco">
<h2>Acteurs économiques</h2>
<p>Les demandeurs et offreurs: </p>
<br>
<ul>
<li>Les offreurs sont les Mairies qui mettent leur salles des fêtes à disposition</li>
<li>Les demandeurs sont les familles,groupe d'amis ou couple qui souhaite organiser sa soirée dans une salle</li>
</ul>
<br><br>
<p>Les acteurs économiques de l'entrprise LocSalle sont les suivant: </p>
<br>
<ul>
<li>LocSalle offre des services et loue des salles à des particuliers</li>
<li>LocSalle a des parteneriats avec certaines Mairies qui eux-mêmes récupére une commision sur les locations</li>
</ul>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<table>
<thead>
<tr>
<a id="swot"></a><th colspan="2">SWOT</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<u>Forces</u>
<br>
<ul>
<li>Service qui attire du public car plus simple pour trouver une salle des fêtes.</li>
<li>Emploi de nombreuses autre entreprises</li>
<li>N'a pas besoin de stock propose le matériel autre mairie</li>
<li>Constamment une demande de salle des fêtes</li>
</ul>
</td>
<td>
<u>Faiblesses</u>
<ul>
<li>Les résultats dépendent de la demande</li>
<li>Dépend des autres entreprises qui vont nettoyer ou préparer la salle</li>
</ul>
</td>
</tr>
<tr>
<td>
<u>Opportunités</u>
<ul>
<li>S'étendre sur tout le pays</li>
<li>Proposer plus de formule (mariage…) </li>
<li>Proposer à des particuliers d'ajouter leur propre salle (château privé)</li>
</ul>
</td>
<td>
<u>Menaces</u>
<ul>
<li>Crise Sanitaire</li>
</ul>
</td>
</tr>
</tbody>
</table>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a id="changeco"></a>
<br>
<h2>Positionnement Economique et écologique</h2>
<div id="ecologie">
<p>
Notre société LocSalle est dans lair du temps et nos principales préoccupations sont de satisfaire nos clients avec des locations fiables, économique et écologique car nous sommes , effectivement nous sommes en train de changer les réglementations de nos locations afin quils soient tous le plus éco-responsable tout en essayant de réduire notre impact carbone, mais nos démarches pour lenvironnement ne sarrêtent pas là, nous nous engageons à reprendre les anciens meublent de nos clients afin quont puissent les réutiliser pour aménager les salles, nos engagement écologique sont clair nous voulons satisfaire le plus possible nos client tout en réduisant un maximum notre impact sur la planète.
</p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
<footer>
<p>Copyright © Sami GHEBRID Ana DE AMORIN Clément VARGA 2022</p>
<p>email: support@LocSalle.com </p>
</footer>
</html>

@ -0,0 +1,156 @@
/*Reset CSS*/
*{
margin: 0px;
padding: 0px;
font-family: Avenir, sans-serif;
}
nav{
width: 100%;
margin: 0px auto 40px auto;
background-color: gray;
position: fixed;
top: 0px;
}
nav ul{
list-style-type: none;
}
nav li{
float: left;
width: 25%;/*100% divisé par le nombre d'éléments de menu*/
text-align: center;/*Centre le texte dans les éléments de menu*/
position: relative;
}
/*Evite que le menu n'ait une hauteur nulle*/
nav ul::after{
content: "";
display: table;
clear: both;
}
nav a{
display: block; /*Toute la surface sera cliquable*/
text-decoration: none;
color: black;
border-bottom: 3px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
padding: 10px 0px;/*Agrandit le menu et espace la bordure du texte*/
font-family: 'Gemunu Libre', sans-serif;
}
nav a:hover{
color: #16f6a5;
border-bottom: 5px solid red;
}
.sous{
display: none;
box-shadow: 0px 1px 2px #CCC;
background-color: white;
position: absolute;
width: 100%;
z-index: 1000;
}
nav > ul li:hover .sous{
display: block;
background: linear-gradient(gray,white);
}
.sous li{
float: none;
width: 100%;
text-align: left;
text-align: center;
}
.sous a{
padding: 10px;
border-bottom: none;
}
.deroulant > a::after{
content:" ▼";
font-size: 12px;
}
.sous a:hover{
border-bottom: none;
background-color: gray;
border-bottom: 4px solid #16f6a5;
color: #16f6a5;
text-align: center;
}
.conteneur{
margin: 0px 20px;
height: 1500px;
}
.entete{
height:400px;
width:100%;
}
#titre{
text-align: center;
}
body{
background-color: #c1c8c9;
}
footer
{
background-color: gray;
width: 100%;
height: 40px;
bottom:0;
position: sticky;
text-align: center;
}
h2{
text-align: center;
}
table{
width: 100%;
height: 200px;
}
table,
td {
border: 1px solid #333;
}
td ul{
padding-left: 20px;
}
thead,
tfoot {
background-color: #333;
color: #fff;
}
#ecologie{
background: #9ACD32;
border: 1px solid black;
padding:1em 1em 1em 5em;
border-top:2px solid #aeb8de;
border-bottom:2px solid #aeb8de;
}
#acteco{
background: #fefee2;
border: 1px solid black;
padding:1em 1em 1em 5em;
border-top:2px solid #aeb8de;
border-bottom:2px solid #aeb8de;
}
Loading…
Cancel
Save