
  
<!DOCTYPE html> <!-- DOCTYPE tells the browser which version of html to expect *Recommended!!!-->
<html>
<head>
<title>TekBreeze</title>

  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/superslides.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
  <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>

  <div class="loader">
    
    <div class="inner">
      
    </div>

  </div>  


  <!--Header/Navigation -->
  <header >
      <nav class="navbar navbar-expand-lg navbar-light top-navbar" data-toggle="sticky-onscroll">
          <div class="container">
              <a class="navbar-brand" href="index.php">
              <img class="logo" src="img/logo.png"> TekBreeze
              </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
              </button>

              <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
                  <ul class="navbar-nav pull-right">
                      <li class="nav-item">
                          <a class="nav-link active" href="index.php">HOME</a>
                      </li>
                      
                      <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="services.php" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          SERVICES
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                          <a class="dropdown-item" href="managed-it-services.php">MANAGED IT SERVICES</a>
                          <a class="dropdown-item" href="web-design.php">WEB HOSTING & DESIGN</a>
                          <a class="dropdown-item" href="desktop-and-user-support.php">DIGITAL MARKETING</a>
                          
                        </div>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="estimate.php">ESTIMATE</a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="contact.php">CONTACT</a>
                      </li>
                      <li class="nav-item">
                          <a class="nav-link" href="login.php">LOGIN</a>
                      </li>
                      
                  </ul>

              </div>
          </div>
      </nav>

  </header>
  <!-- End of Header/Navigation-->
  <!--Carousel Wrapper-->
  <div id="slides">

    <div class="overlay"></div>

     <div class="slides-container">
        <img src="img/Slider/home.jpg" alt="">
        <img src="img/Slider/meeting.jpg" alt="">
        <img src="img/Slider/workstation.jpeg" alt="">
     </div>

     <div class="titleMessage">
      <div class="heading">
        <p class="main">GENNARO PESANTES</p>
        <p class="sub typed"></p>
      </div>
     </div>

     <nav class="slides-navigation">
        <a href="#" class="next"></a>
        <a href="#" class="prev"></a>
     </nav>


  </div>
  <!-- Carousel -->

  <!-- About Section -->
  <div class="about" data-aos="fade-left" >    
    <div class="container">
        
       
        <h1 class="heading">ABOUT US</h1>
        <p class="about-text">TekBreeze specializes in helping businesses think bigger and accomplish more while we reach all your expectations. We will do all of this while tailoring our services to your business, guaranteeing success and satisfaction.</p>

        <p class="about-text">We believe that each business has its unique environment that must be catered to, and we believe in listening to our clients’ needs and wants. From non-profit organizations to for-profit organizations, we pride ourselves on the quality of our work and our ability to get the job done.</p>

        <p class="about-text">Our business is about our clients and for our clients. As a business we treat others as we would like to be treated – with respect and understanding.</p>
        
    
    </div>
  </div>
  <!-- End of about section --> 

  <!-- Services Secton -->
  <div class="services">
    <div class="container">

      <h1 class="text-center heading">SERVICES</h1>

        <div class="row">

            <div class="col-md-4" data-aos="fade-left">
              <i class="fas fa-server services-icon"></i>
                <h3>Server and Network Management</h3>   
            </div>

      
            <div class="col-md-4" data-aos="fade-left">

              <i class="fas fa-cogs services-icon"></i>
                <h3>Technical Support and Consultation</h3>
              
            </div>

            <div class="col-md-4" data-aos="fade-left">

              <i class="fas fa-code services-icon"></i>
                  <h3>Web and App Development</h3>
            
              
            </div>

          
        </div>

        <div class="row">

            <div class="col-md-4" data-aos="fade-left">
              <i class="far fa-hdd services-icon"></i>
                <h3>Web Hosting</h3>   
            </div>

      
            <div class="col-md-4" data-aos="fade-left">

              <i class="fas fa-sitemap services-icon"></i>
                <h3>Network Cabling</h3>
              
            </div>

            <div class="col-md-4" data-aos="fade-left">

              <i class="fas fa-wifi services-icon"></i>
                  <h3>Wireless Infastructure</h3>
            
              
            </div>

          
        </div>
          <div class="services-button">
           <a href="#" class="btn btn-primary">Learn More</a>
          </div>
      </div>
    </div>
  <!-- End of Services Section -->




    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <h1 class="text-center heading">Testimonials</h1>
    <div class="carousel-inner text-center">
      <div class="carousel-item active">
        Thank you very much for the quick response. I was really impressed with the services provided and I hope to work with you guys again in the future!
        <hr>
        <h3>John Doe</h3>
      </div>
      <div class="carousel-item">
        Great customer service! Thanks to this great team, we had little down time and our system was back up and running in no time. A++++
        <hr>
        <h3>Joe Smoe</h3>
      </div>
      <div class="carousel-item">
        I usually never am satisifed with the work the usual guys I call do but these guys made the job look easy. Definetly my new go to for assistance with my computer lab.
        <hr>
        <h3>John Doe</h3>
      </div>
    </div>
  </div>


 <!-- Brand Section -->
<div class="brand">
  <h1 class="text-center heading">BRANDS WE WORK WITH</h1>
      <p class="about-text text-center">Here are just a few of the name brands we work with</p>

    <div class="container">
      <div class="owl-carousel owl-theme">

          <div class="item"><img src="img\icons\apple-logo.png"></div>
          <div class="item"><img src="img\icons\windows-logo.png"></div>
          <div class="item"><img src="img\icons\hp-logo.png"></div>
          <div class="item"><img src="img\icons\lenovo-logo.png"></div>
          <div class="item"><img src="img\icons\dell-logo.png"></div>
          <div class="item"><img src="img\icons\asus-logo.png"></div>


      </div>
    </div>

</div>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>


 <!-- End of Brand Section -->
  



  <!-- Footer Section -->
  
  <div class="footer-upper">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                 <h4 class="script">TekBreeze</h4>
                <address>
                    Bronx, NY
                    <br><abbr title="Phone">Phone:</abbr> (929) 250-1800
                </address>
            </div>

            <div class="col-md-3">
                <h4>Features</h4>
                <ul class="list-unstyled footer-links">
                    <li>
                        <a href="#">Web Development</a>
                    </li>
                    <li>
                        <a href="#">Web Hosting</a>
                    </li>
                </ul>
            </div>

            <div class="col-md-3">
                <h4>Documentation</h4>
                <ul class="list-unstyled footer-links">
                    <li>
                        <a href="#">Terms and Conditions</a>
                    </li>
                    <li>
                        <a href="#">Policy</a>
                    </li>
                    <li>
                        <a href="#">Disclosures</a>
                    </li>
                </ul>
            </div>

            <div class="col-md-3">
                <h4>Social</h4>
                 
                    <i class="fab fa-facebook-square"></i>
                    <i class="fab fa-instagram"></i>
          
            </div>

        </div>
    </div>
  </div>



  <div class="footer-lower">
    <div class="container">
      <h5>Copyright 2018 <strong>TekBreeze, LLC</strong></h5>
    </div>
  </div>

  <!-- End of Footer Section -->


  <!-- Imported js files -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="js/jquery.superslides.min.js"></script>
  <script src="js/particles.js"></script>
  <script src="js/app.js"></script>
  <script src="js/owl.carousel.js"></script>
  <script src="js/typed.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <script type="text/javascript" src="https://unpkg.com/isotope-layout@3.0.6/dist/isotope.pkgd.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
  <script src="js/script.js"></script>

</body>
</html>