From fb1efb494a35677ed42db8164d8739195e65f3f8 Mon Sep 17 00:00:00 2001
From: Muntasir Mahmud Amit <91421733+mma1166@users.noreply.github.com>
Date: Wed, 19 Jun 2024 17:06:47 +0600
Subject: [PATCH 1/8] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index d5e352f..9900de0 100644
--- a/index.html
+++ b/index.html
@@ -142,7 +142,7 @@ <h2>About Me</h2>
                     <p>Hello! I'm Md Muntasir Mahmud Amit, currently pursuing my undergraduate studies in Computer Science and Engineering at BRAC University. Beyond my core discipline, I'm passionate about exploring diverse fields. My interests span Software Engineering, Data Science, Artificial Intelligence, Machine Learning, and Natural Language Processing. I actively keep myself updated with the latest trends and advancements in these areas, always seeking opportunities to expand my skill set and make meaningful contributions across different domains. Additionally, I am highly interested in social works and making impactful positive change in the community. Through a range of academic and personal projects, I've showcased my dedication and proficiency in developing innovative tech solutions.</p>
                 </div>
                 <div class="profile-info">
-                    <img src= "https://github.com/mma1166/portfolio/blob/main/Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
+                    <img src= "/portfolio/blob/main/Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
                 </div>
             </div>
             <h3>Education</h3>

From 5e606dcab9a75b0d094ef4d280ef7e850771a325 Mon Sep 17 00:00:00 2001
From: Muntasir Mahmud Amit <91421733+mma1166@users.noreply.github.com>
Date: Wed, 19 Jun 2024 17:11:39 +0600
Subject: [PATCH 2/8] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 9900de0..67b32b8 100644
--- a/index.html
+++ b/index.html
@@ -142,7 +142,7 @@ <h2>About Me</h2>
                     <p>Hello! I'm Md Muntasir Mahmud Amit, currently pursuing my undergraduate studies in Computer Science and Engineering at BRAC University. Beyond my core discipline, I'm passionate about exploring diverse fields. My interests span Software Engineering, Data Science, Artificial Intelligence, Machine Learning, and Natural Language Processing. I actively keep myself updated with the latest trends and advancements in these areas, always seeking opportunities to expand my skill set and make meaningful contributions across different domains. Additionally, I am highly interested in social works and making impactful positive change in the community. Through a range of academic and personal projects, I've showcased my dedication and proficiency in developing innovative tech solutions.</p>
                 </div>
                 <div class="profile-info">
-                    <img src= "/portfolio/blob/main/Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
+                    <img src= "Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
                 </div>
             </div>
             <h3>Education</h3>

From ad48b75fbc339a2ae5ce1ae1394f0db22007fe0d Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Wed, 19 Jun 2024 17:52:45 +0600
Subject: [PATCH 3/8] Pro pic solve

---
 index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 67b32b8..4cea29e 100644
--- a/index.html
+++ b/index.html
@@ -92,20 +92,20 @@
             color: #007BFF;
         }
         .about-content {
-            display: flex; /* Use flexbox for layout */
-            align-items: flex-start; /* Align items at the top */
-            justify-content: space-between; /* Space items evenly */
+            display: flex;
+            align-items: flex-start;
+            justify-content: space-between;
+            flex-direction: row; /* Ensure it's horizontal by default */
         }
         .profile-picture {
             width: 150px;
             height: 150px;
-            border-radius: 50%; /* Make the picture circular */
+            border-radius: 50%;
             box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-            margin-left: 20px; /* Add some margin to the left of the picture */
         }
         .welcome-text {
-            flex: 1; /* Let the paragraph take remaining space */
-            text-align: justify; /* Justify text */
+            flex: 1;
+            text-align: justify;
         }
         /* Adjustments for smaller screens */
         @media (max-width: 768px) {
@@ -117,8 +117,8 @@
                 margin: 0 auto 20px; /* Center the picture and add margin at the bottom */
             }
             .welcome-text {
-                margin: 0; /* Remove margin for smaller screens */
-                text-align: justify; /* Ensure justified text on smaller screens */
+                margin: 0;
+                text-align: justify;
             }
         }
     </style>
@@ -142,7 +142,7 @@ <h2>About Me</h2>
                     <p>Hello! I'm Md Muntasir Mahmud Amit, currently pursuing my undergraduate studies in Computer Science and Engineering at BRAC University. Beyond my core discipline, I'm passionate about exploring diverse fields. My interests span Software Engineering, Data Science, Artificial Intelligence, Machine Learning, and Natural Language Processing. I actively keep myself updated with the latest trends and advancements in these areas, always seeking opportunities to expand my skill set and make meaningful contributions across different domains. Additionally, I am highly interested in social works and making impactful positive change in the community. Through a range of academic and personal projects, I've showcased my dedication and proficiency in developing innovative tech solutions.</p>
                 </div>
                 <div class="profile-info">
-                    <img src= "Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
+                    <img src="Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
                 </div>
             </div>
             <h3>Education</h3>

