-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproject.html
34 lines (30 loc) · 1.44 KB
/
project.html
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
<!DOCTYPE html>
<html lang="en">
<head id="common-head">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function() {
$("#common-head").load("common-head.html");
});
</script>
<iframe src="header.html" style="width:100%; height:220px;" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
<main class="container-fluid project-container">
<div class="row">
<div class="col-sm-6 project-item">
<h4 >Digital Holography</h4>
<p class="project-description">Digital holography: Rapid analysis of particle fields using volumetric information. Implemented millisecond-scale reconstruction using HPC.</p>
<img class="img-responsive project-image" src="images/HoloAnime.gif" alt="Fluid flow simulation">
</div>
<div class="col-sm-6 project-item">
<h4 >PepsiCo Research</h4>
<p class="project-description">Holography can investigate extension in human saliva flows. Shown above are hyperbolic, serpentine, and linear flows as part of the PepsiCo study.</p>
<img class="img-responsive project-image" src="images/dhmFlowCharacterizations.gif" alt="Holography setup">
</div>
</div>
<hr>
</main>
<iframe src="footer.html" style="width:100%; height:100px;" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
</body>
</html>