gallery.html

<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="description" content="Fisique is a first of a kind Females Health Studio in Khobar">
  <meta name="keywords" content="gym,fitness,studio,female,khobar,ladies,girl,fit,fisique,promotion,efficiency">
  <meta name="author" content="Promotion Effieicny">
  <META NAME="geo.position" CONTENT="26.3023827; 50.1760372">
  <META NAME="geo.placename" CONTENT="Fisique, Females Fitness Studio">
  <META NAME="geo.region" CONTENT="Saudi Arabia Al Khobar">

  <!-- Twitter Card data -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:url" content="https://www.fisique.co/v1/">
  <meta name="twitter:title" content="Fisique.co | Females Fitness Studio">
  <meta name="twitter:description" content="Fisique is a first of a kind Females Health Studio in Khobar">
  <meta name="twitter:creator" content="@promoefficiency">
  <!-- Twitter Summary card images must be at least 120x120px Twitter large image: 280x150px -->
  <meta name="twitter:image" content="https://www.fisique.co/v1/assets/img/favicon/MetaPic2.png">

  <!-- Open Graph data -->
  <meta property="og:title" content="Fisique.co | Females Fitness Studio" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="https://www.fisique.co/v1/" />
  <meta property="og:image" content="https://www.fisique.co/v1/assets/img/favicon/MetaPic2.png" />
  <meta property="og:description" content="Fisique is a first of a kind Females Health Studio in Khobar" />
  <meta property="og:site_name" content="Fisique.co | Females Fitness Studio" />
  <!-- <meta property="fb:admins" content="Facebook numeric ID" /> -->

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
  <link href="./assets/fontawsome/css/all.css" rel="stylesheet">
  <!--load all styles -->
  <link rel="stylesheet" href="./assets/css/styles.css">

  <!-- Favicons -->
  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="./assets/img/favicon/apple-touch-icon-57x57.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/img/favicon/apple-touch-icon-114x114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/img/favicon/apple-touch-icon-72x72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/img/favicon/apple-touch-icon-144x144.png" />
  <link rel="apple-touch-icon-precomposed" sizes="60x60" href="./assets/img/favicon/apple-touch-icon-60x60.png" />
  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="./assets/img/favicon/apple-touch-icon-120x120.png" />
  <link rel="apple-touch-icon-precomposed" sizes="76x76" href="./assets/img/favicon/apple-touch-icon-76x76.png" />
  <link rel="apple-touch-icon-precomposed" sizes="152x152" href="./assets/img/favicon/apple-touch-icon-152x152.png" />
  <link rel="icon" type="image/png" href="./assets/img/favicon/favicon-196x196.png" sizes="196x196" />
  <link rel="icon" type="image/png" href="./assets/img/favicon/favicon-96x96.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="./assets/img/favicon/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="./assets/img/favicon/favicon-16x16.png" sizes="16x16" />
  <link rel="icon" type="image/png" href="./assets/img/favicon/favicon-128.png" sizes="128x128" />
  <meta name="application-name" content="Fisique" />
  <meta name="msapplication-TileColor" content="#FFFFFF" />
  <meta name="msapplication-TileImage" content="./assets/img/favicon/mstile-144x144.png" />
  <meta name="msapplication-square70x70logo" content="./assets/img/favicon/mstile-70x70.png" />
  <meta name="msapplication-square150x150logo" content="./assets/img/favicon/mstile-150x150.png" />
  <meta name="msapplication-wide310x150logo" content="./assets/img/favicon/mstile-310x150.png" />
  <meta name="msapplication-square310x310logo" content="./assets/img/favicon/mstile-310x310.png" />

  <title>Fisique.co | Females Fitness Studio</title>
</head>