From 84bc50690c8083bb509d47e1bd38daa2efa021b6 Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Wed, 19 Jun 2024 18:01:22 +0600
Subject: [PATCH 4/8] Nav bar Enable

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 4cea29e..7b26f33 100644
--- a/index.html
+++ b/index.html
@@ -124,10 +124,10 @@
     </style>
 </head>
 <body>
-    <!-- <header>
+    <header>
         <h1>Md Muntasir Mahmud Amit</h1>
-        <p>Welcome to my portfolio</p>
-    </header> -->
+        <p>Undergraduate CSE student in BRAC University</p>
+    </header>
     <nav>
         <a href="#about">About</a>
         <a href="#projects">Projects</a>

From 74d08b074ad798046a8a14cf07a6cb2c5bd4a0a2 Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Wed, 19 Jun 2024 18:04:54 +0600
Subject: [PATCH 5/8] Nav bar Change

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 7b26f33..731515e 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
         header {
             background: #3471bcfa;
             color: #fff;
-            padding: 20px 0;
+            padding: 10px 0;
             text-align: center;
             position: sticky;
             top: 0;

From cfff7eca5d22ead67ee51cc9456dd10afd2e41fc Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Wed, 19 Jun 2024 18:11:05 +0600
Subject: [PATCH 6/8] Changes

---
 index.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 731515e..62002d6 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
         header {
             background: #3471bcfa;
             color: #fff;
-            padding: 10px 0;
+            padding: 8px 0;
             text-align: center;
             position: sticky;
             top: 0;
@@ -42,7 +42,7 @@
             margin-top: 20px;
         }
         nav a {
-            color: #6872aa;
+            color: #ffffff;
             text-decoration: none;
             margin: 0 15px;
             font-weight: bold;
@@ -127,23 +127,27 @@
     <header>
         <h1>Md Muntasir Mahmud Amit</h1>
         <p>Undergraduate CSE student in BRAC University</p>
+        <nav>
+            <a href="#about">About</a>
+            <a href="#projects">Projects</a>
+            <a href="#experience">Experience</a>
+            <a href="#contact">Contact</a>
+        </nav>
     </header>
-    <nav>
-        <a href="#about">About</a>
-        <a href="#projects">Projects</a>
-        <a href="#experience">Experience</a>
-        <a href="#contact">Contact</a>
-    </nav>
+
     <div class="container">
         <section id="about">
             <h2>About Me</h2>
             <div class="about-content">
+                <div class="profile-info">
+                    <img src="Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
+                </div>
                 <div class="welcome-text">
                     <p>Hello! I'm Md Muntasir Mahmud Amit, currently pursuing my undergraduate studies in Computer Science and Engineering at BRAC University. Beyond my core discipline, I'm passionate about exploring diverse fields. My interests span Software Engineering, Data Science, Artificial Intelligence, Machine Learning, and Natural Language Processing. I actively keep myself updated with the latest trends and advancements in these areas, always seeking opportunities to expand my skill set and make meaningful contributions across different domains. Additionally, I am highly interested in social works and making impactful positive change in the community. Through a range of academic and personal projects, I've showcased my dedication and proficiency in developing innovative tech solutions.</p>
                 </div>
-                <div class="profile-info">
+                <!-- <div class="profile-info">
                     <img src="Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
-                </div>
+                </div> -->
             </div>
             <h3>Education</h3>
             <div class="education">

From 76b75ad83238125d2cb0e8a01cf2010d7ad73b35 Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Wed, 19 Jun 2024 18:24:14 +0600
Subject: [PATCH 7/8] Design Change

---
 index.html | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 62002d6..0217077 100644
--- a/index.html
+++ b/index.html
@@ -121,12 +121,31 @@
                 text-align: justify;
             }
         }
+        .container {
+    display: flex;
+    justify-content: center;
+    align-items: center; /* Optional, if you want to center vertically as well */
+    height: 40vh; /* Optional, sets container height to full viewport height */
+}
+
+#about {
+    text-align: center; /* Optional, for centering text inside the section */
+}
+
+.profile-info {
+    margin-top: 20px; /* Optional, adjust as needed */
+}
+
+.profile-picture {
+    width: 150px; /* Adjust width of the profile picture as needed */
+    border-radius: 50%; /* Optional, for circular profile pictures */
+}
+
     </style>
 </head>
 <body>
     <header>
-        <h1>Md Muntasir Mahmud Amit</h1>
-        <p>Undergraduate CSE student in BRAC University</p>
+        <h2>Md Muntasir Mahmud Amit's Portfolio</h2>
         <nav>
             <a href="#about">About</a>
             <a href="#projects">Projects</a>
@@ -137,11 +156,19 @@ <h1>Md Muntasir Mahmud Amit</h1>
 
     <div class="container">
         <section id="about">
+            <h1>Md Muntasir Mahmud Amit</h1>
+            <div class="profile-info">
+                <img src="Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
+            </div>
+            <p><strong>Undergraduate CSE student in BRAC University</strong></p>
+        </section>
+    </div>
+    
             <h2>About Me</h2>
             <div class="about-content">
