Testing out buttons

Author: CodingMaster121

.idea/workspace.xml

@@ -10,6 +10,14 @@
     text-align: center;
 }
 
-ul {
-    font-size: 35px;
+.buttons {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+}
+
+.buttons button {
+    padding: 20px;
+    width: 48%;
 }

static/get_started.css

@@ -0,0 +1,3 @@
+function goBackPage() {
+
+}

static/get_started.js

@@ -80,6 +80,10 @@ p {
     font-size: 30px;
 }
 
+ul {
+    font-size: 30px;
+}
+
 hr {
     border-top: 5px solid black;
 }

static/styles.css

@@ -44,11 +44,11 @@ <h1>Getting Started:</h1>
       </div>
       <div id="step_3" class="step_3">
         <img src="/static/images/step_3.png" alt="Tutorial Step 3"/>
-        <p>After this, you will be directed the search and guide page. Use the dropdown menu to choose your search filter (either room number, room name, or teacher name)</p>
+        <p>After this, you will be directed the search and guide page. Use the dropdown menu to choose your search filter (either room number, room name, or teacher name).</p>
       </div>
       <div id="step_4" class="step_4">
         <img src="/static/images/step_4.png" alt="Tutorial Step 4"/>
-        <p>After this, you will be directed the search and guide page. Use the dropdown menu to choose your search filter (either room number, room name, or teacher name)</p>
+        <p>Use the floor 1 or floor 2 buttons to indicate which floor you are on to allow for more location accuracy and for the directions to display correctly.</p>
       </div>
       <div id="step_5" class="step_5">
         <img src="/static/images/step_5.png" alt="Tutorial Step 5"/>
@@ -62,11 +62,16 @@ <h1>Getting Started:</h1>
         <p>Additional Notes for Guidance:</p>
         <ul>
           <li>Useful links can be found on the "Resources" page.</li>
+          <li>The settings will reset once you navigate away from the guide page.</li>
           <li>The hallways have odd number rooms on one side and even numbered rooms on the other.</li>
           <li>If location isn’t accurate, try disconnecting from the Wi-Fi or cellular data and the reconnecting.</li>
         </ul>
       </div>
     </div>
   </div>
+  <div class="buttons">
+    <button onclick="goBackPage()">Back</button>
+    <button onclick="nextPage()">Next</button>
+  </div>
 </body>
 </html>