diff --git a/app/Http/Controllers/Backend/ProfileController.php b/app/Http/Controllers/Backend/ProfileController.php
new file mode 100644
index 0000000..daa3527
--- /dev/null
+++ b/app/Http/Controllers/Backend/ProfileController.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class ProfileController extends Controller
+{
+    public function index(){
+        return view('backend.users-profile');
+      }
+}
diff --git a/resources/views/backend/dashboard.blade.php b/resources/views/backend/dashboard.blade.php
index 12242cc..1e0eb14 100644
--- a/resources/views/backend/dashboard.blade.php
+++ b/resources/views/backend/dashboard.blade.php
@@ -7,7 +7,7 @@
     <h1>Dashboard</h1>
     <nav>
         <ol class="breadcrumb">
-        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
+        <li class="breadcrumb-item"><a href="/">Home</a></li>
         <li class="breadcrumb-item active">Dashboard</li>
         </ol>
     </nav>
diff --git a/resources/views/backend/layouts/sidebar.blade.php b/resources/views/backend/layouts/sidebar.blade.php
index f0882b8..133ce05 100644
--- a/resources/views/backend/layouts/sidebar.blade.php
+++ b/resources/views/backend/layouts/sidebar.blade.php
@@ -2,15 +2,15 @@
   <aside id="sidebar" class="sidebar">
     <ul class="sidebar-nav" id="sidebar-nav">
       <li>
-        <a class="nav-link nav-profile d-flex align-items-center pe-0">
+        <a class="card-body profile-card pt-4 d-flex flex-column align-items-center">
         <img src="{{ asset('backend/assets/img/profile-img.jpg')}}" alt="Profile" class="rounded-circle">
         </a><!-- End Profile Iamge Icon -->
         <!-- <h6> {{ Auth::user()->name }}</h6> -->
-        <h6>Raditya Arief Pratama</h6>
-        <span>Teknik Informatika</span>
+        <h6 class="d-flex flex-column align-items-center">Raditya Arief Pratama</h6>
+        <span class="d-flex flex-column align-items-center">Teknik Informatika</span>
       </li>
       <li class="nav-item">
-        <a class="nav-link " href="#">
+        <a class="nav-link " href="/dashboard">
           <i class="bi bi-grid"></i>
           <span>Dashboard</span>
         </a>
@@ -24,7 +24,7 @@
       </li><!-- End Kuesioner Page Nav -->
 
       <li class="nav-item">
-        <a class="nav-link collapsed" href="{{ asset('backend/user-profile.html')}}">
+        <a class="nav-link collapsed" href="/profile">
           <i class="bi bi-person"></i>
           <span>Profile</span>
         </a>
