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;