-                <div class="profile-info">
+                <!-- <div class="profile-info">
                     <img src="Pictures/Md_Muntasir_Mahmud_Amit_Profile_Picture.png" class="profile-picture">
-                </div>
+                </div> -->
                 <div class="welcome-text">
                     <p>Hello! I'm Md Muntasir Mahmud Amit, currently pursuing my undergraduate studies in Computer Science and Engineering at BRAC University. Beyond my core discipline, I'm passionate about exploring diverse fields. My interests span Software Engineering, Data Science, Artificial Intelligence, Machine Learning, and Natural Language Processing. I actively keep myself updated with the latest trends and advancements in these areas, always seeking opportunities to expand my skill set and make meaningful contributions across different domains. Additionally, I am highly interested in social works and making impactful positive change in the community. Through a range of academic and personal projects, I've showcased my dedication and proficiency in developing innovative tech solutions.</p>
                 </div>

From 5637d276ac2d93d79c14b8232df2e92bf9172871 Mon Sep 17 00:00:00 2001
From: mma1166 <muntasir145@gmail.com>
Date: Thu, 20 Jun 2024 00:22:38 +0600
Subject: [PATCH 8/8] Fixed Issues

---
 index.html | 174 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 104 insertions(+), 70 deletions(-)

diff --git a/index.html b/index.html
index 0217077..317899c 100644
--- a/index.html
+++ b/index.html
@@ -6,76 +6,110 @@
     <title>Md Muntasir Mahmud Amit - Portfolio</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <style>
-        body {
-            font-family: Arial, sans-serif;
-            line-height: 1.6;
-            margin: 0;
-            padding: 0;
-            color: #333;
-            background-color: #f0f8ff;
-            overflow-x: hidden;
-        }
-        .container {
-            width: 80%;
-            margin: 0 auto;
-            padding: 20px;
-            opacity: 0;
-            animation: fadeIn 2s forwards;
-        }
-        @keyframes fadeIn {
-            to { opacity: 1; }
-        }
-        header {
-            background: #3471bcfa;
-            color: #fff;
-            padding: 8px 0;
-            text-align: center;
-            position: sticky;
-            top: 0;
-            z-index: 1000;
-        }
-        header h1 {
-            margin: 0;
-        }
-        nav {
-            text-align: center;
-            margin-top: 20px;
-        }
-        nav a {
-            color: #ffffff;
-            text-decoration: none;
-            margin: 0 15px;
-            font-weight: bold;
-            transition: color 0.3s;
-        }
-        nav a:hover {
-            color: #007BFF;
-        }
-        section {
-            margin-top: 20px;
-            opacity: 0;
-            transform: translateY(20px);
-            animation: fadeInUp 1s forwards;
-        }
-        .project, .work-experience, .education {
-            margin-bottom: 20px;
-            background: #e0f7fa;
-            padding: 15px;
-            border-radius: 8px;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-        }
-        footer {
-            background: #333;
-            color: #fff;
-            text-align: center;
-            padding: 10px 0;
-            margin-top: 20px;
-        }
-        footer a {
-            color: #fff;
-            text-decoration: none;
-            margin: 0 10px;
-        }
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    color: #333;
+    background-color: #f0f8ff;
+    overflow-x: hidden;
+}
+
+.container {
+    max-width: 90%; /* Limit container to 90% of viewport width */
+    margin: 0 auto; /* Center the container horizontally */
+    padding: 20px;
+    opacity: 0;
+    animation: fadeIn 2s forwards;
+}
+
+@keyframes fadeIn {
+    to {
+        opacity: 1;
+    }
+}
+
+header {
+    background: #3471bcfa;
+    color: #fff;
+    padding: 8px 0;
+    text-align: center;
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+    /* width: 100%; Ensure header is full-width */
+}
+
+header h2 {
+    margin: 0;
+}
+
+nav {
+    text-align: center;
+    margin-top: 20px;
+    width: 100%;
+}
+
+nav a {
+    color: #ffffff;
+    text-decoration: none;
+    margin: 0 15px;
+    font-weight: bold;
+    transition: color 0.3s;
+}
+
+nav a:hover {
+    color: #007BFF;
+}
+
+/* Adjustments for smaller screens */
+@media (max-width: 768px) {
+    .container {
+        width: 90%; /* Adjust width for smaller screens as needed */
+    }
+}
+
+/* Additional styles for other sections */
+section {
+    margin-top: 20px;
+    opacity: 0;
+    transform: translateY(20px);
+    animation: fadeInUp 1s forwards;
+}
+
+@keyframes fadeInUp {
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.project,
+.work-experience,
+.education {
+    margin-bottom: 20px;
+    background: #e0f7fa;
+    padding: 15px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+footer {
+    background: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px 0;
+    margin-top: 20px;
+}
+
+footer a {
+    color: #fff;
+    text-decoration: none;
+    margin: 0 10px;
+}
+
+
         @keyframes fadeInUp {
             to {
                 opacity: 1;