diff --git a/.gitignore b/.gitignore
index 21b328e..6468b4d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,7 @@
 .DS_Store
 
 node_modules
+.hugo_build.lock
+
+public/
+!public/images/
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..a4ab592
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,12 @@
+---
+title: "あくあたん工房"
+date: 2024-01-01T00:00:00+09:00
+---
+
+「知と美と技の探求」
+
+これが京都工芸繊維大学の掲げるポリシーです．
+
+一人で探求することが長く険しい道のりであることは明白です．高め合う仲間の存在はその背中を押し，加速させてくれることでしょう．
+
+あくあたん工房はものづくり，それに伴うチーム開発・技術イベント・勉強会を通して知見を共有し，協力し合うことを目的とした学生コミュニティです．
diff --git a/content/members/_index.md b/content/members/_index.md
new file mode 100644
index 0000000..dcaadaa
--- /dev/null
+++ b/content/members/_index.md
@@ -0,0 +1,6 @@
+---
+title: "Members"
+date: 2024-01-01T00:00:00+09:00
+---
+
+あくあたん工房のメンバー紹介です。
diff --git a/content/members/ayumi.md b/content/members/ayumi.md
new file mode 100644
index 0000000..21f3734
--- /dev/null
+++ b/content/members/ayumi.md
@@ -0,0 +1,8 @@
+---
+title: "ayumi"
+role: "PHOTOGRAPHER"
+avatar: "images/avatars/ayumi.JPG"
+description: "写真家"
+---
+
+写真を撮っています。
diff --git a/content/members/barry.md b/content/members/barry.md
new file mode 100644
index 0000000..5738760
--- /dev/null
+++ b/content/members/barry.md
@@ -0,0 +1,20 @@
+---
+title: "Barry"
+role: "DEVELOPER"
+avatar: "images/avatars/Barry.png"
+description: "ゲームつくりたい．電子工作もしてみたい．でも時間が．．．"
+skills:
+  - name: "C/C++"
+    description: "競プロ"
+interests:
+  - name: "競プロ"
+    description: "とりあえず入茶"
+  - name: "CTF"
+    description: "目指せSECCON"
+  - name: "Rust,C#"
+    description: "勉強中"
+  - name: "電子工作"
+    description: "ラズパイ高くない？"
+---
+
+ゲーム作りたい開発者です。電子工作もしてみたいけど時間が足りません。
diff --git a/content/members/haia.md b/content/members/haia.md
new file mode 100644
index 0000000..9b1269a
--- /dev/null
+++ b/content/members/haia.md
@@ -0,0 +1,27 @@
+---
+title: "haia"
+role: "Photographer"
+avatar: "images/avatars/haia.jpg"
+background: "images/haia-bg.jpg"
+twitter: "haia_i"
+website: "http://sazanami.info/"
+description: "美少女"
+skills:
+  - name: "Illustrator"
+    description: "名刺やフライヤーなど多少"
+  - name: "写真"
+    description: "簡易な撮影一通り、たまにお仕事"
+  - name: "美少女"
+    description: "Twitter継続6年目"
+  - name: "カフェ経営"
+    description: "2018年度開業予定"
+interests:
+  - name: "Web"
+    description: "WPいじりたい"
+  - name: "動画"
+    description: "MVとかの仕事が欲しい"
+  - name: "黒字化"
+    description: "うまい経営が知りたい"
+---
+
+美少女です。
diff --git a/content/members/hatto.md b/content/members/hatto.md
new file mode 100644
index 0000000..5fac1ba
--- /dev/null
+++ b/content/members/hatto.md
@@ -0,0 +1,23 @@
+---
+title: "hatto"
+role: "DEVELOPER"
+avatar: "images/avatars/hatto.jpg"
+twitter: "StudioAquatan"
+github: "StudioAquatan"
+website: "https://www.aquatan.studio/"
+description: "健康的な生活"
+skills:
+  - name: "C++"
+    description: "競プロ"
+interests:
+  - name: "C++"
+    description: "黄色(目標高く"
+  - name: "CTF"
+    description: "目指せSECCON"
+  - name: "Go"
+    description: "目指せISUCON"
+  - name: "Kotlin"
+    description: "Androidアプリ作りたい"
+---
+
+健康的な生活を心がける開発者です。
diff --git a/content/members/iida.md b/content/members/iida.md
new file mode 100644
index 0000000..bc7a913
--- /dev/null
+++ b/content/members/iida.md
@@ -0,0 +1,36 @@
+---
+title: "iida"
+role: "DEVELOPER"
+avatar: "images/avatars/iida.jpg"
+twitter: "tky_apostle"
+github: "wakatakerutmt"
+website: "https://wakatakeru.com/"
+description: "コントより漫才が好き"
+is_alumnus: true
+skills:
+  - name: "C/C++/Java"
+    description: "多少"
+  - name: "Kotlin"
+    description: "簡単なアプリ開発"
+  - name: "PHP"
+    description: "Zend Laravel"
+  - name: "Python"
+    description: "Django・競プロ"
+  - name: "Ruby"
+    description: "Ruby on Rails"
+  - name: "web"
+    description: "HTML/CSS/JS(JQuery,Vue.js)"
+  - name: "ギャグ"
+    description: "多少"
+interests:
+  - name: "インフラ"
+    description: "目指せ脱初心者！"
+  - name: "webサービス運営"
+    description: "自分のサービス持ちたい"
+  - name: "Kaggle/データ分析"
+    description: "むずかしい"
+  - name: "ブログ更新"
+    description: "サボりすぎてる"
+---
+
+コントより漫才が好きな開発者です。
diff --git a/content/members/koba.md b/content/members/koba.md
new file mode 100644
index 0000000..f4d13e5
--- /dev/null
+++ b/content/members/koba.md
@@ -0,0 +1,19 @@
+---
+title: "koba"
+role: "DEVELOPER"
+avatar: "images/avatars/koba.jpg"
+github: "rideonkb"
+description: "ミーハー太郎"
+skills:
+  - name: "C"
+    description: "授業でやった程度のことなら"
+interests:
+  - name: "機械学習"
+    description: "強そうなので"
+  - name: "Webアプリ作成"
+    description: "情報工学徒に生まれたからには"
+  - name: "ハッカソン"
+    description: "強くなって出たい"
+---
+
+ミーハー太郎と呼ばれる開発者です。
diff --git a/content/members/lanqiu.md b/content/members/lanqiu.md
new file mode 100644
index 0000000..8e6ee37
--- /dev/null
+++ b/content/members/lanqiu.md
@@ -0,0 +1,15 @@
+---
+title: "lanqiu"
+role: "beginner-developer"
+avatar: "images/avatars/lanqiu.jpg"
+github: "lanqiugit"
+description: "料理できるようになりたい"
+skills:
+  - name: "車の運転"
+    description: "安全運転第一"
+interests:
+  - name: "何かの開発"
+    description: "とりあえず何かの開発"
+---
+
+料理できるようになりたいです。
diff --git a/content/members/masapyon.md b/content/members/masapyon.md
new file mode 100644
index 0000000..3ce3ac1
--- /dev/null
+++ b/content/members/masapyon.md
@@ -0,0 +1,22 @@
+---
+title: "masapyon"
+role: "developer"
+avatar: "images/avatars/masapyon.jpg"
+twitter: "ocucraqp"
+github: "ocucraqp"
+description: "物欲を持て余す"
+skills:
+  - name: "C,C++"
+    description: "それなりに使える"
+  - name: "Java"
+    description: "かじった程度"
+interests:
+  - name: "ホームページ"
+    description: "つくりたい"
+  - name: "ゲーム制作"
+    description: "今年こそは"
+  - name: "キャンプ"
+    description: "ゆるいやつ"
+---
+
+物欲を持て余している開発者です。
diff --git a/content/members/miyagawa.md b/content/members/miyagawa.md
new file mode 100644
index 0000000..93e20da
--- /dev/null
+++ b/content/members/miyagawa.md
@@ -0,0 +1,23 @@
+---
+title: "miyagawa"
+role: "Designer"
+avatar: "images/avatars/miyagawa.png"
+twitter: "mygwdesign"
+website: "https://mygwdesign.tumblr.com/"
+description: "東山 奈央"
+is_alumnus: true
+skills:
+  - name: "DTP"
+    description: "同人誌やポスターなどエディトリアル"
+  - name: "グラフィックデザイン"
+    description: "ロゴやトークショーのスライドなど"
+  - name: "編集業務"
+    description: "合同同人誌のマネジメントやディレクション"
+interests:
+  - name: "MacBookを使う"
+    description: "まずは買うところから"
+  - name: "フォトショマジック"
+    description: "魔法使いとしては、能力・実力ともに最高クラス。"
+---
+
+東山奈央さん推しのデザイナーです。
diff --git a/content/members/mmnk.md b/content/members/mmnk.md
new file mode 100644
index 0000000..6c8d13f
--- /dev/null
+++ b/content/members/mmnk.md
@@ -0,0 +1,28 @@
+---
+title: "mmnk"
+role: "Developer"
+avatar: "images/avatars/mmnk.jpeg"
+background: "images/mmnk-bg.png"
+twitter: "Hello_momo29"
+github: "tjmtmmnk"
+website: "https://tjmtmmnk.hatenablog.com"
+description: "便利なものを作りたい"
+skills:
+  - name: "Python"
+    description: "Webアプリとか"
+  - name: "C/C++"
+    description: "人並みに"
+  - name: "Web"
+    description: "絶賛勉強中"
+  - name: "Perl"
+    description: "今更?とか言わないで!"
+interests:
+  - name: "Scala"
+    description: "ハイブリッド!"
+  - name: "AWS"
+    description: "一般教養"
+  - name: "Go"
+    description: "周りでやってる人が多い気がする"
+---
+
+便利なものを作りたい開発者です。
diff --git a/content/members/nishi.md b/content/members/nishi.md
new file mode 100644
index 0000000..ef7a10e
--- /dev/null
+++ b/content/members/nishi.md
@@ -0,0 +1,19 @@
+---
+title: "nishi"
+role: "Developer"
+avatar: "images/avatars/nishi.png"
+github: "nishi-yuki"
+description: "へびつかいの修行中"
+skills:
+  - name: "Python"
+    description: "CUIだけ"
+  - name: "C"
+    description: "めざせ中級者"
+interests:
+  - name: "Kotlin"
+    description: "Androidアプリ開発の勉強中"
+  - name: "Haskell"
+    description: "モナドってなに?"
+---
+
+へびつかいの修行中です。
diff --git a/content/members/pudding.md b/content/members/pudding.md
new file mode 100644
index 0000000..40d7097
--- /dev/null
+++ b/content/members/pudding.md
@@ -0,0 +1,31 @@
+---
+title: "pudding"
+role: "Developer"
+avatar: "images/avatars/pudding.png"
+background: "images/pudding-bg.png"
+twitter: "pudding_info"
+github: "pudding0503"
+website: "https://pudding0503.github.io/"
+description: "bio"
+is_alumnus: true
+skills:
+  - name: "Python"
+    description: "Webアプリとか"
+  - name: "Go"
+    description: "CUIツールとか"
+  - name: "Web"
+    description: "html, css, js..."
+  - name: "鯖管"
+    description: "初心者レベル"
+  - name: "Java"
+    description: "春から使う"
+interests:
+  - name: "CTF"
+    description: "目指せSECCON"
+  - name: "Rust"
+    description: "良いって聞いてる"
+  - name: "Haskell"
+    description: "たしなみ"
+---
+
+bio（プロフィール）好きな開発者です。
diff --git a/content/members/sapphire.md b/content/members/sapphire.md
new file mode 100644
index 0000000..ea4a7f0
--- /dev/null
+++ b/content/members/sapphire.md
@@ -0,0 +1,17 @@
+---
+title: "Sapphire"
+role: "DEVELOPER"
+avatar: "images/avatars/sapphire.jpg"
+twitter: "Sapphire_Lilith"
+github: "StudioAquatan"
+website: "https://www.aquatan.studio/"
+description: "似非粋人"
+skills:
+  - name: "MMD"
+    description: "動画作成，小物モデリング，カメラ制御とか"
+interests:
+  - name: "D進"
+    description: "諸々が許せば"
+---
+
+似非粋人と名乗る開発者です。
diff --git a/content/members/shanpu.md b/content/members/shanpu.md
new file mode 100644
index 0000000..6b5bb74
--- /dev/null
+++ b/content/members/shanpu.md
@@ -0,0 +1,9 @@
+---
+title: "shanpu"
+role: "developer"
+avatar: "images/avatars/shanpu.jpg"
+website: "https://chez-shanpu.github.io/"
+description: "開発者"
+---
+
+開発者です。
diff --git a/content/members/shunsei.md b/content/members/shunsei.md
new file mode 100644
index 0000000..02a812d
--- /dev/null
+++ b/content/members/shunsei.md
@@ -0,0 +1,27 @@
+---
+title: "shunsei"
+role: "DEVELOPER"
+avatar: "images/avatars/shunsei.jpg"
+twitter: "XeRn1227"
+github: "kimurash"
+website: "https://www.aquatan.studio/"
+description: "タイポの達人"
+skills:
+  - name: "C++"
+    description: "競技プログラミング"
+  - name: "Java"
+    description: "Nand2Tetris"
+  - name: "Python"
+    description: "scikit-learn, Flask"
+interests:
+  - name: "Vim"
+    description: "使いこなせたらカッコよくない？"
+  - name: "Rust"
+    description: "再入門"
+  - name: "数学"
+    description: "大学数学一巡り"
+  - name: "計算理論"
+    description: "プログラマとしての教養"
+---
+
+タイポの達人と呼ばれる開発者です。
diff --git a/content/members/taxio.md b/content/members/taxio.md
new file mode 100644
index 0000000..6da674a
--- /dev/null
+++ b/content/members/taxio.md
@@ -0,0 +1,13 @@
+---
+title: "taxio"
+role: "Developer"
+avatar: "images/avatars/taxio.JPG"
+twitter: "taxio_tech"
+github: "taxio"
+website: "https://www.taxio.me/"
+description: "カボチャ"
+is_founder: true
+is_alumnus: true
+---
+
+あくあたん工房の創設者。カボチャです。
diff --git a/content/members/tinu.md b/content/members/tinu.md
new file mode 100644
index 0000000..cfd4bd2
--- /dev/null
+++ b/content/members/tinu.md
@@ -0,0 +1,21 @@
+---
+title: "tinu"
+role: "Developer"
+avatar: "images/avatars/tinu.png"
+twitter: "StudioAquatan"
+github: "tinukai"
+website: "https://www.aquatan.studio/"
+description: "チヌっとチヌチヌ"
+skills:
+  - name: "Vim"
+    description: "初心者脱却したい"
+  - name: "LaTeX"
+    description: "すごいことできるようになりたい"
+interests:
+  - name: "自作OS"
+    description: "目指せ64bitOS"
+  - name: "C++"
+    description: "めざせ!ねねっち"
+---
+
+チヌっとチヌチヌと言っています。
diff --git a/content/members/unknown.md b/content/members/unknown.md
new file mode 100644
index 0000000..c91185e
--- /dev/null
+++ b/content/members/unknown.md
@@ -0,0 +1,11 @@
+---
+title: "unknown"
+role: "???"
+avatar: "images/avatars/unknown.png"
+twitter: "StudioAquatan"
+github: "StudioAquatan"
+website: "https://www.aquatan.studio/"
+description: "UNDER CONSTRUCTING"
+---
+
+現在プロフィール準備中です。
diff --git a/content/members/yamakai.md b/content/members/yamakai.md
new file mode 100644
index 0000000..dd414a0
--- /dev/null
+++ b/content/members/yamakai.md
@@ -0,0 +1,18 @@
+---
+title: "yamakai"
+role: "developer"
+avatar: "images/avatars/yamakai.png"
+description: "ひとことって難しいね"
+skills:
+  - name: "C/C++"
+    description: "競プロでまあ使う"
+interests:
+  - name: "バイオロギング"
+    description: "動物の生態は面白い"
+  - name: "Rust"
+    description: "私、気になります"
+  - name: "関数型言語"
+    description: "ひとつぐらいは"
+---
+
+ひとことって難しいと思っている開発者です。
diff --git a/content/members/yutaro.md b/content/members/yutaro.md
new file mode 100644
index 0000000..4393a67
--- /dev/null
+++ b/content/members/yutaro.md
@@ -0,0 +1,20 @@
+---
+title: "yutaro"
+role: "developer"
+avatar: "images/avatars/yutaro.JPG"
+github: "Yutaro-Nishikawa"
+website: "https://www.aquatan.studio/"
+description: "数字にコミットする"
+skills:
+  - name: "rails"
+    description: "Progateで練習中"
+  - name: "Ruby"
+    description: "Progateで練習中"
+interests:
+  - name: "webサービス"
+    description: "とりあえずSNS"
+  - name: "長期インターン"
+    description: "ベンチャー企業へ"
+---
+
+数字にコミットする開発者です。
diff --git a/content/members/yuyu.md b/content/members/yuyu.md
new file mode 100644
index 0000000..53a06b7
--- /dev/null
+++ b/content/members/yuyu.md
@@ -0,0 +1,33 @@
+---
+title: "yuyu"
+role: "DEVELOPER"
+avatar: "images/avatars/yuyu.png"
+background: "images/yuyu-bg.png"
+twitter: "Hyuyu_kun"
+github: "Hiroya-W"
+website: "https://hiroya-w.github.io"
+description: "ゆゆ様推し"
+is_alumnus: true
+skills:
+  - name: "C++"
+    description: "主に競プロ"
+  - name: "Java"
+    description: "Minecraft Modding"
+  - name: "Python"
+    description: "ゆゆ君botに"
+  - name: "Vim"
+    description: "Vimさえあればいい"
+interests:
+  - name: "CTF"
+    description: "SCKOSENが楽しかった"
+  - name: "Rust"
+    description: "わからない"
+  - name: "機械学習"
+    description: "楽しそう"
+  - name: "Arch Linux Install Battle"
+    description: "Manjaro Linuxが良かった"
+  - name: "ロボコン"
+    description: "興味ある"
+---
+
+ゆゆ様推しの開発者です。
diff --git a/content/members/zyuc.md b/content/members/zyuc.md
new file mode 100644
index 0000000..8596575
--- /dev/null
+++ b/content/members/zyuc.md
@@ -0,0 +1,24 @@
+---
+title: "zyuc"
+role: "DEVELOPER"
+avatar: "images/avatars/zyuc.png"
+twitter: "zc_ozz"
+github: "zyu-c"
+description: "ずしおすし"
+skills:
+  - name: "Eagle"
+    description: "流せ大電流"
+  - name: "Verilog"
+    description: "聴かせてやるよ――論理の律動を…"
+  - name: "Twitter"
+    description: "へたくそ"
+interests:
+  - name: "C++"
+    description: "何もわからん"
+  - name: "マイクロマウス"
+    description: "そのうちやる"
+  - name: "Vim"
+    description: "便利らしい"
+---
+
+ずしおすしと言っている開発者です。
diff --git a/content/news/_index.md b/content/news/_index.md
new file mode 100644
index 0000000..2cf58a7
--- /dev/null
+++ b/content/news/_index.md
@@ -0,0 +1,6 @@
+---
+title: "News"
+date: 2024-01-01T00:00:00+09:00
+---
+
+あくあたん工房のニュースやお知らせです。
diff --git a/content/news/first-news.md b/content/news/first-news.md
new file mode 100644
index 0000000..f4aab13
--- /dev/null
+++ b/content/news/first-news.md
@@ -0,0 +1,16 @@
+---
+title: "あくあたん工房サイトリニューアル"
+date: 2024-01-01T00:00:00+09:00
+author: "Studio Aquatan"
+---
+
+あくあたん工房の公式サイトをリニューアルしました。
+
+新しいサイトでは以下の機能が追加されています：
+
+- モダンなデザイン
+- レスポンシブ対応
+- プロダクト一覧の充実
+- メンバー紹介の詳細化
+
+今後とも、あくあたん工房をよろしくお願いいたします。
diff --git a/content/news/hacku2020-report.md b/content/news/hacku2020-report.md
new file mode 100644
index 0000000..127e8eb
--- /dev/null
+++ b/content/news/hacku2020-report.md
@@ -0,0 +1,15 @@
+---
+title: "Open Hack U 2020 Online Vol.1に参加しました"
+date: 2020-06-15T00:00:00+09:00
+author: "Studio Aquatan"
+---
+
+Open Hack U 2020 Online Vol.1に「チーム今回はご参加を見送らせていただくこととなりました。」として参加し、「はげましすてむ」を開発しました。
+
+## 開発したプロダクト
+
+**はげましすてむ**は、お祈りメールが来たときに励ましてくれるシステムです。
+
+就職活動やコンテストの応募で不採用通知（お祈りメール）を受け取った際に、自動的に励ましのメッセージを表示し、ユーザーのモチベーション維持をサポートします。
+
+詳細は[プロダクトページ](/products/)をご覧ください。
diff --git a/content/products/_index.md b/content/products/_index.md
new file mode 100644
index 0000000..2c8b3d9
--- /dev/null
+++ b/content/products/_index.md
@@ -0,0 +1,6 @@
+---
+title: "Products"
+date: 2024-01-01T00:00:00+09:00
+---
+
+あくあたん工房で作成したプロダクトの一覧です。
diff --git a/content/products/bosite.md b/content/products/bosite.md
new file mode 100644
index 0000000..59bd8b2
--- /dev/null
+++ b/content/products/bosite.md
@@ -0,0 +1,11 @@
+---
+title: "bosite"
+date: 2018-11-02T00:00:00+09:00
+event: "KITハッカソン 2018"
+team: "チームKITガジェット研究所"
+image: "images/kit_2018_bosite.png"
+github: "https://github.com/StudioAquatan/bosite"
+year: 2018
+---
+
+災害知見共有サイト
diff --git a/content/products/hagemashi-system.md b/content/products/hagemashi-system.md
new file mode 100644
index 0000000..069a4a6
--- /dev/null
+++ b/content/products/hagemashi-system.md
@@ -0,0 +1,11 @@
+---
+title: "はげましすてむ"
+date: 2020-06-01T00:00:00+09:00
+event: "Open Hack U 2020 Online Vol.1"
+team: "チーム今回はご参加を見送らせていただくこととなりました。"
+image: "images/hacku2020.JPG"
+github: "https://github.com/StudioAquatan/hacku2020"
+year: 2020
+---
+
+お祈りメールが来たときに励ましてくれるシステム．
diff --git a/content/products/mitsukeru-kun.md b/content/products/mitsukeru-kun.md
new file mode 100644
index 0000000..486b9c3
--- /dev/null
+++ b/content/products/mitsukeru-kun.md
@@ -0,0 +1,11 @@
+---
+title: "みつける君"
+date: 2018-11-03T00:00:00+09:00
+event: "KITハッカソン 2018"
+team: "チームnewgene"
+image: "images/kit_2018_newgene.png"
+github: "https://github.com/StudioAquatan/newgene"
+year: 2018
+---
+
+災害時にはぐれた子供や家族をみつけるIoTデバイス
diff --git a/content/products/reflect-cube.md b/content/products/reflect-cube.md
new file mode 100644
index 0000000..6930820
--- /dev/null
+++ b/content/products/reflect-cube.md
@@ -0,0 +1,11 @@
+---
+title: "Reflect Cube"
+date: 2019-11-01T00:00:00+09:00
+event: "KITハッカソン 2019"
+team: "チーム神社"
+image: "images/kit_2019_reflect_cube.png"
+github: "https://github.com/ocucraqp/Reflect_Cube"
+year: 2019
+---
+
+3DVRビリヤード
diff --git a/content/products/spotrace.md b/content/products/spotrace.md
new file mode 100644
index 0000000..79f2ecf
--- /dev/null
+++ b/content/products/spotrace.md
@@ -0,0 +1,12 @@
+---
+title: "SPOTRACE"
+date: 2018-11-01T00:00:00+09:00
+event: "KITハッカソン 2018"
+team: "チームScream"
+image: "images/kit_2018_scream.png"
+award: "KIT賞"
+adobe_xd: "https://xd.adobe.com/view/3d762602-7549-4a3c-4fdc-6f97cb67fef6-4b47/?fullscreen"
+year: 2018
+---
+
+災害時にローカルのみで通信を行い位置情報を共有するアプリケーション
diff --git a/css/demo.css b/css/demo.css
deleted file mode 100644
index 3aad89c..0000000
--- a/css/demo.css
+++ /dev/null
@@ -1,1142 +0,0 @@
-.tim-row{
-    margin-bottom: 20px;
-}
-
-.tim-white-buttons {
-    background-color: #777777;
-}
-.tim-title{
-    margin-top: 30px;
-    margin-bottom: 25px;
-    min-height: 32px;
-}
-.tim-title.text-center{
-    margin-bottom: 50px;
-}
-.typography-line{
-    padding-left: 180px;
-    margin-bottom: 20px;
-    position: relative;
-    width: 100%;
-}
-.typography-line .note{
-    bottom: 10px;
-    color: #c0c1c2;
-    display: block;
-    font-weight: 400;
-    font-size: 13px;
-    line-height: 13px;
-    left: 0;
-    margin-left: 20px;
-    position: absolute;
-    width: 260px;
-}
-.tim-row{
-    padding-top: 50px;
-}
-.tim-row h3{
-    margin-top: 0;
-}
-.switch{
-    margin-right: 20px;
-}
-#navbar-full .navbar{
-    border-radius: 0 !important;
-    margin-bottom: 0;
-    z-index: 2;
-}
-.space{
-    height: 130px;
-    display: block;
-}
-.space-110{
-    height: 110px;
-    display: block;
-}
-.space-50{
-    height: 50px;
-    display: block;
-}
-.space-70{
-    height: 70px;
-    display: block;
-}
-.navigation-example .img-src{
-    background-attachment: scroll;
-}
-
-.main{
-    background-color: #fff;
-/*     position: relative; */
-
-}
-.navigation-example{
-    background-image: url('../img/ilya-yakover.jpg');
-    background-position: center center;
-    background-size: cover;
-    background-attachment: fixed;
-    margin-top:0;
-}
-#notifications{
-    background-color: #FFFFFF;
-    display: block;
-    width: 100%;
-    position: relative;
-}
-#carousel{
-    padding-top: 0;
-}
-.note{
-    text-transform: capitalize;
-}
-.subscribe-form{
-    padding-top: 20px;
-}
-.page-header .card-register .title{
-    margin-bottom: 10px;
-}
-.space-100{
-    height: 100px;
-    display: block;
-    width: 100%;
-}
-.sharing-area .btn{
-    padding: 0.5rem 10px !important;
-}
-
-.be-social{
-    padding-bottom: 20px;
-/*     border-bottom: 1px solid #aaa; */
-    margin: 0 auto 40px;
-}
-.txt-white{
-    color: #FFFFFF;
-}
-.txt-gray{
-    color: #ddd !important;
-}
-.footer{
-    background-attachment: fixed;
-    position: relative;
-    line-height: 20px;
-}
-.footer nav > ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  font-weight: normal;
-}
-.footer nav > ul > li{
-    display: inline-block;
-    padding: 10px 15px;
-    margin: 15px 3px;
-    line-height: 20px;
-    text-align: center;
-}
-
-.footer nav > ul a:not(.btn) {
-  color: #777777;
-  display: block;
-  margin-bottom: 3px;
-}
-.footer nav > ul a:not(.btn):hover, .footer nav > ul a:not(.btn):focus {
-  color: #E3E3E3;
-}
-.footer .copyright {
-  color: #777777;
-  padding: 10px 15px;
-  font-size: 14px;
-  margin: 15px 3px;
-  line-height: 20px;
-  text-align: center;
-}
-.footer .heart{
-    color: #EB5E28;
-}
-
-.social-share{
-    float: left;
-    margin-right: 8px;
-}
-.social-share a{
-    color: #FFFFFF;
-}
-#subscribe_email{
-    border-radius: 0;
-    border-left: 0;
-    border-right: 0;
-}
-.pick-class-label{
-    border-radius: 8px;
-    color: #ffffff;
-    cursor: pointer;
-    display: inline-block;
-    font-size: 75%;
-    font-weight: bold;
-    line-height: 1;
-    margin-right: 10px;
-    padding: 23px;
-    text-align: center;
-    vertical-align: baseline;
-    white-space: nowrap;
-}
-
-.parallax{
-    width:100%;
-    height:570px;
-    display: block;
-    background-attachment: fixed;
-    background-repeat:no-repeat;
-    background-size:cover;
-    background-position: center center;
-}
-
-.logo-container .logo{
-    overflow: hidden;
-    border-radius: 50%;
-    border: 1px solid #333333;
-    width: 50px;
-    float: left;
-}
-
-.logo-container .brand{
-    font-size: 18px;
-    color: #FFFFFF;
-    line-height: 20px;
-    float: left;
-    margin-left: 10px;
-    margin-top: 5px;
-    width: 75px;
-    height: 50px;
-}
-.logo-container{
-    margin-top: 5px;
-}
-.logo-container .logo img{
-    width: 100%;
-}
-.navbar-small .logo-container .brand{
-    color: #333333;
-}
-.demo-header{
-    background-size: cover;
-    /*background-color: #FF8F5E;*/
-    background-position: center top;
-    margin-top: -100px;
-    min-height: 600px;
-}
-.demo-height{
-    min-height: 102vh;
-}
-.demo-height .motto{
-    padding-top: 20% !important;
-}
-.demo-header-image{
-    background-image: url('../img/city.jpg');
-}
-.demo-header .motto{
-    color: #FFFFFF;
-    padding-top: 15%;
-    text-align: center;
-    z-index: 3;
-}
-.demo-header .motto h3{
-    margin-bottom: 0;
-}
-.separator{
-    content: "Separator";
-    color: #FFFFFF;
-    display: block;
-    width: 100%;
-    padding: 20px;
-}
-.separator-line{
-    background-color: #EEE;
-    height: 1px;
-    width: 100%;
-    display: block;
-}
-.separator.separator-gray{
-    background-color: #EEEEEE;
-}
-.social-buttons-demo .btn{
-    margin-right: 5px;
-    margin-bottom: 7px;
-}
-
-.img-container{
-    width: 100%;
-    overflow: hidden;
-}
-.img-container img{
-    width: 100%;
-}
-.lightbox img{
-    width: 100%;
-}
-.lightbox .modal-content{
-    overflow: hidden;
-}
-.lightbox .modal-body{
-    padding: 0;
-}
-@media screen and (min-width: 991px){
-    .lightbox .modal-dialog{
-        width: 960px;
-    }
-}
-
-@media screen{
-    .section-buttons .btn,
-    .section-buttons .btn-morphing{
-        margin-bottom: 10px;
-    }
-    .parallax .motto{
-        top: 170px;
-        margin-top: 0;
-        font-size: 60px;
-        width: 270px;
-    }
-}
-
-.presentation .loader{
-    opacity: 0;
-    display: block;
-    transition: all 0.4s;
-    -webkit-transition: all 0.4s;
-    position: fixed;
-    left: 50%;
-    top: 50%;
-    z-index: 1031;
-    margin-left: -32px;
-    margin-top: -32px;
-}
-.presentation  .loader.visible{
-    display: block;
-    opacity: 1;
-}
-.presentation  .modal-content{
-    background-color: transparent;
-    box-shadow: 0 0 0;
-}
-.presentation .modal-backdrop.in{
-    opacity: 0.45;
-}
-.presentation .preload-image{
-    display: none;
-    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
-}
-/*       Loading dots  */
-
-/*      transitions */
-.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{
-     -webkit-transition: all .2s;
-    -moz-transition: all .2s;
-    -o-transition: all .2s;
-    transition: all .2s;
-}
-.presentation .section{
-    padding: 100px 0;
-}
-.presentation .colors{
-    padding: 100px 0;
-}
-.presentation > .description{
-    padding-top: 20px;
-}
-.presentation .section-rotation{
-    padding: 140px 0;
-}
-.presentation .section-images{
-    padding: 80px 0;
-}
-.presentation .section-thin{
-    padding: 0;
-}
-.presentation .section-pay{
-    padding-top: 20px;
-}
-.presentation .colors{
-    padding: 70px 0;
-    z-index: 7;
-    position: relative;
-    margin-top: -300px;
-}
-.presentation .colors{
-    border-top: 1px solid #DDDDDD;
-}
-.presentation .card-container{
-     -webkit-perspective: 800px;
-    -moz-perspective: 800px;
-    -o-perspective: 800px;
-    perspective: 800px;
-    min-height: 500px;
-    width: 300px;
-    position: relative;
-    margin-top: 90px;
-}
-.presentation .card-component{
-    -webkit-transform-style: preserve-3d;
-   -moz-transform-style: preserve-3d;
-     -o-transform-style: preserve-3d;
-        transform-style: preserve-3d;
-	position: relative;
-	height: 600px;
-}
-.presentation .card-component .front{
-    -webkit-backface-visibility: hidden;
-    -moz-backface-visibility: hidden;
-    -o-backface-visibility: hidden;
-    backface-visibility: hidden;
-    -webkit-transform: rotateY( -28deg );
-    -moz-transform: rotateY( -28deg );
-    -o-transform: rotateY( -28deg );
-    transform: rotateY( -28deg );
-
-	position: absolute;
-	top: 0;
-	left: 0;
-	background-color: #FFF;
-    width: 100%;
-    cursor: pointer;
-    box-shadow: 10px 4px 14px rgba(0, 0, 0, 0.12);
-    border-radius: 10px;
-    overflow: hidden;
-    border: 1px solid rgba(0,0,0,.12);
-}
-
-.presentation .front img{
-    z-index: 2;
-    position: relative;
-}
-
-.presentation .card-container:hover .front{
-    top: -10px;
-}
-
-.presentation .card-component img{
-    width: 100%;
-}
-.presentation .description .col-md-3{
-    width: 16%;
-    margin-left: 4%;
-}
-.presentation .first-card{
-    z-index: 6;
-}
-.presentation .second-card{
-    z-index: 5;
-}
-.presentation .third-card{
-    z-index: 4;
-}
-.presentation .fourth-card{
-    z-index: 3;
-}
-.presentation h1,
-.presentation h2{
-    font-weight: 200;
-}
-.presentation h4,
-.presentation h5,
-.presentation h6{
-    font-weight: 300;
-}
-.presentation h4{
-    font-size: 18px;
-    line-height: 24px;
-}
-.presentation .info h4{
-    font-size: 24px;
-    line-height: 28px;
-}
-
-.presentation .section-gray h1 small{
-    color: #888888;
-}
-.presentation .color-container{
-    text-align: center;
-}
-.presentation .color-container img{
-    width: 100%;
-    margin-bottom: 10px;
-}
-.presentation .circle-color{
-    width: 40px;
-    height: 40px;
-    border-radius: 10px;
-    display: block;
-    background-color: #cccccc;
-    margin: 0 auto;
-}
-.presentation .circle-red{
-    background-color: #ff3b30;
-}
-.presentation .circle-blue{
-    background-color: #3472f7;
-}
-.presentation .circle-azure{
-    background-color: #2ca8ff;
-}
-.presentation .circle-green{
-    background-color: #05ae0e;
-}
-.presentation .circle-orange{
-    background-color: #ff9500;
-}
-
-.presentation .section-gray-gradient{
-    background: rgb(255,255,255); /* Old browsers */
-    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 25%, rgba(231,231,231,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%); /* IE10+ */
-    background: linear-gradient(to bottom,  rgba(255,255,255,1) 25%,rgba(231,231,231,1) 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
-}
-.presentation .section-black{
-    background-color: #333;
-}
-
-.rotating-card-container {
-    -webkit-perspective: 900px;
-   -moz-perspective: 900px;
-     -o-perspective: 900px;
-        perspective: 900px;
-        margin-bottom: 30px;
-}
-
-.rotating-card {
-   -webkit-transition: all 1.3s;
-   -moz-transition: all 1.3s;
-     -o-transition: all 1.3s;
-        transition: all 1.3s;
--webkit-transform-style: preserve-3d;
-   -moz-transform-style: preserve-3d;
-     -o-transform-style: preserve-3d;
-        transform-style: preserve-3d;
-
-    margin-top: 20px;
-  position: relative;
-   background: none repeat scroll 0 0 #FFFFFF;
-    border-radius: 20px;
-    color: #444444;
-}
-.rotating-card-container .rotate,
-.rotating-card .back{
-    -webkit-transform: rotateY( 180deg );
-    -moz-transform: rotateY( 180deg );
-    -o-transform: rotateY( 180deg );
-    transform: rotateY( 180deg );
-}
-.rotating-card-container:hover .rotate{
-    -webkit-transform: rotateY(0deg);
-    -moz-transform: rotateY(0deg);
-    -o-transform: rotateY(0deg);
-    transform: rotateY(0deg);
-}
-
-
-.rotating-card .front,
-.rotating-card .back {
-    -webkit-backface-visibility: hidden;
-    -moz-backface-visibility: hidden;
-    -o-backface-visibility: hidden;
-    backface-visibility: hidden;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-    background-color: #FFF;
-    box-shadow: 0 3px 17px rgba(0,0,0,.15);
-}
-
-.rotating-card .front {
-    z-index: 2;
-}
-
-.rotating-card .back {
-    z-index: 3;
-    height: 500px;
-    width: 100%;
-    display: block;
-    padding: 0 15px;
-    background-color: #e5e5e5;
-}
-
-.rotating-card .back-contaier {
-  background-color: white;
-  padding: 30px 15px;
-
-}
-
-.rotating-card .image{
-    border-radius: 20px 20px 0 0;
-}
-.rotating-card-container,
-.rotating-card .front,
-.rotating-card .back {
-  width: 100%;
-  min-height: 500px;
-  border-radius: 20px;
-}
-/*       Fix bug for IE      */
-
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .rotating-card .front, .rotating-card .back{
-        -ms-backface-visibility: visible;
-        backface-visibility: visible;
-    }
-    .rotating-card .back {
-        visibility: hidden;
-        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
-    }
-    .rotating-card .front{
-        z-index: 4;
-    }
-    .rotating-card-container:hover .back{
-        z-index: 5;
-        visibility: visible;
-    }
-}
-
-.fixed-section{
-    top: 100px;
-    max-height: 80vh;
-    position: -webkit-sticky;
-    position: -moz-sticky;
-    position: -ms-sticky;
-    position: -o-sticky;
-    position: sticky;
-    bottom: auto;
-}
-.fixed-section ul{
-    padding: 0 !important;
-}
-.fixed-section ul li{
-    list-style: none;
-}
-.fixed-section li a{
-    font-size: 14px;
-    padding: 2px;
-    display: block;
-    color: #666666;
-}
-.fixed-section li a.active{
-    color: #00bbff;
-}
-
-
-
-/* prettyprint */
- pre.prettyprint{
-    background-color: #eee !important;
-    margin-bottom: 30px;
-    margin-top: 30px;
-    padding: 20px !important;
-    font-size: 13px;
-    text-align: left;
-    border-radius: 4px !important;
-    border: 1px transparent !important;
-}
-.presentation .atv,
-.presentation .str{
-    color: #0D9814;
-}
-.presentation .tag,
-.presentation .pln,
-.presentation .kwd{
-    color: #195CEC;
-}
-.presentation .atn{
-    color: #2C93FF;
-}
-.presentation .pln{
-    color: #333;
-}
-.presentation .com{
-    color: #999;
-}
-
-.presentation .text-white{
-    color: #FFFFFF;
-    text-shadow: 0 1px 2px rgba(0,0,0,.13);
-}
-.presentation .section-images .card-image{
-    border-radius: 6px 6px 0 0;
-    overflow: hidden;
-    box-shadow: 0 -3px 8px rgba(0,0,0,0);
-}
-.presentation .section-images .card-image .image{
-/*     border-radius: 6px; */
-}
-@media (max-width: 1200px){
-    .presentation .section-images .image img{
-        width: 100%;
-    }
-
-}
-.presentation .card-text-adjust{
-    padding-left: 40px;
-}
-.presentation .info.info-separator{
-    position: relative;
-}
-.presentation .info.info-separator:after{
-    height: 100%;
-    position: absolute;
-    background-color: #ccc;
-    width: 1px;
-    content: "";
-    right: -7px;
-    top: 0;
-}
-.presentation .info li{
-    padding: 5px 0;
-    border-bottom: 1px solid #E5E5E5;
-    color: #666666;
-}
-.presentation .info ul{
-    width: 240px;
-    margin: 10px auto;
-}
-.presentation .info li:last-child{
-    border: 0;
-}
-
-/*      layer animation          */
-
-.layers-container{
-    display: block;
-    margin-top: 50px;
-    position: relative;
-}
-.layers-container img {
-  position: absolute;
-  width: 100%;
-  height: auto;
-  top: 0;
-  left: 0;
-  text-align: center;
-}
-
-.section-black {
-  background-color: #333;
-}
-
-#layerHover{
-  top: 30px;
-}
-#layerImage{
-    top: 50px;
-}
-#layerBody{
-  top: 75px;
-}
-
-.animate {
-  transition: 1.5s ease-in-out;
-  -moz-transition: 1.5s ease-in-out;
-  -webkit-transition: 1.5s ease-in-out;
-}
-
-.down {
-  transform: translate(0,45px);
-  -moz-transform: translate(0,45px);
-  -webkit-transform: translate(0,45px);
-}
-
-.down-2x {
-   transform: translate(0,90px);
-  -moz-transform: translate(0,90px);
-  -webkit-transform: translate(0,90px);
-}
-
-
-.navbar-default.navbar-small .logo-container .brand{
-    color: #333333;
-}
-.navbar-transparent.navbar-small .logo-container .brand{
-    color: #FFFFFF;
-}
-.navbar-default.navbar-small .logo-container .brand{
-    color: #333333;
-}
-.section-thin{
-    padding-bottom: 0;
-}
-
-.info.info-separator{
-    position: relative;
-}
-.info.info-separator:after{
-    height: 100%;
-    position: absolute;
-    background-color: #ccc;
-    width: 1px;
-    content: "";
-    right: -7px;
-    top: 0;
-}
-@media (max-width: 767px){
-.info.info-separator:after{
-    display: none;
-  }
-}
-.info li{
-    padding: 5px 0;
-    border-bottom: 1px solid #E5E5E5;
-    color: #666666;
-}
-.info ul{
-    width: 240px;
-    margin: 10px auto;
-}
-.info li:last-child{
-    border: 0;
-}
-.payment-methods i {
-    font-size: 28px;
-    padding: 0 3px;
-    width: 38px;
-}
-.payment-methods h4 {
-    font-size: 18px;
-    line-height: 38px;
-}
-.info .description .btn{
-    width: 240px;
-    font-weight: 500;
-}
-#buyButtonHeroes{
-    margin-top: 31px;
-}
-.right-click{
-    width: 100%;
-    height: 100%;
-    background: rgba(51, 51, 51, 0.8);
-    position: fixed;
-    z-index: 20000;
-    display: none;
-}
-.onclick{
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 20001;
-}
-.container-right-click{
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-.container-right-click .card-price#card-price-small{
-    margin-top: 70px;
-     -webkit-transition: all .2s;
-    -moz-transition: all .2s;
-    -o-transition: all .2s;
-    transition: all .2s;
-    position: relative;
-    z-index: 20003;
-
-}
-.container-right-click .card-price#card-price-big{
-    margin-top: 40px;
-     -webkit-transition: all .2s;
-    -moz-transition: all .2s;
-    -o-transition: all .2s;
-    transition: all .2s;
-      position: relative;
-    z-index: 20003;
-
-}
-.animated {
-  -webkit-animation-duration: 1s;
-          animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-}
-
-@-webkit-keyframes bounceInDown {
-  0%, 60%, 75%, 90%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-            transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-            transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-            transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-            transform: translate3d(0, 5px, 0);
-  }
-
-  100% {
-    -webkit-transform: none;
-            transform: none;
-  }
-}
-
-@keyframes bounceInDown {
-  0%, 60%, 75%, 90%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: translate3d(0, -3000px, 0);
-            transform: translate3d(0, -3000px, 0);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 25px, 0);
-            transform: translate3d(0, 25px, 0);
-  }
-
-  75% {
-    -webkit-transform: translate3d(0, -10px, 0);
-            transform: translate3d(0, -10px, 0);
-  }
-
-  90% {
-    -webkit-transform: translate3d(0, 5px, 0);
-            transform: translate3d(0, 5px, 0);
-  }
-
-  100% {
-    -webkit-transform: none;
-            transform: none;
-  }
-}
-
-.bounceInDown {
-  -webkit-animation-name: bounceInDown;
-          animation-name: bounceInDown;
-}
-
-.container-right-click h4{
-    color: white;margin-top: 45px;font-weight: 200;margin-bottom: 0;
-}
-.icon-class{
-    fill: #75c3b6;
-}
-.navbar-header{
-    min-width: 135px;
-}
-
-#demo-navbar{
-    border-radius: 0;
-    margin-bottom: 0px;
-}
-.download-area{
-    margin-top: 30px;
-}
-.sharing-area{
-    margin-top: 50px;
-}
-.sharing-area .btn{
-    margin-top: 14px;
-}
-
-/* nucleo icons  */
-
-.demo-iconshtml {
-    font-size: 62.5%;
-}
-.demo-icons body {
-    font-size: 1.6rem;
-    font-family: sans-serif;
-    color: #333333;
-    background: white;
-}
-.demo-icons a {
-    color: #608CEE;
-    text-decoration: none;
-}
-.demo-icons header {
-    text-align: center;
-    padding: 100px 0 0;
-}
-.demo-icons header h1 {
-    font-size: 2.8rem;
-}
-.demo-icons header p {
-    font-size: 1.4rem;
-    margin-top: 1em;
-}
-.demo-icons header a:hover {
-    text-decoration: underline;
-}
-.demo-icons .nc-icon {
-    font-size: 34px;
-}
-.demo-icons section {
-    width: 90%;
-    max-width: 1200px;
-    margin: 50px auto;
-}
-.demo-icons section h2 {
-    border-bottom: 1px solid #e2e2e2;
-    padding: 0 0 1em .2em;
-    margin-bottom: 1em;
-}
-.demo-icons ul::after {
-    clear: both;
-    content: "";
-    display: table;
-}
-.demo-icons ul li {
-    width: 25%;
-    float: left;
-    padding: 16px 0;
-    text-align: center;
-    border-radius: .25em;
-    -webkit-transition: background 0.2s;
-    -moz-transition: background 0.2s;
-    transition: background 0.2s;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    overflow: hidden;
-}
-.demo-icons ul li:hover {
-    background: #f4f4f4;
-}
-.demo-icons ul p, .demo-icons ul em, .demo-icons ul input {
-    display: inline-block;
-    font-size: 1rem;
-    color: #999999;
-    -webkit-user-select: auto;
-    -moz-user-select: auto;
-    -ms-user-select: auto;
-    user-select: auto;
-    white-space: nowrap;
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    cursor: pointer;
-}
-.demo-icons ul p {
-    padding: 20px 0 0;
-    font-size: 12px;
-    margin: 0;
-}
-.demo-icons ul p::selection, .demo-icons ul em::selection {
-    background: #608CEE;
-    color: #efefef;
-}
-.demo-icons ul em {
-    margin-bottom: 8px;
-    font-size: 12px;
-}
-.demo-icons ul em::before {
-    content: '[';
-}
-.demo-icons ul em::after {
-    content: ']';
-}
-.demo-icons ul input {
-    text-align: center;
-    background: transparent;
-    border: none;
-    box-shadow: none;
-    outline: none;
-    display: none;
-}
-
-@media only screen and (min-width: 768px) {
-    .demo-icons ul li {
-        width: 20%;
-        float: left;
-    }
-}
-@media only screen and (min-width: 1024px) {
-    .demo-icons ul li {
-        width: 12.5%;
-        float: left;
-        padding: 32px 0;
-    }
-}
-
-@media screen and (max-width: 991px){
-    .following .follows .row{
-        text-align: center;
-    }
-
-}
-
-/* for components and tutorial page */
-    /*pre.prettyprint{
-        background-color: #FFFCF5;
-        border: 0px;
-        margin-bottom: 0;
-        margin-top: 20px;
-        padding: 20px;
-        text-align: left;
-    }*/
-.atv, .str{
-    color: #75c3b6;
-}
-.tag, .pln, .kwd{
-    color: #7A9E9F;
-}
-.atn{
-    color: #68B3C8;
-}
-.pln{
-    color: #333;
-}
-.com{
-    color: #999;
-}
-.space-top{
-    margin-top: 30px;
-}
-.area-line{
-    /*border: 1px solid #999;*/
-    border-left: 0;
-    border-right: 0;
-    color: #666;
-    display: block;
-    margin-top: 20px;
-    padding: 8px 0;
-    text-align: center;
-}
-.area-line a{
-    color: #666;
-}
-.container-fluid{
-    padding-right: 15px;
-    padding-left: 15px;
-}
-.example-pages{
-    margin-top: 50px;
-}
-.main .section:first-of-type{
-    position: relative;
-    z-index: 2;
-}
-.profile-content{
-    padding-top: 0;
-    position: relative;
-    z-index: 2;
-}
diff --git a/css/main.css b/css/main.css
deleted file mode 100644
index 18077e9..0000000
--- a/css/main.css
+++ /dev/null
@@ -1,188 +0,0 @@
-.page-header {
-    background-image: url("../images/aquatan_pan1.jpg");
-    background-position: top;
-}
-
-.main {
-    position: relative;
-    z-index: 2;
-}
-
-.info .info-title {
-    margin: 10px auto;
-}
-
-.info {
-    margin: 20px auto;
-}
-
-.fa {
-    text-align: center;
-}
-
-.or-box {
-    position: relative;
-    width: 100%;
-    height: 100%;
-}
-
-.or {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    -moz-transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
-    -o-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    font-size: 2em;
-}
-
-.contact-section .container {
-    width: 50%;
-}
-
-.contact-section .info {
-    position: relative;
-    padding: 10px;
-}
-
-a.contact-link {
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 100%;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    -moz-transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
-    -o-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    text-indent: -9999px;
-}
-
-a.contact-link:hover {
-    border: 1px solid #51cbce;
-    border-radius: 10px;
-}
-
-.profile-content {
-    padding-top: 0;
-    position: relative;
-    z-index: 2;
-}
-
-.profile-tab-item {
-    text-align: center;
-}
-
-.profile-description {
-    margin: 0px auto 20px auto;
-}
-
-.profile-links .btn i {
-    font-size: 30px;
-}
-
-.flex-wrapper {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-}
-
-.member-wrapper {
-    margin-bottom: 20px;
-}
-
-.member {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-}
-
-.member-description h3,
-.member-description h6,
-.product-name {
-    margin: 0;
-}
-
-.ob-og-tag{
-    text-align: center;
-}
-
-.footer-dark {
-    background-color: #0b1011;
-}
-
-.achievements-date-title {
-    border-bottom: 1px solid gray;
-    margin-bottom: 40px;
-}
-
-.achievements-list {
-    margin-left: 10%;
-}
-
-.contest-box {
-    margin-bottom: 50px;
-}
-
-.product-name {
-    font-size: 2.5em;
-}
-
-.product-name a {
-    padding-left: 20px;
-}
-
-.product-links a {
-    border-bottom: 1px solid #51cbce;
-    line-height: 2em;
-    margin-right: 20px;
-}
-
-.contest-result {
-    margin-bottom: 20px;
-}
-
-.navbar .navbar-brand {
-    background: url("../images/logo/logo-blue.png") no-repeat right center;
-    background-size: contain;
-    width: 32px;
-    margin: 0 10px;
-}
-
-.navbar-transparent .navbar-brand {
-    background: url("../images/logo/logo-white.png") no-repeat right center;
-    background-size: contain;
-}
-
-.navbar .navbar-brand span {
-    margin-left: 20px;
-}
-
-@media screen and (max-width: 768px) {
-    .contact-section .container {
-        width: 100%;
-    }
-
-    .achievements-list {
-        margin: 0;
-    }
-    .contest-thumb-box {
-        padding: 20px;
-    }
-    .navbar-brand {
-        padding-left: 16px;
-    }
-}
\ No newline at end of file
diff --git a/hugo.toml b/hugo.toml
new file mode 100644
index 0000000..63262b4
--- /dev/null
+++ b/hugo.toml
@@ -0,0 +1,57 @@
+baseURL = "https://example.org/"
+languageCode = "ja"
+title = "あくあたん工房"
+theme = "aquatan"
+
+[params]
+description = "京都工芸繊維大学のあくあたん公認大学非公式サークルあくあたん工房の公式Webページです"
+author = "Studio Aquatan"
+twitter = "@StudioAquatan"
+github = "StudioAquatan"
+communityTitle = "Maker Community"
+joinUs = "https://docs.google.com/forms/d/e/1FAIpQLScW7n_vJNIusFHaMX0rt8Jguh8eqtOTb_FO6vYZW7guQVBXyQ/viewform?usp=sf_link"
+aboutLink = "//se.is.kit.ac.jp/ja/portfolio/aquatan/"
+contactForm = "https://docs.google.com/forms/d/e/1FAIpQLScW7n_vJNIusFHaMX0rt8Jguh8eqtOTb_FO6vYZW7guQVBXyQ/viewform?usp=sf_link"
+wiki = "https://studioaquatan.esa.io/"
+
+[[params.features]]
+title = "ものづくり"
+description = "プログラミングやデザイン，電子工作，写真 ...etc<br>分野は問いません．"
+icon = "nc-icon nc-ruler-pencil"
+
+[[params.features]]
+title = "つながり"
+description = "これはコミュニティであり，チームとは異なります．メンバーの中に上下関係はありません．"
+icon = "nc-icon nc-chat-33"
+
+[[params.features]]
+title = "共同作業"
+description = "何かを始めたいとき，ここでメンバーを募集し活動することができます．"
+icon = "fa fa-fw fa-handshake-o"
+
+[[params.features]]
+title = "実績"
+description = "技術系イベントの参加などを通じ，総合的なものづくりとしての実績を積み重ねることが出来ます．"
+icon = "nc-icon nc-trophy"
+
+[menu]
+[[menu.main]]
+name = "Products"
+url = "/products/"
+weight = 1
+[menu.main.params]
+icon = "nc-icon nc-ruler-pencil"
+
+[[menu.main]]
+name = "Members"
+url = "/members/"
+weight = 2
+[menu.main.params]
+icon = "nc-icon nc-circle-10"
+
+[[menu.main]]
+name = "News"
+url = "/news/"
+weight = 3
+[menu.main.params]
+icon = "nc-icon nc-paper"
diff --git a/index.html b/index.html
deleted file mode 100644
index 536812c..0000000
--- a/index.html
+++ /dev/null
@@ -1,380 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>あくあたん工房 | Official web site</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="あくあたん工房 | Official web site"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/twitter_card.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="京都工芸繊維大学のあくあたん公認大学非公式サークルあくあたん工房の公式Webページです．"/>
-  <meta name="twitter:card" content="summary_large_image"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-  <meta name="twitter:creator" content="@pudding_info">
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="./products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header" data-parallax="true">
-    <div class="filter"></div>
-    <div class="container">
-      <div class="motto text-center">
-        <h1>STUDIO AQUATAN</h1>
-        <br/>
-        <a href="https://docs.google.com/forms/d/e/1FAIpQLScW7n_vJNIusFHaMX0rt8Jguh8eqtOTb_FO6vYZW7guQVBXyQ/viewform?usp=sf_link"
-           class="btn btn-primary btn-round"><i class="fa fa-check"></i> JOIN US</a>
-        <a href="//se.is.kit.ac.jp/ja/portfolio/aquatan/">
-          <button type="button" class="btn btn-outline-neutral btn-round">What is "Aquatan"</button>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div class="main">
-    <div class="section text-center">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-8 ml-auto mr-auto">
-            <h2 class="title">Maker Community</h2>
-            <h5 class="description">
-              「知と美と技の探求」<br>
-              これが京都工芸繊維大学の掲げるポリシーです．<br>
-              一人で探求することが長く険しい道のりであることは明白です．高め合う仲間の存在はその背中を押し，加速させてくれることでしょう．<br>
-              あくあたん工房はものづくり，それに伴うチーム開発・技術イベント・勉強会を通して知見を共有し，協力し合うことを目的とした学生コミュニティです．
-            </h5>
-          </div>
-        </div>
-        <br/><br/>
-        <div class="row">
-          <div class="col-md-3">
-            <div class="info">
-              <div class="icon icon-danger">
-                <i class="nc-icon nc-ruler-pencil"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">ものづくり</h4>
-                <p class="description">プログラミングやデザイン，電子工作，写真 ...etc<br>分野は問いません．</p>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-3">
-            <div class="info">
-              <div class="icon icon-danger">
-                <i class="nc-icon nc-chat-33"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">つながり</h4>
-                <p class="description">これはコミュニティであり，チームとは異なります．メンバーの中に上下関係はありません．</p>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-3">
-            <div class="info">
-              <div class="icon icon-danger">
-                <i class="fa fa-fw fa-handshake-o"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">共同作業</h4>
-                <p class="description">何かを始めたいとき，ここでメンバーを募集し活動することができます．</p>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-3">
-            <div class="info">
-              <div class="icon icon-danger">
-                <i class="nc-icon nc-trophy"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">実績</h4>
-                <p class="description">技術系イベントの参加などを通じ，総合的なものづくりとしての実績を積み重ねることが出来ます．</p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-      </div>
-    </div>
-
-    <!-- <div class="section section-dark text-center">
-      <div class="container">
-        <h2 class="title">Founder</h2>
-        <div class="row">
-          <div class="col-md-4">
-            <div class="card card-profile card-plain">
-              <div class="card-avatar">
-                <a href="//www.taxio.me/"><img src="images/avatars/taxio.JPG" alt="taxio"></a>
-              </div>
-              <div class="card-body">
-                <div class="author">
-                  <h4 class="card-title">taxio</h4>
-                  <h6 class="card-category">Developer</h6>
-                </div>
-                <p class="card-description text-center">
-                  カボチャ
-                </p>
-              </div>
-              <div class="card-footer text-center">
-                <a href="//twitter.com/taxio_tech" class="btn btn-link btn-just-icon btn-neutral">
-                  <i class="fa fa-twitter"></i>
-                </a>
-                <a href="//github.com/taxio" class="btn btn-link btn-just-icon btn-neutral"><i class="fa fa-github"></i></a>
-                <a href="//www.taxio.me/" class="btn btn-link btn-just-icon btn-neutral"><i class="fa fa-globe"></i></a>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-4">
-            <div class="card card-profile card-plain">
-              <div class="card-avatar">
-                <a href="members/pudding.html"><img src="images/avatars/pudding.png" alt="pudding"></a>
-              </div>
-              <div class="card-body">
-                <div class="author">
-                  <h4 class="card-title">pudding</h4>
-                  <h6 class="card-category">Developer</h6>
-                </div>
-                <p class="card-description text-center">
-                  洋菓子
-                </p>
-              </div>
-              <div class="card-footer text-center">
-                <a href="//twitter.com/pudding_info" class="btn btn-link btn-just-icon btn-neutral"><i
-                    class="fa fa-twitter"></i></a>
-                <a href="//github.com/pddg" class="btn btn-link btn-just-icon btn-neutral"><i class="fa fa-github"></i></a>
-                <a href="//www.poyo.info/" class="btn btn-link btn-just-icon btn-neutral"><i
-                    class="fa fa-globe"></i></a>
-              </div>
-            </div>
-          </div>
-          <div class="col-md-4">
-            <div class="card card-profile card-plain">
-              <div class="card-avatar">
-                <a href="members/haia.html"><img src="images/avatars/haia.jpg" alt="haia"></a>
-              </div>
-              <div class="card-body">
-                <div class="author">
-                  <h4 class="card-title">haia</h4>
-                  <h6 class="card-category">photographer</h6>
-                </div>
-                <p class="card-description text-center">
-                  美少女
-                </p>
-              </div>
-              <div class="card-footer text-center">
-                <a href="//twitter.com/haia_i" class="btn btn-link btn-just-icon btn-neutral"><i
-                    class="fa fa-twitter"></i></a>
-                <a href="http://sazanami.info/" class="btn btn-link btn-just-icon btn-neutral"><i
-                    class="fa fa-tumblr"></i></a>
-                <a href="http://sazanami.info/" class="btn btn-link btn-just-icon btn-neutral"><i
-                    class="fa fa-globe"></i></a>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div> -->
-
-    <!-- カルーセルがうまく伸縮しない（低解像度で見ようとすると縦長になる） -->
-    <!--<div class="section" id="carousel">-->
-    <!--<div class="container">-->
-    <!--<div class="row">-->
-    <!--<div class="col-md-8 ml-auto mr-auto hidden-sm">-->
-    <!--<div class="card page-carousel">-->
-    <!--<div id="carouselIndicators" class="carousel slide" data-ride="carousel">-->
-    <!--<ol class="carousel-indicators">-->
-    <!--<li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>-->
-    <!--<li data-target="#carouselIndicators" data-slide-to="1"></li>-->
-    <!--<li data-target="#carouselIndicators" data-slide-to="2"></li>-->
-    <!--<li data-target="#carouselIndicators" data-slide-to="3"></li>-->
-    <!--</ol>-->
-    <!--<div class="carousel-inner" role="listbox">-->
-    <!--<div class="carousel-item active">-->
-    <!--<img class="d-block img-fluid" src="images/jphacks2017.jpg" alt="First slide">-->
-    <!--<div class="carousel-caption d-none d-md-block">-->
-    <!--<p>JPHACKS 2017 Innovator認定受賞</p>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--<div class="carousel-item">-->
-    <!--<img class="d-block img-fluid" src="images/jphacks2017_mono.JPG" alt="Second slide">-->
-    <!--<div class="carousel-caption d-none d-md-block">-->
-    <!--<p>@JPHACKS2017</p>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--<div class="carousel-item">-->
-    <!--<img class="d-block img-fluid" src="images/kit2017.jpg" alt="Third slide">-->
-    <!--<div class="carousel-caption d-none d-md-block">-->
-    <!--<p>KITハッカソン2017 優秀賞</p>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--<div class="carousel-item">-->
-    <!--<img class="d-block img-fluid" src="images/python-seminar.jpg" alt="Fourth slide">-->
-    <!--<div class="carousel-caption d-none d-md-block">-->
-    <!--<p>第1回Python講座</p>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--</div>-->
-
-    <!--<a class="left carousel-control carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">-->
-    <!--<span class="fa fa-angle-left"></span>-->
-    <!--<span class="sr-only">Previous</span>-->
-    <!--</a>-->
-    <!--<a class="right carousel-control carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">-->
-    <!--<span class="fa fa-angle-right"></span>-->
-    <!--<span class="sr-only">Next</span>-->
-    <!--</a>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--</div>-->
-    <!--</div>-->
-
-    <div class="section section-dark text-center contact-section">
-      <div class="container">
-        <h2 class="title">Keep in touch?</h2>
-        <div class="row">
-          <div class="col-md-5 col-xs-12">
-            <div class="info">
-              <div class="icon icon-primary">
-                <i class="fa fa-fw fa-google"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">Google Form</h4>
-                <p>
-                  <nobr>連絡可能なメールアドレスを
-                    <wbr>
-                    ご用意ください．
-                  </nobr>
-                </p>
-              </div>
-              <a class="contact-link"
-                 href="https://docs.google.com/forms/d/e/1FAIpQLScW7n_vJNIusFHaMX0rt8Jguh8eqtOTb_FO6vYZW7guQVBXyQ/viewform?usp=sf_link">link</a>
-            </div>
-          </div>
-          <div class="col-md-2 col-xs-12">
-            <div class="or-box"><p class="or">or</p></div>
-          </div>
-          <div class="col-md-5 col-xs-12">
-            <div class="info">
-              <div class="icon icon-primary">
-                <i class="fa fa-fw fa-twitter"></i>
-              </div>
-              <div class="description">
-                <h4 class="info-title">@StudioAquatan</h4>
-                <p>
-                  <nobr>どなたからでも
-                    <wbr>
-                    DMを受け付けています．
-                  </nobr>
-                </p>
-              </div>
-              <a class="contact-link" href="//twitter.com/StudioAquatan">link</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="js/popper.js" type="text/javascript"></script>
-<script src="js/bootstrap.min.js" type="text/javascript"></script>
-<script src="js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/member.html b/member.html
deleted file mode 100644
index 7949af5..0000000
--- a/member.html
+++ /dev/null
@@ -1,800 +0,0 @@
-<!DOCTYPE html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-  <head>
-    <meta charset="utf-8" />
-    <!-- favicon -->
-    <link rel="icon" type="image/png" href="images/favicon/favicon.ico" />
-    <link
-      rel="icon"
-      type="image/png"
-      href="images/favicon/favicon16.png"
-      sizes="16x16"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      href="images/favicon/favicon32.png"
-      sizes="32x32"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      href="images/favicon/favicon48.png"
-      sizes="48x48"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      href="images/favicon/favicon96.png"
-      sizes="96x96"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      href="images/favicon/favicon192.png"
-      sizes="192x192"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="57x57"
-      href="images/apple-touch-icon/apple-touch-icon57.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="72x72"
-      href="images/apple-touch-icon/apple-touch-icon72.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="76x76"
-      href="images/apple-touch-icon/apple-touch-icon76.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="114x114"
-      href="images/apple-touch-icon/apple-touch-icon114.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="120x120"
-      href="images/apple-touch-icon/apple-touch-icon120.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="144x144"
-      href="images/apple-touch-icon/apple-touch-icon144.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="152x152"
-      href="images/apple-touch-icon/apple-touch-icon152.png"
-    />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="images/apple-touch-icon/apple-touch-icon180.png"
-    />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-
-    <title>Members | あくあたん工房</title>
-
-    <!-- OGP information -->
-    <meta property="og:title" content="Members | あくあたん工房" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://www.aquatan.studio/member.html" />
-    <meta
-      property="og:image"
-      content="https://www.aquatan.studio/images/avatars/unknown.jpg"
-    />
-    <meta property="og:site_name" content="あくあたん工房公式Webサイト" />
-    <meta
-      property="og:description"
-      content="あくあたん工房所属メンバー一覧ページ"
-    />
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:site" content="@StudioAquatan" />
-    <meta name="twitter:creator" content="@pudding_info" />
-
-    <meta
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
-      name="viewport"
-    />
-    <meta name="viewport" content="width=device-width" />
-
-    <!-- Bootstrap core CSS     -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" />
-    <link href="css/paper-kit.css?v=2.1.0" rel="stylesheet" />
-    <!--<link href="css/demo.css" rel="stylesheet"/>-->
-    <link href="css/main.css" rel="stylesheet" />
-
-    <!--     Fonts and icons     -->
-    <link
-      href="//fonts.googleapis.com/css?family=Montserrat:400,300,700"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <link
-      href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"
-      rel="stylesheet"
-    />
-    <link href="css/nucleo-icons.css" rel="stylesheet" />
-  </head>
-
-  <body>
-    <nav
-      class="navbar navbar-expand-lg fixed-top navbar-transparent"
-      color-on-scroll="100"
-    >
-      <div class="container">
-        <div class="navbar-translate">
-          <a class="navbar-brand" href="https://www.aquatan.studio/"
-            ><span>あくあたん工房</span></a
-          >
-          <button
-            class="navbar-toggler navbar-toggler-right navbar-burger"
-            type="button"
-            data-toggle="collapse"
-            data-target="#navbarToggler"
-            aria-controls="navbarTogglerDemo02"
-            aria-expanded="false"
-            aria-label="Toggle navigation"
-          >
-            <span class="navbar-toggler-bar"></span>
-            <span class="navbar-toggler-bar"></span>
-            <span class="navbar-toggler-bar"></span>
-          </button>
-        </div>
-        <div class="collapse navbar-collapse" id="navbarToggler">
-          <ul class="navbar-nav ml-auto">
-            <li class="nav-item">
-              <a href="./products.html" class="nav-link"
-                ><i class="nc-icon nc-ruler-pencil"></i> Products</a
-              >
-            </li>
-            <li class="nav-item">
-              <a href="#" class="nav-link"
-                ><i class="nc-icon nc-circle-10"></i> Members</a
-              >
-            </li>
-            <li class="nav-item">
-              <a
-                href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html"
-                class="nav-link"
-                ><i class="nc-icon nc-paper"></i> News</a
-              >
-            </li>
-            <li class="nav-item">
-              <a
-                class="nav-link"
-                rel="tooltip"
-                title="Follow us on Twitter"
-                data-placement="bottom"
-                href="https://twitter.com/StudioAquatan/"
-                target="_blank"
-              >
-                <i class="fa fa-twitter"></i>
-                <p class="d-lg-none">Twitter</p>
-              </a>
-            </li>
-            <li class="nav-item">
-              <a
-                class="nav-link"
-                rel="tooltip"
-                title="Star on GitHub"
-                data-placement="bottom"
-                href="https://www.github.com/StudioAquatan"
-                target="_blank"
-              >
-                <i class="fa fa-github"></i>
-                <p class="d-lg-none">GitHub</p>
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-    <div class="wrapper">
-      <div
-        class="page-header page-header-small"
-        data-parallax="true"
-        style="
-          background-image: url('images/aquatan_zoom1.jpg');
-          background-position: bottom;
-        "
-      >
-        <div class="filter"></div>
-        <div class="container">
-          <div class="motto text-center">
-            <h1>Members</h1>
-            <h3>Click their icons to see more detail</h3>
-          </div>
-        </div>
-      </div>
-      <div class="main">
-        <div class="section">
-          <div class="container">
-            <div class="row">
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="https://chez-shanpu.github.io/">
-                      <img
-                        src="images/avatars/shanpu.jpg"
-                        alt="shanpu"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>shanpu</h3>
-                      <h6>developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/lanqiu.html">
-                      <img
-                        src="images/avatars/lanqiu.jpg"
-                        alt="lanqiu"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>lanqiu</h3>
-                      <h6>developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/nishi.html">
-                      <img
-                        src="images/avatars/nishi.png"
-                        alt="nishi"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>nishi</h3>
-                      <h6>developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/masapyon.html">
-                      <img
-                        src="images/avatars/masapyon.jpg"
-                        alt="masapyon"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>masapyon</h3>
-                      <h6>developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/iida.html">
-                      <img
-                        src="images/avatars/iida.jpg"
-                        alt="iida"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>iida</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/ayumi.html">
-                      <img
-                        src="images/avatars/ayumi.JPG"
-                        alt="ayumi"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>ayumi</h3>
-                      <h6>PHOTOGRAPHER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/mmnk.html">
-                      <img
-                        src="images/avatars/mmnk.jpeg"
-                        alt="mmnk"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>mmnk</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/yamakai.html">
-                      <img
-                        src="images/avatars/yamakai.png"
-                        alt="yamakai"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>yamakai</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/koba.html">
-                      <img
-                        src="images/avatars/koba.jpg"
-                        alt="koba"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>koba</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/yuyu.html">
-                      <img
-                        src="images/avatars/yuyu.png"
-                        alt="yuyu"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>yuyu</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/tinu.html">
-                      <!-- ここ編集 -->
-                      <img
-                        src="images/avatars/tinu.png"
-                        alt="tinu"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>tinu</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/sapphire.html">
-                      <img
-                        src="images/avatars/sapphire.jpg"
-                        alt="Sapphire"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>Sapphire</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/hatto.html">
-                      <img
-                        src="images/avatars/hatto.jpg"
-                        alt="hatto"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>hatto</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/zyuc.html">
-                      <img
-                        src="images/avatars/zyuc.png"
-                        alt="zyuc"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>zyuc</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/Barry.html">
-                      <img
-                        src="images/avatars/Barry.png"
-                        alt="Barry"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>Barry</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/shunsei.html">
-                      <img
-                        src="images/avatars/shunsei.jpg"
-                        alt="shunsei"
-                        class="img-circle img-no-padding img-responsive">
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>shunsei</h3>
-                      <h6>DEVELOPER</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-            </div>
-          </div>
-        </div>
-        <h2 class="ob-og-tag">OB &amp; OG</h2>
-        <div class="section">
-          <div class="container">
-            <div class="row">
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="//www.taxio.me/">
-                      <img
-                        src="images/avatars/taxio.JPG"
-                        alt="taxio"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>taxio</h3>
-                      <h6>Developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/pudding.html">
-                      <img
-                        src="images/avatars/pudding.png"
-                        alt="pudding"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>pudding</h3>
-                      <h6>Developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/haia.html">
-                      <img
-                        src="images/avatars/haia.jpg"
-                        alt="haia"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>haia</h3>
-                      <h6>Photographer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/unknown.html">
-                      <img
-                        src="images/avatars/unknown.png"
-                        alt="kata"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>kata</h3>
-                      <h6>Developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/miyagawa.html">
-                      <img
-                        src="images/avatars/miyagawa.png"
-                        alt="miyagawa"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>miyagawa</h3>
-                      <h6>designer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-
-              <!-- member section -->
-              <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
-                <div class="row flex-wrapper">
-                  <div class="col-5 col-md-4 member">
-                    <a href="members/yutaro.html">
-                      <img
-                        src="images/avatars/yutaro.JPG"
-                        alt="yutaro"
-                        class="img-circle img-no-padding img-responsive"
-                      />
-                    </a>
-                  </div>
-                  <div class="col-7 col-md-8 member">
-                    <div class="member-description">
-                      <h3>yutaro</h3>
-                      <h6>developer</h6>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <!-- end member section -->
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="section text-center section-gray contact-section">
-        <div class="container">
-          <h2 class="title">Keep in touch?</h2>
-          <div class="row">
-            <div class="col-md-5 col-xs-12">
-              <div class="info">
-                <div class="icon icon-primary">
-                  <i class="fa fa-fw fa-google"></i>
-                </div>
-                <div class="description">
-                  <h4 class="info-title">Google Form</h4>
-                  <p>
-                    <nobr
-                      >連絡可能なメールアドレスを
-                      <wbr />
-                      ご用意ください．
-                    </nobr>
-                  </p>
-                </div>
-                <a
-                  class="contact-link"
-                  href="https://docs.google.com/forms/d/e/1FAIpQLScTtbNviHuDe4Mj0C3lnPKE2aH2oLgEOQekhA_MIWAisDfdyg/viewform?usp=sf_link"
-                  >link</a
-                >
-              </div>
-            </div>
-            <div class="col-md-2 col-xs-12">
-              <div class="or-box">
-                <p class="or">or</p>
-              </div>
-            </div>
-            <div class="col-md-5 col-xs-12">
-              <div class="info">
-                <div class="icon icon-primary">
-                  <i class="fa fa-fw fa-twitter"></i>
-                </div>
-                <div class="description">
-                  <h4 class="info-title">@StudioAquatan</h4>
-                  <p>
-                    <nobr
-                      >どなたからでも
-                      <wbr />
-                      DMを受け付けています．
-                    </nobr>
-                  </p>
-                </div>
-                <a class="contact-link" href="//twitter.com/StudioAquatan"
-                  >link</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <footer class="footer section-dark footer-dark">
-      <div class="container">
-        <div class="row">
-          <nav class="footer-nav">
-            <ul>
-              <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-              <li>
-                <a
-                  href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html"
-                  >Blog</a
-                >
-              </li>
-              <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-            </ul>
-          </nav>
-          <div class="credits ml-auto">
-            <span class="copyright">
-              ©
-              <script>
-                document.write(new Date().getFullYear().toString());
-              </script>
-              Studio Aquatan
-            </span>
-          </div>
-        </div>
-      </div>
-    </footer>
-  </body>
-
-  <!-- Core JS Files -->
-  <script src="js/jquery-3.2.1.js" type="text/javascript"></script>
-  <script
-    src="js/jquery-ui-1.12.1.custom.min.js"
-    type="text/javascript"
-  ></script>
-  <script src="js/popper.js" type="text/javascript"></script>
-  <script src="js/bootstrap.min.js" type="text/javascript"></script>
-  <script src="js/bootstrap-switch.min.js" type="text/javascript"></script>
-  <!--  Paper Kit Initialization snd functons -->
-  <script src="js/paper-kit.js?v=2.1.0"></script>
-</html>
diff --git a/members/Barry.html b/members/Barry.html
deleted file mode 100644
index bf4c3ef..0000000
--- a/members/Barry.html
+++ /dev/null
@@ -1,209 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>Barry | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="Barry | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/Barry.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/Barry.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーBarryのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-            <img src="../images/avatars/Barry.png" alt="Barry"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">Barry<br/></h4>
-          <h6 class="description">DEVELOPER</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">ゲームつくりたい．電子工作もしてみたい．でも時間が．．．</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                    <div class="row profile-tab-item">
-                        <div class="col-6"><h5>C/C++</h5></div><div class="col-6"><p>競プロ</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>競プロ</h5></div><div class="col-6"><p>とりあえず入茶</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>CTF</h5></div><div class="col-6"><p>目指せSECCON</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Rust,C#</h5></div><div class="col-6"><p>勉強中</p></div>
-                </div>
-              </li>
-              <hr/>
-             <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>電子工作</h5></div><div class="col-6"><p>ラズパイ高くない？</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/ayumi.html b/members/ayumi.html
deleted file mode 100644
index eaae5c6..0000000
--- a/members/ayumi.html
+++ /dev/null
@@ -1,209 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>ayumi | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="ayumi | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/ayumi.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/ayumi.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーayumiのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/ayumi.JPG" alt="ayumi"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">ayumi<br/></h4>
-          <h6 class="description">Photographer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">所属サークル６つ</p>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <!-- Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Adobe</h5></div><div class="col-6"><p>写真と動画とUI</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>イラスト</h5></div><div class="col-6"><p>アナログ派</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>写真</h5></div><div class="col-6"><p>賞もらった</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>HP制作</h5></div><div class="col-6"><p>html</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>SNS</h5></div><div class="col-6"><p>めざせインフルエンサー</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>エディトリアルデザイン</h5></div><div class="col-6"><p>勉強中</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/haia.html b/members/haia.html
deleted file mode 100644
index 0605df7..0000000
--- a/members/haia.html
+++ /dev/null
@@ -1,224 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>haia | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="haia | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/haia.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/haia.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバー haiaのプロフィール"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-  <meta name="twitter:creator" content="@haia_i">
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true"
-       style="background-image: url('../images/haia-bg.jpg');">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/haia.jpg" alt="Circle Image"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">haia<br/></h4>
-          <h6 class="description">Photographer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">美少女</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/haia_i" class="btn btn-link btn-primary"><i class="fa fa-twitter"></i></a>
-            <a href="http://sazanami.info/" class="btn btn-link btn-primary"><i
-                class="fa fa-tumblr"></i></a>
-            <a href="http://sazanami.info/" class="btn btn-link btn-primary"><i
-                class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <!-- Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Illustrator</h5></div><div class="col-6"><p>名刺やフライヤーなど多少</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>写真</h5></div><div class="col-6"><p>簡易な撮影一通り、たまにお仕事</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>美少女</h5></div><div class="col-6"><p>Twitter継続6年目</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>カフェ経営</h5></div><div class="col-6"><p>2018年度開業予定</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Web</h5></div><div class="col-6"><p>WPいじりたい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>動画</h5></div><div class="col-6"><p>MVとかの仕事が欲しい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>黒字化</h5></div><div class="col-6"><p>うまい経営が知りたい</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/hatto.html b/members/hatto.html
deleted file mode 100644
index 24896f6..0000000
--- a/members/hatto.html
+++ /dev/null
@@ -1,210 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>hatto | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="hatto | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/hatto.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/hatto.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーのhattoプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/hatto.jpg" alt="hatto"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">hatto<br/></h4>
-          <h6 class="description">DEVELOPER</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">健康的な生活</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <!-- Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C++</h5></div><div class="col-6"><p>競プロ</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>C++</h5></div><div class="col-6"><p>黄色(目標高く</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>CTF</h5></div><div class="col-6"><p>目指せSECCON</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Go</h5></div><div class="col-6"><p>目指せISUCON</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Kotlin</h5></div><div class="col-6"><p>Androidアプリ作りたい</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/iida.html b/members/iida.html
deleted file mode 100644
index 2d7f9fd..0000000
--- a/members/iida.html
+++ /dev/null
@@ -1,267 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>iida | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="iida | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/iida.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/iida.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーiidaのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/iida.jpg" alt="iida"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">iida<br/></h4>
-          <h6 class="description">DEVELOPER</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">コントより漫才が好き</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/tky_apostle" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/wakatakerutmt" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//wakatakeru.com/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      Tab panes
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>C/C++/Java</h5>
-                    </div>
-                    <div class="col-6"><p>多少</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>Kotlin</h5>
-                    </div>
-                    <div class="col-6"><p>簡単なアプリ開発</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>PHP</h5>
-                    </div>
-                    <div class="col-6"><p>Zend Laravel</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>Python</h5>
-                    </div>
-                    <div class="col-6"><p>Django・競プロ</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>Ruby</h5>
-                    </div>
-                    <div class="col-6"><p>Ruby on Rails</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>web</h5>
-                    </div>
-                    <div class="col-6"><p>HTML/CSS/JS(JQuery,Vue.js)</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6">
-                      <h5>ギャグ</h5>
-                    </div>
-                    <div class="col-6"><p>多少</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>インフラ</h5></div><div class="col-6"><p>目指せ脱初心者！</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>webサービス運営</h5></div><div class="col-6"><p>自分のサービス持ちたい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Kaggle/データ分析</h5></div><div class="col-6"><p>むずかしい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>ブログ更新</h5></div><div class="col-6"><p>サボりすぎてる</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/koba.html b/members/koba.html
deleted file mode 100644
index 2957e19..0000000
--- a/members/koba.html
+++ /dev/null
@@ -1,204 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>koba | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="koba | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/koba.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/koba.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーkobaのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/koba.jpg" alt="koba"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">koba<br/></h4>
-          <h6 class="description">DEVELOPER</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">ミーハー太郎</p>
-          <div class="text-center profile-links">
-		  <!--<a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">-->
-		    <!--<i class="fa fa-twitter"></i>-->
-	    <!--</a>-->
-            <a href="//github.com/rideonkb" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-	    <!--<a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>-->
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C</h5></div><div class="col-6"><p>授業でやった程度のことなら</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>機械学習</h5></div><div class="col-6"><p>強そうなので</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Webアプリ作成</h5></div><div class="col-6"><p>情報工学徒に生まれたからには</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>ハッカソン</h5></div><div class="col-6"><p>強くなって出たい</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/lanqiu.html b/members/lanqiu.html
deleted file mode 100644
index a2f74c1..0000000
--- a/members/lanqiu.html
+++ /dev/null
@@ -1,192 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>lanqiu | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="lanqiu | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/lanqiu.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/lanqiu.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーのlanqiuのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/lanqiu.jpg" alt="lanqiu"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">lanqiu<br/></h4>
-          <h6 class="description">beginner-developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">料理できるようになりたい</p>
-          <div class="text-center profile-links">
-<!--            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">-->
-<!--              <i class="fa fa-twitter"></i>-->
-<!--            </a>-->
-            <a href="//github.com/lanqiugit" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-<!--       Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>車の運転</h5></div><div class="col-6"><p>安全運転第一</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>何かの開発</h5></div><div class="col-6"><p>とりあえず何かの開発</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/masapyon.html b/members/masapyon.html
deleted file mode 100644
index ea3ab2c..0000000
--- a/members/masapyon.html
+++ /dev/null
@@ -1,208 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>masapyon | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="masapyon | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/masapyon.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/masapyon.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーmasapyonのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/masapyon.jpg" alt="masapyon"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">masapyon<br/></h4>
-          <h6 class="description">developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">物欲を持て余す</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/ocucraqp" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/ocucraqp" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C,C++</h5></div><div class="col-6"><p>それなりに使える</p></div>
-                  </div>
-                </li>
-				<hr/>
-				<li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Java</h5></div><div class="col-6"><p>かじった程度</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>ホームページ</h5></div><div class="col-6"><p>つくりたい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>ゲーム制作</h5></div><div class="col-6"><p>今年こそは</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>キャンプ</h5></div><div class="col-6"><p>ゆるいやつ</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/miyagawa.html b/members/miyagawa.html
deleted file mode 100644
index 685c540..0000000
--- a/members/miyagawa.html
+++ /dev/null
@@ -1,211 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-    <meta charset="utf-8"/>
-    <!-- favicon -->
-    <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-    <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-    <title>miyagawa | あくあたん工房</title>
-
-    <!-- OGP information -->
-    <meta property="og:title" content="miyagawa | あくあたん工房"/>
-    <meta property="og:type" content="website"/>
-    <meta property="og:url" content="https://www.aquatan.studio/members/miyagawa.html"/>
-    <meta property="og:image" content="https://www.aquatan.studio/images/avatars/miyagawa.png"/>
-    <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-    <meta property="og:description" content="あくあたん工房所属メンバーのmiyagawaプロフィールページ"/>
-    <meta name="twitter:card" content="summary"/>
-    <meta name="twitter:site" content="@StudioAquatan"/>
-
-    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-    <meta name="viewport" content="width=device-width"/>
-
-    <!-- Bootstrap core CSS     -->
-    <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-    <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-    <!--<link href="css/demo.css" rel="stylesheet"/>-->
-    <link href="../css/main.css" rel="stylesheet"/>
-
-    <!--     Fonts and icons     -->
-    <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-    <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-    <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-    <div class="container">
-        <div class="navbar-translate">
-            <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-            <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-                    data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-                    aria-label="Toggle navigation">
-                <span class="navbar-toggler-bar"></span>
-                <span class="navbar-toggler-bar"></span>
-                <span class="navbar-toggler-bar"></span>
-            </button>
-        </div>
-        <div class="collapse navbar-collapse" id="navbarToggler">
-            <ul class="navbar-nav ml-auto">
-                <li class="nav-item">
-                    <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-                </li>
-                <li class="nav-item">
-                    <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-                </li>
-                <li class="nav-item">
-                    <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i
-                            class="nc-icon nc-paper"></i> News</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-                       href="https://twitter.com/StudioAquatan/" target="_blank">
-                        <i class="fa fa-twitter"></i>
-                        <p class="d-lg-none">Twitter</p>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-                       href="https://www.github.com/StudioAquatan" target="_blank">
-                        <i class="fa fa-github"></i>
-                        <p class="d-lg-none">GitHub</p>
-                    </a>
-                </li>
-            </ul>
-        </div>
-    </div>
-</nav>
-<div class="wrapper">
-    <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-        <div class="filter"></div>
-    </div>
-    <div class="section profile-content">
-        <div class="container">
-            <div class="owner">
-                <div class="avatar">
-                    <img src="../images/avatars/miyagawa.png" alt="miyagawa"
-                         class="img-circle img-no-padding img-responsive">
-                </div>
-                <div class="name">
-                    <h4 class="title">miyagawa<br/></h4>
-                    <h6 class="description">Designer</h6>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-6 ml-auto mr-auto text-center">
-                    <p class="profile-description">東山 奈央</p>
-                    <div class="text-center profile-links">
-                        <a href="//twitter.com/mygwdesign" class="btn btn-link btn-primary">
-                            <i class="fa fa-twitter"></i>
-                        </a>
-                        <a href="https://mygwdesign.tumblr.com/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-                    </div>
-                </div>
-            </div>
-            <br/>
-            <div class="nav-tabs-navigation">
-                <div class="nav-tabs-wrapper">
-                    <ul class="nav nav-tabs" role="tablist">
-                        <li class="nav-item">
-                            <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="tab-content following">
-                <div class="tab-pane active" id="follows" role="tabpanel">
-                    <div class="row">
-                        <div class="col-md-6 ml-auto mr-auto">
-                            <ul class="list-unstyled">
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>DTP</h5></div>
-                                        <div class="col-6"><p>同人誌やポスターなどエディトリアル</p></div>
-                                    </div>
-                                    <hr/>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>グラフィックデザイン</h5></div>
-                                        <div class="col-6"><p>ロゴやトークショーのスライドなど</p></div>
-                                    </div>
-                                    <hr/>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>編集業務</h5></div>
-                                        <div class="col-6"><p>合同同人誌のマネジメントやディレクション</p></div>
-                                    </div>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div class="tab-pane text-center" id="following" role="tabpanel">
-                    <div class="row">
-                        <div class="col-md-6 ml-auto mr-auto">
-                            <ul class="list-unstyled">
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>MacBookを使う</h5></div>
-                                        <div class="col-6"><p>まずは買うところから</p></div>
-                                    </div>
-                                </li>
-                                <hr/>
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>フォトショマジック</h5></div>
-                                        <div class="col-6"><p>魔法使いとしては、能力・実力ともに最高クラス。</p></div>
-                                    </div>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<footer class="footer section-dark">
-    <div class="container">
-        <div class="row">
-            <nav class="footer-nav">
-                <ul>
-                    <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-                    <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-                    <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-                </ul>
-            </nav>
-            <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-            </div>
-        </div>
-    </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/mmnk.html b/members/mmnk.html
deleted file mode 100644
index ffc7d78..0000000
--- a/members/mmnk.html
+++ /dev/null
@@ -1,224 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-    <meta charset="utf-8"/>
-    <!-- favicon -->
-    <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-    <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-    <title>mmnk | あくあたん工房</title>
-
-    <!-- OGP information -->
-    <meta property="og:title" content="mmnk | あくあたん工房"/>
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://www.aquatan.studio/members/mmnk.html"/>
-    <meta property="og:image" content="https://www.aquatan.studio/images/avatars/mmnk.jpeg"/>
-    <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-    <meta property="og:description" content="あくあたん工房所属メンバー mmnkのプロフィール"/>
-    <meta name="twitter:card" content="summary"/>
-    <meta name="twitter:site" content="@StudioAquatan"/>
-    <meta name="twitter:creator" content="@Hello_momo29">
-
-    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-    <meta name="viewport" content="width=device-width"/>
-
-    <!-- Bootstrap core CSS     -->
-    <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-    <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-    <!--<link href="css/demo.css" rel="stylesheet"/>-->
-    <link href="../css/main.css" rel="stylesheet"/>
-
-    <!--     Fonts and icons     -->
-    <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-    <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-    <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-    <div class="container">
-        <div class="navbar-translate">
-            <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-            <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-                    data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-                    aria-label="Toggle navigation">
-                <span class="navbar-toggler-bar"></span>
-                <span class="navbar-toggler-bar"></span>
-                <span class="navbar-toggler-bar"></span>
-            </button>
-        </div>
-        <div class="collapse navbar-collapse" id="navbarToggler">
-            <ul class="navbar-nav ml-auto">
-                <li class="nav-item">
-                    <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-                </li>
-                <li class="nav-item">
-                    <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-                </li>
-                <li class="nav-item">
-                    <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-                       href="https://twitter.com/StudioAquatan/" target="_blank">
-                        <i class="fa fa-twitter"></i>
-                        <p class="d-lg-none">Twitter</p>
-                    </a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-                       href="https://www.github.com/StudioAquatan" target="_blank">
-                        <i class="fa fa-github"></i>
-                        <p class="d-lg-none">GitHub</p>
-                    </a>
-                </li>
-            </ul>
-        </div>
-    </div>
-</nav>
-<div class="wrapper">
-    <div class="page-header page-header-xs" data-parallax="true"
-         style="background-image: url('../images/mmnk-bg.png');background-position: center;">
-        <div class="filter"></div>
-    </div>
-    <div class="section profile-content">
-        <div class="container">
-            <div class="owner">
-                <div class="avatar">
-                    <img src="../images/avatars/mmnk.jpeg" alt="Circle Image"
-                         class="img-circle img-no-padding img-responsive">
-                </div>
-                <div class="name">
-                    <h4 class="title">mmnk<br/></h4>
-                    <h6 class="description">Developer</h6>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-6 ml-auto mr-auto text-center">
-                    <p class="profile-description">便利なものを作りたい</p>
-                    <div class="text-center profile-links">
-                        <a href="//twitter.com/Hello_momo29" class="btn btn-link btn-primary">
-                            <i class="fa fa-twitter"></i>
-                        </a>
-                        <a href="//github.com/tjmtmmnk" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-                        <a href="//tjmtmmnk.hatenablog.com" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-                    </div>
-                </div>
-            </div>
-            <br/>
-            <div class="nav-tabs-navigation">
-                <div class="nav-tabs-wrapper">
-                    <ul class="nav nav-tabs" role="tablist">
-                        <li class="nav-item">
-                            <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <!-- Tab panes -->
-            <div class="tab-content following">
-                <div class="tab-pane active" id="follows" role="tabpanel">
-                    <div class="row">
-                        <div class="col-md-6 ml-auto mr-auto">
-                            <ul class="list-unstyled">
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>Python</h5></div><div class="col-6"><p>Webアプリとか</p></div>
-                                    </div>
-                                </li>
-                                <hr/>
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>C/C++</h5></div><div class="col-6"><p>人並みに</p></div>
-                                    </div>
-                                </li>
-                                <hr/>
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>Web</h5></div><div class="col-6"><p>絶賛勉強中</p></div>
-                                    </div>
-                                </li>
-                                <hr/>
-                                <li>
-                                    <div class="row profile-tab-item">
-                                        <div class="col-6"><h5>Perl</h5></div><div class="col-6"><p>今更?とか言わないで!</p></div>
-                                    </div>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-                    <div class="col-md-6 ml-auto mr-auto">
-                        <ul class="list-unstyled">
-                            <li>
-                                <div class="row profile-tab-item">
-                                    <div class="col-6"><h5>Scala</h5></div><div class="col-6"><p>ハイブリッド!</p></div>
-                                </div>
-                            </li>
-                            <hr/>
-                            <li>
-                                <div class="row profile-tab-item">
-                                    <div class="col-6"><h5>AWS</h5></div><div class="col-6"><p>一般教養</p></div>
-                                </div>
-                            </li>
-                            <hr/>
-                            <li>
-                                <div class="row profile-tab-item">
-                                    <div class="col-6"><h5>Go</h5></div><div class="col-6"><p>周りでやってる人が多い気がする</p></div>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<footer class="footer section-dark">
-    <div class="container">
-        <div class="row">
-            <nav class="footer-nav">
-                <ul>
-                    <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-                    <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-                    <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-                </ul>
-            </nav>
-            <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-            </div>
-        </div>
-    </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/nishi.html b/members/nishi.html
deleted file mode 100644
index db4679a..0000000
--- a/members/nishi.html
+++ /dev/null
@@ -1,205 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>nishi | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="nishi | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/nishi.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/nishi.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバー nishiプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/nishi.png" alt="nishi"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">nishi<br/></h4>
-          <h6 class="description">Developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">へびつかいの修行中</p>
-          <div class="text-center profile-links">
-            <!--<a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>-->
-            <a href="//github.com/nishi-yuki" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <!--<a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>-->
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <!-- Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Python</h5></div><div class="col-6"><p>CUIだけ</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C</h5></div><div class="col-6"><p>めざせ中級者</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Kotlin</h5></div><div class="col-6"><p>Androidアプリ開発の勉強中</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Haskell</h5></div><div class="col-6"><p>モナドってなに?</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/pudding.html b/members/pudding.html
deleted file mode 100644
index 144f180..0000000
--- a/members/pudding.html
+++ /dev/null
@@ -1,224 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>pudding | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="pudding | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/pudding.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/pudding.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバー puddingのプロフィール"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-  <meta name="twitter:creator" content="@pudding_info">
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true"
-       style="background-image: url('../images/pudding-bg.jpg');background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/pudding.png" alt="Circle Image"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">pudding<br/></h4>
-          <h6 class="description">Developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">バイオをやっている者</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/pudding_info" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/pddg" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.poyo.info/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <!-- Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Python</h5></div><div class="col-6"><p>Webアプリとか</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Go</h5></div><div class="col-6"><p>CUIツールとか</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Web</h5></div><div class="col-6"><p>html, css, js...</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>鯖管</h5></div><div class="col-6"><p>初心者レベル</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>CTF</h5></div><div class="col-6"><p>目指せSECCON</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Rust</h5></div><div class="col-6"><p>良いって聞いてる</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Haskell</h5></div><div class="col-6"><p>たしなみ</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/sapphire.html b/members/sapphire.html
deleted file mode 100644
index 92d21c7..0000000
--- a/members/sapphire.html
+++ /dev/null
@@ -1,208 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-
-<head>
-  <meta charset="utf-8" />
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-
-  <title>Sapphire | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="Sapphire | あくあたん工房" />
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/sapphire.html" />
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/sapphire.jpg" />
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト" />
-  <meta property="og:description" content="あくあたん工房所属メンバーSapphireのプロフィールページ" />
-  <meta name="twitter:card" content="summary" />
-  <meta name="twitter:site" content="@StudioAquatan" />
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
-  <meta name="viewport" content="width=device-width" />
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet" />
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet" />
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet" />
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-
-<body>
-  <nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-    <div class="container">
-      <div class="navbar-translate">
-        <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-        <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-          data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span class="navbar-toggler-bar"></span>
-          <span class="navbar-toggler-bar"></span>
-          <span class="navbar-toggler-bar"></span>
-        </button>
-      </div>
-      <div class="collapse navbar-collapse" id="navbarToggler">
-        <ul class="navbar-nav ml-auto">
-          <li class="nav-item">
-            <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-          </li>
-          <li class="nav-item">
-            <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-          </li>
-          <li class="nav-item">
-            <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i
-                class="nc-icon nc-paper"></i> News</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-              href="https://twitter.com/StudioAquatan/" target="_blank">
-              <i class="fa fa-twitter"></i>
-              <p class="d-lg-none">Twitter</p>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-              href="https://www.github.com/StudioAquatan" target="_blank">
-              <i class="fa fa-github"></i>
-              <p class="d-lg-none">GitHub</p>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </nav>
-  <div class="wrapper">
-    <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-      <div class="filter"></div>
-    </div>
-    <div class="section profile-content">
-      <div class="container">
-        <div class="owner">
-          <div class="avatar">
-            <img src="../images/avatars/sapphire.jpg" alt="Sapphire" class="img-circle img-no-padding img-responsive">
-          </div>
-          <div class="name">
-            <h4 class="title">Sapphire<br /></h4>
-            <h6 class="description">DEVELOPER</h6>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-md-6 ml-auto mr-auto text-center">
-            <p class="profile-description">似非粋人</p>
-            <div class="text-center profile-links">
-              <a href="//twitter.com/Sapphire_Lilith" class="btn btn-link btn-primary">
-                <i class="fa fa-twitter"></i>
-              </a>
-              <a href="//github.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-              <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-            </div>
-          </div>
-        </div>
-        <br />
-        <div class="nav-tabs-navigation">
-          <div class="nav-tabs-wrapper">
-            <ul class="nav nav-tabs" role="tablist">
-              <li class="nav-item">
-                <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="tab-content following">
-          <div class="tab-pane active" id="follows" role="tabpanel">
-            <div class="row">
-              <div class="col-md-6 ml-auto mr-auto">
-                <ul class="list-unstyled">
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>
-                          MMD
-                        </h5>
-                      </div>
-                      <div class="col-6">
-                        <p>動画作成，小物モデリング，カメラ制御とか</p>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane text-center" id="following" role="tabpanel">
-            <div class="row">
-              <div class="col-md-6 ml-auto mr-auto">
-                <ul class="list-unstyled">
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>D進</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>諸々が許せば</p>
-                      </div>
-                    </div>
-                  </li>
-                  <hr />
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <footer class="footer section-dark">
-    <div class="container">
-      <div class="row">
-        <nav class="footer-nav">
-          <ul>
-            <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-            <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-            <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-          </ul>
-        </nav>
-        <div class="credits ml-auto">
-          <span class="copyright">
-            ©
-            <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-          </span>
-        </div>
-      </div>
-    </div>
-  </footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
\ No newline at end of file
diff --git a/members/shanpu.html b/members/shanpu.html
deleted file mode 100644
index 3f61c2a..0000000
--- a/members/shanpu.html
+++ /dev/null
@@ -1,202 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>shanpu | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="shanpu | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/shanpu.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/shanpu.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属shanpuプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/shanpu.jpg" alt="Shanpu"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">shanpu<br/></h4>
-          <h6 class="description">developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">今日も一日がんばるぞい</p>
-          <div class="text-center profile-links">
-<!--            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-twitter"></i></a>-->
-            <a href="https://github.com/chez-shanpu" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-<!--            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>-->
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-<!--       Tab panes -->
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>使える言語</h5></div><div class="col-6"><p>初歩的なC、java</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>CTF</h5></div><div class="col-6"><p>楽しいらしい</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>MHW</h5></div><div class="col-6"><p>めちゃくちゃ楽しいらしい</p></div>
-                </div>
-              </li>
-              <hr/>
-<!--              <li>-->
-<!--                <div class="row profile-tab-item">-->
-<!--                  <div class="col-6"><h5>Haskell</h5></div><div class="col-6"><p>たしなみ</p></div>-->
-<!--                </div>-->
-<!--              </li>-->
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/shunsei.html b/members/shunsei.html
deleted file mode 100644
index dbff0d7..0000000
--- a/members/shunsei.html
+++ /dev/null
@@ -1,229 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>shunsei | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="shunsei | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/shunsei.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/shunsei.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーshunseiのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/shunsei.jpg" alt="shunsei"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">shunsei<br/></h4>
-          <h6 class="description">DEVELOPER</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">タイポの達人</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/XeRn1227" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/kimurash" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C++</h5></div>
-                    <div class="col-6"><p>競技プログラミング</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Java</h5></div>
-                    <div class="col-6"><p>Nand2Tetris</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Python</h5></div>
-                    <div class="col-6"><p>scikit-learn, Flask</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Vim</h5>
-                  </div><div class="col-6"><p>使いこなせたらカッコよくない?</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Rust</h5></div>
-                  <div class="col-6"><p>再入門</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>数学</h5></div>
-                  <div class="col-6"><p>大学数学一巡り</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>計算理論</h5></div>
-                  <div class="col-6"><p>プログラマとしての教養</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/tinu.html b/members/tinu.html
deleted file mode 100644
index 4346bca..0000000
--- a/members/tinu.html
+++ /dev/null
@@ -1,203 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>tinu | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="tinu | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/tinu.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/tinu.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーtinuプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/tinu.png" alt="Unknown"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">tinu<br/></h4>
-          <h6 class="description">Developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">チヌっとチヌチヌ</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/tinukai" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Vim</h5></div><div class="col-6"><p>初心者脱却したい</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                        <div class="row profile-tab-item">
-                                <div class="col-6"><h5>LaTeX</h5></div><div class="col-6"><p>すごいことできるようになりたい</p></div>
-                        </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>自作OS</h5></div><div class="col-6"><p>目指せ64bitOS</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>C++</h5></div><div class="col-6"><p>めざせ!ねねっち</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/unknown.html b/members/unknown.html
deleted file mode 100644
index c9c8b81..0000000
--- a/members/unknown.html
+++ /dev/null
@@ -1,204 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>unknown | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="unknown | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/unknown.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/unknown.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーの未設定プロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/unknown.png" alt="Unknown"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">unknown<br/></h4>
-          <h6 class="description">???</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">UNDER CONSTRUCTING</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <!--<div class="nav-tabs-navigation">-->
-        <!--<div class="nav-tabs-wrapper">-->
-          <!--<ul class="nav nav-tabs" role="tablist">-->
-            <!--<li class="nav-item">-->
-              <!--<a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>-->
-            <!--</li>-->
-            <!--<li class="nav-item">-->
-              <!--<a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>-->
-            <!--</li>-->
-          <!--</ul>-->
-        <!--</div>-->
-      <!--</div>-->
-      <!-- Tab panes -->
-      <!--<div class="tab-content following">-->
-        <!--<div class="tab-pane active" id="follows" role="tabpanel">-->
-          <!--<div class="row">-->
-            <!--<div class="col-md-6 ml-auto mr-auto">-->
-              <!--<ul class="list-unstyled">-->
-                <!--<li>-->
-                  <!--<div class="row profile-tab-item">-->
-                    <!--<div class="col-6"><h5></h5></div><div class="col-6"><p>Webアプリとか</p></div>-->
-                  <!--</div>-->
-                <!--</li>-->
-              <!--</ul>-->
-            <!--</div>-->
-          <!--</div>-->
-        <!--</div>-->
-        <!--<div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">-->
-          <!--<div class="col-md-6 ml-auto mr-auto">-->
-            <!--<ul class="list-unstyled">-->
-              <!--<li>-->
-                <!--<div class="row profile-tab-item">-->
-                  <!--<div class="col-6"><h5>CTF</h5></div><div class="col-6"><p>目指せSECCON</p></div>-->
-                <!--</div>-->
-              <!--</li>-->
-              <!--<hr/>-->
-              <!--<li>-->
-                <!--<div class="row profile-tab-item">-->
-                  <!--<div class="col-6"><h5>Rust</h5></div><div class="col-6"><p>良いって聞いてる</p></div>-->
-                <!--</div>-->
-              <!--</li>-->
-              <!--<hr/>-->
-              <!--<li>-->
-                <!--<div class="row profile-tab-item">-->
-                  <!--<div class="col-6"><h5>Haskell</h5></div><div class="col-6"><p>たしなみ</p></div>-->
-                <!--</div>-->
-              <!--</li>-->
-            <!--</ul>-->
-          <!--</div>-->
-        <!--</div>-->
-        <!--</div>-->
-      <!--</div>-->
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/yamakai.html b/members/yamakai.html
deleted file mode 100644
index 808ee5e..0000000
--- a/members/yamakai.html
+++ /dev/null
@@ -1,205 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>yamakai | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="yamakai | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/yamakai.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/yamakai.png"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房所属メンバーyamakaiのプロフィールページ"/>
-  <meta name="twitter:card" content="summary"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/yamakai.png" alt="yamakai_img"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">yamakai<br/></h4>
-          <h6 class="description">developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">ひとことって難しいね</p>
-          <div class="text-center profile-links">
-            <a href="//twitter.com/StudioAquatan" class="btn btn-link btn-primary">
-              <i class="fa fa-twitter"></i>
-            </a>
-            <a href="//github.com/StudioAquatan" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <!--ここから-->
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>C/C++</h5></div><div class="col-6"><p>競プロでまあ使う</p></div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>バイオロギング</h5></div><div class="col-6"><p>動物の生態は面白い</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>Rust</h5></div><div class="col-6"><p>私、気になります</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>関数型言語</h5></div><div class="col-6"><p>ひとつぐらいは</p></div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-      <!--ここまでじゃ-->
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/yutaro.html b/members/yutaro.html
deleted file mode 100644
index 8343a4b..0000000
--- a/members/yutaro.html
+++ /dev/null
@@ -1,202 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>ゆうたろー | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="yutaro | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/yutaro.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/yutaro.JPG"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="所属メンバーゆうたろーのプロフィール"/>
-  <meta name="twitter:card" content="summary"/>
-  <!-- <meta name="twitter:site" content="@StudioAquatan"/> -->
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-    <div class="filter"></div>
-  </div>
-  <div class="section profile-content">
-    <div class="container">
-      <div class="owner">
-        <div class="avatar">
-          <img src="../images/avatars/yutaro.JPG" alt="Unknown"
-               class="img-circle img-no-padding img-responsive">
-        </div>
-        <div class="name">
-          <h4 class="title">yutaro<br/></h4>
-          <h6 class="description">developer</h6>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6 ml-auto mr-auto text-center">
-          <p class="profile-description">数字にコミットする</p>
-          <div class="text-center profile-links">
-            <a href="https://github.com/Yutaro-Nishikawa" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-            <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a>
-          </div>
-        </div>
-      </div>
-      <br/>
-      <div class="nav-tabs-navigation">
-        <div class="nav-tabs-wrapper">
-          <ul class="nav nav-tabs" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="tab-content following">
-        <div class="tab-pane active" id="follows" role="tabpanel">
-          <div class="row">
-            <div class="col-md-6 ml-auto mr-auto">
-              <ul class="list-unstyled">
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>rails</h5></div><div class="col-6"><p>Progateで練習中</p></div>
-                  </div>
-                </li>
-                <hr/>
-                <li>
-                  <div class="row profile-tab-item">
-                    <div class="col-6"><h5>Ruby</h5></div><div class="col-6"><p>Progateで練習中</p></div>
-                  </div>
-                </li>
-                <hr/>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="tab-pane text-center" id="following" role="tabpanel"> <div class="row">
-          <div class="col-md-6 ml-auto mr-auto">
-            <ul class="list-unstyled">
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>webサービス</h5></div><div class="col-6"><p>とりあえずSNS</p></div>
-                </div>
-              </li>
-              <hr/>
-              <li>
-                <div class="row profile-tab-item">
-                  <div class="col-6"><h5>長期インターン</h5></div><div class="col-6"><p>ベンチャー企業へ</p></div>
-                </div>
-              </li>
-              <hr/>
-            </ul>
-          </div>
-        </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/yuyu.html b/members/yuyu.html
deleted file mode 100644
index 0226cca..0000000
--- a/members/yuyu.html
+++ /dev/null
@@ -1,286 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-
-<head>
-    <meta charset="utf-8" />
-    <!-- favicon -->
-    <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-    <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-    <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-
-    <title>yuyu | あくあたん工房</title>
-
-    <!-- OGP information -->
-    <meta property="og:title" content="yuyu | あくあたん工房" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://www.aquatan.studio/members/yuyu.html" />
-    <meta property="og:image" content="https://www.aquatan.studio/images/avatars/yuyu.png" />
-    <meta property="og:site_name" content="あくあたん工房公式Webサイト" />
-    <meta property="og:description" content="あくあたん工房所属メンバー yuyuのプロフィール" />
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:site" content="@StudioAquatan" />
-
-    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
-    <meta name="viewport" content="width=device-width" />
-
-    <!-- Bootstrap core CSS     -->
-    <link href="../css/bootstrap.min.css" rel="stylesheet" />
-    <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet" />
-    <!--<link href="css/demo.css" rel="stylesheet"/>-->
-    <link href="../css/main.css" rel="stylesheet" />
-
-    <!--     Fonts and icons     -->
-    <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-    <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-    <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-
-<body>
-    <nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-        <div class="container">
-            <div class="navbar-translate">
-                <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-                <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-                    data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-                    aria-label="Toggle navigation">
-                    <span class="navbar-toggler-bar"></span>
-                    <span class="navbar-toggler-bar"></span>
-                    <span class="navbar-toggler-bar"></span>
-                </button>
-            </div>
-            <div class="collapse navbar-collapse" id="navbarToggler">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item">
-                        <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html"
-                            class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-                            href="https://twitter.com/StudioAquatan/" target="_blank">
-                            <i class="fa fa-twitter"></i>
-                            <p class="d-lg-none">Twitter</p>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-                            href="https://www.github.com/StudioAquatan" target="_blank">
-                            <i class="fa fa-github"></i>
-                            <p class="d-lg-none">GitHub</p>
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </nav>
-    <div class="wrapper">
-        <div class="page-header page-header-xs" data-parallax="true"
-            style="background-image: url(../images/yuyu-bg.png); background-position: center;">
-            <div class="filter"></div>
-        </div>
-        <div class="section profile-content">
-            <div class="container">
-                <div class="owner">
-                    <div class="avatar">
-                        <img src="../images/avatars/yuyu.png" alt="yuyu"
-                            class="img-circle img-no-padding img-responsive">
-                    </div>
-                    <div class="name">
-                        <h4 class="title">yuyu<br /></h4>
-                        <h6 class="description">DEVELOPER</h6>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-6 ml-auto mr-auto text-center">
-                        <p class="profile-description">ゆゆ様推し</p>
-                        <div class="text-center profile-links">
-                            <a href="//twitter.com/Hyuyu_kun" class="btn btn-link btn-primary">
-                                <i class="fa fa-twitter"></i>
-                            </a>
-                            <a href="//github.com/Hiroya-W" class="btn btn-link btn-primary"><i
-                                    class="fa fa-github"></i></a>
-                            <a href="//hiroya-w.github.io" class="btn btn-link btn-primary"><i
-                                    class="fa fa-globe"></i></a>
-                        </div>
-                    </div>
-                </div>
-                <br />
-                <div class="nav-tabs-navigation">
-                    <div class="nav-tabs-wrapper">
-                        <ul class="nav nav-tabs" role="tablist">
-                            <li class="nav-item">
-                                <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-                            </li>
-                            <li class="nav-item">
-                                <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="tab-content following">
-                    <div class="tab-pane active" id="follows" role="tabpanel">
-                        <div class="row">
-                            <div class="col-md-6 ml-auto mr-auto">
-                                <ul class="list-unstyled">
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>C++</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>主に競プロ</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>Java</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>Minecraft Modding</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>Python</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>ゆゆ君botに</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>Vim</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>Vimさえあればいい</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="tab-pane text-center" id="following" role="tabpanel">
-                        <div class="row">
-                            <div class="col-md-6 ml-auto mr-auto">
-                                <ul class="list-unstyled">
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>CTF</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>SCKOSENが楽しかった</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>Rust</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>わからない</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>機械学習</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>楽しそう</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>Arch Linux Install Battle</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>Manjaro Linuxが良かった</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                    <hr />
-                                    <li>
-                                        <div class="row profile-tab-item">
-                                            <div class="col-6">
-                                                <h5>ロボコン</h5>
-                                            </div>
-                                            <div class="col-6">
-                                                <p>興味ある</p>
-                                            </div>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <footer class="footer section-dark">
-        <div class="container">
-            <div class="row">
-                <nav class="footer-nav">
-                    <ul>
-                        <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-                        <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-                        <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-                    </ul>
-                </nav>
-                <div class="credits ml-auto">
-                    <span class="copyright">
-                        ©
-                        <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-                    </span>
-                </div>
-            </div>
-        </div>
-    </footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/members/zyuc.html b/members/zyuc.html
deleted file mode 100644
index a829d64..0000000
--- a/members/zyuc.html
+++ /dev/null
@@ -1,249 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-
-<head>
-  <meta charset="utf-8" />
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="../images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="../images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-
-  <title>zyuc | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="zyuc | あくあたん工房" />
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/members/zyuc.html" />
-  <meta property="og:image" content="https://www.aquatan.studio/images/avatars/zyuc.png" />
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト" />
-  <meta property="og:description" content="あくあたん工房所属メンバーzyucのプロフィールページ" />
-  <meta name="twitter:card" content="summary" />
-  <meta name="twitter:site" content="@StudioAquatan" />
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
-  <meta name="viewport" content="width=device-width" />
-
-  <!-- Bootstrap core CSS     -->
-  <link href="../css/bootstrap.min.css" rel="stylesheet" />
-  <link href="../css/paper-kit.css?v=2.1.0" rel="stylesheet" />
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="../css/main.css" rel="stylesheet" />
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-
-<body>
-  <nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
-    <div class="container">
-      <div class="navbar-translate">
-        <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-        <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-          data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-          aria-label="Toggle navigation">
-          <span class="navbar-toggler-bar"></span>
-          <span class="navbar-toggler-bar"></span>
-          <span class="navbar-toggler-bar"></span>
-        </button>
-      </div>
-      <div class="collapse navbar-collapse" id="navbarToggler">
-        <ul class="navbar-nav ml-auto">
-          <li class="nav-item">
-            <a href="../products.html" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-          </li>
-          <li class="nav-item">
-            <a href="../member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-          </li>
-          <li class="nav-item">
-            <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i
-                class="nc-icon nc-paper"></i> News</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-              href="https://twitter.com/StudioAquatan/" target="_blank">
-              <i class="fa fa-twitter"></i>
-              <p class="d-lg-none">Twitter</p>
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-              href="https://www.github.com/StudioAquatan" target="_blank">
-              <i class="fa fa-github"></i>
-              <p class="d-lg-none">GitHub</p>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </nav>
-  <div class="wrapper">
-    <div class="page-header page-header-xs" data-parallax="true" style="background-position: center;">
-      <div class="filter"></div>
-    </div>
-    <div class="section profile-content">
-      <div class="container">
-        <div class="owner">
-          <div class="avatar">
-            <img src="../images/avatars/zyuc.png" alt="zyuc" class="img-circle img-no-padding img-responsive">
-          </div>
-          <div class="name">
-            <h4 class="title">zyuc<br /></h4>
-            <h6 class="description">DEVELOPER</h6>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-md-6 ml-auto mr-auto text-center">
-            <p class="profile-description">ずしおすし</p>
-            <div class="text-center profile-links">
-              <a href="//twitter.com/zc_ozz" class="btn btn-link btn-primary">
-                <i class="fa fa-twitter"></i>
-              </a>
-              <a href="//github.com/zyu-c" class="btn btn-link btn-primary"><i class="fa fa-github"></i></a>
-              <!-- <a href="//www.aquatan.studio/" class="btn btn-link btn-primary"><i class="fa fa-globe"></i></a> -->
-            </div>
-          </div>
-        </div>
-        <br />
-        <div class="nav-tabs-navigation">
-          <div class="nav-tabs-wrapper">
-            <ul class="nav nav-tabs" role="tablist">
-              <li class="nav-item">
-                <a class="nav-link active" data-toggle="tab" href="#follows" role="tab">できること</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" data-toggle="tab" href="#following" role="tab">やってみたいこと</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="tab-content following">
-          <div class="tab-pane active" id="follows" role="tabpanel">
-            <div class="row">
-              <div class="col-md-6 ml-auto mr-auto">
-                <ul class="list-unstyled">
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>Eagle</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>流せ大電流</p>
-                      </div>
-                    </div>
-                  </li>
-                  <hr />
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>Verilog</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>聴かせてやるよ――<br>論理の律動を…</p>
-                      </div>
-                    </div>
-                  </li>
-                  <hr />
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>Twitter</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>へたくそ</p>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane text-center" id="following" role="tabpanel">
-            <div class="row">
-              <div class="col-md-6 ml-auto mr-auto">
-                <ul class="list-unstyled">
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>C++</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>何もわからん</p>
-                      </div>
-                    </div>
-                  </li>
-                  <hr />
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>マイクロマウス</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>そのうちやる</p>
-                      </div>
-                    </div>
-                  </li>
-                  <hr />
-                  <li>
-                    <div class="row profile-tab-item">
-                      <div class="col-6">
-                        <h5>Vim</h5>
-                      </div>
-                      <div class="col-6">
-                        <p>便利らしい</p>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <footer class="footer section-dark">
-    <div class="container">
-      <div class="row">
-        <nav class="footer-nav">
-          <ul>
-            <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-            <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-            <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-          </ul>
-        </nav>
-        <div class="credits ml-auto">
-          <span class="copyright">
-            ©
-            <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-          </span>
-        </div>
-      </div>
-    </div>
-  </footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="../js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="../js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="../js/popper.js" type="text/javascript"></script>
-<script src="../js/bootstrap.min.js" type="text/javascript"></script>
-<script src="../js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="../js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/products.html b/products.html
deleted file mode 100644
index 8adaecf..0000000
--- a/products.html
+++ /dev/null
@@ -1,486 +0,0 @@
-<!doctype html>
-<html lang="ja" prefix="og: http://ogp.me/ns#">
-<head>
-  <meta charset="utf-8"/>
-  <!-- favicon -->
-  <link rel="icon" type="image/png" href="images/favicon/favicon.ico">
-  <link rel="icon" type="image/png" href="images/favicon/favicon16.png" sizes="16x16">
-  <link rel="icon" type="image/png" href="images/favicon/favicon32.png" sizes="32x32">
-  <link rel="icon" type="image/png" href="images/favicon/favicon48.png" sizes="48x48">
-  <link rel="icon" type="image/png" href="images/favicon/favicon96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="images/favicon/favicon192.png" sizes="192x192">
-  <link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon/apple-touch-icon57.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon/apple-touch-icon72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon/apple-touch-icon76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon/apple-touch-icon114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon/apple-touch-icon120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon/apple-touch-icon144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon/apple-touch-icon152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon/apple-touch-icon180.png">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
-
-  <title>Products | あくあたん工房</title>
-
-  <!-- OGP information -->
-  <meta property="og:title" content="Products | あくあたん工房"/>
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://www.aquatan.studio/products.html"/>
-  <meta property="og:image" content="https://www.aquatan.studio/images/twitter_card.jpg"/>
-  <meta property="og:site_name" content="あくあたん工房公式Webサイト"/>
-  <meta property="og:description" content="あくあたん工房プロダクト一覧"/>
-  <meta name="twitter:card" content="summary_large_image"/>
-  <meta name="twitter:site" content="@StudioAquatan"/>
-  <meta name="twitter:creator" content="@pudding_info">
-
-  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
-  <meta name="viewport" content="width=device-width"/>
-
-  <!-- Bootstrap core CSS     -->
-  <link href="css/bootstrap.min.css" rel="stylesheet"/>
-  <link href="css/paper-kit.css?v=2.1.0" rel="stylesheet"/>
-  <!--<link href="css/demo.css" rel="stylesheet"/>-->
-  <link href="css/main.css" rel="stylesheet"/>
-
-  <!--     Fonts and icons     -->
-  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
-  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
-  <link href="css/nucleo-icons.css" rel="stylesheet">
-
-</head>
-<body>
-<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="100">
-  <div class="container">
-    <div class="navbar-translate">
-      <a class="navbar-brand" href="https://www.aquatan.studio/"><span>あくあたん工房</span></a>
-      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
-              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
-              aria-label="Toggle navigation">
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-        <span class="navbar-toggler-bar"></span>
-      </button>
-    </div>
-    <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav ml-auto">
-        <li class="nav-item">
-          <a href="#" class="nav-link"><i class="nc-icon nc-ruler-pencil"></i> Products</a>
-        </li>
-        <li class="nav-item">
-          <a href="./member.html" class="nav-link"><i class="nc-icon nc-circle-10"></i> Members</a>
-        </li>
-        <li class="nav-item">
-          <a href="https://esa-pages.io/p/sharing/8538/posts/73/8eb12be2e68fe4337d9c.html" class="nav-link"><i class="nc-icon nc-paper"></i> News</a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
-             href="https://twitter.com/StudioAquatan/" target="_blank">
-            <i class="fa fa-twitter"></i>
-            <p class="d-lg-none">Twitter</p>
-          </a>
-        </li>
-        <li class="nav-item">
-          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
-             href="https://www.github.com/StudioAquatan" target="_blank">
-            <i class="fa fa-github"></i>
-            <p class="d-lg-none">GitHub</p>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</nav>
-<div class="wrapper">
-  <div class="page-header page-header-small" data-parallax="true"
-       style="background-image: url('images/achievement-bg.jpg');background-position: top;">
-    <div class="filter"></div>
-    <div class="container">
-      <div class="motto text-center">
-        <h1>Products</h1>
-      </div>
-    </div>
-  </div>
-  <div class="main">
-    <div class="section">
-      <div class="container">
-        <div class="row">
-          <div class="col-md-10 mr-auto ml-auto">
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2020</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/hacku2020.JPG">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">はげましすてむ</h3>
-                    <h5 class="contest-result">at Open Hack U 2020 Online Vol.1（チーム今回はご参加を見送らせていただくこととなりました。）</h5>
-                    <p class="description">お祈りメールが来たときに励ましてくれるシステム．</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/StudioAquatan/hacku2020">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2019</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2019_reflect_cube.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">Reflect Cube</h3>
-                    <h5 class="contest-result">at KITハッカソン 2019（チーム神社）</h5>
-                    <p class="description">3DVRビリヤード</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/ocucraqp/Reflect_Cube">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2018</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2018_scream.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">SPOTRACE</h3>
-                    <h5 class="contest-result"><span class="text-danger">KIT賞</span> at KITハッカソン 2018（チームScream）</h5>
-                    <p class="description">災害時にローカルのみで通信を行い位置情報を共有するアプリケーション</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://xd.adobe.com/view/3d762602-7549-4a3c-4fdc-6f97cb67fef6-4b47/?fullscreen">
-                          <i class="fa fa-image"></i> Adobe XD
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2018_bosite.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">bosite</h3>
-                    <h5 class="contest-result">at KITハッカソン 2018（チームKITガジェット研究所）</h5>
-                    <p class="description">災害知見共有サイト</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/StudioAquatan/bosite">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2018_newgene.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">みつける君</h3>
-                    <h5 class="contest-result">at KITハッカソン 2018（チームnewgene）</h5>
-                    <p class="description">災害時にはぐれた子供や家族をみつけるIoTデバイス</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/StudioAquatan/newgene">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2018_rougai.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">Mizukuru Map</h3>
-                    <h5 class="contest-result">at KITハッカソン 2018（チーム老害）</h5>
-                    <p class="description">水害に特化し同調圧力で避難を促すWebアプリ</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/StudioAquatan/mizql">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/jphacks_2018.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">plannap</h3>
-                    <h5 class="contest-result">at JPHACKS 2018</h5>
-                    <p class="description">デートプランを匿名で共有し評価できるアプリ</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/jphacks/KB_1809">
-                          <i class="fa fa-github"></i> Androidアプリ
-                        </a>
-                        <wbr>
-                        <a href="https://github.com/jphacks/KB_1809_2">
-                          <i class="fa fa-github"></i> APIサーバ
-                        </a>
-                        <wbr>
-                        <a href="https://vimeo.com/296237713">
-                          <i class="fa fa-youtube"></i> 動画
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/hacku2018osaka.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">SeeVo</h3>
-                      <h5 class="contest-result">at HackU 2018 Osaka</h5>
-                      <p class="description">言葉にできない声を可視化する投票型授業支援アプリ</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://github.com/StudioAquatan/HackU2018">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/spajam2018.png">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">RushMash</h3>
-                    <h5 class="contest-result"><span class="text-danger">優秀賞</span> at SPAJAM 2018 大阪予選</h5>
-                    <p class="description">忙しい朝，毎日行うルーチンワークを音楽を用いて最適化するためのAndroidアプリケーション</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="https://spajam.jp/2018/entry/osaka/">
-                          <i class="fa fa-globe"></i> 大阪予選結果一覧
-                        </a>
-                        <wbr>
-                        <a href="https://github.com/StudioAquatan/RushMash">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/digithack.svg">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">ボスキタスイッチ</h3>
-                    <h5 class="contest-result"><span class="text-danger">ロボット連絡会賞 受賞</span> at デジットハッカソン
-                      2018</h5>
-                    <p class="description">ボスが学生部屋へ来たことを検知して紙を床にばらまき，言い訳を作ってサボっていることをバレないようにするプロダクト</p>
-                    <div class="product-links">
-                      <nobr>
-                        <wbr>
-                        <a href="https://github.com/StudioAquatan/DigitHackLab">
-                          <i class="fa fa-github"></i> ドアノブ判定デバイス
-                        </a>
-                        <wbr>
-                        <a href="https://github.com/StudioAquatan/DigitHackDoor">
-                          <i class="fa fa-github"></i> ドア開閉検知デバイス
-                        </a>
-                        <a href="https://github.com/StudioAquatan/DigitHackActuator">
-                          <i class="fa fa-github"></i> 紙ばらまきデバイス
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2017</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/jphacks_2017.jpg">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">Ghostwriter</h3>
-                    <h5 class="contest-result"><span class="text-danger">Award Day進出・Innovator認定受賞</span> at JPHACKS
-                      2017</h5>
-                    <p class="description">スライドの情報を保存し，かつその内容を解析し試験対策用の問題を生成することができるプロダクト</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="//2017.jphacks.com/result/result_tag/innovator/">
-                          <i class="fa fa-link"></i>JPHACKS2017結果一覧
-                        </a>
-                        <wbr>
-                        <a href="//github.com/jphacks/KB_1708">
-                          <i class="fa fa-github"></i> リポジトリ
-                        </a>
-                        <wbr>
-                        <a href="//youtu.be/uViALDC-OAw">
-                          <i class="fa fa-youtube"></i> 動画
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2017.jpg">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">IoT Stick</h3>
-                    <h5 class="contest-result"><span class="text-danger">優秀賞</span> at KITハッカソン2017</h5>
-                    <p class="description">LTE回線を介して杖の使用者の位置情報・転倒情報を取得，見守る家族に安心を与えるサービス</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="//github.com/pddg/hacku2017">
-                          <i class="fa fa-github"></i>リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2016</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/kit_2016.jpg">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">ツナガルバム</h3>
-                    <h5 class="contest-result">at HackU 京都工芸繊維大学 2016</h5>
-                    <p class="description">すれ違った人の聴いているプレイリストを互いに交換し新しい音楽に出会うサービス</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="//github.com/taxio/StreetPassDevice">
-                          <i class="fa fa-github"></i>リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="achievements-box">
-              <h2 class="achievements-date-title text-info border-info">2015</h2>
-              <div class="achievements-list">
-                <div class="row contest-box">
-                  <div class="col-12 col-md-3 contest-thumb-box">
-                    <img class="img-thumbnail contest-thumb" src="images/qkoubot.jpg">
-                  </div>
-                  <div class="col-12 col-md-9 product-description">
-                    <h3 class="product-name">休講情報bot</h3>
-                    <h5 class="contest-result"></h5>
-                    <p class="description">京都工芸繊維大学の学務課ポータルの更新情報をいち早くお伝えするTwitter bot</p>
-                    <div class="product-links">
-                      <nobr>
-                        <a href="//github.com/pddg/qkouserver">
-                          <i class="fa fa-github"></i>リポジトリ
-                        </a>
-                      </nobr>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="section text-center section-gray contact-section">
-    <div class="container">
-      <h2 class="title">Keep in touch?</h2>
-      <div class="row">
-        <div class="col-md-5 col-xs-12">
-          <div class="info">
-            <div class="icon icon-primary">
-              <i class="fa fa-fw fa-google"></i>
-            </div>
-            <div class="description">
-              <h4 class="info-title">Google Form</h4>
-              <p>
-                <nobr>連絡可能なメールアドレスを
-                  <wbr>
-                  ご用意ください．
-                </nobr>
-              </p>
-            </div>
-            <a class="contact-link"
-               href="https://docs.google.com/forms/d/e/1FAIpQLScTtbNviHuDe4Mj0C3lnPKE2aH2oLgEOQekhA_MIWAisDfdyg/viewform?usp=sf_link">link</a>
-          </div>
-        </div>
-        <div class="col-md-2 col-xs-12">
-          <div class="or-box"><p class="or">or</p></div>
-        </div>
-        <div class="col-md-5 col-xs-12">
-          <div class="info">
-            <div class="icon icon-primary">
-              <i class="fa fa-fw fa-twitter"></i>
-            </div>
-            <div class="description">
-              <h4 class="info-title">@StudioAquatan</h4>
-              <p>
-                <nobr>どなたからでも
-                  <wbr>
-                  DMを受け付けています．
-                </nobr>
-              </p>
-            </div>
-            <a class="contact-link" href="//twitter.com/StudioAquatan">link</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-<footer class="footer section-dark footer-dark">
-  <div class="container">
-    <div class="row">
-      <nav class="footer-nav">
-        <ul>
-          <li><a href="https://studioaquatan.esa.io/">Private Wiki</a></li>
-          <li><a href="https://esa-pages.io/p/sharing/8538/posts/613/07ca522e14a59f22a0c1.html">Blog</a></li>
-          <li><a href="//twitter.com/StudioAquatan">Contact</a></li>
-        </ul>
-      </nav>
-      <div class="credits ml-auto">
-					<span class="copyright">
-						© <script>document.write(new Date().getFullYear().toString())</script> Studio Aquatan
-					</span>
-      </div>
-    </div>
-  </div>
-</footer>
-</body>
-
-<!-- Core JS Files -->
-<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
-<script src="js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"></script>
-<script src="js/popper.js" type="text/javascript"></script>
-<script src="js/bootstrap.min.js" type="text/javascript"></script>
-<script src="js/bootstrap-switch.min.js" type="text/javascript"></script>
-<!--  Paper Kit Initialization snd functons -->
-<script src="js/paper-kit.js?v=2.1.0"></script>
-
-</html>
diff --git a/themes/aquatan/README.md b/themes/aquatan/README.md
new file mode 100644
index 0000000..05c374c
--- /dev/null
+++ b/themes/aquatan/README.md
@@ -0,0 +1,82 @@
+# Aquatan Hugo Theme
+
+あくあたん工房をベースにしたモダンなHugoテーマです。
+
+## 特徴
+
+- レスポンシブデザイン
+- Bootstrap 4 + Paper Kit CSS
+- 日本語対応
+- メイカーコミュニティに適したレイアウト
+
+## インストール
+
+1. Hugoサイトのルートディレクトリで以下のコマンドを実行：
+
+```bash
+git submodule add https://github.com/yourname/aquatan-theme.git themes/aquatan
+```
+
+2. `hugo.toml`で以下を設定：
+
+```toml
+theme = "aquatan"
+```
+
+## 設定
+
+### 必要なパラメーター
+
+```toml
+[params]
+  description = "サイトの説明"
+  author = "著者名"
+  twitter = "@TwitterID"
+  github = "GitHubID"
+  joinUs = "参加フォームのURL"
+  aboutLink = "紹介ページのURL"
+  contactForm = "連絡フォームのURL"
+  wiki = "WikiのURL"
+```
+
+### 機能セクション
+
+```toml
+[[params.features]]
+  title = "タイトル"
+  description = "説明文"
+  icon = "アイコンクラス"
+```
+
+### メニュー
+
+```toml
+[menu]
+  [[menu.main]]
+    name = "メニュー名"
+    url = "/url/"
+    weight = 1
+```
+
+## 使用方法
+
+1. コンテンツファイルを作成：
+   - `content/_index.md` - ホームページ
+   - `content/products/_index.md` - プロダクト一覧
+   - `content/members/_index.md` - メンバー紹介
+   - `content/news/_index.md` - ニュース
+
+2. 静的ファイルを配置：
+   - `static/images/` - 画像ファイル
+   - `static/css/` - カスタムCSS
+   - `static/js/` - カスタムJS
+
+## 開発
+
+```bash
+hugo server -D
+```
+
+## ライセンス
+
+MIT License
diff --git a/themes/aquatan/layouts/_default/baseof.html b/themes/aquatan/layouts/_default/baseof.html
new file mode 100644
index 0000000..c28af3d
--- /dev/null
+++ b/themes/aquatan/layouts/_default/baseof.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="{{ .Site.LanguageCode }}" prefix="og: http://ogp.me/ns#">
+<head>
+  <meta charset="utf-8"/>
+  <!-- favicon -->
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon.ico" | relURL }}">
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon16.png" | relURL }}" sizes="16x16">
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon32.png" | relURL }}" sizes="32x32">
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon48.png" | relURL }}" sizes="48x48">
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon96.png" | relURL }}" sizes="96x96">
+  <link rel="icon" type="image/png" href="{{ "images/favicon/favicon192.png" | relURL }}" sizes="192x192">
+  <link rel="apple-touch-icon" sizes="57x57" href="{{ "images/apple-touch-icon/apple-touch-icon57.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="72x72" href="{{ "images/apple-touch-icon/apple-touch-icon72.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="76x76" href="{{ "images/apple-touch-icon/apple-touch-icon76.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="114x114" href="{{ "images/apple-touch-icon/apple-touch-icon114.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="120x120" href="{{ "images/apple-touch-icon/apple-touch-icon120.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="144x144" href="{{ "images/apple-touch-icon/apple-touch-icon144.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="152x152" href="{{ "images/apple-touch-icon/apple-touch-icon152.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ "images/apple-touch-icon/apple-touch-icon180.png" | relURL }}">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+
+  <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
+
+  <!-- OGP information -->
+  <meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}"/>
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="{{ .Permalink }}"/>
+  <meta property="og:image" content="{{ "images/twitter_card.jpg" | absURL }}"/>
+  <meta property="og:site_name" content="{{ .Site.Title }}"/>
+  <meta property="og:description" content="{{ .Site.Params.description }}"/>
+  <meta name="twitter:card" content="summary_large_image"/>
+  <meta name="twitter:site" content="{{ .Site.Params.twitter }}"/>
+  <meta name="twitter:creator" content="{{ .Site.Params.twitter }}">
+
+  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
+  <meta name="viewport" content="width=device-width"/>
+
+  <!-- Bootstrap core CSS     -->
+  <link href="{{ "css/bootstrap.min.css" | relURL }}" rel="stylesheet"/>
+  <link href="{{ "css/paper-kit.css?v=2.1.0" | relURL }}" rel="stylesheet"/>
+  <link href="{{ "css/main.css" | relURL }}" rel="stylesheet"/>
+
+  <!--     Fonts and icons     -->
+  <link href='//fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
+  <link href="{{ "css/nucleo-icons.css" | relURL }}" rel="stylesheet">
+
+</head>
+<body>
+{{- partial "header.html" . -}}
+<div class="wrapper">
+  {{- block "main" . }}{{- end }}
+</div>
+{{- partial "footer.html" . -}}
+
+<!-- Core JS Files -->
+<script src="{{ "js/jquery-3.2.1.js" | relURL }}" type="text/javascript"></script>
+<script src="{{ "js/jquery-ui-1.12.1.custom.min.js" | relURL }}" type="text/javascript"></script>
+<script src="{{ "js/popper.js" | relURL }}" type="text/javascript"></script>
+<script src="{{ "js/bootstrap.min.js" | relURL }}" type="text/javascript"></script>
+<script src="{{ "js/bootstrap-switch.min.js" | relURL }}" type="text/javascript"></script>
+<!--  Paper Kit Initialization and functions -->
+<script src="{{ "js/paper-kit.js?v=2.1.0" | relURL }}"></script>
+
+</body>
+</html> 
\ No newline at end of file
diff --git a/themes/aquatan/layouts/_default/list.html b/themes/aquatan/layouts/_default/list.html
new file mode 100644
index 0000000..dba77da
--- /dev/null
+++ b/themes/aquatan/layouts/_default/list.html
@@ -0,0 +1,35 @@
+{{ define "main" }}
+<div class="page-header page-header-xs" data-parallax="true">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Title }}</h1>
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-8 ml-auto mr-auto">
+          {{ .Content }} {{ range .Pages }}
+          <div class="card">
+            <div class="card-body">
+              <h4 class="card-title">
+                <a href="{{ .Permalink }}">{{ .Title }}</a>
+              </h4>
+              {{ if .Date }}
+              <p class="text-muted">{{ .Date.Format "2006年1月2日" }}</p>
+              {{ end }} {{ if .Summary }}
+              <p class="card-text">{{ .Summary }}</p>
+              {{ end }}
+            </div>
+          </div>
+          <br />
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
diff --git a/themes/aquatan/layouts/_default/single.html b/themes/aquatan/layouts/_default/single.html
new file mode 100644
index 0000000..b335246
--- /dev/null
+++ b/themes/aquatan/layouts/_default/single.html
@@ -0,0 +1,25 @@
+{{ define "main" }}
+<div class="page-header page-header-xs" data-parallax="true">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Title }}</h1>
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-8 ml-auto mr-auto">
+          <article>
+            {{ if .Date }}
+            <p class="text-muted">{{ .Date.Format "2006年1月2日" }}</p>
+            {{ end }} {{ .Content }}
+          </article>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
diff --git a/themes/aquatan/layouts/index.html b/themes/aquatan/layouts/index.html
new file mode 100644
index 0000000..ebf8af0
--- /dev/null
+++ b/themes/aquatan/layouts/index.html
@@ -0,0 +1,96 @@
+{{ define "main" }}
+<div class="page-header" data-parallax="true">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Site.Title | upper }}</h1>
+      <br/>
+      {{ with .Site.Params.joinUs }}
+      <a href="{{ . }}" class="btn btn-primary btn-round"><i class="fa fa-check"></i> JOIN US</a>
+      {{ end }}
+      {{ with .Site.Params.aboutLink }}
+      <a href="{{ . }}">
+        <button type="button" class="btn btn-outline-neutral btn-round">What is "Aquatan"</button>
+      </a>
+      {{ end }}
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section text-center">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-8 ml-auto mr-auto">
+          <h2 class="title">{{ .Site.Params.communityTitle | default "Maker Community" }}</h2>
+          <h5 class="description">
+            {{ .Site.Params.description }}
+          </h5>
+        </div>
+      </div>
+      <br/><br/>
+      <div class="row">
+        {{ range .Site.Params.features }}
+        <div class="col-md-3">
+          <div class="info">
+            <div class="icon icon-danger">
+              <i class="{{ .icon }}"></i>
+            </div>
+            <div class="description">
+              <h4 class="info-title">{{ .title }}</h4>
+              <p class="description">{{ .description }}</p>
+            </div>
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+
+  <div class="section section-dark text-center contact-section">
+    <div class="container">
+      <h2 class="title">Keep in touch?</h2>
+      <div class="row">
+        <div class="col-md-5 col-xs-12">
+          <div class="info">
+            <div class="icon icon-primary">
+              <i class="fa fa-fw fa-google"></i>
+            </div>
+            <div class="description">
+              <h4 class="info-title">Google Form</h4>
+              <p>
+                <nobr>連絡可能なメールアドレスを
+                  <wbr>
+                  ご用意ください．
+                </nobr>
+              </p>
+            </div>
+            {{ with .Site.Params.contactForm }}
+            <a class="contact-link" href="{{ . }}">link</a>
+            {{ end }}
+          </div>
+        </div>
+        <div class="col-md-2 col-xs-12">
+          <div class="or-box"><p class="or">or</p></div>
+        </div>
+        <div class="col-md-5 col-xs-12">
+          <div class="info">
+            <div class="icon icon-primary">
+              <i class="fa fa-fw fa-twitter"></i>
+            </div>
+            <div class="description">
+              <h4 class="info-title">{{ .Site.Params.twitter }}</h4>
+              <p>
+                <nobr>どなたからでも
+                  <wbr>
+                  DMを受け付けています．
+                </nobr>
+              </p>
+            </div>
+            <a class="contact-link" href="//twitter.com/{{ .Site.Params.twitter | strings.TrimPrefix "@" }}">link</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }} 
\ No newline at end of file
diff --git a/themes/aquatan/layouts/members/list.html b/themes/aquatan/layouts/members/list.html
new file mode 100644
index 0000000..32c7134
--- /dev/null
+++ b/themes/aquatan/layouts/members/list.html
@@ -0,0 +1,74 @@
+{{ define "main" }}
+<div class="page-header page-header-small" data-parallax="true"
+     style="background-image: url('{{ "images/aquatan_zoom1.jpg" | relURL }}');background-position: bottom;">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Title }}</h1>
+      <h3>Click their icons to see more detail</h3>
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section">
+    <div class="container">
+      {{ .Content }}
+      
+      <!-- 現役メンバー -->
+      <h2 class="text-center">現役メンバー</h2>
+      <div class="row">
+        {{ range .Pages }}
+        {{ if not .Params.is_alumnus }}
+        <!-- member section -->
+        <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
+          <div class="row flex-wrapper">
+            <div class="col-5 col-md-4 member">
+              <a href="{{ .Permalink }}">
+                <img src="{{ .Params.avatar | relURL }}" alt="{{ .Title }}"
+                     class="img-circle img-no-padding img-responsive" />
+              </a>
+            </div>
+            <div class="col-7 col-md-8 member">
+              <div class="member-description">
+                <h3>{{ .Title }}</h3>
+                <h6>{{ .Params.role }}</h6>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- end member section -->
+        {{ end }}
+        {{ end }}
+      </div>
+
+      <!-- OB/OG -->
+      <hr class="my-5">
+      <h2 class="text-center">OB/OG</h2>
+      <div class="row">
+        {{ range .Pages }}
+        {{ if .Params.is_alumnus }}
+        <!-- member section -->
+        <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
+          <div class="row flex-wrapper">
+            <div class="col-5 col-md-4 member">
+              <a href="{{ .Permalink }}">
+                <img src="{{ .Params.avatar | relURL }}" alt="{{ .Title }}"
+                     class="img-circle img-no-padding img-responsive" />
+              </a>
+            </div>
+            <div class="col-7 col-md-8 member">
+              <div class="member-description">
+                <h3>{{ .Title }} <small class="text-muted">(OB/OG)</small></h3>
+                <h6>{{ .Params.role }}</h6>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- end member section -->
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }} 
\ No newline at end of file
diff --git a/themes/aquatan/layouts/members/single.html b/themes/aquatan/layouts/members/single.html
new file mode 100644
index 0000000..88b13c5
--- /dev/null
+++ b/themes/aquatan/layouts/members/single.html
@@ -0,0 +1,127 @@
+{{ define "main" }}
+<div
+  class="page-header page-header-xs"
+  data-parallax="true"
+  {{
+  if
+  .Params.background
+  }}
+  style="background-image: url('{{ .Params.background | relURL }}');background-position: center;"
+  {{
+  end
+  }}
+>
+  <div class="filter"></div>
+</div>
+<div class="section profile-content">
+  <div class="container">
+    <div class="owner">
+      <div class="avatar">
+        <img
+          src="{{ .Params.avatar | relURL }}"
+          alt="Circle Image"
+          class="img-circle img-no-padding img-responsive"
+        />
+      </div>
+      <div class="name">
+        <h4 class="title">{{ .Title }}<br /></h4>
+        <h6 class="description">{{ .Params.role }}</h6>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-6 ml-auto mr-auto text-center">
+        <p class="profile-description">{{ .Params.description }}</p>
+        <div class="text-center profile-links">
+          {{ if .Params.twitter }}
+          <a
+            href="//twitter.com/{{ .Params.twitter }}"
+            class="btn btn-link btn-primary"
+          >
+            <i class="fa fa-twitter"></i>
+          </a>
+          {{ end }} {{ if .Params.github }}
+          <a
+            href="//github.com/{{ .Params.github }}"
+            class="btn btn-link btn-primary"
+          >
+            <i class="fa fa-github"></i>
+          </a>
+          {{ end }} {{ if .Params.website }}
+          <a href="{{ .Params.website }}" class="btn btn-link btn-primary">
+            <i class="fa fa-globe"></i>
+          </a>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+    <br />
+    {{ if .Params.skills }}
+    <div class="nav-tabs-navigation">
+      <div class="nav-tabs-wrapper">
+        <ul class="nav nav-tabs" role="tablist">
+          <li class="nav-item">
+            <a
+              class="nav-link active"
+              data-toggle="tab"
+              href="#skills"
+              role="tab"
+              >できること</a
+            >
+          </li>
+          {{ if .Params.interests }}
+          <li class="nav-item">
+            <a class="nav-link" data-toggle="tab" href="#interests" role="tab"
+              >やってみたいこと</a
+            >
+          </li>
+          {{ end }}
+        </ul>
+      </div>
+    </div>
+    <!-- Tab panes -->
+    <div class="tab-content following">
+      <div class="tab-pane active" id="skills" role="tabpanel">
+        <div class="row">
+          <div class="col-md-6 ml-auto mr-auto">
+            <ul class="list-unstyled">
+              {{ range .Params.skills }}
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>{{ .name }}</h5></div>
+                  <div class="col-6"><p>{{ .description }}</p></div>
+                </div>
+              </li>
+              <hr />
+              {{ end }}
+            </ul>
+          </div>
+        </div>
+      </div>
+      {{ if .Params.interests }}
+      <div class="tab-pane text-center" id="interests" role="tabpanel">
+        <div class="row">
+          <div class="col-md-6 ml-auto mr-auto">
+            <ul class="list-unstyled">
+              {{ range .Params.interests }}
+              <li>
+                <div class="row profile-tab-item">
+                  <div class="col-6"><h5>{{ .name }}</h5></div>
+                  <div class="col-6"><p>{{ .description }}</p></div>
+                </div>
+              </li>
+              <hr />
+              {{ end }}
+            </ul>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+
+    <div class="row">
+      <div class="col-md-8 ml-auto mr-auto">{{ .Content }}</div>
+    </div>
+  </div>
+</div>
+{{ end }}
diff --git a/themes/aquatan/layouts/news/list.html b/themes/aquatan/layouts/news/list.html
new file mode 100644
index 0000000..3eeff2d
--- /dev/null
+++ b/themes/aquatan/layouts/news/list.html
@@ -0,0 +1,40 @@
+{{ define "main" }}
+<div class="page-header page-header-xs" data-parallax="true">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Title }}</h1>
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-8 ml-auto mr-auto">
+          {{ .Content }} {{ range .Pages }}
+          <article class="card">
+            <div class="card-body">
+              <h4 class="card-title">
+                <a href="{{ .Permalink }}">{{ .Title }}</a>
+              </h4>
+              <p class="text-muted">
+                {{ .Date.Format "2006年1月2日" }} {{ if .Params.author }} - {{
+                .Params.author }}{{ end }}
+              </p>
+              {{ if .Summary }}
+              <p class="card-text">{{ .Summary }}</p>
+              {{ end }}
+              <a href="{{ .Permalink }}" class="btn btn-primary btn-sm"
+                >続きを読む</a
+              >
+            </div>
+          </article>
+          <br />
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
diff --git a/themes/aquatan/layouts/partials/footer.html b/themes/aquatan/layouts/partials/footer.html
new file mode 100644
index 0000000..c8ef1eb
--- /dev/null
+++ b/themes/aquatan/layouts/partials/footer.html
@@ -0,0 +1,17 @@
+<footer class="footer section-dark">
+  <div class="container">
+    <div class="row">
+      <nav class="footer-nav">
+        <ul>
+          <li><a href="{{ .Site.Params.wiki | default "#" }}">Private Wiki</a></li>
+          <li><a href="//twitter.com/{{ .Site.Params.twitter | strings.TrimPrefix "@" }}">Contact</a></li>
+        </ul>
+      </nav>
+      <div class="credits ml-auto">
+        <span class="copyright">
+          © <script>document.write(new Date().getFullYear().toString())</script> {{ .Site.Params.author }}
+        </span>
+      </div>
+    </div>
+  </div>
+</footer> 
\ No newline at end of file
diff --git a/themes/aquatan/layouts/partials/header.html b/themes/aquatan/layouts/partials/header.html
new file mode 100644
index 0000000..db9e38b
--- /dev/null
+++ b/themes/aquatan/layouts/partials/header.html
@@ -0,0 +1,39 @@
+<nav class="navbar navbar-expand-lg fixed-top navbar-transparent" color-on-scroll="200">
+  <div class="container">
+    <div class="navbar-translate">
+      <a class="navbar-brand" href="{{ "/" | relURL }}"><span>{{ .Site.Title }}</span></a>
+      <button class="navbar-toggler navbar-toggler-right navbar-burger" type="button" data-toggle="collapse"
+              data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false"
+              aria-label="Toggle navigation">
+        <span class="navbar-toggler-bar"></span>
+        <span class="navbar-toggler-bar"></span>
+        <span class="navbar-toggler-bar"></span>
+      </button>
+    </div>
+    <div class="collapse navbar-collapse" id="navbarToggler">
+      <ul class="navbar-nav ml-auto">
+        {{ range .Site.Menus.main }}
+        <li class="nav-item">
+          <a href="{{ .URL | relURL }}" class="nav-link">
+            {{ if .Params.icon }}<i class="{{ .Params.icon }}"></i>{{ end }} {{ .Name }}
+          </a>
+        </li>
+        {{ end }}
+        <li class="nav-item">
+          <a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom"
+             href="https://twitter.com/{{ .Site.Params.twitter | strings.TrimPrefix "@" }}/" target="_blank">
+            <i class="fa fa-twitter"></i>
+            <p class="d-lg-none">Twitter</p>
+          </a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" rel="tooltip" title="Star on GitHub" data-placement="bottom"
+             href="https://www.github.com/{{ .Site.Params.github }}" target="_blank">
+            <i class="fa fa-github"></i>
+            <p class="d-lg-none">GitHub</p>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav> 
\ No newline at end of file
diff --git a/themes/aquatan/layouts/products/list.html b/themes/aquatan/layouts/products/list.html
new file mode 100644
index 0000000..a2505c8
--- /dev/null
+++ b/themes/aquatan/layouts/products/list.html
@@ -0,0 +1,78 @@
+{{ define "main" }}
+<div class="page-header page-header-small" data-parallax="true"
+     style="background-image: url('{{ "images/achievement-bg.jpg" | relURL }}');background-position: top;">
+  <div class="filter"></div>
+  <div class="container">
+    <div class="motto text-center">
+      <h1>{{ .Title }}</h1>
+    </div>
+  </div>
+</div>
+<div class="main">
+  <div class="section">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-10 mr-auto ml-auto">
+          {{ .Content }}
+          
+          {{ $products := .Pages.GroupByDate "2006" }}
+          {{ range $products }}
+          <div class="achievements-box">
+            <h2 class="achievements-date-title text-info border-info">{{ .Key }}</h2>
+            <div class="achievements-list">
+              {{ range .Pages }}
+              <div class="row contest-box">
+                <div class="col-12 col-md-3 contest-thumb-box">
+                  {{ if .Params.image }}
+                  <img class="img-thumbnail contest-thumb" src="{{ .Params.image | relURL }}">
+                  {{ end }}
+                </div>
+                <div class="col-12 col-md-9 product-description">
+                  <h3 class="product-name">{{ .Title }}</h3>
+                  {{ if .Params.award }}
+                  <h5 class="contest-result">
+                    <span class="text-danger">{{ .Params.award }}</span> at {{ .Params.event }}
+                    {{ if .Params.team }}（{{ .Params.team }}）{{ end }}
+                  </h5>
+                  {{ else }}
+                  <h5 class="contest-result">
+                    at {{ .Params.event }}
+                    {{ if .Params.team }}（{{ .Params.team }}）{{ end }}
+                  </h5>
+                  {{ end }}
+                  <p class="description">{{ .Content }}</p>
+                  <div class="product-links">
+                    {{ if .Params.github }}
+                    <nobr>
+                      <a href="{{ .Params.github }}">
+                        <i class="fa fa-github"></i> リポジトリ
+                      </a>
+                    </nobr>
+                    {{ end }}
+                    {{ if .Params.adobe_xd }}
+                    <nobr>
+                      <a href="{{ .Params.adobe_xd }}">
+                        <i class="fa fa-image"></i> Adobe XD
+                      </a>
+                    </nobr>
+                    {{ end }}
+                    {{ if .Params.website }}
+                    <nobr>
+                      <a href="{{ .Params.website }}">
+                        <i class="fa fa-globe"></i> Website
+                      </a>
+                    </nobr>
+                    {{ end }}
+                  </div>
+                </div>
+              </div>
+              {{ end }}
+            </div>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }} 
\ No newline at end of file
diff --git a/css/bootstrap.min.css b/themes/aquatan/static/css/bootstrap.min.css
similarity index 100%
rename from css/bootstrap.min.css
rename to themes/aquatan/static/css/bootstrap.min.css
diff --git a/themes/aquatan/static/css/main.css b/themes/aquatan/static/css/main.css
new file mode 100644
index 0000000..b36842a
--- /dev/null
+++ b/themes/aquatan/static/css/main.css
@@ -0,0 +1,193 @@
+.page-header {
+  background-image: url("../images/aquatan_pan1.jpg");
+  background-position: top;
+}
+
+.main {
+  position: relative;
+  z-index: 2;
+}
+
+.info .info-title {
+  margin: 10px auto;
+}
+
+.info {
+  margin: 20px auto;
+}
+
+.fa {
+  text-align: center;
+}
+
+.or-box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.or {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-size: 2em;
+}
+
+.contact-section .container {
+  width: 50%;
+}
+
+.contact-section .info {
+  position: relative;
+  padding: 10px;
+}
+
+a.contact-link {
+  position: absolute;
+  display: block;
+  width: 100%;
+  height: 100%;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -moz-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -o-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  text-indent: -9999px;
+}
+
+a.contact-link:hover {
+  border: 1px solid #51cbce;
+  border-radius: 10px;
+}
+
+.profile-content {
+  padding-top: 0;
+  position: relative;
+  z-index: 2;
+}
+
+.profile-tab-item {
+  text-align: center;
+}
+
+.profile-description {
+  margin: 0px auto 20px auto;
+}
+
+.profile-links .btn i {
+  font-size: 30px;
+}
+
+.flex-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.member-wrapper {
+  margin-bottom: 20px;
+}
+
+.member {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.member-description h3,
+.member-description h6,
+.product-name {
+  margin: 0;
+}
+
+.ob-og-tag {
+  text-align: center;
+}
+
+.footer-dark {
+  background-color: #0b1011;
+}
+
+.achievements-date-title {
+  border-bottom: 1px solid gray;
+  margin-bottom: 40px;
+}
+
+.achievements-list {
+  margin-left: 10%;
+}
+
+.contest-box {
+  margin-bottom: 50px;
+}
+
+.product-name {
+  font-size: 2.5em;
+}
+
+.product-name a {
+  padding-left: 20px;
+}
+
+.product-links a {
+  border-bottom: 1px solid #51cbce;
+  line-height: 2em;
+  margin-right: 20px;
+}
+
+.contest-result {
+  margin-bottom: 20px;
+}
+
+.navbar .navbar-brand {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.navbar .navbar-brand::before {
+  content: "";
+  background: url("../images/logo/logo-blue.png") no-repeat right center;
+  background-size: contain;
+  width: 32px;
+  height: 32px;
+  display: inline-block;
+  margin: 0 10px;
+}
+
+.navbar-transparent .navbar-brand::before {
+  background: url("../images/logo/logo-white.png") no-repeat right center;
+  background-size: contain;
+}
+
+@media screen and (max-width: 768px) {
+  .contact-section .container {
+    width: 100%;
+  }
+
+  .achievements-list {
+    margin: 0;
+  }
+  .contest-thumb-box {
+    padding: 20px;
+  }
+  .navbar-brand {
+    padding-left: 16px;
+  }
+}
diff --git a/css/nucleo-icons.css b/themes/aquatan/static/css/nucleo-icons.css
similarity index 100%
rename from css/nucleo-icons.css
rename to themes/aquatan/static/css/nucleo-icons.css
diff --git a/css/paper-kit.css b/themes/aquatan/static/css/paper-kit.css
similarity index 100%
rename from css/paper-kit.css
rename to themes/aquatan/static/css/paper-kit.css
diff --git a/fonts/nucleo-icons.eot b/themes/aquatan/static/fonts/nucleo-icons.eot
similarity index 100%
rename from fonts/nucleo-icons.eot
rename to themes/aquatan/static/fonts/nucleo-icons.eot
diff --git a/fonts/nucleo-icons.ttf b/themes/aquatan/static/fonts/nucleo-icons.ttf
similarity index 100%
rename from fonts/nucleo-icons.ttf
rename to themes/aquatan/static/fonts/nucleo-icons.ttf
diff --git a/fonts/nucleo-icons.woff b/themes/aquatan/static/fonts/nucleo-icons.woff
similarity index 100%
rename from fonts/nucleo-icons.woff
rename to themes/aquatan/static/fonts/nucleo-icons.woff
diff --git a/fonts/nucleo-icons.woff2 b/themes/aquatan/static/fonts/nucleo-icons.woff2
similarity index 100%
rename from fonts/nucleo-icons.woff2
rename to themes/aquatan/static/fonts/nucleo-icons.woff2
diff --git a/themes/aquatan/static/images/achievement-bg.jpg b/themes/aquatan/static/images/achievement-bg.jpg
new file mode 100644
index 0000000..01c634a
Binary files /dev/null and b/themes/aquatan/static/images/achievement-bg.jpg differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon.png
new file mode 100644
index 0000000..45c4967
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon114.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon114.png
new file mode 100644
index 0000000..74e51d3
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon114.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon120.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon120.png
new file mode 100644
index 0000000..6b49c60
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon120.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon144.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon144.png
new file mode 100644
index 0000000..120f34d
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon144.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon152.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon152.png
new file mode 100644
index 0000000..8939695
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon152.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon180.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon180.png
new file mode 100644
index 0000000..45c4967
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon180.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon57.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon57.png
new file mode 100644
index 0000000..f015e46
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon57.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon72.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon72.png
new file mode 100644
index 0000000..a795f19
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon72.png differ
diff --git a/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon76.png b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon76.png
new file mode 100644
index 0000000..9e4b68e
Binary files /dev/null and b/themes/aquatan/static/images/apple-touch-icon/apple-touch-icon76.png differ
diff --git a/themes/aquatan/static/images/aquatan_pan1.jpg b/themes/aquatan/static/images/aquatan_pan1.jpg
new file mode 100644
index 0000000..a4321ad
Binary files /dev/null and b/themes/aquatan/static/images/aquatan_pan1.jpg differ
diff --git a/themes/aquatan/static/images/aquatan_pan2.jpg b/themes/aquatan/static/images/aquatan_pan2.jpg
new file mode 100644
index 0000000..c923c65
Binary files /dev/null and b/themes/aquatan/static/images/aquatan_pan2.jpg differ
diff --git a/themes/aquatan/static/images/aquatan_zoom1.jpg b/themes/aquatan/static/images/aquatan_zoom1.jpg
new file mode 100644
index 0000000..944efe2
Binary files /dev/null and b/themes/aquatan/static/images/aquatan_zoom1.jpg differ
diff --git a/themes/aquatan/static/images/aquatan_zoom2.jpg b/themes/aquatan/static/images/aquatan_zoom2.jpg
new file mode 100644
index 0000000..81ad5c0
Binary files /dev/null and b/themes/aquatan/static/images/aquatan_zoom2.jpg differ
diff --git a/themes/aquatan/static/images/avatars/Barry.png b/themes/aquatan/static/images/avatars/Barry.png
new file mode 100644
index 0000000..4ed22e9
Binary files /dev/null and b/themes/aquatan/static/images/avatars/Barry.png differ
diff --git a/themes/aquatan/static/images/avatars/ayumi.JPG b/themes/aquatan/static/images/avatars/ayumi.JPG
new file mode 100644
index 0000000..7b8eca9
Binary files /dev/null and b/themes/aquatan/static/images/avatars/ayumi.JPG differ
diff --git a/themes/aquatan/static/images/avatars/haia.jpg b/themes/aquatan/static/images/avatars/haia.jpg
new file mode 100644
index 0000000..95e1744
Binary files /dev/null and b/themes/aquatan/static/images/avatars/haia.jpg differ
diff --git a/themes/aquatan/static/images/avatars/hatto.jpg b/themes/aquatan/static/images/avatars/hatto.jpg
new file mode 100644
index 0000000..93896a2
Binary files /dev/null and b/themes/aquatan/static/images/avatars/hatto.jpg differ
diff --git a/themes/aquatan/static/images/avatars/iida.jpg b/themes/aquatan/static/images/avatars/iida.jpg
new file mode 100644
index 0000000..b8ecf64
Binary files /dev/null and b/themes/aquatan/static/images/avatars/iida.jpg differ
diff --git a/themes/aquatan/static/images/avatars/koba.jpg b/themes/aquatan/static/images/avatars/koba.jpg
new file mode 100644
index 0000000..0a9752e
Binary files /dev/null and b/themes/aquatan/static/images/avatars/koba.jpg differ
diff --git a/themes/aquatan/static/images/avatars/lanqiu.jpg b/themes/aquatan/static/images/avatars/lanqiu.jpg
new file mode 100644
index 0000000..30a45e9
Binary files /dev/null and b/themes/aquatan/static/images/avatars/lanqiu.jpg differ
diff --git a/themes/aquatan/static/images/avatars/mama.jpg b/themes/aquatan/static/images/avatars/mama.jpg
new file mode 100644
index 0000000..de7d77b
Binary files /dev/null and b/themes/aquatan/static/images/avatars/mama.jpg differ
diff --git a/themes/aquatan/static/images/avatars/mama.png b/themes/aquatan/static/images/avatars/mama.png
new file mode 100644
index 0000000..6f1badf
Binary files /dev/null and b/themes/aquatan/static/images/avatars/mama.png differ
diff --git a/themes/aquatan/static/images/avatars/masapyon.jpg b/themes/aquatan/static/images/avatars/masapyon.jpg
new file mode 100644
index 0000000..5ecd303
Binary files /dev/null and b/themes/aquatan/static/images/avatars/masapyon.jpg differ
diff --git a/themes/aquatan/static/images/avatars/miyagawa.png b/themes/aquatan/static/images/avatars/miyagawa.png
new file mode 100644
index 0000000..520099d
Binary files /dev/null and b/themes/aquatan/static/images/avatars/miyagawa.png differ
diff --git a/themes/aquatan/static/images/avatars/mmnk.jpeg b/themes/aquatan/static/images/avatars/mmnk.jpeg
new file mode 100644
index 0000000..062caff
Binary files /dev/null and b/themes/aquatan/static/images/avatars/mmnk.jpeg differ
diff --git a/themes/aquatan/static/images/avatars/nishi.png b/themes/aquatan/static/images/avatars/nishi.png
new file mode 100644
index 0000000..65caa80
Binary files /dev/null and b/themes/aquatan/static/images/avatars/nishi.png differ
diff --git a/themes/aquatan/static/images/avatars/pudding.png b/themes/aquatan/static/images/avatars/pudding.png
new file mode 100644
index 0000000..27d6659
Binary files /dev/null and b/themes/aquatan/static/images/avatars/pudding.png differ
diff --git a/themes/aquatan/static/images/avatars/sapphire.jpg b/themes/aquatan/static/images/avatars/sapphire.jpg
new file mode 100644
index 0000000..a8058aa
Binary files /dev/null and b/themes/aquatan/static/images/avatars/sapphire.jpg differ
diff --git a/themes/aquatan/static/images/avatars/shanpu.jpg b/themes/aquatan/static/images/avatars/shanpu.jpg
new file mode 100644
index 0000000..307d406
Binary files /dev/null and b/themes/aquatan/static/images/avatars/shanpu.jpg differ
diff --git a/themes/aquatan/static/images/avatars/shunsei.jpg b/themes/aquatan/static/images/avatars/shunsei.jpg
new file mode 100644
index 0000000..dd604b2
Binary files /dev/null and b/themes/aquatan/static/images/avatars/shunsei.jpg differ
diff --git a/themes/aquatan/static/images/avatars/taxio.JPG b/themes/aquatan/static/images/avatars/taxio.JPG
new file mode 100644
index 0000000..d5d5069
Binary files /dev/null and b/themes/aquatan/static/images/avatars/taxio.JPG differ
diff --git a/themes/aquatan/static/images/avatars/tinu.png b/themes/aquatan/static/images/avatars/tinu.png
new file mode 100644
index 0000000..f3bf0b1
Binary files /dev/null and b/themes/aquatan/static/images/avatars/tinu.png differ
diff --git a/themes/aquatan/static/images/avatars/unknown.png b/themes/aquatan/static/images/avatars/unknown.png
new file mode 100644
index 0000000..158cea4
Binary files /dev/null and b/themes/aquatan/static/images/avatars/unknown.png differ
diff --git a/themes/aquatan/static/images/avatars/yamakai.png b/themes/aquatan/static/images/avatars/yamakai.png
new file mode 100644
index 0000000..176fa42
Binary files /dev/null and b/themes/aquatan/static/images/avatars/yamakai.png differ
diff --git a/themes/aquatan/static/images/avatars/yutaro.JPG b/themes/aquatan/static/images/avatars/yutaro.JPG
new file mode 100644
index 0000000..4f40259
Binary files /dev/null and b/themes/aquatan/static/images/avatars/yutaro.JPG differ
diff --git a/themes/aquatan/static/images/avatars/yuyu.png b/themes/aquatan/static/images/avatars/yuyu.png
new file mode 100644
index 0000000..7d02169
Binary files /dev/null and b/themes/aquatan/static/images/avatars/yuyu.png differ
diff --git a/themes/aquatan/static/images/avatars/zyuc.png b/themes/aquatan/static/images/avatars/zyuc.png
new file mode 100644
index 0000000..a66dd03
Binary files /dev/null and b/themes/aquatan/static/images/avatars/zyuc.png differ
diff --git a/themes/aquatan/static/images/digithack.svg b/themes/aquatan/static/images/digithack.svg
new file mode 100644
index 0000000..1859556
--- /dev/null
+++ b/themes/aquatan/static/images/digithack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><defs><style>.cls-1{fill:#017d4b;}.cls-2,.cls-3{fill:#ffe20e;}.cls-2,.cls-3,.cls-4,.cls-5{stroke:#000;}.cls-2,.cls-4,.cls-5{stroke-linejoin:round;}.cls-2,.cls-5{stroke-width:8px;}.cls-3{stroke-miterlimit:10;stroke-width:9px;}.cls-4,.cls-5{fill:none;}.cls-4{stroke-linecap:round;stroke-width:10px;}</style></defs><title>degithack</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="レイヤー_1-2" data-name="レイヤー 1"><rect class="cls-1" width="1080" height="1080"/><g id="logo"><g id="ボ"><polygon class="cls-2" points="222 411 262 411 262 371 287 371 287 411 327 411 327 435 287 435 287 499 261 499 261 438 222 438 222 411"/><polygon class="cls-2" points="236 451 216 474 234.71 494 253 468.86 236 451"/><polygon class="cls-2" points="313 446 336 473 316.57 491 296 466.66 313 446"/><circle class="cls-3" cx="314.37" cy="399.62" r="17.87"/><circle class="cls-3" cx="350.13" cy="399.62" r="17.87"/></g><path id="ス" class="cls-2" d="M433,385h78c0,15-12,50-16,55,5,4,25,18,25,18l-12,23-31-21-44,39s-10-13-19-21c28-17,62-55,62-66-9,0-43,1-43,1Z"/><polygon id="キ" class="cls-2" points="594.53 410.07 614.78 401.16 607.06 383.61 628.28 374.27 636 391.83 655.29 383.34 665.59 406.74 649.01 414.21 656.47 430.19 688.31 416.53 697.75 437.99 663.95 452.56 679.92 487.71 654.36 498.97 638.92 463.87 607.09 477.87 597.23 455.44 630.98 440.59 624.98 426.94 605.69 435.43 594.53 410.07"/><g id="タ"><polygon class="cls-2" points="790 426 816 438 795 487 819 498 866 401 797 372 758 434 778 445 790 426"/><line class="cls-4" x1="808" y1="403" x2="826" y2="411"/></g><path id="ス-2" data-name="ス" class="cls-2" d="M244,603h78c0,15-12,50-16,55,5,4,25,18,25,18l-12,23-31-21-44,39s-10-13-19-21c28-17,62-55,62-66-9,0-43,1-43,1Z"/><path id="イ" class="cls-2" d="M448,664v49h29l2-68,28-22s-15-16-19-20c-22,19-60,45-84,58,4,6,17,23,17,23Z"/><g id="ッ"><circle class="cls-2" cx="593.5" cy="649.5" r="23.5"/><circle class="cls-2" cx="640.5" cy="649.5" r="23.5"/><path class="cls-2" d="M682,656c3,3,15,14,18,17-5,8-38,38-47,44l-18-18C644.57,692,668.08,671,682,656Z"/><circle cx="593.5" cy="649.5" r="5.5"/><circle cx="640.5" cy="649.5" r="5.5"/></g><path id="チ" class="cls-2" d="M855,588c2,7,7,22,7,22l-19,10v28h30v24H844l-11,42-30-4,10-37H781V647h32V627l-27,7s-4-18-5-23C794,608,838,596,855,588Z"/><rect id="枠" class="cls-5" x="61" y="206" width="957" height="668" rx="12" ry="12"/></g></g></g></svg>
\ No newline at end of file
diff --git a/themes/aquatan/static/images/favicon.ico b/themes/aquatan/static/images/favicon.ico
new file mode 100644
index 0000000..0cf0201
Binary files /dev/null and b/themes/aquatan/static/images/favicon.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon.ico b/themes/aquatan/static/images/favicon/favicon.ico
new file mode 100644
index 0000000..0cf0201
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon16.ico b/themes/aquatan/static/images/favicon/favicon16.ico
new file mode 100644
index 0000000..d21a893
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon16.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon16.png b/themes/aquatan/static/images/favicon/favicon16.png
new file mode 100644
index 0000000..c160bd9
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon16.png differ
diff --git a/themes/aquatan/static/images/favicon/favicon192.png b/themes/aquatan/static/images/favicon/favicon192.png
new file mode 100644
index 0000000..16566b9
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon192.png differ
diff --git a/themes/aquatan/static/images/favicon/favicon32.ico b/themes/aquatan/static/images/favicon/favicon32.ico
new file mode 100644
index 0000000..3ded8b1
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon32.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon32.png b/themes/aquatan/static/images/favicon/favicon32.png
new file mode 100644
index 0000000..82553e2
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon32.png differ
diff --git a/themes/aquatan/static/images/favicon/favicon48.ico b/themes/aquatan/static/images/favicon/favicon48.ico
new file mode 100644
index 0000000..13fd5f8
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon48.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon48.png b/themes/aquatan/static/images/favicon/favicon48.png
new file mode 100644
index 0000000..ae6d75c
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon48.png differ
diff --git a/themes/aquatan/static/images/favicon/favicon64.ico b/themes/aquatan/static/images/favicon/favicon64.ico
new file mode 100644
index 0000000..0cf0201
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon64.ico differ
diff --git a/themes/aquatan/static/images/favicon/favicon96.png b/themes/aquatan/static/images/favicon/favicon96.png
new file mode 100644
index 0000000..0dd934b
Binary files /dev/null and b/themes/aquatan/static/images/favicon/favicon96.png differ
diff --git a/themes/aquatan/static/images/hacku2018osaka.png b/themes/aquatan/static/images/hacku2018osaka.png
new file mode 100644
index 0000000..bdb1702
Binary files /dev/null and b/themes/aquatan/static/images/hacku2018osaka.png differ
diff --git a/themes/aquatan/static/images/hacku2020.JPG b/themes/aquatan/static/images/hacku2020.JPG
new file mode 100644
index 0000000..90de8e1
Binary files /dev/null and b/themes/aquatan/static/images/hacku2020.JPG differ
diff --git a/themes/aquatan/static/images/haia-bg.jpg b/themes/aquatan/static/images/haia-bg.jpg
new file mode 100644
index 0000000..91c8fe0
Binary files /dev/null and b/themes/aquatan/static/images/haia-bg.jpg differ
diff --git a/themes/aquatan/static/images/jphacks_2017.jpg b/themes/aquatan/static/images/jphacks_2017.jpg
new file mode 100644
index 0000000..8e8acd1
Binary files /dev/null and b/themes/aquatan/static/images/jphacks_2017.jpg differ
diff --git a/themes/aquatan/static/images/jphacks_2018.png b/themes/aquatan/static/images/jphacks_2018.png
new file mode 100644
index 0000000..e733f88
Binary files /dev/null and b/themes/aquatan/static/images/jphacks_2018.png differ
diff --git a/themes/aquatan/static/images/kit_2016.jpg b/themes/aquatan/static/images/kit_2016.jpg
new file mode 100644
index 0000000..e4040c6
Binary files /dev/null and b/themes/aquatan/static/images/kit_2016.jpg differ
diff --git a/themes/aquatan/static/images/kit_2017.jpg b/themes/aquatan/static/images/kit_2017.jpg
new file mode 100644
index 0000000..39681cf
Binary files /dev/null and b/themes/aquatan/static/images/kit_2017.jpg differ
diff --git a/themes/aquatan/static/images/kit_2018_bosite.png b/themes/aquatan/static/images/kit_2018_bosite.png
new file mode 100644
index 0000000..f722a6d
Binary files /dev/null and b/themes/aquatan/static/images/kit_2018_bosite.png differ
diff --git a/themes/aquatan/static/images/kit_2018_newgene.png b/themes/aquatan/static/images/kit_2018_newgene.png
new file mode 100644
index 0000000..de871be
Binary files /dev/null and b/themes/aquatan/static/images/kit_2018_newgene.png differ
diff --git a/themes/aquatan/static/images/kit_2018_rougai.png b/themes/aquatan/static/images/kit_2018_rougai.png
new file mode 100644
index 0000000..7c03260
Binary files /dev/null and b/themes/aquatan/static/images/kit_2018_rougai.png differ
diff --git a/themes/aquatan/static/images/kit_2018_scream.png b/themes/aquatan/static/images/kit_2018_scream.png
new file mode 100644
index 0000000..f5bf14e
Binary files /dev/null and b/themes/aquatan/static/images/kit_2018_scream.png differ
diff --git a/themes/aquatan/static/images/kit_2019_reflect_cube.png b/themes/aquatan/static/images/kit_2019_reflect_cube.png
new file mode 100644
index 0000000..5eace8e
Binary files /dev/null and b/themes/aquatan/static/images/kit_2019_reflect_cube.png differ
diff --git a/themes/aquatan/static/images/logo/logo-black.png b/themes/aquatan/static/images/logo/logo-black.png
new file mode 100644
index 0000000..cde001c
Binary files /dev/null and b/themes/aquatan/static/images/logo/logo-black.png differ
diff --git a/themes/aquatan/static/images/logo/logo-blue.png b/themes/aquatan/static/images/logo/logo-blue.png
new file mode 100644
index 0000000..0105ed1
Binary files /dev/null and b/themes/aquatan/static/images/logo/logo-blue.png differ
diff --git a/themes/aquatan/static/images/logo/logo-white.png b/themes/aquatan/static/images/logo/logo-white.png
new file mode 100644
index 0000000..e45e2c5
Binary files /dev/null and b/themes/aquatan/static/images/logo/logo-white.png differ
diff --git a/themes/aquatan/static/images/mmnk-bg.png b/themes/aquatan/static/images/mmnk-bg.png
new file mode 100644
index 0000000..9f10749
Binary files /dev/null and b/themes/aquatan/static/images/mmnk-bg.png differ
diff --git a/themes/aquatan/static/images/pudding-bg.jpg b/themes/aquatan/static/images/pudding-bg.jpg
new file mode 100644
index 0000000..82b8c4e
Binary files /dev/null and b/themes/aquatan/static/images/pudding-bg.jpg differ
diff --git a/themes/aquatan/static/images/qkoubot.jpg b/themes/aquatan/static/images/qkoubot.jpg
new file mode 100644
index 0000000..9aa3d40
Binary files /dev/null and b/themes/aquatan/static/images/qkoubot.jpg differ
diff --git a/themes/aquatan/static/images/spajam2018.png b/themes/aquatan/static/images/spajam2018.png
new file mode 100644
index 0000000..5de0bd3
Binary files /dev/null and b/themes/aquatan/static/images/spajam2018.png differ
diff --git a/themes/aquatan/static/images/twitter_card.jpg b/themes/aquatan/static/images/twitter_card.jpg
new file mode 100644
index 0000000..04fb7c9
Binary files /dev/null and b/themes/aquatan/static/images/twitter_card.jpg differ
diff --git a/themes/aquatan/static/images/yuyu-bg.png b/themes/aquatan/static/images/yuyu-bg.png
new file mode 100644
index 0000000..998fd0f
Binary files /dev/null and b/themes/aquatan/static/images/yuyu-bg.png differ
diff --git a/js/bootstrap-datetimepicker.min.js b/themes/aquatan/static/js/bootstrap-datetimepicker.min.js
similarity index 100%
rename from js/bootstrap-datetimepicker.min.js
rename to themes/aquatan/static/js/bootstrap-datetimepicker.min.js
diff --git a/js/bootstrap-switch.min.js b/themes/aquatan/static/js/bootstrap-switch.min.js
similarity index 100%
rename from js/bootstrap-switch.min.js
rename to themes/aquatan/static/js/bootstrap-switch.min.js
diff --git a/js/bootstrap.min.js b/themes/aquatan/static/js/bootstrap.min.js
similarity index 100%
rename from js/bootstrap.min.js
rename to themes/aquatan/static/js/bootstrap.min.js
diff --git a/js/jquery-3.2.1.js b/themes/aquatan/static/js/jquery-3.2.1.js
similarity index 100%
rename from js/jquery-3.2.1.js
rename to themes/aquatan/static/js/jquery-3.2.1.js
diff --git a/js/jquery-ui-1.12.1.custom.min.js b/themes/aquatan/static/js/jquery-ui-1.12.1.custom.min.js
similarity index 100%
rename from js/jquery-ui-1.12.1.custom.min.js
rename to themes/aquatan/static/js/jquery-ui-1.12.1.custom.min.js
diff --git a/js/moment.min.js b/themes/aquatan/static/js/moment.min.js
similarity index 100%
rename from js/moment.min.js
rename to themes/aquatan/static/js/moment.min.js
diff --git a/js/nouislider.js b/themes/aquatan/static/js/nouislider.js
similarity index 100%
rename from js/nouislider.js
rename to themes/aquatan/static/js/nouislider.js
diff --git a/js/paper-kit.js b/themes/aquatan/static/js/paper-kit.js
similarity index 100%
rename from js/paper-kit.js
rename to themes/aquatan/static/js/paper-kit.js
diff --git a/js/popper.js b/themes/aquatan/static/js/popper.js
similarity index 100%
rename from js/popper.js
rename to themes/aquatan/static/js/popper.js
diff --git a/themes/aquatan/theme.toml b/themes/aquatan/theme.toml
new file mode 100644
index 0000000..be904fb
--- /dev/null
+++ b/themes/aquatan/theme.toml
@@ -0,0 +1,12 @@
+name = "Aquatan"
+license = "MIT"
+licenselink = "https://github.com/yourname/aquatan-theme/blob/master/LICENSE"
+description = "A modern theme inspired by Studio Aquatan"
+homepage = "https://github.com/yourname/aquatan-theme"
+tags = ["blog", "company", "community", "portfolio"]
+features = ["responsive", "bootstrap", "modern"]
+min_version = "0.41.0"
+
+[author]
+name = "Studio Aquatan"
+homepage = "https://www.aquatan.studio/"