portfolio_site/index.html at master · ngallen/portfolio_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
<!DOCTYPE html>
<!-- saved from url=(0097)https://storage.googleapis.com/supplemental_media/udacityu/2730818600/bootstrap-prestructure.html -->
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">
<!--   <script type="text/javascript" src="js/jquery-3.1.1.js"></script> -->
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script>$(function(){$("#modal-featured").load("modal-featured.html");});</script>
  <script>$(function(){$("#modal-1a").load("modal-1a.html");});</script>
  <script>$(function(){$("#modal-1b").load("modal-1b.html");});</script>
  <script>$(function(){$("#modal-1c").load("modal-1c.html");});</script>
  <script>$(function(){$("#modal-1d").load("modal-1d.html");});</script>
  <script>$(function(){$("#modal-2a").load("modal-2a.html");});</script>
  <script>$(function(){$("#modal-2b").load("modal-2b.html");});</script>
  <script>$(function(){$("#modal-2c").load("modal-2c.html");});</script>
  <script>$(function(){$("#modal-2d").load("modal-2d.html");});</script>
  <script>$(function(){$("#modal-3a").load("modal-3a.html");});</script>
  <script>$(function(){$("#modal-3b").load("modal-3b.html");});</script>
  <script>$(function(){$("#modal-3c").load("modal-3c.html");});</script>
  <script>$(function(){$("#modal-3d").load("modal-3d.html");});</script>


  <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->

</head>
<header>
  <div class="headdiv">
    <div class="container">
      <div class="row">
        <div class="col-xs-2 profile"><img class="img-responsive" src="./img/profile_pic2-small.jpg" ></div>
        <div class="col-xs-10 text-center text-uppercase">
          <h1 ">Grant Allen</h1>
          <h3>Mechanical Engineer, M.S.</h3>
        </div>
      </div>
    </div>
  </div>
  <div class="afterhead"></div>
</header>

<body>
  <div class="row">
    <div class="col-xs-12">
      <nav class="navbar navbar-inverse navbar-centered">
        <div class="container-fluid navbarDiv">
          <ul class="nav navbar-nav navbar-center">
            <li class="active"><a href="index.html">PROJECTS</a></li>
            <li><a href="resume.html">RESUME</a></li>
            <li><a href="contact.html">CONTACT</a></li>
          </ul>
        </div>
      </nav>
    </div>
  </div>

  <div class="container subCols">

    <div class="row">
      <div class="col-sm-8 text-center col-centered"><h2 class="featured">Featured Project</h2></div>
    </div>
    <div class="row">
      <div class="col-sm-8 col-centered">
        <figure>
          <picture>
            <source media="(min-width: 700px)" srcset="img/C15_midBuild-large.jpg 2x" />
            <img class="img-responsive" src="img/C15_midBuild-small.jpg" alt="Picture of featured project" data-toggle="modal" data-target="#modal-featured">
          </picture>
        <figcaption class="featured">Master's Thesis : Ground-up installation of fully automated research engine test cell</figcaption>
      </figure>
      </div>
    </div>
    <div class="row subCols">
      <div class="col-sm-4 text-center col1">
        <h2 class="sub">Automation-Software</h2>
        <figure>
          <img class="img-responsive" src="./img/LV_LSDAQ_DAQfront-small.jpg" data-toggle="modal" data-target="#modal-1a">
          <figcaption class="sub">Labview Project : Low Speed Data Acquisition System</figcaption>
        </figure>
        <figure>
          <img class="img-responsive" src="./img/LV_HSDAQ_EngineFront-small.jpg" data-toggle="modal" data-target="#modal-1b">
          <figcaption class="sub">Labview Project : High Speed Data Acquisition System</figcaption>
        </figure>
        <figure>
          <img class="img-responsive" src="./img/LV_AUTDAQ_multiINJcell2-small.jpg" data-toggle="modal" data-target="#modal-1c">
          <figcaption class="sub">Labview Project : Automated Data Acquisition System</figcaption>
        </figure>
        <figure>
          <img class="img-responsive" src="./img/VBA_buildLayout-small.jpg" data-toggle="modal" data-target="#modal-1d">
          <figcaption class="sub">VBA Projects : Engineering Tools</figcaption>
        </figure>
      </div>
      <div class="col-sm-4 text-center col2">
        <h2 class="sub">Electrical Configuration</h2>
        <figure>
          <img class="img-responsive" src="./img/LAS_INJsetup-small.jpg" data-toggle="modal" data-target="#modal-2a">
          <figcaption class="sub">Laser Optics : High Speed Solenoid Measurement</figcaption>
        </figure>
        <figure>
          <img class="img-responsive" src="./img/LowVsys_EngineTest2-small.jpg" data-toggle="modal" data-target="#modal-2b">
          <figcaption class="sub">Low Voltage DC System : Engine Test and Measurement</figcaption>
        </figure>
        <figure>
        <img class="img-responsive" src="./img/ACT_BLDCsetup-small.jpg" data-toggle="modal" data-target="#modal-2c">
          <figcaption class="sub">Custom BLDC Controller : Actuator Validation Testing<figcaption>
        </figure>
        <figure>
        <img class="img-responsive" src="./img/ACT_GasFlowController2-small.jpg" data-toggle="modal" data-target="#modal-2d">
          <figcaption class="sub">Automated Mass Flow Controller : CNG Flex-Fuel System Validator<figcaption>
        </figure>
      </div>
      <div class="col-sm-4 text-center col3">
        <h2 class="sub">Mechanical Design</h2>
        <figure>
        <img class="img-responsive" src="./img/ME_timingBelt2-small.jpg" data-toggle="modal" data-target="#modal-3a">
          <figcaption class="sub">High Speed Rotating Assembly : Hall-effect Timing Wheel Design<figcaption>
        </figure>
        <figure>
        <img class="img-responsive" src="./img/FAB_welding-small.jpg" data-toggle="modal" data-target="#modal-3b">
          <figcaption class="sub">Fabrication Experience : Welding, CNC Machining<figcaption>
        </figure>
        <figure>
        <img class="img-responsive" src="./img/ME_DERCHead-small.jpg" data-toggle="modal" data-target="#modal-3c">
          <figcaption class="sub">Precision CAD : Engine Head Test Setup<figcaption>
        </figure>
        <figure>
        <img class="img-responsive" src="./img/ME_Piping2-small.jpg" data-toggle="modal" data-target="#modal-3d">
          <figcaption class="sub">Project Management : LACT oil and gas designs<figcaption>
        </figure>
      </div>
    </div>
  </div>
  <!-- Modal -->
  <div class="modal fade" id="modal-featured" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-1a" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-1b" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-1c" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-1d" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-2a" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-2b" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-2c" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-2d" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-3a" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-3b" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-3c" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
  <div class="modal fade" id="modal-3d" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>

</body>
<footer>
</footer></html>