From 850bf7d15e90f0d80b448f5ad30d40b88199caea Mon Sep 17 00:00:00 2001
From: Akshat Virmani <akshatvirmani93@gmail.com>
Date: Wed, 11 Aug 2021 14:57:45 +0530
Subject: [PATCH 1/2] dropdown

---
 frontend/src/Components/Create/Create.css | 10 ++++++++++
 frontend/src/Components/Create/Create.js  | 16 ++++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Components/Create/Create.css b/frontend/src/Components/Create/Create.css
index 166a53e..c508fda 100644
--- a/frontend/src/Components/Create/Create.css
+++ b/frontend/src/Components/Create/Create.css
@@ -47,3 +47,13 @@
     height: 25rem;
   }
 }
+.Category{
+  font-size: 20px;
+  font-weight: 200;
+  font-family:initial;
+}
+.cate{
+  color:blue;
+  font-size: 18px;
+  font-family:cursive;
+}
\ No newline at end of file
diff --git a/frontend/src/Components/Create/Create.js b/frontend/src/Components/Create/Create.js
index 9fd1817..ffce6bf 100644
--- a/frontend/src/Components/Create/Create.js
+++ b/frontend/src/Components/Create/Create.js
@@ -22,12 +22,24 @@ const Create = () => {
       history.push("/api/blogs");
     });
   }
+  
 
   return (
     <div className="create">
       <center>
-        <h1 className="title">Go on write your Blog !</h1>
-
+        <h1 className="title">Go on write your Blog!</h1>
+        <form action="/action_page.php">
+    <label className="Category" for="Category">Select a Category:</label>
+    <select name="category" id="category">
+    <option className="cate"
+    value="music">Music</option>
+    <option className="cate"
+    value="music">Travel</option>
+    <option className="cate"
+    value="music">Food</option>
+    </select>
+        </form>
+      <br></br>
         <form>
           <input
             type="text"

From fc3385014fa9eb16820771c44b0792b8fa7928c8 Mon Sep 17 00:00:00 2001
From: Akshat Virmani <akshatvirmani93@gmail.com>
Date: Wed, 11 Aug 2021 21:22:21 +0530
Subject: [PATCH 2/2] dropdown menu

---
 frontend/src/Components/Create/Create.css | 11 +---------
 frontend/src/Components/Create/Create.js  | 26 ++++++++++-------------
 2 files changed, 12 insertions(+), 25 deletions(-)

diff --git a/frontend/src/Components/Create/Create.css b/frontend/src/Components/Create/Create.css
index c508fda..2ec4397 100644
--- a/frontend/src/Components/Create/Create.css
+++ b/frontend/src/Components/Create/Create.css
@@ -47,13 +47,4 @@
     height: 25rem;
   }
 }
-.Category{
-  font-size: 20px;
-  font-weight: 200;
-  font-family:initial;
-}
-.cate{
-  color:blue;
-  font-size: 18px;
-  font-family:cursive;
-}
\ No newline at end of file
+
diff --git a/frontend/src/Components/Create/Create.js b/frontend/src/Components/Create/Create.js
index ffce6bf..f800391 100644
--- a/frontend/src/Components/Create/Create.js
+++ b/frontend/src/Components/Create/Create.js
@@ -1,7 +1,7 @@
 import "./Create.css";
 import { useState } from "react";
 import { useHistory } from "react-router-dom";
-
+import 'bootstrap/dist/css/bootstrap.min.css';
 const Create = () => {
   const [title, setTitle] = useState("");
   const [thumbnail, setThumbnail] = useState("");
@@ -22,24 +22,20 @@ const Create = () => {
       history.push("/api/blogs");
     });
   }
-  
-
   return (
     <div className="create">
       <center>
         <h1 className="title">Go on write your Blog!</h1>
-        <form action="/action_page.php">
-    <label className="Category" for="Category">Select a Category:</label>
-    <select name="category" id="category">
-    <option className="cate"
-    value="music">Music</option>
-    <option className="cate"
-    value="music">Travel</option>
-    <option className="cate"
-    value="music">Food</option>
-    </select>
-        </form>
-      <br></br>
+        <div class="dropdown">
+        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+        Category
+        </button>
+        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
+        <li><a class="dropdown-item" href="#">Food</a></li>
+        <li><a class="dropdown-item" href="#">Music</a></li>
+        <li><a class="dropdown-item" href="#">Travel</a></li>
+        </ul>
+      </div>
         <form>
           <input
             type="text"