PortfolioWebsite/index.html at main · SortedCoding/PortfolioWebsite · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio Website | SortedCoding</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <a href="#" class="logo">Ankit</a>

      <nav>
        <a href="#" class="active">Home</a>
        <a href="#">Services</a>
        <a href="#">Skills</a>
        <a href="#">Education</a>
        <a href="#">Experience</a>
        <a href="#">Contact</a>
      </nav>
    </header>

    <section class="home">
      <div class="home-img">
        <img src="image.jpeg" alt="" />
      </div>
      <div class="home-content">
        <h1>Hi, It's <span>Ankit</span></h1>
        <div class="typewriter">
          I'm a <span class="typewriter-text"></span><label for="">|</label>
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam
            aliquid qui, nulla dicta distinctio id aliquam voluptatibus hic
            doloribus culpa eligendi? Libero magni porro aspernatur eveniet
            expedita. Laborum eum enim ipsum ea.
          </p>
          <div class="social-icons">
            <a href="#"><ion-icon name="logo-linkedin"></ion-icon></a>
            <a href="https://github.com/SortedCoding" target="_blank"
              ><ion-icon name="logo-github"></ion-icon
            ></a>
            <a href="https://www.instagram.com/sortedcoding" target="_blank"
              ><ion-icon name="logo-instagram"></ion-icon
            ></a>
            <a href="https://www.youtube.com/@SortedCoding" target="_blank"
              ><ion-icon name="logo-youtube"></ion-icon
            ></a>
          </div>
          <a href="#" class="btn">Hire Me</a>
        </div>
      </div>
    </section>

    <script
      type="module"
      src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
    ></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"
    ></script>
    <script src="script.js"></script>
  </body>
</html>