fixed YoshithaRathnayake#165

I had change the color and background to give it a new look
AlizayAyesha · May 6, 2024 · 921936c · 921936c
1 parent 60dd9cb
commit 921936c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -343,3 +343,6 @@
     top: 0px;
   }
 }
+.formContainer {
+  background-color: blue;
+}
diff --git a/dark/index.html b/dark/index.html
@@ -2,6 +2,9 @@
 <html lang="en">
 
 <head>
+  <head>
+  <link rel="stylesheet" type="text/css" href="styles.css">
+</head>
   <!-- Meta Tags -->
 
   <meta charset="utf-8" />
@@ -193,22 +196,20 @@ <h3>ABOUT <span class="text-info">ME</span></h3>
       <h1>CONTACT ME</h1>
       <h3>CONTACT <span class="text-info">ME</span></h3>
 
-      <div class="formContainer bg-dark p-5 rounded-3">
-          <form class="m-auto">
-            <div class="mb-3">
-              <input type="text" class="form-control bg-dark text-white" placeholder="Enter Your Name" id="exampleInputPassword1" />
-            </div>
-            <div class="mb-3">
-              <input type="email" class="form-control bg-dark text-white" placeholder="Enter Your Email" id="email" aria-describedby="emailHelp" />
-            </div>
-            <div class="mb-3">
-              <textarea name="message" id="message" row="20" col="20" class="form-control bg-dark text-white" placeholder="Enter Your Message"></textarea>
-            </div>
-            <button type="submit" class="btn btn-primary d-block m-auto">
-              Submit
-            </button>
-          </form>
-        </div>
+      <div class="formContainer bg-cyan p-5 rounded-3">
+        <form class="m-auto">
+          <div class="mb-3">
+            <input type="text" class="form-control bg-primary text-white" placeholder="Enter Your Name" id="exampleInputPassword1" />
+          </div>
+          <div class="mb-3">
+            <input type="email" class="form-control bg-primary text-white" placeholder="Enter Your Email" id="email" aria-describedby="emailHelp" />
+          </div>
+          <div class="mb-3">
+            <textarea name="message" id="message" row="20" col="20" class="form-control bg-primary text-white" placeholder="Enter Your Message"></textarea>
+          </div>
+          <button type="submit" class="btn btn-primary text-white d-block m-auto">Submit</button>
+        </form>
+      </div>
         <center>
           <p class="contact-text">
             Contact me via Email, Message or connect me with social media