diff --git a/abu.jpg b/abu.jpg
new file mode 100644
index 0000000..8fbaa2c
Binary files /dev/null and b/abu.jpg differ
diff --git a/index.html b/index.html
index c056c06..713684a 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <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>Your Name - Portfolio</title>
+    <title>Ben Abu Bakr Beltran - Portfolio</title>
     <style>
         body, html {
             height: 100%;
@@ -18,10 +18,10 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            justify-content: center;
             height: 100%;
             max-width: 800px; /* or any value you deem fit */
             margin: 0 auto;
+            padding: 20px;
         }
 
         header {
@@ -48,46 +48,64 @@
             margin: 20px auto;
             display: block;
         }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+        #copyright {
+            text-decoration: none;
+        }
     </style>
 </head>
 
 <body>
     <div class="container">
         <header>
-            <h1>Your Name</h1>
+            <h1>Ben Abu Bakr Beltran</h1>
             <nav>
                 <a href="#about">About</a>
                 <a href="#projects">Projects</a>
+                <a href="#skills">Skills</a>
                 <a href="#contact">Contact</a>
             </nav>
         </header>
 
         <section id="about">
             <h2>About Me</h2>
-            <img src="profile_picture.jpg" alt="Your Name's Profile Picture" class="profile-pic">
-            <p>
-                A brief paragraph about yourself, your background, skills, and experience.
+            <img src="abu.jpg" alt="Abu Bakr's Profile Picture" class="profile-pic">
+            <p>Hi, I'm <strong>Ben Abu Bakr Beltran</strong> — an aspiring <strong>web developer</strong> with a strong foundation in business, technology, and entrepreneurship. I'm currently <strong>front-end and full-stack development</strong> learning, using real-world experience to guide the way I <em>design and build websites</em>.
             </p>
+            <div id="about-pararaph2">
+                <p>Driven by curiosity and a love for problem-solving, I'm on a journey to turn my ideas into digital products that are clean, functional, and user-focused.</p>
+            </div>
         </section>
 
         <section id="projects">
             <h2>Projects</h2>
             <ul>
-                <li><a href="#">Project 1</a>: Short description of the project.</li>
-                <li><a href="#">Project 2</a>: Short description of another project.</li>
+                <li><a href="https://abusayyaf.github.io/githubprojectLCT/">My Portfolio</a>: My own personal page.</li>
+                <li><a href="https://github.com/AbuSayyaf/githubprojectLCT">Cloning Repository</a>: How to clone repository from Learning Computer Today</li>
                 <!-- Add more projects as list items -->
             </ul>
         </section>
+        
+        <section id="skills">
+            <h2>My Skills:</h2>
+               <p> HTML, CSS, Javascript, Bootstrap, Tailwind, Angular, VueJS, Laravel, React JS, React Native, MERN Stack, Figma, Sketch, Android Development, WordPress, WooCommerce, Shopify, Logo Design, Photoshop, Capcut, Canva, Filmora
+            </p>
+        </section>
 
         <section id="contact">
             <h2>Contact</h2>
-            <p>
-                How to reach you: Email, LinkedIn, GitHub, etc.
+            <p><a href="https://github.com/AbuSayyaf">Github AbuSayyaf</a></p>
+               <p><a href="mailto:inquiry@merdekainfotek.com">inquiry@merdekainfotek.com</a></p>
+            <p><a href="mailto:merdekainformationtekologi@gmail.com">merdekainformationtekologi@gmail.com</a>
             </p>
         </section>
 
         <footer>
-            <p>© 2023 by Your Name</p>
+            <p>© 2025 by <a id="copyright" href="https://www.facebook.com/abubakrsiddiqMY" target="_blank">Abu Bakr</a></p>
         </footer>
     </div>
 </body>
