1 files changed, 81 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5b1c653
--- /dev/null
+++ b/index.html
@@ -0,0 +1,81 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="wrap">
+      <div>Money: <div id="money"></div></div>
+      <div id="party"></div>
+
+      <div id="battle">
+        <div id="battle__enemy"></div>
+
+        <div id="battle__player"></div>
+      </div>
+    </div>
+
+    <template id="tpl___party__monster">
+      <div class="party__monster">
+        <div><div class="monster__level"></div></div>
+        <img src="" />
+        <div class="monster__exp">
+          <div class="monster__exp-bar"></div>
+        </div>
+        <div class="monster__exp-text"></div>
+        <div class="monster__active-technique"></div>
+      </div>
+    </template>
+
+    <template id="tpl___battle__monster">
+      <div class="battle__monster">
+        <div class="battle__monster-info">
+          <div class="battle__monster-info-box">
+            <div>
+              <span class="battle__monster-info__name">{NAME}</span> <span class="battle__monster-info__gender">{GENDER}</span> Lv. <span class="battle__monster-info__level">{LEVEL}</span>
+            </div>
+          <div class="hp">
+            <div class="hp-bar-wrap">
+              <div class="hp-bar"></div>
+            </div>
+            <div class="hp-text"></div>
+          </div>
+          </div>
+          <div class="battle__monster-info-exp">
+            <div class="exp-label">XP</div>
+            <div class="exp">
+              <div class="exp-bar-wrap">
+                <div class="exp-bar"></div>
+              </div>
+              <div class="exp-text"></div>
+            </div>
+          </div>
+        </div>
+        <div class="battle__monster-visual">
+          <div class="battle__monster-sprite">
+            <img src="" draggable="false" />
+          </div>
+          <div class="battle__monster-technique">
+
+          </div>
+        </div>
+      </div>
+    </template>
+
+    <template id="tpl___popup">
+      <div class="popup__overlay">
+        <div class="popup"></div>
+      </div>
+    </template>
+
+    <template id="tpl___moveset__list">
+      <div class="moveset__list"></div>
+    </template>
+    <template id="tpl___moveset__item">
+      <div class="moveset__item">
+        name, lvlrequired, types, power
+      </div>
+    </template>
+
+    <script type="text/javascript" src="script.js"></script>
+  </body>
+</html>