FullyChargedArch.github.io/index.html at main · Archer-Key/FullyChargedArch.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body onload="homeDVDAnimation(), startNavBarAnimation()">
    <div class="navBar">
      <div class="navBarLinks">
      <div class="navTitle">
        <h1 id="navTitle">~/fca/about</h1>
      </div>
      <hr class="navBreak">
      <a class="navBox" href="/index.html">
        <div class="navContent">
          <img class="navIcon" src="/svg_images/home.svg" alt="home icon">
          <div class="navLink"><p>Home</p></div>
        </div>
      </a>
      <a class="navBox" href="/about.html">
        <div class="navContent">
          <img class="navIcon" src="/svg_images/about.svg" alt="about icon">
          <div class="navLink"><p>About</p></div>
        </div>
      </a>
      <a class="navBox" href="/experience.html">
        <div class="navContent">
          <img class="navIcon" src="/svg_images/experience.svg" alt="experience icon">
          <div class="navLink"><p>Experience</p></div>
        </div>
      </a>
      <a class="navBox" href="/projects.html">
        <div class="navContent">
           <img class="navIcon" src="/svg_images/projects.svg" alt="projects icon">
          <div class="navLink"><p>Projects</p></div>
        </div>
      </a>
      <a class="navBox" href="/contact.html">
        <div class="navContent">
           <img class="navIcon" src="/svg_images/contact.svg" alt="contact icon">
          <div class="navLink"><p>Contact</p></div>
        </div>
      </a>
      </div>
      <div class="navBottomIconsContainer">
        <div class="navBottomIcon"></div>
        <div class="navBottomIcon"></div>
        <div class="navBottomIcon"></div>
      </div>
    </div>
    <div class="homeContent" id="homeContent">
      <div class="titleCard" id="titleCard">
        <div class="homeTitle">
          <h1>fullychargedarch</h1>
        </div>
        <div class="homeSubtitle">
          <p>software developer</p>
        </div>
      </div>
    </div>
  <script src="/script.js"></script>
</body>
</html>