diff --git a/startbootstrap-agency-gh-pages/assets/img/XD.jpeg b/startbootstrap-agency-gh-pages/assets/img/XD.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..fb070ef746cb919fe26c50d311e6cdbd23dbdc6c
Binary files /dev/null and b/startbootstrap-agency-gh-pages/assets/img/XD.jpeg differ
diff --git a/startbootstrap-agency-gh-pages/checkout.php b/startbootstrap-agency-gh-pages/checkout.php
index b349d39df061b2c4c6f3a042dafc0f2d123da20f..cffde0be26683eea3b880f1e77a8b1440b0b6f2e 100644
--- a/startbootstrap-agency-gh-pages/checkout.php
+++ b/startbootstrap-agency-gh-pages/checkout.php
@@ -11,7 +11,7 @@ session_start();
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.84.0">
<title>Checkout example · Bootstrap v5.0</title>
-
+ <link href="css/styles.css" rel="stylesheet" />
<link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/checkout/">
@@ -54,12 +54,11 @@ session_start();
<div class="container">
<main>
<div class="py-5 text-center">
- <img class="d-block mx-auto mb-4" src="/docs/5.0/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
- <h2>Checkout form</h2>
- <p class="lead">Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.</p>
+ <h2>YOUR ORDER</h2>
+ <img src="assets/img/XD.jpeg" alt="" width="150" height="150"><br><br>
</div>
- you have ordered:<br>
+ You have ordered:<br>
<?php
$text="";
foreach($_SESSION["panier"] as $item){
@@ -74,6 +73,7 @@ foreach($_SESSION["panier"] as $item){
}
echo $text;
?>
+<br><br><br>
<div class="row g-5">
<div class="col-md-5 col-lg-4 order-md-last">
diff --git a/startbootstrap-agency-gh-pages/index.php b/startbootstrap-agency-gh-pages/index.php
index 004a3eb40757686df742f9ce6d9e6db503cecb18..3e6519e362f72dff3ee9bfd13de8f462a9593397 100644
--- a/startbootstrap-agency-gh-pages/index.php
+++ b/startbootstrap-agency-gh-pages/index.php
@@ -155,7 +155,7 @@ error: function (error) {
</li>
<li class="nav-item"><a class="nav-link" href="#services">Offers</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Laptops</a></li>
- <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
+ <li class="nav-item"><a class="nav-link" href="purchased_item.php">My Orders</a></li>
<li class="nav-item"><a class="nav-link" href="../html/data_treatment/logout_treatment.php">Log Out</a></li>
</ul>
@@ -273,87 +273,8 @@ error: function (error) {
</div>
</section>
+
- <!-- Clients-->
- <div class="py-5">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-md-3 col-sm-6 my-3">
- <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg" alt="..." aria-label="Microsoft Logo" /></a>
- </div>
- <div class="col-md-3 col-sm-6 my-3">
- <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg" alt="..." aria-label="Google Logo" /></a>
- </div>
- <div class="col-md-3 col-sm-6 my-3">
- <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg" alt="..." aria-label="Facebook Logo" /></a>
- </div>
- <div class="col-md-3 col-sm-6 my-3">
- <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg" alt="..." aria-label="IBM Logo" /></a>
- </div>
- </div>
- </div>
- </div>
- <!-- Contact-->
- <section class="page-section" id="contact">
- <div class="container">
- <div class="text-center">
- <h2 class="section-heading text-uppercase">Contact Us</h2>
- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
- </div>
- <!-- * * * * * * * * * * * * * * *-->
- <!-- * * SB Forms Contact Form * *-->
- <!-- * * * * * * * * * * * * * * *-->
- <!-- This form is pre-integrated with SB Forms.-->
- <!-- To make this form functional, sign up at-->
- <!-- https://startbootstrap.com/solution/contact-forms-->
- <!-- to get an API token!-->
- <form id="contactForm" data-sb-form-api-token="API_TOKEN">
- <div class="row align-items-stretch mb-5">
- <div class="col-md-6">
- <div class="form-group">
- <!-- Name input-->
- <input class="form-control" id="name" type="text" placeholder="Your Name *" data-sb-validations="required" />
- <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
- </div>
- <div class="form-group">
- <!-- Email address input-->
- <input class="form-control" id="email" type="email" placeholder="Your Email *" data-sb-validations="required,email" />
- <div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
- <div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
- </div>
- <div class="form-group mb-md-0">
- <!-- Phone number input-->
- <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" data-sb-validations="required" />
- <div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="form-group form-group-textarea mb-md-0">
- <!-- Message input-->
- <textarea class="form-control" id="message" placeholder="Your Message *" data-sb-validations="required"></textarea>
- <div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
- </div>
- </div>
- </div>
- <!-- Submit success message-->
- <!---->
- <!-- This is what your users will see when the form-->
- <!-- has successfully submitted-->
- <div class="d-none" id="submitSuccessMessage">
- <div class="text-center text-white mb-3">
- <div class="fw-bolder">Form submission successful!</div>
- </div>
- </div>
- <!-- Submit error message-->
- <!---->
- <!-- This is what your users will see when there is-->
- <!-- an error submitting the form-->
- <div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
- <!-- Submit Button-->
- <div class="text-center"><button class="btn btn-primary btn-xl text-uppercase disabled" id="submitButton" type="submit">Send Message</button></div>
- </form>
- </div>
- </section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
diff --git a/startbootstrap-agency-gh-pages/purchased_item.php b/startbootstrap-agency-gh-pages/purchased_item.php
index 1eeab50d4c61b03798a2fd60992f721b406aaf04..890a8aacb166ef1817df4dcbcd0127cad4b5c97c 100644
--- a/startbootstrap-agency-gh-pages/purchased_item.php
+++ b/startbootstrap-agency-gh-pages/purchased_item.php
@@ -46,6 +46,7 @@ if ($result->num_rows > 0) {
// Close the database connection
$conn->close();
?>
+<link href="css/styles.css" rel="stylesheet" />
<!-- JQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
diff --git a/startbootstrap-agency-gh-pages/thank_you_page.php b/startbootstrap-agency-gh-pages/thank_you_page.php
index cbeb8c51c0b1085e33b65a4a74980d4ccdf97b1c..4ab12014fab3852d2da343bf15e985cbb1ef8586 100644
--- a/startbootstrap-agency-gh-pages/thank_you_page.php
+++ b/startbootstrap-agency-gh-pages/thank_you_page.php
@@ -1,2 +1,28 @@
-Thank you
-<a href="index.php">Return to Main Page</a>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Login</title>
+ <link rel="stylesheet" href="../html/styles.css">
+ <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+</head>
+<body>
+ <div class="wrapper fadeInDown">
+ <div id="formContent">
+
+ <p><h3><strong> Thanks for your purchase! </strong></h3></p>
+ <p> You will soon receive an email with information. </p>
+
+ <div id="formFooter">
+ <a href="index.php">Return to Main Page</a>
+ </div>
+
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file