Portfolio/contact.html at main · Mikarim/Portfolio · 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
115
116
117
118
<!doctype html>
<html class="no-js" lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact - Bazzaro Mikael</title>
    <link rel="shortcut icon" href="./data/img/comments-regular.svg" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.2.3/motion-ui.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation-prototype.min.css">

    <link href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/css/header&footer.css">
    <link rel="stylesheet" href="/css/custom-css-contact.css">
  </head>

  <header>
    <div class="orbit" role="region" aria-label="Favorite Space Pictures">
      <div class="orbit-container">
        <nav class="top-bar topbar-responsive">
          <div class="top-bar-title">
            <span data-responsive-toggle="topbar-responsive" data-hide-for="medium">
              <button class="menu-icon" type="button" data-toggle></button>
            </span>
          </div>
          <div id="topbar-responsive" class="topbar-responsive-links">
            <div class="top-bar-left">
              <ul class="menu simple vertical medium-horizontal">
                <li><a href="/cv.html"><i class="fa-regular fa-file-lines">&nbsp</i>CV</a></li>
                <li>
                  <button type="button" class="button hollow topbar-responsive-button"><a href="#"><i class="fa-regular fa-file-lines">&nbsp</i>Contact</a></button>
                </li>
                <li><a class="text-topbar" href="/index.html"><i class="fa-solid fa-house">&nbsp</i>Accueil</a></li>
                <li><a class="text-topbar" href="/stage.html"><i class="fa-solid fa-magnifying-glass">&nbsp</i>Stage</a></li>
                <li class="deroulant">
                  <a class="iconfleche" href="#"><i class="fa-solid fa-network-wired">&nbsp</i>Projets</a>
                  <ul class="lst-projets">
                    <li><a href="/saes/sae201.html">SAÉ201</a></li>
                    <li><a href="/saes/sae302.html">SAÉ302</a></li>
                    <li><a href="/saes/sae3dc04.html">SAÉdc304</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>
        <body>
          <div class="middle-grid">
            <div class="grid-container">
              <form action="https://api.web3forms.com/submit" method="POST">
                <h1 class="title text-center mb-4">Me Contacter</h1>
                <input type="hidden" name="access_key" value="756dd3ef-e782-4be2-8d05-793f3b813594">
                  <div class="form-group position-relative">
                    <label for="formName" class="d-block">
                      <i class="fa-regular fa-user" data-feather="user" id="icon"></i>
                    </label>
                    <input type="text" name="name" id="formName" class="form-control form-control-lg thick" placeholder="Nom">
                  </div>

                  <div class="form-group position-relative">
                    <label for="formEmail" class="d-block">
                      <i class="fa-regular fa-envelope" data-feather="email" id="icon"></i>
                    </label>
                    <input type="email" name="email" id="formEmail" class="form-control form-control-lg thick" placeholder="E-mail">
                  </div>

                  <div class="form-group message">
                    <textarea name="message" id="formMessage" class="form-control form-control-lg"  rows="7"  placeholder="Message"></textarea>
                  </div>

                  <div class="text-center">
                    <button type="submit" class="btn btn-primary" tabIndex="-1">Envoyer le message</button>
                  </div>
              </form>
            </div>
            <img class="contactimg anim-on-start" src="./data/img/contactimg.png" alt="">
          </div>
        </body>
      </div>
    </div>
  </header>


  <section class="footer-box">
    <div class="footer-container">
      <article class="grid-container">
        <footer class="callout large secondary">
          <article class="grid-container">
          <div class="grid-x">
            <div class="contact">
              <p><i class="fa-solid fa-arrow-up-right-from-square">&nbsp&nbsp</i><a href="./contact.html">contact par mail</a></p>
            </div>
            <div class="reseaux">
              <ul class="menu vertical">
                <li><a href="https://github.com/Mikarim"><i class="fa fa-github" aria-hidden="true"></i></a></li>
                <li><a href="https://www.linkedin.com/in/mikael-bazzaro-b242092b5/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                <li><a href="https://www.instagram.com/mikael_bzr/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                <li><a href="#"><span><i class="fa fa-arrow-up" aria-hidden="true"></i></span></a></li>
              </ul>
            </div>
          </div>
        </footer>
        <p class="copyright"><i class="fa-regular fa-copyright">&nbsp&nbsp</i>Copyright 2024 Mikael Bazzaro - Tous droits réservés</p>
        <p class="copyright">Dernière modification le 09/06/2025</p>
      </article>
    </div>
  </section>

  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.2.3/motion-ui.min.js"></script>
  <script src="https://kit.fontawesome.com/9f184c18ec.js" crossorigin="anonymous"></script>
  <script>
    $(document).foundation();
  </script>
  <script src="./data/js/topbar.js"></script>

</html>