Merge pull request #4 from isurudayananda/main

CSS update

frontend/src/components/pages/Navbar.js

@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const Navbar = () => {
+  return (
+    <section>
+        <button>Sign In</button>
+        <button>Sign Up</button>
+    </section>
+
+  )
+}
+

frontend/src/components/pages/UpdateAdmin.js

@@ -0,0 +1,45 @@
+import React from 'react'
+import './UpdateAdmin'
+
+const UpdateAdmin = () => {
+  return (
+    <div id ='UpdateAdmin' className='UpdateAdmin' >
+        <form onSubmit={onSubmit} action="" className="AddAdmin">
+
+                <label htmlFor="">first</label>
+                <input type="text" id='name' name='name'/>
+
+                <label htmlFor="">last</label>
+                <input type="text" id='name' name='name'/><br/>
+
+                <label htmlFor="">User Name</label>
+                <input type="text" id='name' name='name'/>
+
+                <label htmlFor="">Mobile Number</label>
+                <input type="text" id='name' name='name'/><br/>
+
+                <label htmlFor="">Email</label>
+                <input type="text" id='name' name='name'/>
+
+                <label htmlFor="">Admin Type</label>
+                <input type="text" id='name' name='name'/>
+
+                <label htmlFor="">Password</label>
+                <input type="text" id='name' name='name'/>
+
+                <label htmlFor="">Confirm your Password</label>
+                <input type="text" id='name' name='name'/><br/>
+
+                <label htmlFor="">Add Admin</label>
+                <input type="text" id='name' name='name'/>
+
+
+
+
+        </form>
+
+    </div>
+  )
+}
+
+export default UpdateAdmin

frontend/src/components/pages/navbar.css

@@ -0,0 +1,20 @@
+:root{
+    --PrimaryColor: hsl(199, 100%, 33%);
+    --secondaryColor: hsl(187, 85%, 43%);
+    --gradientColor: linear-gradient(to right, hsl(187, 85%, 43%), 
+    hsl(199, 100%, 33%));
+    --whiteColor: hsl(0, 0%, 100%);
+    --blackColor: hsl(201, 33%, 16%);
+    --textColor: hsl(240, 4%, 36%);
+    --whiteColorDeam: hsl(0, 0%, 93%);
+    --greyText: rgb(190, 190, 190);
+    --inputColor: rgb(239, 239, 239);
+    --bodyColor: rgb(240, 240, 246);
+    --cardBG: rgb(225, 225, 235);
+}
+
+section{
+    background-color: var(--whiteColor);
+    width: 400px;
+    height: 30px;
+}