diff --git a/Sample/chapter-16-sample/assets/images/0266554465.jpeg b/Sample/chapter-16-sample/assets/images/0266554465.jpeg
new file mode 100644
index 0000000..45b9f1a
Binary files /dev/null and b/Sample/chapter-16-sample/assets/images/0266554465.jpeg differ
diff --git a/Sample/chapter-16-sample/assets/images/4907157.jpg b/Sample/chapter-16-sample/assets/images/4907157.jpg
new file mode 100644
index 0000000..b51881d
Binary files /dev/null and b/Sample/chapter-16-sample/assets/images/4907157.jpg differ
diff --git a/Sample/chapter-16-sample/assets/images/images.jpg b/Sample/chapter-16-sample/assets/images/images.jpg
new file mode 100644
index 0000000..d9fb2eb
Binary files /dev/null and b/Sample/chapter-16-sample/assets/images/images.jpg differ
diff --git a/Sample/chapter-16-sample/index.html b/Sample/chapter-16-sample/index.html
new file mode 100644
index 0000000..ba043dd
--- /dev/null
+++ b/Sample/chapter-16-sample/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style type="text/css">
+        body {
+            color: #665544;
+            background-color: #d4d0c6;
+            background-image: url("./assets/images/4907157.jpg");
+            font-family: Georgia, "Times New Roman", serif;
+            text-align: center;
+        }
+
+        .wrapper {
+            width: 720px;
+            margin: 0px auto;
+        }
+
+        .header {
+            margin: 40px 0px 20px 0px;
+        }
+
+        .entry {
+            width: 220px;
+            float: left;
+            margin: 10px;
+            height: 198px;
+            background-repeat: no-repeat;
+            background-position: bottom;
+        }
+
+        figure {
+            display: block;
+            width: 202px;
+            height: 170px;
+            background-color: #e7e3d8;
+            padding: 9px;
+            text-align: left;
+        }
+
+        figure img {
+            width: 200px;
+            height: 150px;
+            border: 1px solid #d6d6d6;
+        }
+
+        figcaption {
+            padding-left: 20px;
+            background-repeat: no-repeat;
+        }
+    </style>
+
+</head>
+
+<body>
+    <div class="wrapper">
+        <div class="header">
+            <img src="./assets/images/images.jpg" alt="Galerie Botanique" width="456" height="122" />
+            <p>Here is a selection of antique botanical prints held in our collection.</p>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Helianthus" />
+                <figcaption>Helianthus</figcaption>
+            </figure>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Passiflora" />
+                <figcaption>Passiflora</figcaption>
+            </figure>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Nyctocalos" />
+                <figcaption>Nyctocalos</figcaption>
+            </figure>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Polianthes" />
+                <figcaption>Polianthes</figcaption>
+            </figure>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Ficus" />
+                <figcaption>Ficus</figcaption>
+            </figure>
+        </div>
+        <div class="entry">
+            <figure><img src="./assets/images/0266554465.jpeg" alt="Dendrobium" />
+                <figcaption>Dendrobium</figcaption>
+            </figure>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
