diff --git a/index.html b/index2.html
similarity index 70%
rename from index.html
rename to index2.html
index 6640209..02134e7 100644
--- a/index.html
+++ b/index2.html
@@ -3,9 +3,9 @@
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-        <meta name="description" content="" />
-        <meta name="author" content="" />
-        <title>Grayscale - Start Bootstrap Theme</title>
+        <meta name="description" content="Yuki KATO" />
+        <meta name="author" content="Yuki KATO" />
+        <title>Yuki KATO, Ph.D.</title>
         <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
         <!-- Font Awesome icons (free version)-->
         <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
@@ -19,7 +19,7 @@
         <!-- Navigation-->
         <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
             <div class="container px-4 px-lg-5">
-                <a class="navbar-brand" href="#page-top">Start Bootstrap</a>
+                <a class="navbar-brand" href="#page-top">Page top</a>
                 <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                     Menu
                     <i class="fas fa-bars"></i>
@@ -27,8 +27,10 @@
                 <div class="collapse navbar-collapse" id="navbarResponsive">
                     <ul class="navbar-nav ms-auto">
                         <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
-                        <li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
-                        <li class="nav-item"><a class="nav-link" href="#signup">Contact</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#projects">Research</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#signup">Publication</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#signup">Tool</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#signup">Teaching</a></li>
                     </ul>
                 </div>
             </div>
@@ -38,9 +40,11 @@
             <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
                 <div class="d-flex justify-content-center">
                     <div class="text-center">
-                        <h1 class="mx-auto my-0 text-uppercase">Grayscale</h1>
-                        <h2 class="text-white-50 mx-auto mt-2 mb-5">A free, responsive, one page Bootstrap theme created by Start Bootstrap.</h2>
-                        <a class="btn btn-primary" href="#about">Get Started</a>
+                        <!--<h1 class="mx-auto my-0 text-uppercase">Yuki KATO Ph.D</h1>-->
+                        <h1 class="mx-auto my-0">Yuki KATO, Ph.D</h1>
+                        <h2 class="text-white-50 mx-auto mt-2 mb-5">Associate Professor</h2>
+                        <h2 class="text-white-50 mx-auto mt-2 mb-5">Graduate School of Medicine, The University of Osaka</h2>
+                        <a class="btn btn-primary" href="#about">Who am I?</a>
                     </div>
                 </div>
             </div>
@@ -50,15 +54,47 @@ <h2 class="text-white-50 mx-auto mt-2 mb-5">A free, responsive, one page Bootstr
             <div class="container px-4 px-lg-5">
                 <div class="row gx-4 gx-lg-5 justify-content-center">
                     <div class="col-lg-8">
