diff --git a/solutions/day-02/index.html b/solutions/day-02/index.html
index cb9573a..7c6ff8e 100644
--- a/solutions/day-02/index.html
+++ b/solutions/day-02/index.html
@@ -8,7 +8,32 @@
 
   <body>
     <div class="root"></div>
+    <script
+        crossorigin src="https://unpkg.com/react@16/umd/react.development.js">
+    </script>
+    <script
+        crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js">
+    </script>
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script type="text/babel">
 
-    <script></script>
+      // To get the root element from the HTML document
+      const rootElement = document.querySelector('.root')
+
+      // JSX element
+      const header = (
+        <header>
+          <h1>Welcome to 30 Days Of React</h1>
+          <h2>Getting Started React</h2>
+          <h3>JavaScript Library</h3>
+          <p>Asabeneh Yetayeh</p>
+          <small>Oct 2, 2020</small>
+        </header>
+      )
+      // we render the JSX element using the ReactDOM package
+      // ReactDOM has the render method and the render method takes two arguments
+      ReactDOM.render(header, rootElement)
+
+    </script>
   </body>
 </html>
\ No newline at end of file
