new project - BMI calculator

PriyanshuTrivedi07 · Oct 12, 2023 · df6318b · df6318b
1 parent 034496c
commit df6318b
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -117,6 +117,7 @@ <h5 class="card-title">PopUp on Submit</h5>
                             </div>
                         </div>
                     </div>
+
                     <!-- Card 5 -->
                     <div class="col-lg-4 col-md-6 col-12 d-flex align-items-center justify-content-center py-3">
                         <div class="card transition" style="width: 18rem;">
@@ -138,6 +139,7 @@ <h5 class="card-title">Digital Clock</h5>
                             </div>
                         </div>
                     </div>
+
                     <!-- Card 6 -->
                     <div class="col-lg-4 col-md-6 col-12 d-flex align-items-center justify-content-center py-3">
                         <div class="card transition" style="width: 18rem;">
@@ -159,6 +161,7 @@ <h5 class="card-title">Image Gallery</h5>
                             </div>
                         </div>
                     </div>
+
                     <!-- Card 7 -->
                     <div class="col-lg-4 col-md-6 col-12 d-flex align-items-center justify-content-center py-3">
                         <div class="card transition" style="width: 18rem;">
@@ -202,6 +205,28 @@ <h5 class="card-title">Product Image Gallery</h5>
                             </div>
                         </div>
                     </div>
+
+                    <!-- Card 9 -->
+                    <div class="col-lg-4 col-md-6 col-12 d-flex align-items-center justify-content-center py-3">
+                        <div class="card transition" style="width: 18rem;">
+                            <div class="img-box transition">
+                                <img src="BMIcalculator/images/BMIcalculatorSS.png" class="card-img-top" alt="thumbnail">
+                            </div>
+                            <div class="card-body">
+                                <h5 class="card-title">BMI Calculator</h5>
+                                <p class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                                    Repudiandae, quam alias. Lorem, dolor ipsum .
+                                </p>
+                                <div class="project-link d-flex justify-content-between align-items-center">
+                                    <a href="https://github.com/PriyanshuTrivedi07/JS-Mini-Projects/tree/main/BMIcalculator" target="_blank" class="github-icon ">
+                                        <img src="images/github-7516837.png" alt="GithubLink" class="img-fluid" width="35px">
+                                    </a>
+                                    <a href="BMIcalculator/index.html" target="_blank" class="live-demo"><em>Demo</em><i
+                                            class="bi bi-arrow-up-right"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </section>