bexcoding.github.io/projects.html at main · bexcoding/bexcoding.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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="main-style.css">
    <title>Alexander Beck | Live Projects</title>
  </head>
  <body>
    <header>
      <nav id="nav-bar">
        <img id="website-icon" src="images/website-icon-2.png" alt="website logo">
        <h3>Alexander Beck</h3>
        <div class="dropdown">
          <p class="drop-header">More</p>
          <div class="dropdown-content">
            <a href="index.html">About Me</a>
            <a href="resume.html">Resume</a>
            <a href="learning.html">What I'm Learning</a>
          </div>
        </div>
      </nav>
    </header>
    <main>
      <h1>Projects</h1>
      <p class="textbox">Click on a screenshot below to test out one of my projects.</p>
      <div class="project-container">
        <figure>
          <a href="medwordle/mw-index.html"><img src="images/medwordle-screenshot.png"></a>
          <figcaption>MedWordle</figcaption>
        </figure>
        <figure>
          <a href="minesweeper/ms-index.html"><img src="images/minesweeper-screenshot.png"></a>
          <figcaption>MineSweeper</figcaption>
        </figure>
        <figure>
          <a href="color-picker/index.html"><img src="images/color-picker-screenshot.png" alt="screenshot of color picker"></a>
          <figcaption>Color Picker</figcaption>
        </figure>
        <figure>
          <a href="cpg/cpg.html"><img src="images/cpg-screenshot.png" alt="screenshot of palette generator"></a>
          <figcaption>Color Palette Generator</figcaption>
        </figure>
      </div>
    </main>
    <footer>
      <a href="https://github.com/bexcoding"><img id="github-icon" src="images/github-icon2.png" alt="github icon"></a>
      <p>Email: beckhv2@gmail.com   |   Phone: (458) 225-4107</p>
      <p>© Copyright Alexander Beck, 2023. All rights reserved. No copying of this website or elements within without the written consent of the author.</p>
    </footer>
  </body>
</html>