About + Index Page UI update

Lim-Jiaxian · Jan 29, 2024 · fecb94c · fecb94c
1 parent d5b2eec
commit fecb94c
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 14 deletions.
diff --git a/about.html b/about.html
@@ -33,10 +33,13 @@ <h1>About Us</h1>
           <div class="row">
               <div class="about">
                 <h1>Your Third Eye in Security</h1>
-                <p> Peer into a new dimension of security with SEER <br>
-                    track and record all movmements of your security guards <br>
-                    effortlessly and in real time. Letting you quickly <br>
-                    identify and handle any blind spots in your route planning. <br>
+                <br>
+                <p> Peer into a new dimension of security with SEER track 
+                    and record all movmements of your security guards 
+                    effortlessly and with exact dating.
+                    <br><br>
+                    Letting you quickly identify and handle any blind <br>
+                    spots in your route planning. <br>
                 </p>
               </div>
               <div class="about">
@@ -50,10 +53,11 @@ <h1>Your Third Eye in Security</h1>
           <div class="row">
             <div class="about">
               <h1>Effortless Integration </h1>
+              <br>
               <p>
-                Do away with clumsy QR code scanning with SEER, seamlessly <br>
-                merely have to carry the lightweight and unobtrusive SEER <br>
-                device on their person and the rest is taken care of. <br>
+                Do away with clumsy QR code scanning with SEER, guards 
+                merely have to carry the lightweight and inobtrusive SEER 
+                device on their person and the rest is taken care of. 
               </p>
             </div>
             <div class="about">
@@ -66,9 +70,9 @@ <h1>Effortless Integration </h1>
         <section>
           <div class="row">
             <div class="about">
-              <h1>Customisable To Suit Your Every Need</h1>
+              <h1>Customisable To Suit Your Enterprise's Conditions</h1>
                 <p>
-                  SEER is a highly customisable piece of software allowing <br>
+                  SEER is a highly customisable device allowing <br>
                   you to connect it to your enterprise's database and send <br>
                   data at a rate of your choosing. <br>
                 </p>

diff --git a/css/styles.css b/css/styles.css
@@ -248,13 +248,25 @@ select:focus{
     width: 100%;
     text-align: center;
     color: #FFC92F;
+
 }
+
+.about {
+    color: black;
+    background-color: white;
+    padding: 50px 0;
+    padding-right: 50px;
+    padding-left: 50px;
+}
+
+
+
 .sub-header h1{
     margin-top: 100px;
 }
 
 .about-us{
-    width: 80%;
+    width: 90%;
     margin: auto;
     padding-top: 80px;
     padding-bottom: 50px;

diff --git a/index.html b/index.html
@@ -38,9 +38,15 @@ <h2>Pathway Tracker</h2><br>
         <p>
             - Select Security Guard's name to track pathway -
         </p><br>
+        <label for="guard">Select Security Guard:</label>
+        <select required name="guard" id="guard">
+            <option value="javascript">Tan Ah Beng</option>
+            <option value="python">Lim Peck Gao</option>
+            <option value="c++">Tan Jun Yong</option>
+            <option value="java">Keat Lim</option>
+        </select>
         <p>
-            ...
-            ...
+            <img src="Images/plot.png" alt="Image" width="100%" height="80%">
         </p>
         <button onclick="runSeer()"> Run Seer </button>
         <br><br>
@@ -55,8 +61,6 @@ <h2>Pathway Tracker</h2><br>
     </select>
 
 
-    <img src="Images/plot.png" alt="Image" width="100%" height="100%">
-
     <div class="footer">
         <p>Contact Us: +65 12345678</p>
     </div>