site-vitrine-developpeur-home-page/footer.html at main · Y-Picot/site-vitrine-developpeur-home-page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<!--
  Footer principal du site vitrine
  Contient les informations de contact, liens sociaux et navigation
  Structure modulaire pour faciliter la maintenance
-->

<!-- Overlay de fond pour le footer -->
<div class="footer-overlay"></div>

<!-- Contenu principal du footer -->
<div class="footer-content">
  <!-- Section présentation de l'entreprise -->
  <div class="footer-section">
    <div class="card-section">
      <!-- Logo de l'entreprise -->
      <img
        class="logo-card"
        src="assets/logos/favicon.svg"
        alt="Logo DevCorp Solutions"
      />

      <!-- Description de l'entreprise -->
      <p>
        <span style="font-weight: bold">DevCorp Solutions,</span> entreprise
        spécialisée en développement logiciel, vous accompagne
        <span style="font-weight: bold">à chaque étape</span> de votre projet,
        du
        <span style="font-weight: bold">cours tranquille de l'idée</span>
        jusqu'à
        <span style="font-weight: bold">l'océan vaste de sa réalisation</span>.
      </p>

      <!-- Icônes des réseaux sociaux -->
      <div class="social-icons">
        <a
          href="https://www.linkedin.com/in/developpeur-exemple/"
          aria-label="LinkedIn du développeur"
        >
          <i class="icons">
            <img
              src="assets/socials/social-linkedin.svg"
              alt="Icône LinkedIn"
            />
          </i>
        </a>
        <a
          href="https://twitter.com/dev_exemple"
          aria-label="Twitter du développeur"
        >
          <i class="icons">
            <img src="assets/socials/social-twitter.svg" alt="Icône Twitter" />
          </i>
        </a>
        <a href="https://github.com/Y-Picot" aria-label="GitHub de Y-Picot">
          <i class="icons">
            <img src="assets/socials/social-github.svg" alt="Icône GitHub" />
          </i>
        </a>
        <a
          href="https://www.malt.fr/profile/exemple"
          aria-label="Profil Malt du développeur"
        >
          <i class="icons">
            <img src="assets/socials/social-malt.svg" alt="Icône Malt" />
          </i>
        </a>
      </div>
    </div>
  </div>

  <!-- Section informations de contact -->
  <div class="footer-section">
    <h3>Contactez-nous</h3>
    <p>Adresse : Région Île-de-France</p>
    <p>Tél : XX XX XX XX XX</p>
    <p>Email : contact@devcorp-solutions.fr</p>
  </div>

  <!-- Section liens de navigation -->
  <div class="footer-section">
    <h3>Navigation</h3>
    <ul>
      <li><a href="/index.html">Accueil</a></li>
      <li><a href="/projects.html">Nos Projets</a></li>
      <li><a href="/documentations.html">Documentation</a></li>
      <li><a href="/contact.html">Contact</a></li>
      <li><a href="/mentions-legales.html">Mentions légales</a></li>
    </ul>
  </div>

  <!-- Section appel à l'action -->
  <div class="footer-section nous-contacter">
    <p>
      Vous avez une idée en tête ?
      <span style="font-weight: bold"
        >Un besoin précis ou une question technique</span
      >
      ? Discutons-en ensemble. Nous sommes disponibles pour
      <span style="font-weight: bold">échanger sur vos projets</span> et vous
      proposer des <span style="font-weight: bold">solutions adaptées</span>.
    </p>
    <a href="/contact.html" class="contact-button"
      >Nous contacter</a
    >
  </div>
</div>

<!-- Copyright et mentions légales -->
<div class="footer-copyright">
  <p>
    &copy; 2025 DevCorp Solutions. Tous droits réservés. Réalisé par Y-Picot.
  </p>
</div>