Personal-Site/index.html at main · Randy-Coding/Personal-Site · 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Randy</title>
    <link href="styles.css" rel="stylesheet" />
  </head>
  <body>
    <div id="header-container">
      <div id="header">
        <div id="name">Randy Alejo</div>
        <nav class="navbar">
          <ul>
            <li><a href="#Project-marker">Projects</a></li>
            <li><a href="#Skills">Skills</a></li>
            <li><a href="#Contact">Links</a></li>
          </ul>
        </nav>
        <div class="background_box">
          <label class="toggle_box">
            <input type="checkbox" id="checkbox" />
            <div class="circle"></div>
          </label>
        </div>
      </div>
    </div>

    <main id="main">
      <section id="intro">
        <div class="content">
          <h3 class="sauce">Hello, I'm Randy</h3>
          <p>
            I'm an undergraduate student currently pursuing a B.S. in Computer
            Science
          </p>
          <p>
            I'm exicted to learn about what the world can do with Computer
            Science, and even more excited to be a part of it
          </p>
          <div class="buttons">
            <a
              href="https://github.com/Randy-Coding"
              id="gitHub"
              class="intro-button fancy-button"
              target="_blank"
            >
              Github
              <span></span><span></span><span></span><span></span><span></span
              ><span></span>
            </a>
            <a
              href="https://www.linkedin.com/in/randy-a-75589a27a/"
              id="linkedIn"
              class="intro-button fancy-button"
              target="_blank"
            >
              LinkedIn
              <span></span><span></span><span></span><span></span><span></span
              ><span></span>
            </a>
          </div>
        </div>
      </section>

      <h2 id="Project-marker" class="sauce">Projects</h2>
      <section id="Projects">
        <div class="top-line"></div>
        <div class="vertical-line"></div>
        <div class="bottom-line"></div>

        <div class="weather">
          <div class="container">
            <h3 class="sauce">Weather Prediction Project</h3>
            <img
              src="images/graph-modified-light.png"
              alt="Weather Prediction Graph"
            />
            <div class="skill-line"></div>
            <div class="skill-box">
              <div class="skills">Pandas</div>
              <div class="skills">Machine Learning</div>
              <div class="skills">CSV</div>
              <div class="skills">Metrics Analysis</div>
            </div>
            <a
              href="https://github.com/Randy-Coding/weather_project"
              target="_blank"
              class="fancy-button"
            >
              Check it out on GitHub
              <span></span><span></span><span></span><span></span><span></span
              ><span></span>
            </a>
          </div>
        </div>

        <div class="face">
          <div class="container">
            <h3 class="sauce">Facial Recognition Project</h3>
            <img
              src="images/deepface-light.png"
              alt="Facial Recognition Project"
            />
            <div class="skill-line"></div>
            <div class="skill-box">
              <div class="skills">Keyring</div>
              <div class="skills">Multi Threading</div>
              <div class="skills">CLI</div>
              <div class="skills">Neural Network</div>
            </div>
            <a
              href="https://github.com/Randy-Coding/automated_login"
              target="_blank"
              class="fancy-button"
            >
              Check it out on GitHub
              <span></span><span></span><span></span><span></span><span></span
              ><span></span>
            </a>
          </div>
        </div>
      </section>

      <section id="Skills">
        <h2 class="sauce">Skills</h2>
        <div id="Sliders">
          <img
            class="slider slider1"
            src="images/python-light.png"
            alt="Python"
          />
          <img
            class="slider slider2"
            src="images/couchDB-light.png"
            alt="CouchDB"
          />
          <img
            class="slider slider3"
            src="images/pandas-light.png"
            alt="Pandas"
          />
          <img
            class="slider slider4"
            src="images/scikit learn-light.png"
            alt="Scikit Learn"
          />
          <img class="slider slider5" src="images/CSS-light.png" alt="CSS" />
          <img class="slider slider6" src="images/HTML-light.png" alt="HTML" />
          <img class="slider slider7" src="images/git-light.png" alt="Git" />
          <img
            class="slider slider8"
            src="images/github-light.png"
            alt="GitHub"
          />
          <img class="slider slider9" src="images/java-light.png" alt="Java" />
        </div>
      </section>

      <section id="Contact">
        <h2 class="sauce">My Links</h2>
        <div class="content">
          <a href="utilities/resume.pdf" class="download-button" target="_blank"
            >My Resume</a
          >
          <div class="social-buttons">
            <a href="https://github.com/Randy-Coding" target="_blank">
              <img src="images/contact-github-light.png" class="social-icon" />
            </a>
            <a
              href="https://www.linkedin.com/in/randy-a-75589a27a/"
              target="_blank"
            >
              <img
                src="images/contact-linkedin-light.png"
                class="social-icon"
              />
            </a>
          </div>
        </div>
      </section>
    </main>

    <script src="index.js"></script>
  </body>
</html>