numanair.github.io/index.html at master · numanair/numanair.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
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
<!DOCTYPE html>
<html>
  <head>
    <meta
      charset="UTF-8"
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=1"
    />
    <title>Cole Morris</title>
    <link rel="stylesheet" type="text/css" href="style_grid.css" />
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans:300|Raleway:700,800"
      rel="stylesheet"
    />
    <h1>COLE MORRIS</h1>
    <h3>Industrial Designer</h3>
  </head>

  <body>
    <div class="grid-container">
      <div class="grid-box">
        <a class="grid-animation" href="/audiocontroller.html">
          <!--3D printed audio mixer-->
          <img src="images/GRID_audiocontroller.jpg" />
          <button class="button_audiocontroller">
            <h2>audiocontroller</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-animation" href="/keeby_cat.html">
          <!--keeby cat-->
          <img src="images/keeby_cat/keeby_cat_render_main.jpg" />
          <button class="button_macropad">
            <h2>macropad</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-STEMplay" href="/STEMplay.html">
          <!--STEMplay-->
          <img src="images/grid_STEMplay_blur.jpg" />
          <button class="button_STEMplay">
            <h2>STEM play</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-lantern" href="/lantern.html">
          <!--lantern-->
          <img src="images/grid_lantern.jpg" />
          <button class="button_lantern">
            <h2>camping lantern</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-softgood" href="/softgood.html">
          <!--softgood-->
          <img src="images/grid_softgood2.jpg" />
          <button class="button_softgood">
            <h2>bike bag</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-PMI" href="/PMI.html">
          <!--PMI-->
          <img src="images/grid_PMI.jpg" />
          <button class="button_PMI">
            <h2>PMI<br />hydration</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-plywood" href="/nightstand.html">
          <!--plywood-->
          <img src="images/grid_plywood2.jpg" />
          <button class="button_plywood">
            <h2>bedside<br />table</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-REMADE" href="/REMADE.html">
          <!--plywood-->
          <img src="images/top_adjusted_square.jpg" />
          <button class="button_REMADE">
            <h2>desk tray</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-animation" href="/knife.html">
          <!--Trayvax Knife-->
          <img src="images/GRID_knife.jpg" />
          <button class="button_knife">
            <h2>utility knife</h2>
          </button>
        </a>
      </div>
      <div class="grid-box">
        <a class="grid-animation" href="/more_projects.html">
          <!--misc blender-->
          <img class="static" src="images/5_2moons.png" />
          <img class="animated" src="images/5_2moons.gif" />
          <button class="button_animated">
            <h2>+more</h2>
          </button>
        </a>
      </div>
    </div>
  </body>
  <footer>
    <h4>Contact</h4>
    <p>
      Feel free to reach me at
      <a href="mailto:colesmorris@gmail.com"><i>cole.s.morris@gmail.com</i></a
      ><br />
      Website and content copyright Cole Morris 2016-2023.
    </p>
  </footer>
</html>