diff --git a/img/img-es-meshes.PNG b/img/img-es-meshes.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..2b655024bd878e0a0e5e0b9d359aad27696b1546
Binary files /dev/null and b/img/img-es-meshes.PNG differ
diff --git a/img/ses-vs-mes.PNG b/img/ses-vs-mes.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..8a65eea2ed6bd7342948d71c0366bf27e1545a72
Binary files /dev/null and b/img/ses-vs-mes.PNG differ
diff --git a/index.html b/index.html
index 083336d19bdc2a55c1e99a49e1fbc46acfe85382..6f8a49bc85bcefcad602fd9816114610fc09e21f 100644
--- a/index.html
+++ b/index.html
@@ -48,7 +48,7 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item">
- <a class="nav-link" href="../../../../filippos/index.html">ES-101</a>
+ <a class="nav-link" href="#fabes1">FAB-ES #1</a>
</li>
</ul>
</div>
@@ -66,27 +66,38 @@
<h5 class="text-sm-center">by Filippos Tourlomousis, CBA</h5>
<hr>
- <h3>What?</h3>
+ <h2>A. Filters: Design Specs</h2>
+ <br>
<p class="lead text-justify">
...
</p>
-
- <h3>Why?</h3>
+ <br>
<p class="lead text-justify">
...
</p>
+ <hr>
- <h3>How?</h3>
+ <h2>B. Process: Solution or Melt Electrospinning</h2>
+ <br>
+ <img src="img/ses-vs-mes.PNG" class="rounded mx-auto d-block" width="80%">
+ <br>
+ <hr>
- <h3>A. Electrospinning 101</h3>
+ <h2>C. FAB-ES Machine Collection</h2>
+ <p class="lead text-justify">
+ Designs with increasing complexity/capabilities
+ </p>
+ <br>
+ <h2 class="text-sm-center" id="fabes1">FAB-ES Machine #1</h2>
+ <h4 class="text-sm-center" id="fabes1">the simplest ES machine using mostly off-the-shelf parts</h4>
<p class="lead text-justify">
...
</p>
<br>
- <img src="img/...." class="rounded mx-auto d-block" width="100%">
+ <img src="img/img-es-meshes.PNG" class="rounded mx-auto d-block" width="80%">
<br>