Merge pull request #1881 from Deepika14145/main

Enhanced Emergency SOS section of Home Page
PriyaGhosal · Nov 10, 2024 · b5ecf74 · b5ecf74
2 parents 90b1488 + 8995538
commit b5ecf74
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -1909,8 +1909,8 @@ <h2>Packing Checklist</h2>
     <!--Emergency-->
     <section class="service" id="services">
     <div class="sos-container">
-      <h2>Emergency SOS</h2>
-      <p id="emergency-text" style="color: whitesmoke;">In case of an emergency, press the button to send your current location to your emergency contacts.</p>
+      <u><h2>Emergency SOS</h2></u>
+      <p id="emergency-text" style="color: rgb(8, 69, 5);">In case of an emergency, press the button to send your current location to your emergency contacts.</p>
       <button id="sosButton" onclick="sendSOS()">Send SOS</button>
       <div id="sos-status"></div>
     </div>

diff --git a/style.css b/style.css
@@ -166,6 +166,7 @@ body {
 .cloud.fade-out {
   opacity: 0;
 }
+
 /*SOS*/
 .sos-container {
   width: 100%;
@@ -2948,7 +2949,9 @@ textarea {
 .services {
   padding: 4rem 2rem;
   text-align: center;
-  background-color: #fff;
+  /* background-color: #fff; */
+  background: linear-gradient(135deg, #9aecff 0%, #3b302d 100%);/* Light background for eye comfort */
+
 }
 
 .services h2 {