Github-Session/contact.html at master · dwidhanis/Github-Session · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="contact.css">
      <title>Contact</title>
</head>
<body>
      <!-- Header -->
  <section id="header">
    <div class="header container">
      <div class="nav-bar">
        <div class="logo">
          <a href="#hero">
            <h1><span>Your</span>NA<span></span>ME</h1>
          </a>
        </div>
        <div class="nav-list">
          <div class="navigation">
            <div class="bar"></div>
          </div>
          <ul>
            <li><a href="gamer.html" data-after="Home">Home</a></li>
            <li><a href="#" data-after="Service">Services</a></li>
            <li><a href="#" data-after="Projects">Projects</a></li>
            <li><a href="#" data-after="About">About</a></li>
            <li><a href="contact.html" data-after="Contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- End Header -->

    <div class="container">
        <div class="profile">
            <img src="images/profile.png" alt="">
        </div>

        <div class="description">
        <p> Hello my name is ... <br>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>
            Corporis debitis rerum, magni voluptatem sed architecto <br>
            placeat beatae tenetur officia quod</p>
        </div>

        <div class="contact">
            <h3>Contact Me On :</h3>
            <a href="#instagram"><img src="images/instagram.png" alt=""></a>
            <a href="#whatsapp"><img src="images/whatsapp.png" alt=""></a>
            <a href="#github"><img src="images/github.png" alt=""></a>
        </div>
    </div>
</body>
    <div class="footer">
        <p>© copyright 2021</p>
    </div>
</html>