From a771d5eab2ed2ff1f1ad00f394dd588671db0ee5 Mon Sep 17 00:00:00 2001
From: Alao-Abiodun <abiodunDev@gmail.com>
Date: Sat, 10 Oct 2020 21:38:28 +0100
Subject: [PATCH] chore: solve solution exercise

---
 solutions/day-02/Exercise1.html | 79 +++++++++++++++++++++++++++++++++
 solutions/day-02/Exercise2.js   |  0
 2 files changed, 79 insertions(+)
 create mode 100644 solutions/day-02/Exercise1.html
 create mode 100644 solutions/day-02/Exercise2.js
diff --git a/solutions/day-02/Exercise1.html b/solutions/day-02/Exercise1.html
new file mode 100644
index 0000000..2f25a6f
--- /dev/null
+++ b/solutions/day-02/Exercise1.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="uft-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500|Roboto:300,400,500&display=swap"
+      rel="stylesheet"
+    />
+    <title>30 Days Of React Challenge</title>
+  </head>
+  <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">
+      const rootElement = document.querySelector('.root');
+
+      const myName = <p>Abiodun</p>;
+
+      const citizenDetails = (
+        <div>
+          <h1>Alao Abiodun AbdulRahman</h1>
+          <p>Nigerian</p>
+          <p>Software Engineer</p>
+          <p>Male</p>
+          <p>abiodundev@gmail.com</p>
+          <p>09025244070, 08118172913</p>
+        </div>
+      );
+
+      const mainStyles = {
+        background: '#23deff',
+        lineHeight: 1.5,
+      };
+
+      const main = (
+        <main style={mainStyles}>
+          <h3>This is main page of website</h3>
+        </main>
+      );
+
+      const footerStyles = {
+        background: '#fe6722',
+        textAlign: 'center',
+      };
+
+      const footer = (
+        <footer style={footerStyles}>
+          <p>Copyright &copy; 2020</p>
+        </footer>
+      );
+
+      const appStyles = {
+        width: '100%',
+        height: '100%',
+      };
+
+      const app = (
+        <div style={appStyles}>
+        {main}
+          {myName}
+          {citizenDetails}
+          {footer}
+        </div>
+      );
+
+      ReactDOM.render(app, rootElement);
+    </script>
+  </body>
+</html>
diff --git a/solutions/day-02/Exercise2.js b/solutions/day-02/Exercise2.js
new file mode 100644
index 0000000..e69de29
