diff --git a/server.py b/server.py
new file mode 100644
index 0000000000000000000000000000000000000000..e79fbada1806b0aa20c1f36981f83b4fa4b62cb1
--- /dev/null
+++ b/server.py
@@ -0,0 +1,31 @@
+import os
+from flask import Flask, redirect,request,render_template,session
+import sqlite3
+import random
+from datetime import datetime
+import json
+app=Flask(__name__)
+try:
+    with open('views.json','r') as f:
+        views=json.loads(f.read())
+except:
+    
+    views = 12
+    with open('views.json','w') as f:
+        json.dump(views,f)
+def increment():
+    global views
+    views += 1
+    with open('views.json','w') as f:
+        json.dump(views,f)
+@app.route('/')
+def gohome():
+    return redirect('home')
+@app.route('/home')
+def home():
+    increment()
+    return render_template('template2.html')
+
+
+if __name__ == '__main__':
+    app.run(debug=True)
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..3adb414bc49eda6ff4067fe5355dd44736fafeba
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,7 @@
+body {
+  font-family:georgia,serif;
+  background-image:url("/static/img/bg.png");
+  background-size:cover;
+   background-repeat: no-repeat;
+  background-attachment: fixed;
+}
diff --git a/static/img/Adachi.png b/static/img/Adachi.png
new file mode 100644
index 0000000000000000000000000000000000000000..afd95998198f778e4f10dd1d75cea330789bcd2b
Binary files /dev/null and b/static/img/Adachi.png differ
diff --git a/static/img/bg.png b/static/img/bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..20e9d1d657a057c250b77ca1639906648fde72a4
Binary files /dev/null and b/static/img/bg.png differ
diff --git a/templates/template.html b/templates/template.html
new file mode 100644
index 0000000000000000000000000000000000000000..2ea40829459b70019e4742c617a70433be14297d
--- /dev/null
+++ b/templates/template.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang ="en">
+	<head>
+		<meta charset="UTF-8">
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">	
+ <link rel="stylesheet" href="/style.css">
+		<link rel="shortcut icon" type="image/png" href="/img/adachi.png">
+		<title>Home</title>
+	</head>
+	<body>
+		{%block navbar%}
+		<nav class="navbar navbar-dark navbar-expand-md" id="barpurple">
+			<div class="container-fluid">
+				<a href="/home" class="navbar-brand"><span class="fw-bold"> : 3 </span></a>
+			<div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
+
+			<ul> 
+				<li class="nav-item">
+					<a href="/hottakes">Media Reviews</a>
+				</li>
+				<li class="nav-item">
+					<a href="/blog" class="nav-link">Blog</a>
+				</li>
+				<li class="nav-item">
+					<a href="/cooking" class="nav-link">Cooking</a>
+				</li>
+				<li class-"nav-item">
+					<a href="/modelling">Modelling</a>
+				</li>
+
+				<li class="nav-item">
+					<a href="/plushies" class="nav-link">Plushies :3</a>
+				</li>
+			</ul>
+		</div>
+		<a class="nav-item" id="loginbutton"></a>
+			</div>
+		</nav>
+		i   <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="Login" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" id="loginRegisterForm">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h1 class="modal-title fs-5" id="exampleModalLabel">Login</h1>
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+
+            <form class="" action="" onsubmit="return validateLogin()">
+            <div class="modal-body">
+                <div class="mb-3">
+                <label for="usernameLogin" class="form-label">Username</label>
+                <input type="text" class="form-control" id="usernameLogin" required>
+                </div>
+                <div class="mb-3">
+                <label for="passwordLogin" class="form-label">Password</label>
+                <input type="password" class="form-control" id="passwordLogin" required>
+                <div id="passwordLoginFeedback" class="invalid-feedback"></div>
+                </div>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn" onclick="switchtoRegister()">Register</button>
+              <button type="submit" class="btn green-btn">Login</button>
+            </form>
+
+            </div>
+          </div>
+        </div>
+      </div>
+
+
+
+
+
+		{%endblock%}
diff --git a/templates/template2.html b/templates/template2.html
new file mode 100644
index 0000000000000000000000000000000000000000..8c9f64513c11522e1a62c9e227c8f2e1105022f9
--- /dev/null
+++ b/templates/template2.html
@@ -0,0 +1,50 @@
+
+<head>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+   <link rel="stylesheet" href="/static/css/style.css">
+
+    <title>hOwOme</title>
+    <link rel="shortcut icon" type="image/png" href="img/Adachi.png"/>
+
+
+</head>
+
+{%block navbar%}
+<nav class="navbar navbar-expand-md navbar-dark"  style="background-color: #551a8b;">
+
+
+  <div class="container-fluid">
+   <a class="navbar-brand" href="#">my website uwu</a>
+    <ul class="navbar-nav ">
+
+      <li class="nav-item">
+        <a class="nav-link" href="/blog">Blogposting</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/hottakes">Media review</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/plushies">Plushies :3 </a>
+      </li>
+  <li class="nav-item">
+        <a class="nav-link" href="/food"> Cooking </a>
+      </li>
+
+      <li class="nav-item">
+        <a class="nav-link" href="/models">Modelling</a>
+      </li>
+    </ul>
+
+
+  </div>
+
+  </nav>
+{%endblock%}
+{%block bg%}
+
+<img src="/static/img/Adachi.png">
+{%endblock%}
diff --git a/views.json b/views.json
new file mode 100644
index 0000000000000000000000000000000000000000..2d73b5e3ba15b14f50c38dad75d5f05a9aa21301
--- /dev/null
+++ b/views.json
@@ -0,0 +1 @@
+152
\ No newline at end of file