diff --git a/src/contents/example.tsx b/src/contents/example.tsx
index 154140a044d3a1aba2d3a2396089b082bc6c7b3f..b1163e100b983f9add5620d1bf242e69436f7b84 100644
--- a/src/contents/example.tsx
+++ b/src/contents/example.tsx
@@ -157,6 +157,18 @@ export function Example() {
             </div>
         </div>
         <hr/>
+        <div className="col exercise">
+            <div className="row align-items-center">
+                <div className="col"><h4> Simple React Component</h4></div>
+                <div className="col-1 "><div className="example-advanced-tag">Advanced</div></div>
+            </div>
+            <i><h6>By </h6></i>
+            <div className="example-exercise">
+            <p> Create a react component that takes HTML, a link to a picture and a word as input and return the code in a box with the word as a header. The picture and other code should be in two columns next to each other, under the header.</p>
+            <p> See DocuBox component.  </p>
+            </div>
+        </div>
+        <hr/> 
 {/*         <div className="col exercise">
             <div className="row align-items-center">
                 <div className="col"><h4> </h4></div>