Browse Source

Mise en place des 4 cartes projet

Jovian 6 years ago
parent
commit
e0314f1443
1 changed files with 76 additions and 0 deletions
  1. 76 0
      projects.html

+ 76 - 0
projects.html

@@ -84,6 +84,7 @@
         </p>
     </div>
 
+    <!-- Présentation : En cours -->
     <h3>
         <img src="https://img.icons8.com/color/50/000000/rocket.png" alt="v ">
         En cours
@@ -95,6 +96,26 @@
         Je travaille dessus, donc leur avancement évolue. N'hésitez donc pas à consulter régulièrement les pages qui leur sont dédiées, j'essaierai de les mettre à jour dès que j'ai du nouveau ...
     </p>
 
+    <!-- Projets en cours -->
+    <div class="card-columns">
+        <div class="card">
+            <img class="card-img-top" src="https://img.icons8.com/color/400/000000/city.png" alt="[Jovian site icon]">
+            <div class="card-body">
+                <h4 class="card-title">
+                    <img src="https://img.icons8.com/color/35/000000/rocket.png" alt="[En cours]">
+                    Jovian Website
+                </h4>
+                <p class="card-text">
+                    Mon site Internet : celui sur lequel vous naviguez actuellement.
+                </p>
+                <a href="#" class="btn btn-success">
+                    Voir la page du projet
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <!-- présentation projets présentables -->
     <h3>
         <img src="https://img.icons8.com/color/50/000000/space-shuttle.png" alt="v ">
         Présentables
@@ -118,6 +139,41 @@
         Un projet vit, et c'est en partie grâce à vous !
     </p>
 
+    <!-- Projets présentables -->
+    <div class="card-columns">
+        <div class="card">
+            <img class="card-img-top" src="https://img.icons8.com/color/400/000000/code.png" alt="[ASCII Space Destroyer]">
+            <div class="card-body">
+                <h4 class="card-title">
+                    <img src="https://img.icons8.com/color/35/000000/space-shuttle.png" alt="[Présentable]">
+                    ASCII Space Destroyer
+                </h4>
+                <p class="card-text">
+                    Un jeu de vaisseau spatial dessiné avec des carctères ASCII, où le joueur peut créer son propre vaisseau.
+                </p>
+                <a href="#" class="btn btn-success">
+                    Voir la page du projet
+                </a>
+            </div>
+        </div>
+        <div class="card">
+            <img class="card-img-top" src="https://img.icons8.com/color/400/000000/code.png" alt="[Quoridor]">
+            <div class="card-body">
+                <h4 class="card-title">
+                    <img src="https://img.icons8.com/color/35/000000/space-shuttle.png" alt="[Présentable]">
+                    Quoridor
+                </h4>
+                <p class="card-text">
+                    Un jeu de plateau retranscrit sur ordinateur, où le joueur peut affronter un ami ou une intelligence articielle.
+                </p>
+                <a href="#" class="btn btn-success">
+                    Voir la page du projet
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <!-- Présentation projets à venir -->
     <h3>
         <img src="https://img.icons8.com/color/50/000000/blueprint.png" alt="v ">
         À venir
@@ -132,6 +188,26 @@
         Cette section <em>À venir</em> regroupe donc l'ensemble de mes idées qui n'attendent qu'une chose : suffisamment d'investissement pour être réalisées ...
     </p>
 
+    <!-- Projets à venir -->
+    <div class="card-columns">
+        <div class="card">
+            <img class="card-img-top" src="https://img.icons8.com/color/400/000000/code.png" alt="[Pulsar]">
+            <div class="card-body">
+                <h4 class="card-title">
+                    <img src="https://img.icons8.com/color/35/000000/blueprint.png" alt="[À venir]">
+                    Pulsar
+                </h4>
+                <p class="card-text">
+                    Un jeu de vaisseaux spatiaux, où chaque équipe tente de prendre l'ascendant dans un système solaire.
+                </p>
+                <a href="#" class="btn btn-success">
+                    Voir la page du projet
+                </a>
+            </div>
+        </div>
+    </div> 
+
+    <!-- Présentation projets terminés -->
     <h3>
         <img src="https://img.icons8.com/color/48/000000/uranus-planet.png" alt="v ">
         Terminés