Modification site web

3 years ago · a88f19a60d
parent f7af522083
commit a88f19a60d
2 changed files with 166 additions and 0 deletions
--- a/siteWEB/0_accueil.html
+++ b/siteWEB/0_accueil.html
@ -0,0 +1,73 @@
 <!doctype html>
 <html lang="fr">
 <head>
  <meta charset="utf-8">
  <title>SAE 1.06 - Accueil</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
  <header>
    <h1>
      <a href="0_accueil.html">SAE 1.06</a>
    </h1>
  </header>
  <nav class="flex-container">
    <a href="1_caracteristiques.html">Caractéristiques demandeurs et offreurs</a>
    <a href="2_acteurs_eco.html">Acteurs économiques</a>
    <a href="3_SWOT.html">S.W.O.T.</a>
    <a href="4_Ecolo.html">Écologie</a>
  </nav>
  <div class="presentation">
    <h2>Présentation</h2>
    <p>Lorem ipsum</p>
  </div>
  <div class="carac">
    <h2>Caractéristiques des demandeurs et offreurs</h2>
    <p>Lorem ipsum</p>
  </div>
  <div class="acteurs">
    <h2>Les acteurs économiques</h2>
    <p>Lorem ipsum</p>
  </div>
  <div class="swot">
    <h2>Représentation du SWOT sous forme de tableau</h2>
    <table class="tabswot">
        <thead>
            <tr>
                <td>Forces : 
                    -force1
                    -force2
                </td>
                <td>Faiblesses :
                    -faib1
                    -faib2    
                </td>
            </tr>
            <tr>
                <td>Opportunités :
                    -opp1
                    -opp2    
                </td>
                <td>Menaces :
                    -mena1
                    -mena2    
                </td>
            </tr>
        </thead>
    </table>
  </div>
  <div class="eco">
    <h2>Notre empreinte carbone</h2>
    <p>Lorem ipsum</p>
  </div>
  <footer>test footer</footer>
 </body>
 </html>
--- a/siteWEB/style.css
+++ b/siteWEB/style.css
@ -0,0 +1,93 @@
 header {
    width: 1500px;
    background-color: #2d3d65;
    text-align: center;
    margin : auto;
    font-family: "Helvetica";
    font-size : 30px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-bottom: 5px;
 }
 .presentation {
    border-style: solid;
    border : 5px;
    border-color: black;
    font-family: "Helvetica";
    font-size: 30px;
    background-color: #7dced1;
 }
 .acteurs {
    font-family: "Helvetica";
    font-size : 30px;
    background-color: hsl(51, 89%, 55%);
 }
 .carac {
    font-family: "Helvetica";
    font-size : 30px;
    background-color: rgb(160, 79, 241);
 }
 .eco {
    font-family: "Helvetica";
    font-size : 30px;
    background-color: rgb(92, 209, 98);
 }
 table, th, td{
    border: 1px solid #555555;
    background-color: #e8ff74;
    color : black;
    opacity: 100%;
    margin-top : 10px ;
    text-align :center;
    font-family : "Helvetica";
 }
 .swot {
    font-family: "Helvetica";
    font-size: 30px;
    background-color: #ff6c8a;
 }
 .flex-container {
    background-color: hsl(209, 100%, 37%);
    background-size: 10px;
    border: 1px;
    height: 50px;
    font-style: normal;
    font-family: "Helvetica";
    display: flex;
    align-items: center;
    justify-content: space-around;
 }
 a:link {
 	color: white;
 	text-decoration: none;
 }
 a:visited {
 	color: rgb(91, 210, 80);
 	text-decoration: none;
 }
 a:hover {
 	color: rgb(0, 255, 225);
 	text-decoration: none;
 } 
 a:active {
    color: #888888;
    text-decoration: none;
 }
 footer {
    font-family: "Helvetica";
    background-color: #609c9c;
 }