Contact Us.html

<!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">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css">
    
    <div class="container-fluid">
      <div class="container">

    <!--Marquee-->
          <style>
          #poop { 
            text-shadow: -2px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
             font-style: bold;
             font-size:2em;
             font-weight:bold; 
             color: rgb(222, 246, 7);
            </style>
            <div id="poop"> <marquee behavior="scroll" direction="left">Ordering from us has never been easier! Just dial #0961 745 33 83 now!
            </marquee>

            <style>
            body {
              background:linear-gradient(-100deg,#f33d06 50%,#fff);
            }
</style>
</head>
<body>

<!--Nav Bar-->
<nav class="navbar navbar-expand-lg bg-light fs-5">
  <a class="navbar-brand" href="Log In.html">Log In</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link" href="Menu.html">Menu<span class="sr-only">
      </span></a>
      <a class="nav-item nav-link" href="Contact Us.html">Contact Us</a>
      <a class="nav-item nav-link" href="Careers.html">Careers</a>
    </div>
    </div>
    </nav>


                  <!--h1-->
    <h1 class="text-white text-center"
    style = "background: rgb(17, 17, 16)">Pizzarap!</h1>

            <!--Border-->
    <div class="content border border-primary p-3">
    <div class="row">

    <p class="fs-4">Only the finest home grown organic ingredients were used in creating these freshly baked pizza for your hungry appetite! So what are you waiting for? Call 0961 745 33 83 now!</p>

                <!--Carousel-->
          <div class="col-9">
          <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
          <div class="carousel-inner">
          <div class="carousel-item active">
          <img src="7-2-pizza-free-png-image.png" width="350" height="263" alt="pizza">
          </div>
          <div class="carousel-item">
          <img src="menu-pizza.png" width="350" height="263" alt="pizza">
          </div>
          
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>

</body>
</html>