Enhanced Emergency SOS section of Home Page

PriyaGhosal · Nov 2, 2024 · 8995538 · 8995538
1 parent c1d7cf8
commit 8995538
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -1783,8 +1783,8 @@ <h2>Packing Checklist</h2>
     <!--Emergency-->
     <section class="services" 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%;
@@ -2918,7 +2919,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 {