MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: プロフィールページをマークアップ

Browse Source
This commit is contained in:
yuki540 2018-04-19 15:55:32 +09:00
parent 205566eec9
commit e14fa5cf68
1 changed files with 53 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
public/index.html
View File

@ -357,12 +357,12 @@
<section class="top-page__global-nav"> <section class="top-page__global-nav">
<nav class="nav-box"> <nav class="nav-box">
<section> <section>
<a data-color="pink" href="#">私について</a> <a data-href="profile-page" data-color="pink" href="#">私について</a>
<a data-color="light-pink" href="#">思い出</a> <a data-href="memories-page" data-color="light-pink" href="#">思い出</a>
</section> </section>
<section> <section>
<a data-color="light-purple" href="#">このサイトの歴史</a> <a data-href="history-page" data-color="light-purple" href="#">このサイトの歴史</a>
<a data-color="purple" href="#">作ったもの</a> <a data-href="product-page" data-color="purple" href="#">作ったもの</a>
</section> </section>
</nav> </nav>
<div class="message"><h3>ようこそ、魔法少女サイトへ</h3></div> <div class="message"><h3>ようこそ、魔法少女サイトへ</h3></div>
@ -393,6 +393,55 @@
</a> </a>
<article class="page-box__content"> <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> </article>
</section> </section>
</main> </main>