<!DOCTYPE html>
<html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/main.js"></script>
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">

<head>
  <title>Brancher</title>
  <link rel="icon" type="image/x-icon" href="./css/res/inverse_branch.svg"/>
</head>

<body>
  <link href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' rel='stylesheet' type='text/css'>

  <header class="main_h">

    <div class="row">

      <a>
        <img class="logo" src="./css/res/brancher_logo_v2_white.png" style="padding-left: 10px">
        <!--logo font is unispace-->
      </a>

      <div class="mobile-toggle">
        <span></span>
        <span></span>
        <span></span>
      </div>

      <nav>
        <ul>
          <li><a href="about.html">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="company.html">Companies</a></li>
          <li><a href="influencer.html">Influencers</a></li>
          <li><div class="dropdown">
            <button class="dropbtn">SIGN UP</button>
            <div class="dropdown-content">
              <a href="signup4influence.html">I'm an influencer</a>
              <a href="signup4influence.html">I'm a company or brand</a>
            </div>
          </div>
        </li>
          <div id="mySidenav" class="sidenav">
           <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
         </div>
         <!-- Use any element to open the sidenav -->
         <li><a span onclick="openNav()">Login</a span></li>
        </ul>
      </nav>
    </div>
  </header>
  <!--<div class="hero gradient-border">-->

  <!--<head>
    <meta charset="utf-8">
    <title>...</title>
    <link rel="stylesheet" type="text/css" href="css/slider.css" />
    <script src="js/slider.js"></script>
  </head>
  <body>
    <div class="ba-slider">
      <a href="influencer.html">
        <img src="css/res/home_page_influencers_r.png" style="padding-top: 70px" alt="">
      </a>
       <div class="resize">
         <a href="company.html">
           <img src="css/res/home_page_companies.png" style="padding-top: 70px" alt="">
         </a>
       </div>
       <span class="handle"></span>
     </div>
  </body>-->

  <head>
    <meta charset="utf-8">
    <title>...</title>
    <link rel="stylesheet" type="text/css" href="css/slider.css" />
  </head>
  <body>
    <div>
      <div class="column" style="margin-top: 70px">
        <a href="company.html">
          <img src="css/res/home_page_left.png" alt="" style="width:100%; height:5%" >
        </a>
      </div>
      <div class="column" style="margin-top: 70px">
        <a href="influencer.html">
          <img src="css/res/home_page_right.png" alt="" style="width:100%; height:0%">
        </a>
      </div>
    </div>
    <div class = "columnSpaceContainer">
      <div class="columnSpace">
        <a href="company.html">
          <img src="css/res/white.png" alt="" style="width:100%;height:5%" >
        </a>
      </div>
      <div class="columnSpace">
        <a href="influencer.html">
          <img src="css/res/black.png" alt="" style="width:100%;height:100%">
        </a>
      </div>
    </div>
  </body>
  <section class="page-section bg-light" id="team">
      <div class="container">
          <div class="text-center">
              <h2 class="section-heading text-uppercase" style="font-style:"Montserrat"" >Our Amazing Team</h2>
              <h3 class="section-subheading text-muted">We are here to serve you, so always feel free to contact us on social media or using the Brancher contact form down below.</h3>
          </div>
          <div class="row">
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/zaeem.PNG" alt="" />
                      <h4>Zaeem Qureshi</h4>
                      <p class="text-muted">Chief Operations Offiicer</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/lightningzaqueem/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/zaeem.kureshi.39"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:zaeem.kureshe11@gmail.com"><i class="fa fa-envelope"></i></a>
                  </div>
              </div>
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/adnan.PNG" alt="" />
                      <h4>Adnan Murtaza</h4>
                      <p class="text-muted">Lead Designer</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/adnanmurtaza1/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/adnan.murtaza.378"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:adnanamurtaza@gmail.com"><i class="fa fa-envelope"></i></a>
                  </div>
              </div>
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/rushil.PNG" alt="" />
                      <h4>Rushil Sidhu</h4>
                      <p class="text-muted">Chief Executive Officer</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushil_sidhu/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.sidhu"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:rushilsidhu@gmail.com"><i class="fa fa-envelope"></i></a>
                  </div>
              </div>
          </div>
          <div class="row">
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/taj.PNG" alt="" />
                      <h4>Taj Abdin</h4>
                      <p class="text-muted">Lead Consultant</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/tma_taj/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/taj.abdin.9"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:tajabdin123@gmail.com"><i class="fa fa-envelope"></i></a>
                  </div>
              </div>
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/abrar.PNG" alt="" />
                      <h4>Abrar Murtaza</h4>
                      <p class="text-muted">Lead Marketer</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/abrar.m123/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/abrar.murtaza.16"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="mailto:abrarmurtaza3@gmail.com"><i class="fa fa-envelope"></i></a>
                  </div>
              </div>
              <div class="col-lg-4">
                  <div class="team-member">
                      <img class="mx-auto rounded-circle" src="css/res/rushilu.PNG" alt="" />
                      <h4>Rushil Umaretiya</h4>
                      <p class="text-muted">Lead Developer</p>
                      <a class="btn btn-dark btn-social mx-2" href="https://www.instagram.com/rushilwiz/"><i class="fab fa-instagram"></i></a><a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/rushil.umaretiya.12"><i class="fab fa-facebook"></i></a><a class="btn btn-dark btn-social mx-2" href="https://github.com/Rushilwiz"><i class="fab fa-github"></i></a>
                  </div>
              </div>
          </div>
          <div class="text-center">
            <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="about.html">Want To Learn More?</a>
          </div>
          <div class="row">
              <div class="col-lg-8 mx-auto text-center"><p class="large text-muted"></p></div>
          </div>
      </div>
  </section>
  <!--<head>
    <meta charset="utf-8">
    <title>...</title>
    <link rel="stylesheet" type="text/css" href="css/slider.css" />
  </head>
  <body>
    <div class = "columnSpaceContainer">
      <div class="columnSpace">
        <a href="company.html">
          <img src="css/res/white.png" alt="" style="width:100%;height:100%" >
        </a>
      </div>
      <div class="columnSpace">
        <a href="influencer.html">
          <img src="css/res/black.png" alt="" style="width:100%;height:100%">
        </a>
      </div>
    </div>
  </body> -->
  <!--</div>-->

</body>



</html>