diff --git a/src/App.js b/src/App.js
index a330bec..ebd62d0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,8 +3,7 @@ import "bootstrap/dist/js/bootstrap.bundle.min";
 
 import './App.css';
 import Navigation from './UI/Navigation';
-import ContentItem from './Content/ContentItem';
-import Sidebar from './UI/Sidebar';
+
 
 function App() {
     return (
@@ -12,10 +11,6 @@ function App() {
       <div className='row '>
         <Navigation />
       </div>
-      <div className='row'>
-        <Sidebar />
-        <ContentItem />
-      </div>
     </div>
     );
 }
diff --git a/src/Content/ContentItem.js b/src/Content/ContentItem.js
index 4698c3f..d3aa94c 100644
--- a/src/Content/ContentItem.js
+++ b/src/Content/ContentItem.js
@@ -4,6 +4,7 @@ import React from 'react';
 const ContentItem = (props) => {
     return (
         <div className="col-6 offset-3">
+            <h1>{props.title}</h1>
             <div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" className="scrollspy-example" tabIndex="0">
             <h4 id="list-item-1">Item 1</h4>
             <p>
diff --git a/src/Pages/Linux/Linux.js b/src/Pages/Linux/Linux.js
new file mode 100644
index 0000000..bb7ff50
--- /dev/null
+++ b/src/Pages/Linux/Linux.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import ContentItem from '../../Content/ContentItem';
+import Sidebar from '../../UI/Sidebar';
+
+function Linux (){
+    return (        
+        <div className='row'>
+            <Sidebar />
+            <ContentItem title="Welcome to the Linux page!"/>
+        </div>
+        )
+}
+
+export default Linux;
\ No newline at end of file
diff --git a/src/Pages/Radio/Radio.js b/src/Pages/Radio/Radio.js
new file mode 100644
index 0000000..b277485
--- /dev/null
+++ b/src/Pages/Radio/Radio.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import ContentItem from '../../Content/ContentItem';
+import Sidebar from '../../UI/Sidebar';
+
+function Radio (){
+    return (        
+        <div className='row'>
+            <Sidebar />
+            <ContentItem title="Welcome to the Radio page!"/>
+        </div>
+        )
+}
+
+export default Radio;
\ No newline at end of file
diff --git a/src/Pages/Software/Software.js b/src/Pages/Software/Software.js
new file mode 100644
index 0000000..905d19a
--- /dev/null
+++ b/src/Pages/Software/Software.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import ContentItem from '../../Content/ContentItem';
+import Sidebar from '../../UI/Sidebar';
+
+function Software (){
+    return (        
+        <div className='row'>
+            <Sidebar />
+            <ContentItem title="Welcome to the Software page!"/>
+        </div>
+        )
+}
+
+export default Software;
\ No newline at end of file
diff --git a/src/Pages/Test.js b/src/Pages/Test.js
new file mode 100644
index 0000000..a8afabc
--- /dev/null
+++ b/src/Pages/Test.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import ContentItem from '../Content/ContentItem';
+import Sidebar from '../UI/Sidebar';
+
+function Test (){
+    return (        
+        <div className='row'>
+            <Sidebar />
+            <ContentItem title="Welcome to the Test page!"/>
+        </div>
+        )
+}
+
+export default Test;
\ No newline at end of file
diff --git a/src/UI/Navigation.js b/src/UI/Navigation.js
index 5b631b7..520a4f5 100644
--- a/src/UI/Navigation.js
+++ b/src/UI/Navigation.js
@@ -1,9 +1,17 @@
 import React from 'react';
+import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom';
+
+import Test from '../Pages/Test';
+import Linux from '../Pages/Linux/Linux';
+import Radio from '../Pages/Radio/Radio';
+import Software from '../Pages/Software/Software';
+
 import './Navigation.css';
 
 
 const Navigation = (props) => {
-    return (                
+    return (
+        <Router>
         <nav className="navbar navbar-expand-lg fixed-top bg-light">
             <div className="container-fluid">
                 <a className="navbar-brand" href="#!">Kevin Matsubara<br/><span className='logo-sub'>Software Developer</span></a>
@@ -13,7 +21,7 @@ const Navigation = (props) => {
                 <div className="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul className="navbar-nav me-auto mb-2 mb-lg-0">
                     <li className="nav-item">
-                    <a className="nav-link active" aria-current="page" href="#!">About</a>
+                    <Link to="/test" className="nav-link active" aria-current="page" href="#!">Test</Link>
                     </li>
                     {/* <li className="nav-item">
                     <a className="nav-link" href="#!">Link</a>
@@ -23,11 +31,11 @@ const Navigation = (props) => {
                         Portal
                     </a>
                     <ul className="dropdown-menu">
-                        <li><a className="dropdown-item" href="#!">Software</a></li>
+                        <li><Link to="/pages/software" className="dropdown-item" href="#!">Software</Link></li>
                         <li><hr className="dropdown-divider"/></li>
-                        <li><a className="dropdown-item" href="#!">Radio Amateur</a></li>
+                        <li><Link to="/pages/radio" className="dropdown-item" href="#!">Radio Amateur</Link></li>
                         <li><hr className="dropdown-divider"/></li>
-                        <li><a className="dropdown-item" href="#!">Linux</a></li>
+                        <li><Link to="/pages/linux" className="dropdown-item" href="#!">Linux</Link></li>
                     </ul>
                     </li>
                     {/* <li className="nav-item">
@@ -41,6 +49,13 @@ const Navigation = (props) => {
                 </div>
             </div>
         </nav>
+        <Routes>
+            <Route exact path='/test' element={< Test />}></Route>
+            <Route exact path='/pages/software' element={< Software />}></Route>
+            <Route exact path='/pages/radio' element={< Radio />}></Route>
+            <Route exact path='/pages/linux' element={< Linux />}></Route>
+        </Routes>
+        </Router>
     )
 }