-                        <h2 class="text-white mb-4">Built with Bootstrap 5</h2>
+                        <h2 class="text-white mb-4">Yuki KATO, Ph.D.</h2>
+                        <h2 class="text-white-50 mx-auto mt-2 mb-5">Associate Professor</h2>
+                        <p class="text-white-50">
+                            1: <a href="http://www.med.osaka-u.ac.jp/pub/rna/index.html">Department of RNA Biology and Neuroscience</a>,
+                            <a href="http://www.med.osaka-u.ac.jp/index-e.html">Graduate School of Medicine</a>,
+                            <a href="https://www.osaka-u.ac.jp/en/index2">Osaka University</a><br>
+                            2: <a href="https://ifremed.otri.osaka-u.ac.jp/">Integrated Frontier Research for Medical Science Division (iFremed)</a>,
+                            <a href="http://otri.osaka-u.ac.jp/en/index.html">Institute for Open and Transdisciplinary Research Initiatives (OTRI)</a>,
+                            <a href="https://www.osaka-u.ac.jp/en/index2">Osaka University</a><br>
+                            2-2 Yamada-oka, Suita, Osaka 565-0871, Japan<br>
+                            email: <em><a href="https://mailhide.io/e/BxdcWoeD" onclick="popup=window.open('https://mailhide.io/e/BxdcWoeD','mailhidepopup','width=580,height=635'); return false;">y......@osaka-u.ac.jp</a></em>&nbsp;&nbsp;
+                            <a href="https://orcid.org/0000-0002-1526-2754"><img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16">https://orcid.org/0000-0002-1526-2754</a>
+                        </p>
+                        <p class="text-white-50">
+                            <select>
+                                <option>Work Experience:</option>
+                                <option>Apr. 2022 &mdash; present: Associate Professor at Faculty of Medicine, Osaka University, Japan</option>
+                                <option>Apr. 2022 &mdash; present: Associate Professor at Institute for Open and Transdisciplinary Research Initiatives (OTRI), Osaka University, Japan</option>
+                                <option>Oct. 2020 &mdash; Mar. 2022: Lecturer at Faculty of Medicine, Osaka University, Osaka, Japan</option>
+                                <option>Sep. 2020 &mdash; Mar. 2022: Assistant Professor at Institute for Open and Transdisciplinary Research Initiatives (OTRI), Osaka University, Japan</option>
+                                <option>Apr. 2016 &mdash; Mar. 2022: Assistant Professor at Graduate School of Medicine, Osaka University, Japan</option>
+                                <option>Jul. 2014 &mdash; Aug. 2017: Part-Time Lecturer at Graduate School of Biological Sciences, Nara Institute of Science and Technology (NAIST), Japan</option>
+                                <option>May 2014 &mdash; Mar. 2016: Assistant Professor at Center for iPS Cell Research and Application (CiRA), Kyoto University, Japan</option>
+                                <option>Sep. 2012 &mdash; Mar. 2013: Visiting Researcher at Center for Non-coding RNA in Technology and Health (RTH), University of Copenhagen, Denmark</option>
+                                <option>Oct. 2010 &mdash; Apr. 2014: Assistant Professor at Graduate School of Information Science, Nara Institute of Science and Technology (NAIST), Japan</option>
+                                <option>Apr. 2008 &mdash; Sep. 2010: Postdoctoral Researcher at Institute for Chemical Research, Kyoto University, Japan</option>
+                                <option>Apr. 2007 &mdash; Mar. 2008: Research Fellow (PD) of Japan Society for the Promotion of Science (JSPS), Kyoto University, Japan</option>
+                                <option>Apr. 2005 &mdash; Mar. 2007: Research Fellow (DC1) of Japan Society for the Promotion of Science (JSPS), Nara Institute of Science and Technology, Japan</option>
+                                <option>Apr. 2002 &mdash; Mar. 2003: Research Assistant at Faculty of Engineering, Doshisha University, Japan</option>
+                            </select>
+                        </p>
+                        <!--
                         <p class="text-white-50">
                             Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on
                             <a href="https://startbootstrap.com/theme/grayscale/">the preview page.</a>
                             The theme is open source, and you can use it for any purpose, personal or commercial.
                         </p>
+                        -->
                     </div>
                 </div>
-                <img class="img-fluid" src="assets/img/ipad.png" alt="..." />
+                <!--<img class="img-fluid" src="assets/img/ipad.png" alt="..." />-->
             </div>
         </section>
         <!-- Projects-->
