diff --git a/src/App.js b/src/App.js
index 6600c32..7f75524 100644
--- a/src/App.js
+++ b/src/App.js
@@ -36,6 +36,7 @@ import Footer from './UI/Footer';
 
 import BasicPage from './Pages/BasicPage';
 import Japan from './Japan/Japan';
+import Japanese from './Pages/Japanese/Japan';
 
 
 function App() {
@@ -65,6 +66,7 @@ function App() {
           <Route exact path='/pages/radio/balcony' element={<Balkon />}></Route>
           <Route exact path='/pages/radio/fielddays' element={<Fielddays />}></Route>
           <Route exact path='/pages/linux' element={<Linux />}></Route>
+          <Route exact path='/pages/japanese' element={<Japanese />}></Route>
 
           <Route exact path='/pages/basic' element={<BasicPage id="1" />}></Route>
           <Route exact path='/wine' element={<BasicPage id="4" />}></Route>
diff --git a/src/Pages/Home.js b/src/Pages/Home.js
index 0545e52..5082c02 100644
--- a/src/Pages/Home.js
+++ b/src/Pages/Home.js
@@ -1,11 +1,11 @@
 import React from 'react';
-import {Link} from 'react-router-dom';
+import { Link } from 'react-router-dom';
 
 const Home = () => {
     return (
         <div className='row'>
             <div className="col-6 offset-3">
-                <section className="content-section">  
+                <section className="content-section">
                     <h1 className="text-primary">Hallo, my name is Kevin.</h1>
                     <h3 className="text-secondary">Nice to meet you! :)</h3>
                     <p>I am a programmer and enjoy building software. I have done <Link reloadDocument to="/pages/software/configuration-automation">configuration automation</Link>, <Link reloadDocument to="/pages/software/dxp-development">DXP development</Link> and other <Link reloadDocument to="/pages/software#list-projects">projects</Link>.</p>
@@ -15,7 +15,7 @@ const Home = () => {
                         <li><Link reloadDocument to="/pages/radio">amateur radio</Link></li>
                         <li>Linux</li>
                         <li>electronics</li>
-                        <li>learning Japanese</li>
+                        <li><Link reloadDocument to="/pages/japanese">learning Japanese</Link></li>
                         <li>woodworking</li>
                         <li>synthesize music</li>
                         <li>yoga</li>
@@ -23,25 +23,25 @@ const Home = () => {
                     <p>I am based in Helmond, the Netherlands.</p>
                     <p>
                         <a href="https://github.com/PA4KEV" target="_blank" rel="noopener noreferrer">
-                            <img src={`${process.env.PUBLIC_URL}/icons/github.webp`} alt="github icon"/>
+                            <img src={`${process.env.PUBLIC_URL}/icons/github.webp`} alt="github icon" />
                         </a>
                         &nbsp;&nbsp;
                         <a href="https://www.linkedin.com/in/kevin-van-der-vleuten-b190b032/" target="_blank" rel="noopener noreferrer">
-                            <img src={`${process.env.PUBLIC_URL}/icons/linkedin.webp`} alt="linkedin icon"/>
+                            <img src={`${process.env.PUBLIC_URL}/icons/linkedin.webp`} alt="linkedin icon" />
                         </a>
                         &nbsp;&nbsp;
                         <a href="https://exercism.io/profiles/PA4KEV" target="_blank" rel="noopener noreferrer">
-                            <img src={`${process.env.PUBLIC_URL}/icons/exercism.webp`} alt="exercism icon"/>
+                            <img src={`${process.env.PUBLIC_URL}/icons/exercism.webp`} alt="exercism icon" />
                         </a>
                         &nbsp;&nbsp;
                         <a href="https://stackoverflow.com/users/6340687/pa4kev" target="_blank" rel="noopener noreferrer">
-                            <img src={`${process.env.PUBLIC_URL}/icons/stackoverflow.webp`} alt="stackoverflow icon"/>
+                            <img src={`${process.env.PUBLIC_URL}/icons/stackoverflow.webp`} alt="stackoverflow icon" />
                         </a>
                     </p>
                 </section>
             </div>
         </div>
-        )
+    )
 }
 
 export default Home;
\ No newline at end of file
diff --git a/src/Pages/Japanese/Japan.js b/src/Pages/Japanese/Japan.js
new file mode 100644
index 0000000..a2c4440
--- /dev/null
+++ b/src/Pages/Japanese/Japan.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import Emoji from '../../Content/Emoji';
+
+const Japanese = () => {
+    return (
+        <div className='row'>
+
+            <div className="scrollspy-example col-6 offset-3" data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" tabIndex="0">
+                <section className="content-section">
+                    <div className='content-item'>
+                        <h1 id="list-intro" className="text-primary">Japanese <Emoji symbol="🇯🇵" /></h1>
+                        <p>The Japanase language has facinated me for many years now, for I am married with a Japanese. To become fluent means practice every single day, no exceptions.</p>
+                        <ul>
+                            <li><a href="https://www.wanikani.com/users/PA4KEV" target="_blank" rel="noopener noreferrer">Wani Kani</a></li>
+                        </ul>
+                    </div>
+                </section>
+            </div>
+
+        </div>
+    )
+}
+
+export default Japanese;
\ No newline at end of file
diff --git a/src/UI/Navigation.js b/src/UI/Navigation.js
index a4cff56..12440af 100644
--- a/src/UI/Navigation.js
+++ b/src/UI/Navigation.js
@@ -29,9 +29,11 @@ const Navigation = () => {
                                 Portal
                             </a>
                             <ul className="dropdown-menu">
-                                <li><Link reloadDocument to="/pages/software" className="dropdown-item">Software</Link></li>
+                                <li><Link reloadDocument to="/pages/japanese" className="dropdown-item">Japanese</Link></li>
                                 <li><hr className="dropdown-divider" /></li>
                                 <li><Link reloadDocument to="/pages/radio" className="dropdown-item">Radio Amateur</Link></li>
+                                <li><hr className="dropdown-divider" /></li>
+                                <li><Link reloadDocument to="/pages/software" className="dropdown-item">Software</Link></li>
                                 {/* <li><hr className="dropdown-divider"/></li>
                         <li><Link reloadDocument to="/pages/linux" className="dropdown-item">Linux</Link></li> */}
                             </ul>