diff --git a/assets/img/105220.png b/assets/img/105220.png
new file mode 100644
index 0000000..37a524b
Binary files /dev/null and b/assets/img/105220.png differ
diff --git a/assets/img/Home-icon.png b/assets/img/Home-icon.png
new file mode 100644
index 0000000..cb339a6
Binary files /dev/null and b/assets/img/Home-icon.png differ
diff --git a/assets/img/Icon.ico b/assets/img/Icon.ico
new file mode 100644
index 0000000..e077d6c
Binary files /dev/null and b/assets/img/Icon.ico differ
diff --git a/assets/img/Icon.png b/assets/img/Icon.png
new file mode 100644
index 0000000..9102fcd
Binary files /dev/null and b/assets/img/Icon.png differ
diff --git a/assets/img/cross.png b/assets/img/cross.png
new file mode 100644
index 0000000..146e783
Binary files /dev/null and b/assets/img/cross.png differ
diff --git a/assets/img/star.png b/assets/img/star.png
new file mode 100644
index 0000000..79868e2
Binary files /dev/null and b/assets/img/star.png differ
diff --git a/index.html b/index.html
index 18204e8..b74ace1 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <meta charset="utf-8">
+
+    <!-- Bootstrap -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
+        integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
+        integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
+        crossorigin="anonymous"></script>
+
+    <title>Tinder Pokemon title</title>
+    <link rel="icon" type="image/x-icon" href="assets/img/Icon.ico">
 </head>
-<body>
-    <h1>This is the worst tinder ever</h1>
+
+<body style="height:100vh d-flex align-items-center mb-3">
+    <div class="container" >
+        <nav class="navbar navbar-expand-lg">
+            <div class="container-fluid">
+                <a class="navbar-brand text-center" href="#">The worst furry tinder</a>
+            </div>
+        </nav>
+    </div>
+    <div class="container">
+        <div class="card p-2" style="">
+            <img src="https://www.pokewiki.de/images/thumb/d/dd/Sugimori_132.png/250px-Sugimori_132.png" class="card-img-top" style="" alt="...">
+            <div class="card-body">
+                <h5 class="card-title">Ditto 21</h5>
+                <p class="card-text">I like Ice Cream</p>
+                <div class="row ">
+                    <div type="button" class="btn col-4">
+                        <div class="text-center">
+                            <img src="assets/img/cross.png" class="rounded col-6" alt="Home">
+                        </div>
+                    </div>
+                    <div class="btn col-4">
+                        <div class="text-center">
+                            <img src="assets/img/star.png" class="rounded col-6" alt="Home">
+                        </div>
+                    </div>
+                    <div class="btn col-4">
+                        <div class="text-center">
+                            <img src="assets/img/105220.png" class="rounded col-6" alt="Home">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="row fixed-bottom" style="">
+            <div class="btn col-4" style="">
+                <p>Liked</p>
+            </div>
+            <div class="btn col-4" style="">
+                <p class="align-middle">Home</p>
+            </div>
+            <div class="btn col-4" style="">
+                <p class="align-middle">Favorites</p>
+            </div>
+        </div>
+    </div>
+    <i class="fa-solid fa-house"></i>
 </body>
+
 </html>
\ No newline at end of file
