<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="language" content="fr-FR" />
<meta name="Geography"  content="Mons, BE, 7000" /> 
<title>Toitures à Mons, Hainaut. Couvreur professionnel pour votre toit.</title>
 

</head>
     <?php   
         

         print join(array_map("file_get_contents",
                     array("stylepage.html")));
   ?>
<body >
    



    
    
<div class="container">
    <nav >
     <a class="navbar-brand " href="#"><img src="img/logoipso2b.png"  width="140"  alt="IPSOTOIT" id="navfixlogo"></a>
         <a href="tel:+3265793325" style="text-decoration: none;" class="text-dark">
        <div style="float: right;font-size:35px;margin-top: 10px;">
            
                <div class="fa fa-phone-square" ></div> 065/793325</div></a>
            
            
            
    </nav>
    </div>
    
    
    
    
   <div class="bg-warning" >
    
  
  
       
       
     <nav class="navbar navbar-expand-lg navbar-light bg-warning" id="navfix">
  
  <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" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="idex.html">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
            <a class="nav-link" href="mons-toiture-couverture-plateforme.html">Toiture</a>
      </li>
         <li class="nav-item">
           <a class="nav-link" href="mons-toits-plats-toiture-plateforme-hainaut-PVC.html">Toiture plate</a>
      </li>
          <li class="nav-item">
        <a class="nav-link" href="#">Isolation</a>
      </li>
            <li class="nav-item">
        <a class="nav-link" href="#">Photovoltaïque</a>
      </li>
      
      
    </ul>
    
  </div>
</nav>
       
       
       
       
       </div>
    
  <nav aria-label="breadcrumb"  style="height: 30px;" >
  <ol class="breadcrumb bg-warning" >
      <li class="breadcrumb-item" >Vous êtes à :</li>
    <li class="breadcrumb-item "><a href="#">Home</a></li>
       <li class="breadcrumb-item "><a href="#">Toitures à versants</a></li>
       <li class="breadcrumb-item active"><a href="#">Détails</a></li>
    
  </ol>
</nav>
    
    
     <div class="container">
    
       <style>
            .card {
  height: 100%;
}
        </style>     
            <!-- Page Features -->
      <div class="row text-center">

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card">
            <img class="card-img-top" src="img/page1img1t.jpg" alt="">
            <div class="card-body">
              <h3 class="card-title">Card title</h3>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
            </div>
            <div class="card-footer">
              <a href="#" class="btn btn-primary">Find Out More!</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card">
            <img class="card-img-top" src="img/page1img2t.jpg" alt="">
            <div class="card-body">
              <h3 class="card-title">Card title</h3>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
            </div>
            <div class="card-footer">
              <a href="#" class="btn btn-primary">Find Out More!</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card">
            <img class="card-img-top" src="img/page1img3t.jpg" alt="">
            <div class="card-body">
              <h3 class="card-title">Card title</h3>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</p>
            </div>
            <div class="card-footer">
              <a href="#" class="btn btn-primary">Find Out More!</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card">
            <img class="card-img-top" ssrc="img/page1img3t.jpg" alt="">
            <div class="card-body">
              <h3 class="card-title">Card title</h3>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni sapiente, tempore debitis beatae culpa natus architecto.</p>
            </div>
            <div class="card-footer">
              <a href="#" class="btn btn-primary">Find Out More!</a>
            </div>
          </div>
        </div>

      </div>
         
         
         
         
         
            
    </div>
                
    
    
    
    
    
       <?php
         print join(array_map("file_get_contents", array("footstyle.html","footer.html")));
         ?>
         
         <script>
window.onscroll = function() {myFunction()};

var navbar = document.getElementById("navfix");
var navbarlogo = document.getElementById("navfixlogo");
var sticky = navbar.offsetTop+1400;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky");
    navbarlogo.classList.add("stickylogo");
   // navbarlogo.classList.add("bg-warning");
  } else {
    navbar.classList.remove("sticky");
    navbarlogo.classList.remove("stickylogo");
  //  navbarlogo.classList.remove("bg-warning");
  }


}
   
    
</script>  
         
         <script type="text/javascript">
       
function work() { 
   // alert("ok");
                
var element = document.createElement("script");
element.src = "js/jquery-3.3.1.min.js";
document.body.appendChild(element);
var element2 = document.createElement("script");
element2.src = "js/bootstrap.min.js";
document.body.appendChild(element2);
    
                }

if (document.readyState == 'complete') {
  document.addEventListener('DOMContentLoaded', work);
} else {
  work();
}
 
</script>
         
         
         
      <br>   
         

  
</body>
</html>
<?php 


//$content = ob_get_contents();
//ob_end_clean();
//$f = fopen($NumeroIdx.".html", "w");
//fwrite($f, $content);
//fclose($f); 
//echo $content;

?>