<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> .how-section2 h4{ color: #174580; font-weight: bold; font-size: 30px; margin-left: 120px; } .how-section2 .subheading{ color: #3931af; font-size: 20px; } .how-section1 .row { margin-top: 10%; } .how-img { text-align: center; } </style> <div class="container"> <div class="row"> <div class="how-section2"> <div class="col-md-6"> <img src="https://i.imgur.com/nRLvm5t.png" style="margin-left: 120px;" alt=""/> <h4>Nossos Serviços</h4> </div> </div> </div> </div> </br> <style> /*********************** style contact *******************/ h1 { color:#fff; margin:40px 0 60px 0; font-weight:300; } .our-team-main { width:100%; height:auto; border-bottom:5px #174580 solid; background:#fff; text-align:center; border-radius:10px; overflow:hidden; position:relative; transition:0.5s; margin-bottom:28px; box-shadow: 0px 2px 15px 0px rgba(116,186,190,0.5); } .our-team-main img { border-radius:10%; margin-bottom:50px; width: 115px; display: block; margin: 0 auto; } .our-team-main h7 { font-size:20px; font-weight:700; } .our-team-main p { margin-bottom:0; margin-left:10px; } .team-back { width:100%; height:auto; position:absolute; top: 0; left:0; margin-bottom:20px; padding:5px 15px 10px 25px; text-align:left; background:#fff; } .team-front { width:100%; height:auto; position:relative; z-index:10; background:#fff; padding:15px; bottom:10px; transition: all 0.5s ease; } .our-team-main:hover .team-front { bottom:-200px; transition: all 0.5s ease; } .our-team-main:hover { border-color:#777; transition:0.5s; } /*our-team-main*/ </style> <!-- Hover --> <div class="container"> <!--team-3--> <div class="col-lg-12"> <div class="our-team-main"> <div class="team-front"> <img src="https://i.imgur.com/zZe3pmt.png" class="img-fluid" /> <h7>Projetos Elétricos de Iluminação de Destaque</h7> </div> <div class="team-back"> <span> </br> <p>• Túneis;</p> <p>• Monumentos históricos;</p> <p>• Fachadas;</p> <p>• Praças.</p> </span> </div> </div> </div> <!--team-3--> <!--team-3--> <div class="col-lg-12"> <div class="our-team-main"> <div class="team-front"> <img src="https://i.imgur.com/dvfmMua.png" class="img-fluid" /> <h7>Projetos Elétricos de Modernização de Iluminação Pública </h7> </div> <div class="team-back"> <span> </br> <p>• Projetos luminotécnicos com ênfase em eficiência energética;</p> <p>• Projetos de Redes Subterrâneas;</p> <p>• Projetos de extensões de rede;</p> <p>• Projetos elétricos para iluminação pública de ocupação de faixa de domínio com a aprovação dos Órgãos competentes.</p> </span> </div> </div> </div> <!--team-3--> <!--team-3--> <div class="col-lg-12"> <div class="our-team-main"> <div class="team-front"> <img src="https://i.imgur.com/saxtbe5.png" class="img-fluid" /> <h7>Cadastro de iluminação Pública</h7> </div> <div class="team-back"> <span> </br> <p>• Redes elétricas aéreas e subterrâneas;</p> <p>• Memorial fotográfico;</p> <p>• Auditoria em campo e documental.</p> </span> </div> </div> </div> <!--team-3--> <!--team-3--> <div class="col-lg-12"> <div class="our-team-main"> <div class="team-front"> <img src="https://i.imgur.com/ij8dnOz.png" class="img-fluid" /> <h7>Inspeção de Iluminação Pública</h7> </div> <div class="team-back"> <span> <p>• Inspeção técnica de determinada área para a análise dos fatores de uniformidade e iluminância média da superfície aferida com o fornecimento de laudo conclusivo;</p> <p>• Avaliação de pontos de iluminação pública obstruídos com iluminação ineficaz;</p> <p>• Classificação de vias conforme NBR-5101;</p> <p>• Acompanhamento com verificador independente, analisando e atestando a qualidade do trecho de iluminação pública.</p> </span> </div> </div> </div> <!--team-3--> </div> <!-- End Hover -->