avancement

5 months ago · 477e015385
parent fd3523cb10
commit 477e015385
3 changed files with 86 additions and 59 deletions
--- a/images/baniere.jpeg
+++ b/images/baniere.jpeg
--- a/index.html
+++ b/index.html
@ -1,34 +1,44 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html>
+<!DOCTYPE html>
+<html lang="fr">
 <head>
-  <title>Portfolio - One incredible styled html page</title>
-  <link rel="stylesheet" href="mycoolstyle.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portfolio</title>
+    <link rel="stylesheet" href="mycoolstyle.css">
 </head>
-
 <body>

-<!-- Navigation menu -->
-<ul class="navbar">
-  <li><a href="https://codefirst.iut.uca.fr/home">Code#0</a>
-  <li><a href="http://iut.uca.fr">IUT</a>
-  <li><a href="https://neilyoungarchives.com/">Very good music</a>
-  <li><a href="https://www.youtube.com/watch?v=CY5dTBhRxOA">Very good music too!</a>
-</ul>
-
-<!-- Main Content -->
-<h1>Portfolio is my first page, and it has got style!</h1>
-
-<p>Welcome on this template html/css project 
-
-<p>Very simple, some links, some menu... make it your own
-&hellip;
-
-<p>I have nothing more to say
-
-<!-- my footer -->
-<address>Template made in 2022<br>
-  with Code#0 <a href="https://codefirst.iut.uca.fr/home"><img src="images/CodeFirstLogo.png" alt="Code#0" align="middle" border="0" height="40px"/>
-  </a></address>

+    <header>
+        <nav>
+            <ul>
+              <li><p>Enzo Jolys</p></li>
+              <li><a href="#home">Accueil</a></li>
+              <li><a href="#about">À propos</a></li>
+              <li><a href="#"> Mes projets</a></li>
+              <li><a href="#"> x</a></li>
+              <li><a href="#contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <section id="home">
+      <!--
+      <div class="imageDiv">
+        <img src="images/baniere.jpeg" alt="Description de l'image" >
+      </div>-->
+      <p>Enzo Jolys</p>
+      <h1>Développeur</h1>
+    </section>
+    
+
+    <section id="services">
+        <h2>Nos Services</h2>
+        <p>Mettez en valeur vos services sur la page d'accueil et utilisez notre système de réservation.</p>
+    </section>
+    <section id="contact">
+        <h2>Contactez-nous</h2>
+        <p>Pour toute question ou réservation, contactez-nous dès aujourd'hui.</p>
+    </section>
 </body>
-</html>
+</html>
--- a/mycoolstyle.css
+++ b/mycoolstyle.css
@ -1,32 +1,49 @@
+/* styles.css */
 body {
-    padding-left: 11em;
-    font-family: Georgia, 'Georgia', "Times New Roman",
-          Times, serif;
-    color: darksalmon;
-    background-color: rgb(39, 39, 84) }
-  ul.navbar {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    position: absolute;
-    top: 2em;
-    left: 1em;
-    width: 9em }
-  h1 {
-    font-family: Helvetica, Geneva, Arial,
-          SunSans-Regular, sans-serif }
-  ul.navbar li {
-    background: white;
-    margin: 0.5em 0;
-    padding: 0.3em;
-    border-right: 1em solid darksalmon }
-  ul.navbar a {
-    text-decoration: none }
-  a:link {
-    color: blue }
-  a:visited {
-    color: darkblue }
-  address {
-    margin-top: 1em;
-    padding-top: 1em;
-    border-top: thin dotted }
+  /*font-family: Arial, sans-serif;*/
+  font-family: Bitstream Vera Sans;
+  margin: 0;
+  padding: 0;
+  /*box-sizing: border-box;*/
+}
+
+header {
+  display: flex;
+  justify-content: center;
+  padding: 1em 2em;
+  background-color: #ffffff;
+  
+  /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
+
+  font-weight: bold;
+  font-size: 1em;
+}
+
+nav ul {
+  list-style: none;
+  display: flex;
+  margin: 0;
+  padding: 0;
+}
+
+nav ul li { 
+  margin-left: 2em;
+}
+
+nav ul li a {
+  text-decoration: none;
+  color: #1f1f1f;
+  transition: color 0.3s;
+}
+
+nav ul li a:hover {
+  color: #007bff;
+}
+
+#home {
+  /*
+  background-image: url(images/baniere.jpeg);
+  background-repeat: no-repeat;*/
+
+  height: 200px;
+}