diff --git a/k_style_2.css b/k_style_2.css
deleted file mode 100644
index 3d88e8d..0000000
--- a/k_style_2.css
+++ /dev/null
@@ -1,234 +0,0 @@
-html {
-	font-size: 62.5%; /* -> 10px; */
-}
-
-body {
-	background-color: rgb(230, 230, 230);
-	font-size: 1.4rem; /* -> 14px; */
-	/*background-attachment: fixed;*/
-	margin-top: 0;
-	margin-left: 0;
-	margin-right: auto;
-}
-
-div#header {
-	background-color: rgb(47, 85, 151);
-	min-width: 960px;
-	margin-left: 0;
-	margin-right: auto;
-	padding-left: 30px;
-	padding-top: 30px;
-	padding-bottom: 30px;
-}
-
-div#container {
-	background-color: white;
-	max-width: 960px;
-	margin: 0 auto;
-	/*margin-left: auto;
-    margin-right: auto;*/
-	padding-left: 1.4rem;
-	padding-right: 1.4rem;
-}
-
-h1 {
-	color: white;
-	font-family: 'arial', sans-serif;
-	font-size: 3.2rem;
-	margin-left: auto;
-	margin-right: auto;
-	padding: 0.2em;
-	text-align: center;
-}
-
-h1#title a {
-	color: white;
-}
-
-h1#title a:hover {
-	text-decoration: none;
-}
-
-ul#globalnav {
-	background-color: black;
-	/*background-color: rgb(140, 140, 140);*/
-	min-width: 960px;
-	margin: 0;
-	padding: 6px;
-}
-
-ul#globalnav li {
-    display: inline;
-	font-family: 'arial', sans-serif;
-	font-size: 1.6rem;
-	/*font-weight: bold;*/
-	/*font-size: 95%;*/
-	list-style-type: none;
-	margin: 0;
-	padding: 5%;
-}
-
-ul#globalnav a {color: white;}
-
-ul#globalnav a:hover {
-	background-color: white;
-	color: rgb(47, 85, 151);
-	text-decoration: none;
-	padding-top: 8px;
-	padding-bottom: 8px;
-}
-
-h2 {
-	color: rgb(47, 85, 151);
-	font-family: 'arial', sans-serif;
-	text-indent: 1rem;
-	border-left: solid 1rem;
-	border-left-color: rgb(47, 85, 151);
-	border-top: dotted 0.1rem;
-	border-top-color: rgb(200, 200, 200);
-	border-bottom: dotted 0.1rem;
-	border-bottom-color: rgb(200, 200, 200);
-	padding: 0.1rem;
-	background-color: rgb(240, 246, 253);
-	margin-top: 0;
-}
-
-div.subsec {margin-left: 2rem;}
-
-h3 {
-	color: #333333;
-	font-family: 'arial', sans-serif;
-	text-indent: 0.5rem;
-	border-left: solid 1rem;
-	border-left-color: #333333;
-	border-top: dotted 0.1rem;
-	border-top-color: rgb(200, 200, 200);
-	border-bottom: dotted 0.1rem;
-	border-bottom-color: rgb(200, 200, 200);
-	padding: 0.1rem;
-	background-color: rgb(245, 245, 245);
-}
-
-p, ul, ol {
-	font-family: 'arial', sans-serif;
-	line-height: 2.2rem;
-}
-
-div {font-family: 'arial', sans-serif;}
-
-.center {text-align: center;}
-
-.right {text-align: right;}
-
-.smaller {font-size: smaller;}
-
-.italic {font-style: italic;}
-
-.monospace {font-family: 'Courier New', monospace;}
-
-.boxed {
-	/*background-color: #f5f5f5;*/
-	border: double 3px black;
-	padding: 5px;
-}
-
-a {text-decoration: none;}
-
-a:link {color: #0033cc;}
-
-a:visited {color: #0033cc;}
-
-a:hover {
-	color: #0033cc;
-	/*background-color: #fffacd;*/
-	text-decoration: underline;
-}
-
-a:active {color: #0033cc;}
-
-.floatl {float: left; padding: 10px;}
-.floatc {margin: 10px auto;}
-.floatr {float: right; padding: 10px;}
-
-.white {color: white;}
-
-.maroon {color: maroon;}
-
-img {padding: 2px;}
-
-.slideshow {
-	position: relative;
-	overflow: hidden;
-	/*max-width: 960px;*/
-}
-
-/* :::::: slideContents :::::: */
-.slideContents {
-	position: relative;
-	background: white;
-	text-align: center;
-	-webkit-user-select: none;
-	user-select: none;
-}
-.slideContents section {
-	position: absolute;
-	top: 1px;
-	left: 0;
-	width: 100%;
-}
-.slideContents section img {
-	max-width: 100%;
-	padding: 0 50px;
-	box-sizing: border-box;
-	vertical-align: middle;
-}
-
-/* :::::: mechanism :::::: */
-.slideContents #slide1 {
-	position: relative;
-}
-.slideContents section {
-	animation: autoplay 30s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
-}
-@keyframes autoplay {
-	0%, 16%, 100% { transform: none; }
-	20% { transform: translateX(-100%); }
-	20.001%, 96% { transform: translateX(100%); }
-}
-.slideContents #slide1 { animation-delay: 0s; }
-.slideContents #slide2 { animation-delay: -24s; }
-.slideContents #slide3 { animation-delay: -18s; }
-.slideContents #slide4 { animation-delay: -12s; }
-.slideContents #slide5 { animation-delay: -6s; }
-
-#page_top {
-	width: 10rem;
-	height: 4rem;
-	position: fixed;
-	right: 0;
-	bottom: 10px;
-	background: rgb(47, 85, 151);
-	opacity: 0.7;
-}
-
-#page_top a {
-	position: relative;
-	display: block;
-	width: 10rem;
-	height: 4rem;
-	text-decoration: none;
-}
-
-#page_top a::before {
-	content: '\02227';
-	font-size: 1.4rem;
-	font-weight: bold;
-	color: white;
-	position: absolute;
-	top: 1rem;
-	bottom: 0;
-	right: 0;
-	left: 0;
-	margin: auto;
-	text-align: center;
-}
