<!DOCTYPE html>
<html lang="cs">
<head>

     <title>Naše produkty</title>

     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <meta name="description" content="">
     <meta name="keywords" content="">
     <meta name="author" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <link rel="stylesheet" href="css/owl.carousel.css">
     <link rel="stylesheet" href="css/owl.theme.default.min.css">

     <!-- MAIN CSS -->
     <link rel="stylesheet" href="css/style.css">

</head>
<body id="top" data-spy="scroll" data-target=".navbar-collapse" data-offset="50">

     <!-- PRE LOADER -->
     <section class="preloader">
          <div class="spinner">

               <span class="spinner-rotate"></span>

          </div>
     </section>


     <!-- MENU -->
     <section class="navbar custom-navbar navbar-fixed-top" role="navigation">
          <div class="container">

               <div class="navbar-header">
                    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                         <span class="icon icon-bar"></span>
                         <span class="icon icon-bar"></span>
                         <span class="icon icon-bar"></span>
                    </button>

                    <!-- lOGO TEXT HERE -->
                    <a href="home.php" class="navbar-brand"><img src="images/TechCrowd_logo_crop.jpg" class="img-responsive" alt=""></a>
               </div>

               <!-- MENU LINKS -->
               <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-nav-first">
                          <li><a href="home.php">Domů</a></li>
                          <li class="active"><a href="our-products.php">Naše Produkty</a></li>
                          <li><a href="index.php">Naměřená Data</a></li>
                          <li><a href="contact-us.php">Kontaktujte Nás</a></li>
                    </ul>
               </div>
          </div>
     </section>

     <section>
          <div class="container">
               <div class="text-center">
                    <h1>Naše produkty</h1>

                    <br>

                    <p class="lead">Níže jsou uvedeny naše aktuální produkty, které jsou ve fázi testování.</p>
               </div>
          </div>
     </section>

     <section class="section-background">
          <div class="container ">
               <div class="row">
                    <div class="col-lg-12 col-xs-12">
                         <div class="row">
                              <div class="col-md-6">
                                   <div class="courses-thumb courses-thumb-secondary">
                                        <div class="courses-top">
                                             <div class="courses-image">
                                                  <img src="images/product-1-720x480.jpg" class="img-responsive" alt="">
                                             </div>
                                             <div class="courses-date">
                                                  <span title="Author"><i class="fa fa-user"></i> Jan Antoš</span>
                                                  <span title="Date"><i class="fa fa-calendar"></i> 12/11/2021</span>
                                             </div>
                                        </div>

                                        <div class="courses-detail">
                                             <h3><a href="water-level-detector.php">Samostatný modul plováčkového hladinoměru</a></h3>
                                        </div>

                                        <div class="courses-info">
                                             <a href="water-level-detector.php" class="section-btn btn btn-primary btn-block">Zjistit Více</a>
                                        </div>
                                   </div>
                              </div>

                              <div class="col-sm-6">
                                   <div class="courses-thumb courses-thumb-secondary">
                                        <div class="courses-top">
                                             <div class="courses-image">
                                                  <img src="images/product-02-720x480.jpg" class="img-responsive" alt="">
                                             </div>
                                             <div class="courses-date">
                                                  <span title="Author"><i class="fa fa-user"></i> Jan Antoš</span>
                                                  <span title="Date"><i class="fa fa-calendar"></i> 28/01/2022</span>
                                             </div>
                                        </div>

                                        <div class="courses-detail">
                                             <h3><a href="home-station.php">Modul domácího HUBu pro sběr veškerých dat</a></h3>
                                        </div>

                                        <div class="courses-info">
                                             <a href="home-station.php" class="section-btn btn btn-primary btn-block">Zjistit Více</a>
                                        </div>
                                   </div>
                              </div>

                              <div class="col-md-6">
                                   <div class="courses-thumb courses-thumb-secondary">
                                        <div class="courses-top">
                                             <div class="courses-image">
                                                  <img src="images/product-3-720x4800.jpg" class="img-responsive" alt="">
                                             </div>
                                             <div class="courses-date">
                                                  <span title="Author"><i class="fa fa-user"></i> Jan Antoš</span>
                                                  <span title="Date"><i class="fa fa-calendar"></i> 09/02/2022</span>
                                             </div>
                                        </div>

                                        <div class="courses-detail">
                                             <h3><a href="database.php">Databázový server se všemi nashromážděnými daty</a></h3>
                                        </div>

                                        <div class="courses-info">
                                             <a href="database.php" class="section-btn btn btn-primary btn-block">Zjistit Více</a>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>

  <!-- FOOTER -->
      <footer id="footer">
           <div class="container">
                <div class="row">

                     <div class="col-md-4 col-sm-6">
                          <div class="footer-info">
                               <div class="section-title">
                                    <h2>Sídlo</h2>
                               </div>
                               <address>
                                    <p>Kounicova 46/48, 602 00 Brno-Královo Pole</p>
                               </address>

                               <ul class="social-icon">
                                    <li><a href="https://www.facebook.com/honza.antos.90" class="fa fa-facebook-square" attr="facebook icon"></a></li>
                                    <li><a href="#" class="fa fa-twitter"></a></li>
                                    <li><a href="https://www.instagram.com/_enty_/" class="fa fa-instagram"></a></li>
                               </ul>

                               <div class="copyright-text">
                                    <p>Copyright &copy; 2022 TechCrowd & Jan Antoš</p>
                               </div>
                          </div>
                     </div>

                     <div class="col-md-4 col-sm-6">
                          <div class="footer-info">
                               <div class="section-title">
                                    <h2>Kontakty</h2>
                               </div>
                               <address>
                                    <p>+420 735 549 704 </p>
                                    <p><a href="mailto:honza.ant@email.cz">honza.ant@email.cz</a></p>
                               </address>

                               <div class="footer_menu">
                                    <h2>Rychlé Odkazy</h2>
                                    <ul>
                                        <li><a href="home.php">Domů</a></li>
                                        <li><a href="https://www.techcrowd.cz/">Stránka TechCrowd</a></li>
                                        <li><a href="index.php">Naměřená data</a></li>
                                        <li><a href="contact-us.php">Kontaktujte nás</a></li>
                                    </ul>
                               </div>
                          </div>
                     </div>
                </div>
           </div>
      </footer>

      <!-- SCRIPTS -->
      <script src="js/jquery.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script src="js/owl.carousel.min.js"></script>
      <script src="js/smoothscroll.js"></script>
      <script src="js/custom.js"></script>

 </body>
 </html>