Profile-card/index.html at main · DavisVT/Profile-card · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>David - Social Links Profile</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <main class="profile-card">
      <header>
        <img
          src="https://imgs.search.brave.com/vcmqh44dDUdDa4zIBJZRDQHBUaGWLRfG0oaK2l1h-oA/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly93YWxs/cGFwZXJzLmNvbS9p/bWFnZXMvaGQvY29v/bC1wcm9maWxlLXBp/Y3R1cmUtbHlrNG12/cXJqZXdwb2k5Mi5q/cGc"
          alt="Profile pictre"
          class="profile-img"
        />
        <h1>David Ojo</h1>
        <p class="location">Kaduna, Nigeria</p>
        <p class="bio">"UI/UX Designer and Front-end developer."</p>
      </header>

      <nav class="social-links">
        <a href="https://github.com/DavisVT" class="link-button">GitHub</a>
        <a href="https://www.frontendmentor.io/profile/DavisVT" class="link-button">Frontend Mentor</a>
        <a href="https://www.linkedin.com/in/david-ojo-020538384/" class="link-button">LinkedIn</a>
        <a href="https://www.instagram.com/_davis_vt_01/" class="link-button">Instagram</a>
      </nav>
    </main>
  </body>
</html>