Hiring Button Added

assets/css/main-auxiliary.css

@@ -0,0 +1,61 @@
+/* Dark theme button styles */
+body.dark-theme .hiring-btn {
+    background-color: white;
+    color: darkred; /* Dark red text */
+    padding: 10px 20px;
+    font-size: 16px;
+    font-weight: bold;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: all 0.3s ease;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50px; /* Adjust height as needed */
+    width: 200px; /* Adjust width as needed */
+    text-align: center;
+    margin-bottom: 10px; /* Add margin to create space below the button */
+}
+
+/* Light theme button styles */
+body.light-theme .hiring-btn {
+    background-color: rgb(186, 186, 186); /* Dark red background */
+    color: #ffa500; /* Light orange text */
+    padding: 10px 20px;
+    font-size: 16px;
+    font-weight: bold;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: all 0.3s ease;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 50px; /* Adjust height as needed */
+    width: 200px; /* Adjust width as needed */
+    text-align: center;
+    margin-bottom: 10px; /* Add margin to create space below the button */
+}
+
+/* Hover effect for both themes */
+.hiring-btn:hover {
+    opacity: 0.8;
+}
+
+/* Dark theme link styles */
+body.dark-theme .hiring-link {
+    color: rgb(243, 1, 1); /* Dark red link color */
+    text-decoration: none;
+    font-weight: bold;
+}
+
+/* Light theme link styles */
+body.light-theme .hiring-link {
+    color: #0037ff; /* Light orange link color */
+    text-decoration: none;
+    font-weight: bold;
+}
+
+/* Hover effect for links */
+.hiring-link:hover {
+    text-decoration: underline;
+}

index.html

@@ -5,6 +5,7 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 		<link rel="stylesheet" href="assets/css/main.css" />
+		<link rel="stylesheet" href="assets/css/main-auxiliary.css"/>
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 
 	</head>
@@ -55,9 +56,16 @@ <h1 style="text-align: center">Rahul Bhadani</h1>
 									</p>
 									</p>
 								</div>
-								<section >
-
-								</section>
+
+								<section>
+								<button id="hiring-button" class="hiring-btn">We're hiring</button>
+								<div>
+									<p>
+										I am looking for self-motivated PhD candidates and interns who share similar research interests with me! Please <a href="hiring.html" class="hiring-link">click here</a> for more information.
+									</p>
+								</div>
+							</section>
+
 						</div>                        
 					</div>