aboutMeOne/index.html at main · Chrisvimu/aboutMeOne · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" name="viewport" content="width=device-width, initial-scale=1, ie=edge">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="./Resources/index.css">
  <title>Chirstian Vimu</title>
</head>

<body id="body" class="body-day" data-bs-spy="scroll" data-bs-btarget="#navbarSupportedContent">
  <!--HEADER-->
  <nav id="header" class="navbar navbar-expand-lg navbar-dark theme-day sticky-top">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">AboutMeOne</a>
      <div class="col-4">
        <button type="button" class="btn btn-outline-secondary" id="theme-selector"><img
            src="Resources/Resources Navbar/sun.png" class="img offset-1" id="theme-image"></button>
      </div>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0 offset-md-2">
          <li class="nav-item">
            <a class="nav-link" aria-current="page" href="#about">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#gaming">Gaming</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#programming">Programming</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- /HEADER -->
  <!-- ABOUT ME -->
  <section id="about">
    <div class="container">
      <div class="row">
        <iframe src="./Resources/about.html" class="theme-day">
          <div id="content-window"></div>
        </iframe>
      </div>
      <!-- SEPARATION -->
      <div class="line-separator"></div>
      <div class="container-fluid">
        <div class="sector-separator">
          <p class="text-center">
            Well with the introductions out of the way, let's look at what got me used to computers.
          </p>
        </div>
      </div>
      <div class="line-separator"></div>
  </section>
  <!-- /ABOUT ME -->
  <!-- GAMING -->
  <section id="gaming">
    <div class="container">
      <div class="row">
        <iframe src="./Resources/gaming.html" class="theme-day">
          <div id="content-window"></div>
        </iframe>
      </div>
    </div>
    <div class="line-separator"></div>
    <div class="container-fluid">
      <div class="sector-separator">
        <p class="text-center">
          Besides playing I used to do modding as a hobby a while back, I would say that modding games helped me
          discover my liking for programming and messing with software. </p>
      </div>
    </div>
    <div class="line-separator"></div>
  </section>
  <!-- /GAMING -->
  <!-- PROGRAMMING -->
  <section id="programming">
    <div class="container">
      <div class="row">
        <iframe src="./Resources/programming.html" class="theme-day">
          <div id="content-window"></div>
        </iframe>
      </div>
      <div class="container-fluid">
        <div class="line-separator"></div>
      </div>
    </div>
  </section>
  <br>
  <br>
  <br>
  <!-- /PROGRAMMING -->
  <!-- FOOTER -->
  <section id="footer" class="theme-day">
    <div class="container-fluid">
      <nav>
        <a href="https://github.com/Chrisvimu">GitHub</a>

        <a href="https://www.linkedin.com/in/christian-villarroel-mu%C3%B1oz-60136a197/">LinkedIn</a>
        <a href="https://github.com/Chrisvimu/aboutMeOne">Project
          Page</a>
        <a href="mailto:christian.vimu@gmail.com?Subject=Hola!">Mail
          Me</a>
      </nav>
    </div>
  </section>

  <!-- /FOOTER -->

  <!--SCRIPTS-->
  <!-- Jquery -->
  <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
    crossorigin="anonymous"></script>
  <!-- Popper -->
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"
    integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU"
    crossorigin="anonymous"></script>
  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js"
    integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj"
    crossorigin="anonymous"></script>
  <!-- Custom JS -->
  <script src="./Resources/index.js"></script>
  <!--/SCRIPTS-->
</body>

</html>