From e14fa5cf680a703fa017cb7e0f82b1c4cc4f5982 Mon Sep 17 00:00:00 2001
From: yuki540 <tabletennis540@gmail.com>
Date: Thu, 19 Apr 2018 15:55:32 +0900
Subject: [PATCH] =?UTF-8?q?update:=20=E3=83=97=E3=83=AD=E3=83=95=E3=82=A3?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E3=83=9A=E3=83=BC=E3=82=B8=E3=82=92=E3=83=9E?=
 =?UTF-8?q?=E3=83=BC=E3=82=AF=E3=82=A2=E3=83=83=E3=83=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 57 +++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 53 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 89afb88..1d2ce20 100644
--- a/public/index.html
+++ b/public/index.html
@@ -357,12 +357,12 @@
         <section class="top-page__global-nav">
           <nav class="nav-box">
             <section>
-              <a data-color="pink" href="#">私について</a>
-              <a data-color="light-pink" href="#">思い出</a>
+              <a data-href="profile-page" data-color="pink" href="#">私について</a>
+              <a data-href="memories-page" data-color="light-pink" href="#">思い出</a>
             </section>
             <section>
-              <a data-color="light-purple" href="#">このサイトの歴史</a>
-              <a data-color="purple" href="#">作ったもの</a>
+              <a data-href="history-page" data-color="light-purple" href="#">このサイトの歴史</a>
+              <a data-href="product-page" data-color="purple" href="#">作ったもの</a>
             </section>
           </nav>
           <div class="message"><h3>ようこそ、魔法少女サイトへ</h3></div>
@@ -392,7 +392,56 @@
           <section><div></div></section>
         </a>
         <article class="page-box__content">
+
+          <!--**** profile ****-->
+          <section class="profile-page" style="display: none">
+            <section class="page-title">
+              <div></div><div></div><div></div><div></div>
+              <h2>私について</h2>
+            </section>
+            <section class="profile-page__body">
+              <div class="icon"><div></div><div></div><div></div><div></div></div>
+              <h3 class="name">yuki540</h3>
+              <div class="info">
+                <div class="info-li">
+                  <span>Location</span><span>：</span><span>Wakayama, Japan</span>
+                </div>
+                <div class="info-li">
+                  <span>Birthday</span><span>：</span><span>1996/11/09</span>
+                </div>
+                <div class="info-li">
+                  <span>Job</span><span>：</span><span>ニート（通う理由がなく、専門学校退学した）</span>
+                </div>
+                <div class="info-li">
+                  <span>Love</span><span>：</span><span>アニメ, 由比ヶ浜結衣, ミライアカリ, ココロヤミ</span>
+                </div>
+              </div>
+            </section>
+          </section>
           
+          <!--**** history ****-->
+          <section class="history-page" style="display: none">
+            <section class="page-title">
+              <div></div><div></div><div></div><div></div>
+              <h2>このサイトの歴史</h2>
+            </section>
+          </section>
+          
+          <!--**** product ****-->
+          <section class="product-page" style="display: none">
+            <section class="page-title">
+              <div></div><div></div><div></div><div></div>
+              <h2>作ったもの</h2>
+            </section>
+          </section>
+          
+          <!--**** memories ****-->
+          <section class="memories-page" style="display: none">
+            <section class="page-title">
+              <div></div><div></div><div></div><div></div>
+              <h2>思い出</h2>
+            </section>
+          </section>
         </article>
       </section>
     </main>