Procházet zdrojové kódy

Footer with Icon8 links on every page

Jovian (Darkside) před 6 roky
rodič
revize
6bdb1033b0

+ 10 - 0
contact.html

@@ -88,6 +88,16 @@
 
 </main>
 
+<!-- Footer -->
+<footer class="footer fixed-bottom bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
+        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
+    </div>
+</footer>
+
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

+ 7 - 4
cv.html

@@ -403,16 +403,19 @@
         </div>
     </div>
 
-    <div class="sub">
-        Images sources : ICON8
+</main>
+
+<!-- Footer -->
+<footer class="footer bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
         <a href="https://icons8.com/icon/23319/student-male">Student Male icon by Icons8</a>
         <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
         <a href="https://icons8.com/icon/12810/treble-clef">Treble Clef icon by Icons8</a>
         <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
         <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
     </div>
-
-</main>
+</footer>
 
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"

+ 10 - 0
error404.html

@@ -82,6 +82,16 @@
     </div>
 </main>
 
+<!-- Footer -->
+<footer class="footer fixed-bottom bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
+        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
+    </div>
+</footer>
+
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

+ 9 - 4
projects.html

@@ -252,16 +252,21 @@
     <p>
         Voilà, c'est tout pour la réflexion philosophique ...
     </p>
+</main>
 
-    <!-- ICons8 thanks -->
-    <div class="sub">
-        Images sources : ICON8
+<!-- Footer -->
+<footer class="footer bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
+        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
         <a href="https://icons8.com/icon/15175/rocket">Rocket icon by Icons8</a>
         <a href="https://icons8.com/icon/21447/space-shuttle">Space Shuttle icon by Icons8</a>
         <a href="https://icons8.com/icon/23885/blueprint">Blueprint icon by Icons8</a>
         <a href="https://icons8.com/icon/62040/uranus-planet">Uranus Planet icon by Icons8</a>
     </div>
-</main>
+</footer>
 
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"

+ 10 - 0
projets/pro_ascii_space.html

@@ -541,6 +541,16 @@
     </ul>
 </main>
 
+<!-- Footer -->
+<footer class="footer bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
+        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
+    </div>
+</footer>
+
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

+ 11 - 0
projets/pro_pulsar.html

@@ -111,6 +111,17 @@
 	</ul>
 </main>
 
+<!-- Footer -->
+<!-- todo : remove fixed-bottom as soon as content was filled -->
+<footer class="footer bg-dark mt-5 fixed-bottom">
+	<div class="container">
+		<span class="text-muted">Images sources : ICON8</span>
+		<a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+		<a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+		<a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
+	</div>
+</footer>
+
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

+ 11 - 0
projets/pro_quoridor.html

@@ -112,6 +112,17 @@
 	</ul>
 </main>
 
+<!-- Footer -->
+<!-- todo : remove fixed-bottom as soon as content was filled -->
+<footer class="footer bg-dark mt-5 fixed-bottom">
+	<div class="container">
+		<span class="text-muted">Images sources : ICON8</span>
+		<a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+		<a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+		<a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
+	</div>
+</footer>
+
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

+ 9 - 4
projets/pro_static_site.html

@@ -293,10 +293,15 @@
             <a class="page-link arrow" title="Page suivante" href="pro_ascii_space.html">&raquo</a>
         </li>
     </ul>
+</main>
 
-    <!-- Icons used -->
-    <div class="sub">
-        Images sources : ICON8
+<!-- Footer -->
+<footer class="footer bg-dark mt-5">
+    <div class="container">
+        <span class="text-muted">Images sources : ICON8</span>
+        <a href="https://icons8.com/icon/104082/cv">CV icon by Icons8</a>
+        <a href="https://icons8.com/icon/104084/city">City icon by Icons8</a>
+        <a href="https://icons8.com/icon/19293/code">Code icon by Icons8</a>
         <a href="https://icons8.com/icon/20909/html-5">Html 5 icon by Icons8</a>
         <a href="https://icons8.com/icon/31748/term">Term icon by Icons8</a>
         <a href="https://icons8.com/icon/84710/bootstrap">Bootstrap icon by Icons8</a>
@@ -304,7 +309,7 @@
         <a href="https://icons8.com/icon/63267/dns">DNS icon by Icons8</a>
         <a href="https://icons8.com/icon/20825/icons8">Icons8 icon by Icons8</a>
     </div>
-</main>
+</footer>
 
 <!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"