<body>
  <header class="">
    <nav class="navbar navbar-expand-md navbar-light py-4">
      <div class="container">
        <a class="navbar-brand" href="#">

          <svg xmlns="http://www.w3.org/2000/svg" id="logo_full" width="149.01" height="37.856" viewBox="0 0 149.01 37.856">
            <g id="Fisique_Logo_Title" data-name="Fisique Logo Title" transform="translate(-60 -37)">
              <path id="XMLID_960_" d="M1065.845,406.911l-1.42,0a.774.774,0,0,0-.775.772l-.043,17.039a5.96,5.96,0,0,1-11.92-.03l.043-17.039a.774.774,0,0,0-.773-.775l-1.42,0a.774.774,0,0,0-.775.772l-.043,17.039a8.929,8.929,0,0,0,15.224,6.343,9.04,9.04,0,0,0,2.62-5.289.812.812,0,0,0,.007-.1l.045-17.943A.771.771,0,0,0,1065.845,406.911Z"
                transform="translate(-879.695 -369.1)" />
              <path id="XMLID_959_" d="M1180.578,410.148a.774.774,0,0,0,.775-.772l0-1.4a.774.774,0,0,0-.772-.775l-11.139-.027a.774.774,0,0,0-.775.772l-.061,24.966a.774.774,0,0,0,.772.775l11.139.027a.774.774,0,0,0,.775-.772l0-1.4a.774.774,0,0,0-.772-.775l-8.96-.023.023-8.829,5.6.014a.774.774,0,0,0,.775-.772l0-1.4a.774.774,0,0,0-.772-.775l-5.6-.014.023-8.828Z"
                transform="translate(-972.348 -369.332)" />
              <path id="XMLID_955_" d="M908.175,428.661c2.4-2.467,5.271-6.436,5.284-11.337A13.823,13.823,0,1,0,901.952,430.9c-.107.116-.22.236-.334.359-.563.607-1.195,1.286-1.615,1.708a11.776,11.776,0,0,0-5.559-1.677c-2.34-.043-5.453.993-6.829,3.044a4.212,4.212,0,0,0-.277,4.176,4.44,4.44,0,0,0,3.14,2.669,5.7,5.7,0,0,0,1.334.152,8,8,0,0,0,4.973-1.824c1.152-.959,2.363-2.054,3.7-3.342,3.081,2.129,6.27,4.33,10.337,4.162a1.268,1.268,0,0,0,1.1-.682,1.418,1.418,0,0,0-.041-1.395,1.167,1.167,0,0,0-1.077-.536c-3.158.127-5.6-1.459-8.181-3.135l-.32-.207c.7-.691,1.5-1.452,2.345-2.254C905.891,430.933,907.189,429.7,908.175,428.661Zm2.315-11.346a10.841,10.841,0,1,1-10.814-10.869A10.853,10.853,0,0,1,910.49,417.316Zm-20.67,18.4c.647-1.056,2.46-1.706,3.914-1.8.193-.014.386-.018.579-.018a9.037,9.037,0,0,1,3.774.87c-.32.3-.641.618-.952.925a18.019,18.019,0,0,1-2.551,2.233,4.614,4.614,0,0,1-3.528.707,1.95,1.95,0,0,1-1.293-1.147A1.833,1.833,0,0,1,889.82,435.72Z"
                transform="translate(-753.819 -366.48)" />
              <path id="XMLID_296_" d="M668.29,405.925l-1.4,0a.774.774,0,0,0-.775.772l-.061,24.966a.774.774,0,0,0,.772.775l1.4,0a.774.774,0,0,0,.775-.772l.061-24.966A.775.775,0,0,0,668.29,405.925Z" transform="translate(-583.963 -368.366)" />
              <path id="XMLID_297_" d="M728.592,414.878a9.731,9.731,0,0,1-2.667-1.752,3.117,3.117,0,0,1,4.41-4.405,3.112,3.112,0,0,1,.738,1.127.775.775,0,0,0,1.011.454l1.265-.5a.777.777,0,0,0,.457-.952,5.19,5.19,0,0,0-1.374-2.176,6.077,6.077,0,0,0-8.583-.009,6.036,6.036,0,0,0-.02,8.542,11.259,11.259,0,0,0,4.46,2.615,10.7,10.7,0,0,1,3.533,2.3,5.239,5.239,0,1,1-7.429,7.39,7.731,7.731,0,0,1-1.511-2.186.791.791,0,0,0-.568-.42.777.777,0,0,0-.67.216l-.952.947a.767.767,0,0,0-.17.841,8.13,8.13,0,0,0,1.788,2.656,8.161,8.161,0,1,0,11.58-11.5A13.235,13.235,0,0,0,728.592,414.878Z"
                transform="translate(-626.012 -367.577)" />
              <path id="XMLID_298_" d="M833.58,406.335l-1.4,0a.774.774,0,0,0-.775.772l-.061,24.966a.774.774,0,0,0,.772.775l1.4,0a.774.774,0,0,0,.775-.772l.061-24.966A.775.775,0,0,0,833.58,406.335Z" transform="translate(-711.701 -368.683)" />
              <path id="XMLID_299_" d="M580.805,405.717l-11.139-.027a.774.774,0,0,0-.775.772l-.061,24.966a.774.774,0,0,0,.772.775l1.4,0a.774.774,0,0,0,.775-.772l.027-11.007,5.6.014a.774.774,0,0,0,.775-.772l0-1.4a.774.774,0,0,0-.772-.775l-5.6-.014.023-8.828,8.96.023a.774.774,0,0,0,.775-.772l0-1.4A.773.773,0,0,0,580.805,405.717Z"
                transform="translate(-508.83 -368.188)" />
            </g>
          </svg>


        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#top_menu" aria-controls="top_menu" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="top_menu">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active"><a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a></li>
            <li class="nav-item"><a class="nav-link" href="#">About</a></li>
            <li class="nav-item"><a class="nav-link" href="#">Team</a></li>
            <li class="nav-item"><a class="nav-link" href="#">Gallery</a></li>
            <li class="nav-item"><a class="nav-link" href="#">
                <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19">
                  <path id="Path_6" data-name="Path 6" d="M-2.25-8.437V-4.5a1.081,1.081,0,0,1-.334.791,1.081,1.081,0,0,1-.791.334h-.562a2.174,2.174,0,0,1-1.6-.65,2.174,2.174,0,0,1-.65-1.6V-7.312a2.174,2.174,0,0,1,.65-1.6,2.174,2.174,0,0,1,1.6-.65h.563a1.081,1.081,0,0,1,.791.334A1.081,1.081,0,0,1-2.25-8.437ZM3.938-3.375H3.375a1.081,1.081,0,0,1-.791-.334A1.081,1.081,0,0,1,2.25-4.5V-8.437a1.081,1.081,0,0,1,.334-.791,1.081,1.081,0,0,1,.791-.334h.563a2.174,2.174,0,0,1,1.6.65,2.174,2.174,0,0,1,.65,1.6v1.688a2.174,2.174,0,0,1-.65,1.6A2.174,2.174,0,0,1,3.938-3.375ZM0-15.75a8.544,8.544,0,0,1,4.535,1.266,9.156,9.156,0,0,1,3.182,3.27A9.25,9.25,0,0,1,9-6.75V-.914a3.045,3.045,0,0,1-.932,2.232,3.045,3.045,0,0,1-2.232.932h-6.4a1.627,1.627,0,0,1-1.2-.492A1.627,1.627,0,0,1-2.25.563a1.627,1.627,0,0,1,.492-1.2,1.627,1.627,0,0,1,1.2-.492H.563a1.627,1.627,0,0,1,1.2.492A1.627,1.627,0,0,1,2.25.563H5.836A1.418,1.418,0,0,0,6.873.123,1.418,1.418,0,0,0,7.313-.914V-6.75a7.131,7.131,0,0,0-.984-3.656,7.3,7.3,0,0,0-2.672-2.672A7.131,7.131,0,0,0,0-14.062a7.131,7.131,0,0,0-3.656.984,7.3,7.3,0,0,0-2.672,2.672A7.131,7.131,0,0,0-7.312-6.75v.563a.548.548,0,0,1-.158.4.548.548,0,0,1-.4.158h-.562a.548.548,0,0,1-.4-.158A.548.548,0,0,1-9-6.187V-6.75a9.25,9.25,0,0,1,1.283-4.465,9.156,9.156,0,0,1,3.182-3.27A8.544,8.544,0,0,1,0-15.75Z"
                    transform="translate(9.5 16.25)" stroke="rgba(0,0,0,0)" stroke-width="1" />
                </svg>
                Get In Touch</a></li>

          </ul>

        </div>
      </div>
    </nav>


  </header>
  <main style="height:auto;">
    <section id="gallery-hero">
      <div class="container">
        <div class="row">
          <div class="col title text-center">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
              euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wis<br />
              enim ad minim veniam, quis nostrud exerci tation
            </p>
            <ul class="list-inline">
              <li class="list-inline-item"><a href="#">All</a></li>
              <li class="list-inline-item active"><a href="#">Cardio</a></li>
              <li class="list-inline-item"><a href="#">Machines</a></li>
              <li class="list-inline-item"><a href="#">Yoga</a></li>
              <li class="list-inline-item"><a href="#">Kickboxing</a></li>
              <li class="list-inline-item"><a href="#">Dancing</a></li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section id="gallery-content" class="py-0">
      <div class="container">
        <div class="row">
          <div class="image-block  col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/inspired-horizons-digital-marketing-1275920-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block  col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/juan-pablo-rodriguez-693578-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block col-4 col-md-6">
            <div class="image">

              <img src="./assets/img/gallery/humphrey-muleba-1119285-unsplash@2x.png" />
              </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>

          <div class="image-block col-4 col-md-6">
            <div class="image">

              <img src="./assets/img/gallery/humphrey-muleba-1119285-unsplash@2x.png" />
              </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/inspired-horizons-digital-marketing-1275920-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/juan-pablo-rodriguez-693578-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>

          <div class="image-block col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/inspired-horizons-digital-marketing-1275920-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block col-4 col-md-3">
            <div class="image">
              <img src="./assets/img/gallery/juan-pablo-rodriguez-693578-unsplash@2x.png" />
            </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
          <div class="image-block col-4 col-md-6">
            <div class="image">

              <img src="./assets/img/gallery/humphrey-muleba-1119285-unsplash@2x.png" />
              </div>
            <h5>KICKBOXING</h5>
            <h6>Perfect Smiles</h6>
          </div>
        </div>

        <div class="row">
          <div class="more">more <i class="fas fa-chevron-down"></i></div>
        </div>
      </div>
    </section>
  </main>
  <footer class="py-1 py-md-5 mt-4 mt-md-5 article">
    <div class="container">
      <ul class="list-inline">
        <li class="list-inline-item">Copyrights 2019 All Rights Reserved to Fisique.co</li>
        <li class="list-inline-item">Made with <i class="fas fa-coffee" data-toggle="tooltip" data-placement="top" title="Coffee"></i> & <i class="fas fa-heart" data-toggle="tooltip" data-placement="top" title="Love"></i> by <a href="#">Promotion Efficiency</a></li>
        <li class="list-inline-item float-none float-md-right">
          <ul class="list-inline social">
            <li class="list-inline-item">Follow Us:</li>
            <li class="list-inline-item"><i class="fab fa-twitter"></i></li>
            <li class="list-inline-item"><i class="fab fa-instagram"></i></li>
            <li class="list-inline-item"><i class="fab fa-linkedin"></i></li>
          </ul>
        </li>
      </ul>
    </div>
  </footer>
  <!-- Clean Code By: Promo Efficiency -->
  <!-- jQuery first, then Bootstrap JS -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="./assets/js/bootstrap.bundle.min.js"></script>
  <script>
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })

    //Div Backgrounds Images Property
    $(document).ready(function() {
      var bgImg = $("[data-bg-src]");
      bgImg.each(function() {
        var bgImg = $(this),
          imgSrc = bgImg.data("bg-src");
        bgImg.css("background-image", "url(" + imgSrc + ")")
      });
    });
  </script>
</body>

</html>