diff --git a/A3.2100044/21-pabweb.zip b/A3.2100044/21-pabweb.zip
new file mode 100644
index 00000000..6a13a9af
Binary files /dev/null and b/A3.2100044/21-pabweb.zip differ
diff --git a/A3.2100044/21-pabweb/public/assets/css/styles.css b/A3.2100044/21-pabweb/public/assets/css/styles.css
new file mode 100644
index 00000000..e9d7df1a
--- /dev/null
+++ b/A3.2100044/21-pabweb/public/assets/css/styles.css
@@ -0,0 +1,155 @@
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    background-color: #f4f4f4;
+}
+
+header,
+nav,
+section,
+footer {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    margin-bottom: 20px;
+}
+
+header img {
+    display: block;
+    margin: 0 auto;
+    border-radius: 50%;
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+}
+
+header h1 {
+    text-align: center;
+    margin-top: 10px;
+    color: #333;
+}
+
+header p {
+    text-align: center;
+    color: #777;
+}
+
+nav {
+    text-align: center;
+}
+
+nav a {
+    margin: 0 10px;
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+    transition: color 0.3s ease-in-out;
+}
+
+nav a:hover {
+    color: #f39c12;
+}
+
+section h2 {
+    color: #333;
+}
+
+section p {
+    color: #777;
+}
+
+.project {
+    margin-bottom: 20px;
+    overflow: hidden;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease-in-out;
+}
+
+.project img {
+    width: 100%;
+    height: auto;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+}
+
+/* ... (kode CSS sebelumnya) */
+
+#blog {
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.blog-post {
+    margin-bottom: 20px;
+    overflow: hidden;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease-in-out;
+}
+
+.blog-post img {
+    width: 100%;
+    height: auto;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+}
+
+.blog-content {
+    padding: 20px;
+}
+
+.blog-content h3 {
+    color: #333;
+}
+
+.blog-content p {
+    color: #777;
+}
+
+.blog-content a {
+    display: inline-block;
+    margin-top: 10px;
+    padding: 8px 16px;
+    background-color: #f39c12;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px;
+    transition: background-color 0.3s ease-in-out;
+}
+
+.blog-content a:hover {
+    background-color: #e74c3c;
+}
+
+/* ... (kode CSS setelahnya) */
+
+
+
+
+.social {
+    margin-top: 10px;
+}
+
+.social a {
+    display: inline-block;
+    margin-right: 10px;
+    text-decoration: none;
+    color: #333;
+    transition: color 0.3s ease-in-out;
+}
+
+.social a:hover {
+    color: #f39c12;
+}
+
+footer {
+    text-align: center;
+    color: #777;
+}
\ No newline at end of file
diff --git a/A3.2100044/21-pabweb/resources/views/front.blade.php b/A3.2100044/21-pabweb/resources/views/front.blade.php
new file mode 100644
index 00000000..36e16f7b
--- /dev/null
+++ b/A3.2100044/21-pabweb/resources/views/front.blade.php
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portofolio Saya</title>
+    <!-- Tambahkan stylesheet atau link lainnya jika diperlukan -->
+    <link rel="stylesheet" type="text/css" href="{!! asset('assets/css/styles.css') !!}">
+    <style>
+        /* CSS yang sudah ada tetap ada di sini */
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+            }
+
+            to {
+                opacity: 1;
+            }
+        }
+
+        .fadeIn {
+            animation: fadeIn 1s ease-in-out;
+        }
+
+        .project:hover img {
+            transform: scale(1.1);
+        }
+    </style>
+</head>
+
+<body>
+
+    <header class="fadeIn">
+        <img src="https://i.ibb.co/LRvwhB9/backrond.jpg" alt="Profil Saya">
+        <h1>Neng Rini Siti Patimah</h1>
+        <p>Web Developer</p>
+    </header>
+
+    <nav class="fadeIn">
+        <a href="#tentang-saya">Tentang Saya</a>
+        <a href="#proyek-saya">Proyek Saya</a>
+        <a href="#kontak">Kontak</a>
+    </nav>
+
+    <section id="tentang-saya" class="fadeIn">
+        <h2>Tentang Saya</h2>
+        <p>Selamat datang di portofolio saya. Saya adalah seorang pengembang web dengan minat dalam teknologi dan desain. Berikut adalah beberapa proyek yang telah saya kerjakan.</p>
+    </section>
+
+    <section id="proyek-saya" class="fadeIn">
+        <h2>Proyek Saya</h2>
+
+        <div class="project">
+            <h3>Proyek Pertama</h3>
+            <p>My Blogs </p>
+            <img src="https://i.ibb.co/TwBmfq8/uts-ss.png" alt="uts-ss" border="0"></a>
+        </div>
+
+        <div class="project">
+            <h3>Proyek Kedua</h3>
+            <p>Deskripsi singkat tentang proyek kedua. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+            <img src="https://i.ibb.co/802R0sK/Screenshot-41.png" alt="Screenshot-41" border="0"></a>
+        <!-- Tambahkan proyek-proyek lainnya sesuai kebutuhan -->
+    </section>
+
+    <section id="blog">
+        <h2>Blog</h2>
+        <article class="blog-post">
+            <img src="https://solidwp.com/wp-content/uploads/2019/08/What-is-Your-Website-Design-Process-Blog-Post-Feature-Image-36119-01.png" alt="Gambar Posting Blog 1">
+            <div class="blog-content">
+                <h3>Judul Posting Blog Pertama</h3>
+                <p>Tanggal: 1 Desember 2023</p>
+                <p>Deskripsi singkat tentang proyek Ke satu. Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
+                <a href="#">Baca Selengkapnya</a>
+            </div>
+        </article>
+
+        <article class="blog-post">
+            <img src="https://blogimages.softwaresuggest.com/blog/wp-content/uploads/2019/12/12193533/11-Best-Web-Design-Companies-in-India.png" alt="Gambar Posting Blog 2">
+            <!--- <img src="blog-post2.jpg" alt="Gambar Posting Blog 2"> --->
+            <div class="blog-content">
+                <h3>Judul Posting Blog Kedua</h3>                <p>Tanggal: 2 Desember 2023</p>
+                <p>Deskripsi singkat tentang posting blog kedua Anda.</p>
+                <a href="#">Baca Selengkapnya</a>
+            </div>
+        </article>
+
+        <!-- Tambahkan posting blog lainnya sesuai kebutuhan -->
+        </section>
+
+
+
+
+        <section id="kontak" class="fadeIn">
+            <h2>Kontak</h2>
+            <p>Hubungi saya melalui email: <a href="mailto:nengrinisitipatimah25@gmail.com">youremail@example.com</a></p>
+            <div class="social">
+                <a href="https://www.linkedin.com/in/username" target="_blank">LinkedIn</a>
+                <a href="https://github.com/inii25" target="_blank">GitHub</a>
+                <!-- Tambahkan link sosial media lainnya sesuai kebutuhan -->
+            </div>
+        </section>
+
+        <footer class="fadeIn">
+            &copy; 2023 Portofolio Saya
+        </footer>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/A3.2100044/21-pabweb/routes/web.php b/A3.2100044/21-pabweb/routes/web.php
index b5a8a284..f52f35ec 100644
--- a/A3.2100044/21-pabweb/routes/web.php
+++ b/A3.2100044/21-pabweb/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use Illuminate\Support\Facades\Route;
+use Illuminate\Support\Facades\Artisan;
 
 /*
 |--------------------------------------------------------------------------
@@ -14,6 +15,7 @@
 */
 
 Route::get('/', function () {
-    return view('welcome');
+    return view('front');
 });
+
 Route::resource('blog', BlogController::class);
\ No newline at end of file
diff --git a/A3.2100044/final project.txt b/A3.2100044/final project.txt
new file mode 100644
index 00000000..9c7fab72
--- /dev/null
+++ b/A3.2100044/final project.txt	
@@ -0,0 +1 @@
+https://a32100044nengrinisitipatimah.000webhostapp.com/
\ No newline at end of file
