Update index.html and add visualization figures

index.html

@@ -459,6 +459,67 @@ <h2 class="subtitle has-text-centered">
 <!-- End image carousel -->
 
 
+<!-- Image carousel -->
+<section class="hero is-small">
+  <div class="hero-body">
+    <div class="container">
+      <div id="results-carousel" class="carousel results-carousel">
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/threelayers2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/threelayers2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Three-layer film
+          </h2>
+        </div>
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/nanocones2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/nanocones2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Anti-reflective nanocones
+          </h2>
+        </div>
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/nanowires2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/nanowires2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Vertical nanowires
+          </h2>
+        </div>
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/nanospheres2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/nanospheres2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Close-packed nanospheres
+          </h2>
+        </div>
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/doublenanocones2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/doublenanocones2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Three-layer film with double-sided nanocones
+          </h2>
+        </div>
+
+        <div class="item" style="text-align: center;">
+          <img src="static/images/visualization/combinatorial2d_efield_z.png" alt="" style="max-width: 40%;"/>
+          <img src="static/images/visualization/combinatorial2d_hfield_z.png" alt="" style="max-width: 40%;"/>
+          <h2 class="subtitle has-text-centered">
+            Combinatorial system with material blocks
+          </h2>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</section>
+<!-- End image carousel -->
+
+
 <!-- Image carousel -->
 <section class="hero is-small">
   <div class="hero-body">