diff --git a/resources/views/backend/users-profile.blade.php b/resources/views/backend/users-profile.blade.php
new file mode 100644
index 0000000..aba24b8
--- /dev/null
+++ b/resources/views/backend/users-profile.blade.php
@@ -0,0 +1,183 @@
+@extends('backend/layouts.template')
+
+@section('content')
+  <main id="main" class="main">
+
+    <div class="pagetitle">
+      <h1>Profile</h1>
+      <nav>
+        <ol class="breadcrumb">
+          <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
+          <li class="breadcrumb-item">user</li>
+          <li class="breadcrumb-item active">Profile</li>
+        </ol>
+      </nav>
+    </div><!-- End Page Title -->
+
+    <section class="section profile">
+      <div class="row">
+        <div class="col-xl-4">
+
+          <div class="card">
+            <div class="card-body profile-card pt-4 d-flex flex-column align-items-center">
+
+              <img src="{{ asset('backend/assets/img/profile-img.jpg')}}" alt="Profile" class="rounded-circle">
+              <h2>Raditya Arief Pratama</h2>
+              <h3>Teknik Informatika</h3>
+            </div>
+          </div>
+
+        </div>
+
+        <div class="col-xl-8">
+
+          <div class="card">
+            <div class="card-body pt-3">
+              <!-- Bordered Tabs -->
+              <ul class="nav nav-tabs nav-tabs-bordered">
+
+                <li class="nav-item">
+                  <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#profile-overview">Overview</button>
+                </li>
+
+                <li class="nav-item">
+                  <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Edit Profile</button>
+                </li>
+
+                <li class="nav-item">
+                  <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-change-password">Change Password</button>
+                </li>
+
+              </ul>
+              <div class="tab-content pt-2">
+
+                <div class="tab-pane fade show active profile-overview" id="profile-overview">
+                  <h5 class="card-title">Profile Details</h5>
+
+                  <div class="row">
+                    <div class="col-lg-3 col-md-4 label ">{{ __('Nama Lengkap') }}</div>
+                    <div class="col-lg-9 col-md-8">Raditya Arief Pratama</div>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-lg-3 col-md-4 label">{{ __('NIM') }}</div>
+                    <div class="col-lg-9 col-md-8">E4212423</div>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-lg-3 col-md-4 label">{{ __('Semester') }}</div>
+                    <div class="col-lg-9 col-md-8">5</div>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-lg-3 col-md-4 label">{{ __('Angkatan') }}</div>
+                    <div class="col-lg-9 col-md-8">2021</div>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-lg-3 col-md-4 label">{{ __('E-Mail') }}</div>
+                    <div class="col-lg-9 col-md-8">radityaariefp@polije.ac.id</div>
+                  </div>
+
+                </div>
+
+                <div class="tab-pane fade profile-edit pt-3" id="profile-edit">
+
+                  <!-- Profile Edit Form -->
+                  <form>
+                    <div class="row mb-3">
+                      <label for="profileImage" class="col-md-4 col-lg-3 col-form-label">Profile Image</label>
+                      <div class="col-md-8 col-lg-9">
+                        <img src="{{ asset('backend/assets/img/profile-img.jpg')}}" alt="Profile">
+                        <div class="pt-2">
+                          <a href="#" class="btn btn-primary btn-sm" title="Upload new profile image"><i class="bi bi-upload"></i></a>
+                          <a href="#" class="btn btn-danger btn-sm" title="Remove my profile image"><i class="bi bi-trash"></i></a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="nama_lengkap" class="col-md-4 col-lg-3 col-form-label">{{ __('Nama Lengkap') }}</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="nama_lengkap" type="text" class="form-control" id="nama_lengkap" value="Raditya Arief Pratama">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="nim" class="col-md-4 col-lg-3 col-form-label">{{ __('NIM') }}</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="nim" type="text" class="form-control" id="nim" value="E4212423">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="semester" class="col-md-4 col-lg-3 col-form-label">{{ __('Semester') }}</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="semester" type="text" class="form-control" id="semester" value="5">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="angkatan" class="col-md-4 col-lg-3 col-form-label">{{ __('Angkatan') }}</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="angkatan" type="text" class="form-control" id="angkatan" value="2021">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="email" class="col-md-4 col-lg-3 col-form-label">{{ __('E-Mail') }}</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="email" type="text" class="form-control" id="email" value="radityaariefp@polije.ac.id">
+                      </div>
+                    </div>
+
+                    <div class="text-center">
+                      <button type="submit" class="btn btn-primary">Save Changes</button>
+                    </div>
+                  </form><!-- End Profile Edit Form -->
+
+                </div>
+
+                <div class="tab-pane fade pt-3" id="profile-change-password">
+                  <!-- Change Password Form -->
+                  <form>
+
+                    <div class="row mb-3">
+                      <label for="currentPassword" class="col-md-4 col-lg-3 col-form-label">Current Password</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="password" type="password" class="form-control" id="currentPassword">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="newPassword" class="col-md-4 col-lg-3 col-form-label">New Password</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="newpassword" type="password" class="form-control" id="newPassword">
+                      </div>
+                    </div>
+
+                    <div class="row mb-3">
+                      <label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Re-enter New Password</label>
+                      <div class="col-md-8 col-lg-9">
+                        <input name="renewpassword" type="password" class="form-control" id="renewPassword">
+                      </div>
+                    </div>
+
+                    <div class="text-center">
+                      <button type="submit" class="btn btn-primary">Change Password</button>
+                    </div>
+                  </form><!-- End Change Password Form -->
+
+                </div>
+
+              </div><!-- End Bordered Tabs -->
+
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </section>
+
+  </main><!-- End #main -->
+  @endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 8e76ddc..9ea7519 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -30,6 +30,7 @@
         Route::group(['namespace'=>'Backend'], function()
         {
                 Route::resource('dashboard', 'DashboardController');
+                Route::resource('profile', 'ProfileController');
         });
     });