web-scripting / Digital Marketing Website Draft / about.html
about.html
Raw
<!DOCTYPE html>
<html>

<head>
  <title>About</title>
  <meta charset="utf-8" />
  <link href="lib/css/bootstrap.min.css" rel="stylesheet" />
  <link href="aos-master/dist/aos.css" rel="stylesheet" />
  <link href="css/home.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" />
  <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<!--Body-->

<body class="bg-dark">

    <video autoplay muted loop id="myVideo">
      <source src="img/video2.mp4" type=video/mp4>

    </video>

  </div>
  <!--Nav Bar-->
  <nav class="navbar navbar-expand-md navbar-dark p-3">
    <a class="navbar-brand mx-3" href="#"><img src="./img/example.png" width="50px" height="50px" alt="" />
      [Business Name]</a>
    <button class="navbar-toggler mx-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarContent">
      <ul class="navbar-nav m-auto">
        <!--Home-->
        <li class="nav-item ms-3">
          <a class="nav-link me-2" href="./index.html">Home</a>
        </li>
        <!--Our Services-->
        <li class="nav-item dropdown ms-3">
          <a class="nav-link dropdown-toggle me-2" href="./services.html" id="navbarDarkDropdownMenuLink" aria-expanded="false">
            Our Services
          </a>
          <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
            <li><a class="dropdown-item" href="./services.html#item-1">Website Design & SEO</a></li>
            <li><a class="dropdown-item" href="./services.html#item-2">Social Media Management</a></li>
            <li><a class="dropdown-item" href="./services.html#item-3">Pay-Per-Click (PPC) Advertisement</a></li>
            <li><a class="dropdown-item" href="./services.html#item-4">Email Marketing</a></li>
          </ul>
        </li>
        <!--About Us-->
        <li class="nav-item ms-3">
          <a class="nav-link active me-2" href="./about.html">About Us</a>
        </li>
        <!--Contact-->
        <li class="nav-item ms-3">
          <a class="nav-link me-2" href="./contact.html">Contact</a>
        </li>
      </ul>
      <!--Darkmode Switch-->
      <label class="switch ms-3">
        <input type="checkbox" class="checker" id="lightSwitch" />
        <span class="slider round"></span>
      </label>
    </div>
  </nav>

  <div class="row col-12">
    <h3 class="m-auto mt-5 mb-4 text-center text-white">Who are we?</h3>
  </div>


  <div class="row justify-content-center">
    <div class="col-2 mx-5">
      <div class="card bg-transparent border-0 cardborder">
        <img class="card-img-top rounded-circle" src="img/defaultprof.jpeg" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title text-white text-center">Essam Fahmy</h5>
          <p class="card-text text-white text-center">Some quick example text to build on the card title and make up the
            bulk of the card's content.</p>
        </div>
      </div>
    </div>
    <div class="col-2 mx-5">
      <div class="card bg-transparent border-0 cardborder">
        <img class="card-img-top rounded-circle" src="img/defaultprof.jpeg" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title text-white text-center">Essam Fahmy</h5>
          <p class="card-text text-white text-center">Some quick example text to build on the card title and make up the
            bulk of the card's content.</p>
        </div>
      </div>
    </div>
    <div class="col-2 mx-5">
      <div class="card bg-transparent border-0 cardborder" >
        <img class="card-img-top rounded-circle" src="img/defaultprof.jpeg" alt="Card image cap">
        <div class="card-body">
          <h5 class="card-title text-white text-center">Someones Name</h5>
          <p class="card-text text-white text-center">Some quick example text to build on the card title and make up the
            bulk of the card's content.</p>
        </div>
      </div>
    </div>
  </div>


    <div class="row mt-5">
      <div class="col-6 m-auto">
        <div class="row m-auto text-left text-white">
          <p1>
            Welcome to [Business Name], a full-service digital marketing agency dedicated to helping businesses thrive in the
            digital world.

            <br><br>At the helm of our company are the Fahmy brothers - Essam, Essam, and Essam. As the CTO, CMO, and CFO
            of [Business Name] respectively, they bring a wealth of knowledge and expertise to the table. With a passion for all
            things digital marketing, they have built a team of skilled professionals committed to delivering
            results-driven campaigns that drive growth and engagement for our clients.

            <br><br>Our mission at [Business Name] is simple: to empower businesses to succeed in the digital world. We
            understand that navigating the online landscape can be overwhelming, which is why we offer a comprehensive
            range of services to help our clients every step of the way. From social media management and email
            marketing to website design and search engine optimization, we have the tools and expertise to handle all
            aspects of your online marketing efforts.

            <br><br>We are committed to delivering personalized, strategic marketing plans that deliver measurable
            results. And, as a company that values affordability and accessibility, we offer competitive rates for our
            services to ensure that small and medium-sized businesses have the support and resources they need to
            succeed.

            <br><br>At [Business Name], we are passionate about helping businesses thrive in the digital world. We look forward
            to working with you and delivering value and results at every step of the way.
          </p1>
        </div>
      </div>
    </div>

    <footer class="text-center text-white">
      <!-- Copyright -->
      <div class="text-center p-3 mt-5" style="background-color: rgba(0, 0, 0, 0.2)">
        © 2022 Copyright:
        <a class="text-white" href="#">[Business Name].com</a>
      </div>
    </footer>


    <!--JQuery and Bootstrap Script Tags-->
    <script src="lib/js/jquery.min.js"></script>
    <script src="lib/js/bootstrap.min.js"></script>
    <script src="aos-master/dist/aos.js "></script>
    <script>
      AOS.init();
    </script>
</body>

</html>