Portfolio/index.html at main · DavisVT/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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio Website</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
      integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <header>
      <a href="#" class="logo">David Ojo</a>

      <nav>
        <a href="#" class="active">Home</a>
        <a href="#">About</a>
        <a href="#">Work</a>
        <a href="#">Contact</a>
      </nav>
    </header>
    <sectiony class="home">
      <div class="home-img">
        <img
          src="https://imgs.search.brave.com/YO5eZxOIaQPc0QJx62FQBq10FFD7ws-fAG8HBT1SbGg/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9pbWFn/ZXMucGV4ZWxzLmNv/bS9waG90b3MvNzcx/NzQyL3BleGVscy1w/aG90by03NzE3NDIu/anBlZz9hdXRvPWNv/bXByZXNzJmNzPXRp/bnlzcmdiJmRwcj0x/Jnc9NTAw"
          alt=""
        />
      </div>
      <div class="home-content">
        <h1>Hi, It's <span>David Ojo</span></h1>
        <h3 class="typing-text">I'm a <span></span></h3>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique nobis suscipit rerum vitae, consequatur incidunt reprehenderit voluptatibus sequi, illum repellendus in consequuntur accusantium rem autem mollitia magnam asperiores delectus sed.</p>
        <div class="social-icons">
          <a href="https://www.linkedin.com/in/david-ojo-020538384/"><i class="fa fa-linkedin-square"></i></a>
          <a href="https://github.com/DavisVT"><i class="fa fa-github-square"></i></a>
          <a href="https://x.com/davis_vt_01"><i class="fa fa-twitter-square"></i></a>
          <a href="https://www.instagram.com/_davis_vt_01/"><i class="fa fa-instagram"></i></a>
        </div>
        <a href="#" class="btn">Hire me</a>
      </div>
    </sectiony>
  </body>
</html>