Setteing Portfolio order

MrSIHAB · Mar 28, 2024 · e07acd5 · e07acd5
1 parent 85a5936
commit e07acd5
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -272,14 +272,17 @@ <h4>Professional Skills</h4>
         <h1><span>Portfolio</span></h1>
 
         <div class="card-box">
-            <!-- sb kINGDOM --------- -->
+
+            <!-- Ababil Chrome Extension ----------- -->
             <div class="card">
-                <img src="img/sbkingdom.png" alt="post" loading="lazy">
+                <img src="img/ababil_home.png" alt="post" loading="lazy">
                 <div class="info">
-                    <h5>SB KINGDOM</h5>
-                    <p>SB KINGDOM is my first launched website. It's completly
-                        filled up with lighting and luminance. This website is still under development.</p>
-                    <a href="https://sbkingdom.netlify.app/about_us" target="_blank"><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
+                    <h5>Ababil HomePage</h5>
+                    <p>
+                        A browser <b>Homepage/NewTab</b> for Professional users.
+                        It's featured with popular <em>Search Engines and website shortcuts</em>.
+                    </p>
+                    <a href="https://github.com/MrSIHAB/ababil-professional"><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
                 </div>
             </div>
 
@@ -294,49 +297,49 @@ <h5>Portfolio</h5>
                 </div>
             </div>
 
-            <!-- Ababil Chrome Extension ----------- -->
+            <!-- sb kINGDOM --------- -->
             <div class="card">
-                <img src="img/ababil_home.png" alt="post" loading="lazy">
+                <img src="img/sbkingdom.png" alt="post" loading="lazy">
                 <div class="info">
-                    <h5>instagram Profile</h5>
-                    <p>Best suiteble logo for instagram profile picture. check out my graphics desine GIG to get a
-                        profile like this.</p>
-                    <a href="https://www.fiverr.com/s/Gvpezz"><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
+                    <h5>SB KINGDOM</h5>
+                    <p>SB KINGDOM is my first launched website. It's completly
+                        filled up with lighting and luminance. This website is still under development.</p>
+                    <a href="https://sbkingdom.netlify.app/about_us" target="_blank"><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
                 </div>
             </div>
 
             <!-- portfolio ----------- -->
-            <div class="card">
+            <!-- <div class="card">
                 <img src="img/port2.png" alt="post" loading="lazy">
                 <div class="info">
                     <h5>Portfolio Post</h5>
                     <p>This is my portfolio website that you're currently exploring. There's a lot of feature is being
                         added to this website to make it more user-friendly.</p>
                     <a href="#skill"><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
                 </div>
-            </div>
+            </div> -->
 
             <!-- post----------------- -->
-            <div class="card">
+            <!-- <div class="card">
                 <img src="img/MAKEUP24.png" alt="post" loading="lazy">
                 <div class="info">
                     <h5>Portfolio Post</h5>
                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. A doloremque vitae nisi
                         pariatur ullam quas!</p>
                     <a href=""><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
                 </div>
-            </div>
+            </div> -->
 
             <!-- post--------------- -->
-            <div class="card">
+            <!-- <div class="card">
                 <img src="img/MAKEUP24.png" alt="post" loading="lazy">
                 <div class="info">
                     <h5>Portfolio Post</h5>
                     <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. A doloremque vitae nisi
                         pariatur ullam quas!</p>
                     <a href=""><button class="btn"><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i></button></a>
                 </div>
-            </div>
+            </div> -->
 
         </div>
     </section>

diff --git a/style.css b/style.css
@@ -623,6 +623,7 @@ section {
 }
 .portfolio .card-box .card .info .btn:hover {
     background-color: var(--theme-color);
+    box-shadow: none;
 }
 .portfolio .card-box .card .info .btn i{
     color: #000;