From c9ba295cae672aca35c265d16195318d66e153d4 Mon Sep 17 00:00:00 2001
From: EthanGrants <105686621+EthanGrants@users.noreply.github.com>
Date: Sat, 20 Jan 2024 20:00:43 -0800
Subject: [PATCH] Added transportation options

---
 src/Home.js           |  2 +-
 src/Transportation.js | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Home.js b/src/Home.js
index 4b513b6..cffc91d 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -65,7 +65,7 @@ function Home() {
   <Link to={"./transportation"} style={linkStyle}>
   <div style={{marginBottom: "10px" }}>Transportation</div>
     <img src="./UCBus.jpg" alt="Bus" style={imageStyle}  />
-    <div style={{ fontSize: "20px", color: "#555" }}>Find publc transportation for Riverside</div>
+    <div style={{ fontSize: "20px", color: "#555" }}>Find public transportation for Riverside</div>
   </Link>
 
   <Link to={"./maps"} style={linkStyle}>
diff --git a/src/Transportation.js b/src/Transportation.js
index 7d34108..3a57666 100644
--- a/src/Transportation.js
+++ b/src/Transportation.js
@@ -1,9 +1,17 @@
 import React from 'react';
 
 function Transportation() {
-    return <div>
-        <h2> Resources Page </h2>
+  return (
+    <div>
+      <h2>Transportation Page</h2>
+      <iframe
+        title="Riverside Transit"
+        src="https://www.riversidetransit.com/index.php/riding-the-bus/plan-my-trip"
+        width="100%"
+        height="600px"
+      />
     </div>
+  );
 }
 
-export default Transportation;
\ No newline at end of file
+export default Transportation;