diff --git a/image/laptops/1.jpg b/image/laptops/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0706734c85ebe6f5726af4cc9663b0c22176e9a0
Binary files /dev/null and b/image/laptops/1.jpg differ
diff --git a/image/laptops/2.jpg b/image/laptops/2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..218822f2357533ada4343b17cfc51768fb78bbae
Binary files /dev/null and b/image/laptops/2.jpg differ
diff --git a/image/laptops/3.jpg b/image/laptops/3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4d351f669de8622f370a40b07c9c43d7976ac0c0
Binary files /dev/null and b/image/laptops/3.jpg differ
diff --git a/startbootstrap-agency-gh-pages/index.php b/startbootstrap-agency-gh-pages/index.php
index be4116aa982d8a04c13f97a7676622be41f847b5..262adf2954611d4f3e7077c9648b9e113c6399b2 100644
--- a/startbootstrap-agency-gh-pages/index.php
+++ b/startbootstrap-agency-gh-pages/index.php
@@ -40,6 +40,7 @@ switch ($j) {
$Fday = "Saturday";
break;
}
+include("../html/data_treatment/connect_database.php");
echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last online on ".$Fday." - ".$day.".".$month.".".$year.".";
?>
@@ -73,8 +74,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li>
<form action="/search" method="GET">
- <input type="text" name="query" placeholder="Search...">
- <input type="submit" value="Search">
+ <input type="text" name="query" id=search placeholder="Search...">
</form>
</li>
<li class="nav-item"><a class="nav-link" href="#services">Offers</a></li>
@@ -138,6 +138,16 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</div>
</section>
+
+ <?php
+ $sql = "select * from articles";
+ $result = $conn->query($sql);
+ $articles = array();
+ while ($row = $result->fetch_assoc()) {
+ $articles[] = $row;
+ }
+ ?>
+
<!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio">
<div class="container">
@@ -146,98 +156,25 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<h3 class="section-subheading text-muted">The best quality is here</h3>
</div>
<div class="row">
+ <?php
+ for($i=0; $i<count($articles); $i++){
+ ?>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 1-->
<div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1">
- <div class="portfolio-hover">
- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
- </div>
- <img class="img-fluid" src="assets/img/team/2.jpg" alt="..." />
- </a>
- <div class="portfolio-caption">
- <div class="portfolio-caption-heading">HP Omen 16</div>
- <div class="portfolio-caption-subheading text-muted">$950 <?php ?>
-
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 mb-4">
- <!-- Portfolio item 2-->
- <div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
- <div class="portfolio-hover">
- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
- </div>
- <img class="img-fluid" src="assets/img/portfolio/2.jpg" alt="..." />
- </a>
- <div class="portfolio-caption">
- <div class="portfolio-caption-heading">Explore</div>
- <div class="portfolio-caption-subheading text-muted">Graphic Design</div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 mb-4">
- <!-- Portfolio item 3-->
- <div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
- <div class="portfolio-hover">
- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
- </div>
- <img class="img-fluid" src="assets/img/portfolio/3.jpg" alt="..." />
- </a>
- <div class="portfolio-caption">
- <div class="portfolio-caption-heading">Finish</div>
- <div class="portfolio-caption-subheading text-muted">Identity</div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
- <!-- Portfolio item 4-->
- <div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">
+ <a class="portfolio-link" data-bs-toggle="modal" <?php echo 'href="#portfolioModal'.$i.'"' ?>>
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
- <img class="img-fluid" src="assets/img/portfolio/4.jpg" alt="..." />
+ <img class="img-fluid" src=<?php echo "'../image/laptops/".$articles[$i]["imagename"]."'"; ?> alt="..." />
</a>
<div class="portfolio-caption">
- <div class="portfolio-caption-heading">Lines</div>
- <div class="portfolio-caption-subheading text-muted">Branding</div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
- <!-- Portfolio item 5-->
- <div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">
- <div class="portfolio-hover">
- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
- </div>
- <img class="img-fluid" src="assets/img/portfolio/5.jpg" alt="..." />
- </a>
- <div class="portfolio-caption">
- <div class="portfolio-caption-heading">Southwest</div>
- <div class="portfolio-caption-subheading text-muted">Website Design</div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-sm-6">
- <!-- Portfolio item 6-->
- <div class="portfolio-item">
- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">
- <div class="portfolio-hover">
- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
- </div>
- <img class="img-fluid" src="assets/img/portfolio/6.jpg" alt="..." />
- </a>
- <div class="portfolio-caption">
- <div class="portfolio-caption-heading">Window</div>
- <div class="portfolio-caption-subheading text-muted">Photography</div>
+ <div class="portfolio-caption-heading"><?php echo $articles[$i]["itemName"]?></div>
+ <div class="portfolio-caption-subheading text-muted"><?php echo $articles[$i]["price"]." €"?></div>
</div>
</div>
</div>
+ <?php };?>
</div>
</div>
</section>
@@ -345,7 +282,10 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</footer>
<!-- Portfolio Modals-->
<!-- Portfolio item 1 modal popup-->
- <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
+ <?php
+ for($i=0; $i<count($articles); $i++){
+ ?>
+ <div class="portfolio-modal modal fade" <?php echo 'id="portfolioModal'.$i.'"' ?> tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
@@ -354,28 +294,11 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
- <h2 class="text-uppercase">Project Name</h2>
- <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
- <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." />
- <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
- <ul class="list-inline">
- <li>
- <strong>Processor:</strong>
- Intel Core i9-9700H
- </li>
- <li>
- <strong>Graphic Card:</strong>
- NVIDIA GTX 3060
- </li>
- <li>
- <strong>Storage:</strong>
- 512 GB SSD
- </li>
- <li>
- <strong>Memory:</strong>
- 8 GB
- </li>
- </ul>
+ <h2 class="text-uppercase"><?php echo $articles[$i]["itemName"]?></h2>
+ <!-- <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> -->
+ <img class="img-fluid d-block mx-auto" src=<?php echo "'../image/laptops/".$articles[$i]["imagename"]."'"; ?> alt="..." />
+ <p><?php echo $articles[$i]["description"]; ?></p>
+ <p><?php echo "Price: ".$articles[$i]["price"]." €";?></p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
Add to shopping cart
</button>
@@ -386,6 +309,7 @@ echo "Hello Mr./Ms. ".explode('@',$_SESSION["username"])[0].", you were last onl
</div>
</div>
</div>
+ <?php }; ?>
<!-- Portfolio item 2 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">