diff --git a/examples/Coal/coal_brikett_3D.png b/examples/Coal/coal_brikett_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..30cf4a95af94f39e2ec2463faa3d01043eec187d
Binary files /dev/null and b/examples/Coal/coal_brikett_3D.png differ
diff --git a/examples/Coal/coal_brikett_3D_gray.png b/examples/Coal/coal_brikett_3D_gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..c201038ee1603e9b327780a5d117ecb1c37869c0
Binary files /dev/null and b/examples/Coal/coal_brikett_3D_gray.png differ
diff --git a/pages/Coal.html b/pages/Coal.html
index 81adecd4fbbd6932f735166cd3f038bb1ae2a91e..4604680b972ebe189efa1c5463a1cb421fb3c0e5 100644
--- a/pages/Coal.html
+++ b/pages/Coal.html
@@ -27,7 +27,13 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
 
   <!-- Images -->
   <div class="w3-row-padding w3-padding-16">
+    <!-- <div class="w3-half w3-container w3-margin-bottom">
+    </div> -->
     <div class="w3-half w3-container w3-margin-bottom">
+      <img src="../examples/Coal/coal_brikett_3D.png" style="width:100%">
+      <div class="w3-container w3-white">
+        <p>3D visualization of Coal Brikett</p>
+      </div>
     </div>
     <div class="w3-half w3-container w3-margin-bottom">
       <img src="../examples/Coal/orthogonal_slices.png" style="width:100%">