chore: Add open source section

index.html

@@ -464,35 +464,38 @@ <h3 class="text-center text-uppercase">
   <!-- Educationsection ends -->
 
   <!--portfolio section starts-->
-  <!-- <section id="u-portfolio" class="my-4 spacer">
+  <section id="u-portfolio" class="my-4 spacer">
     <div class="container">
       <div class="row">
         <div class="col-md-12">
-          <h2 class="u-h2 text-center">Portfolio</h2>
+          <h2 class="u-h2 text-center">Open sources</h2>
           <hr />
         </div>
       </div>
 
       <div class="row" style="padding: 48px 24px; align-items: center">
         <div class="col-md-6">
-          <h3>uClassRoom</h3>
+          <h3>uCreditCard</h3>
           <p class="u-web-project-text">
-            uClassRoom is a project to solve the online examination system in
-            this COVID situation. The plan is to make the exam taking system
-            more easier than before, for now this is now developing as of my
-            personal projects. Students can login and start their MCQ exam
-            easily and after submitting their answers, they can get results
-            instantly. A teacher just has to submit the questions and answers,
-            our system will automatically check each students answer scripts.
-            Teacher will provide a exam code before the examination starts.
+            🔥 "uCreditCard" is a Flutter package that offers a customizable solution for showing
+            the UI of
+            credit cards within your app. Elevate user engagement with captivating flip animations
+            and enhance
+            your app's visual appeal effortlessly!
           </p>
+          <a class="btn btn-primary bg-gradient px-4" href="https://pub.dev/packages/u_credit_card"
+            rel="noreferrer" target="_blank">
+            Check
+            package on
+            pub.dev
+          </a>
         </div>
         <div class="col-md-6">
-          <img src="assets/img/uClassroom.gif" alt="uclassroom_preview" width="100%" />
+          <img src="assets/img/uCreditCardVideo.gif" alt="uCreditCard Preview" width="100%" />
         </div>
       </div>
     </div>
-  </section> -->
+  </section>
   <!--end of portfolio section-->
 
   <!--portfolio section starts-->