3 files changed, 88 insertions, 0 deletions
diff --git a/templates/en.index.html b/templates/en.index.html
new file mode 100644
index 0000000..a948e84
--- /dev/null
+++ b/templates/en.index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Hell Correspondence</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+<body>
+	<div>
+		<form method="post" action="submit">
+			<label for="name-input"><h1>What is your grudge?</h1></label>
+			<input type="text" id="name-input" name="name" />
+			<input type="submit" id="submit-button" name="submit" value="send" />
+		</form>
+	</div>
+</body>
+</html>
diff --git a/templates/jp.index.html b/templates/jp.index.html
new file mode 100644
index 0000000..08ac0b1
--- /dev/null
+++ b/templates/jp.index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Hell Correspondence</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+<body>
+	<div>
+		<form method="post" action="submit">
+			<label for="name-input"><h1>あなたの怨み、晴らします。</h1></label>
+			<input type="text" id="name-input" name="name" />
+			<input type="submit" id="submit-button" name="submit" value="送信" />
+		</form>
+	</div>
+</body>
+</html>
diff --git a/templates/new.index.html b/templates/new.index.html
new file mode 100644
index 0000000..565b80e
--- /dev/null
+++ b/templates/new.index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" type="text/css" href="static/css/new.main.css">
+		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+		<script>
+		function myFunction() {
+			var x = document.getElementById("topnavbar");
+			if (x.className === "navbar") {
+				x.className += " responsive";
+			} else {
+				x.className = "navbar";
+			}
+		} 
+		</script>
+		<meta name="viewport" content="width=device-width, initial-scale=1"/>
+		<title>(beta)Hell Correspondence</title>
+	</head>
+	<body>
+		<div class="navbar" id="topnavbar">
+			<a href="/" class="logo" id="logo">
+				<img src="media/index.png" alt="Hell Girl anime version" width="80" height="80"></a>
+			<a href="javascript:void(0);" class="hamburger-icon" onclick="myFunction()">
+			<i class="fa fa-bars"></i></a>
+			<a href="/en">More</a>
+		</div>
+
+
+		<div class="body" id="body">
+			<div class="rightflex">
+				<br>
+				<h1>Enter someone's name to send them to <strong>hell</strong>.</h1></span>
+				<div class="form" method="POST">
+					<input type="text" id="name" name="name">
+					<button type="button" id="send">Send</button>
+				</div>
+				<div class="subtext">
+					<h3 id="subtext1">
+					<strong class="big">Notice:</strong>
+					When you <strong>curse</strong> someone, there will be two holes that you dig...
+					</h3>
+					<br>
+					<h3 id="subtext2">
+						One is for the cursed person and the other one is for <strong class="big">yourself.
+					</h3>
+				</div>
+			</div>
+			
+			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+		</div>
+		<div id="foot">
+		</div>
+	</body>
+</html>