diff --git a/account/__init__.py b/account/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/account/admin.py b/account/admin.py
new file mode 100644
index 0000000000000000000000000000000000000000..8c38f3f3dad51e4585f3984282c2a4bec5349c1e
--- /dev/null
+++ b/account/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/account/apps.py b/account/apps.py
new file mode 100644
index 0000000000000000000000000000000000000000..2b08f1ad51297b0d54b1467bf28e4d10011368c7
--- /dev/null
+++ b/account/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AccountConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'account'
diff --git a/account/migrations/__init__.py b/account/migrations/__init__.py
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/account/models.py b/account/models.py
new file mode 100644
index 0000000000000000000000000000000000000000..71a836239075aa6e6e4ecb700e9c42c95c022d91
--- /dev/null
+++ b/account/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/account/templates/login.html b/account/templates/login.html
new file mode 100644
index 0000000000000000000000000000000000000000..ec1f35e5b6b8c4dd1aa893b9165aa7773dcebeaa
--- /dev/null
+++ b/account/templates/login.html
@@ -0,0 +1,31 @@
+{% extends 'base.html' %} {% block meta %}
+<title>Login</title>
+{% endblock meta %} {% block content %}
+
+<div class="flex justify-center items-center">
+    <div class="bg-red-200 w-fit rounded-lg">
+        <div class="login w-[25rem] drop-shadow-2xl flex flex-col justify-center items-center bg-cream-tua p-10 rounded-xl lg:scale-100 md:scale-90 scale-75">
+            <h1 class="text-3xl font-bold mb-3">LOGIN</h1>
+            <form method="POST" action="" class="mb-3 flex flex-col items-center justify-center">
+                {% csrf_token %}
+                <table class="font-semibold">
+                    <tr class="flex flex-col justify-center">
+                        <td>Email</td>
+                        <td><input class="w-56 h-10 p-3 rounded-lg" type="text" name="username" placeholder="Username" class="form-control" /></td>
+                    </tr>
+                    <tr class="flex flex-col justify-center mt-2">
+                        <td>Password</td>
+                        <td><input class="w-56 h-10 p-3 rounded-lg" type="password" name="password" placeholder="Password" class="form-control" /></td>
+                    </tr>
+                    <tr class="mt-4 flex flex-col justify-center items-center">
+                        <td></td>
+                        <td><input class="btn rounded-lg hover:cursor-pointer h-10 w-28 bg-red-600 hover:bg-merah-tua text-white login_btn" type="submit" value="Login" /></td>
+                    </tr>
+                </table>
+            </form>
+            <p>Belum mempunyai akun? <a class="underline font-bold" href="{% url 'account:register' %}">Buat Akun</a></p>
+        </div>
+    </div>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/account/templates/main.html b/account/templates/main.html
new file mode 100644
index 0000000000000000000000000000000000000000..9ee6fb1d4bc60b682c17217e8b10a8b6f8290e46
--- /dev/null
+++ b/account/templates/main.html
@@ -0,0 +1,27 @@
+{% extends 'base.html' %}
+{% load static %}
+
+{% block meta %}
+<title>Hello!</title>
+{% endblock meta %}
+
+{% block content %}
+<div class="flex justify-center font-bold">
+    <h1>SIREST - A7</h1>
+</div>
+<div class="flex justify-center">
+    <div class="flex justify-between items-center w-fit">
+        <a href="{% url 'account:login' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Login
+            </button>
+        </a>
+        <a href="{% url 'account:register' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Register
+            </button>
+        </a>
+    </div>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/account/templates/register.html b/account/templates/register.html
new file mode 100644
index 0000000000000000000000000000000000000000..552cf28181cf1f8a0858f31bc7fea5249cce0eee
--- /dev/null
+++ b/account/templates/register.html
@@ -0,0 +1,39 @@
+{% extends 'base.html' %}
+{% load static %}
+
+{% block meta %}
+<title>Hello!</title>
+{% endblock meta %}
+
+{% block content %}
+<div class="flex justify-center font-bold">
+    <h1>Register</h1>
+</div>
+<div class="">
+    <div class="w-fit">
+        <a href="{% url 'account:login' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Admin
+            </button>
+        </a>
+        <a href="{% url 'account:register' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Pelanggan
+            </button>
+        </a>
+    </div>
+    <div class="w-fit">
+        <a href="{% url 'account:login' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Restoran
+            </button>
+        </a>
+        <a href="{% url 'account:register' %}" class="m-2">
+            <button type="button" class="bg-red-300 hover:bg-merah-muda w-fit text-black p-2 font-bold rounded-lg flex items-center justify-center">
+                Kurir
+            </button>
+        </a>
+    </div>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/account/tests.py b/account/tests.py
new file mode 100644
index 0000000000000000000000000000000000000000..7ce503c2dd97ba78597f6ff6e4393132753573f6
--- /dev/null
+++ b/account/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/account/urls.py b/account/urls.py
new file mode 100644
index 0000000000000000000000000000000000000000..dee56199c57cf9df0a9b0e268eafe305d7781127
--- /dev/null
+++ b/account/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path
+from account.views import *
+
+app_name = 'account'
+
+urlpatterns = [
+    path('', show_main, name='show_main'),
+    path('login/', login, name='login'),
+    path('register/', register, name='register'),
+]
\ No newline at end of file
diff --git a/account/views.py b/account/views.py
new file mode 100644
index 0000000000000000000000000000000000000000..64ea63fc324dca55fc9c7f02d052c28203f4f7bb
--- /dev/null
+++ b/account/views.py
@@ -0,0 +1,11 @@
+from django.shortcuts import render
+
+# Create your views here.
+def show_main(request):
+    return render(request, 'main.html')
+
+def login(request):
+    return render(request, 'login.html')
+
+def register(request):
+    return render(request, 'register.html')
\ No newline at end of file
diff --git a/sirest/settings.py b/sirest/settings.py
index 95da8cdfd569c085290251872f78699596457443..c3f2fab23b1abd00e5dd91b7044c6f8dd527086a 100644
--- a/sirest/settings.py
+++ b/sirest/settings.py
@@ -38,6 +38,7 @@ INSTALLED_APPS = [
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'account',
 ]
 
 MIDDLEWARE = [
@@ -56,7 +57,7 @@ ROOT_URLCONF = 'sirest.urls'
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [BASE_DIR / 'templates'],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
diff --git a/sirest/urls.py b/sirest/urls.py
index 748c9a932b47979a1c64a8d1974e71af81e64da9..63bbb8738b623e3bf302fceb1e8fb8cdce45a68f 100644
--- a/sirest/urls.py
+++ b/sirest/urls.py
@@ -14,8 +14,9 @@ Including another URLconf
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
 from django.contrib import admin
-from django.urls import path
+from django.urls import path, include
 
 urlpatterns = [
     path('admin/', admin.site.urls),
+    path('', include('account.urls')),
 ]
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000000000000000000000000000000000000..b3269bb16338116aa006edbdde676fd37a0f3185
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href='https://fonts.googleapis.com/css?family=Inter' rel='stylesheet'>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
+  integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" />
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  {% block meta %}
+  {% endblock meta %}
+</head>
+
+<body class="flex flex-col h-screen justify-between m-20">
+  <div>
+    {% block content %}
+    {% endblock content %}
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file