

<script type="text/javascript">

  

  function editMessage(val)

  {

    console.log("Here");

    console.log(val);



    document.getElementById('contactSubject').value=val;



    if(val == 1)

    {

      document.getElementById("contactMessage").innerHTML = "Motivo: \nNumero de Processo: \nOutras informações: \n";

    }

    else if(val == 2)

    {

      document.getElementById("contactMessage").innerHTML = "Motivo: \nNumero de Processo: \nOutras informações: \n";

    }

    else if(val == 3)

    {

      document.getElementById("contactMessage").innerHTML = "Motivo: \nNumero de Processo: \nOutras informações: \n";

    }

    else

    {

      document.getElementById("contactMessage").innerHTML = "";

    }



  }

</script>





<!DOCTYPE html>

<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->

<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->

<!--[if IE 9 ]><html class="no-js ie ie9" lang="en"> <![endif]-->

<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->

<head>



   <!--- Basic Page Needs

   ================================================== -->

   <meta charset="utf-8">

	 <title>Coutinhos Advogados</title>

	 <meta name="description" content="">  

	 <meta name="author" content="">



   <!-- Mobile Specific Metas

   ================================================== -->

	 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">



	<!-- CSS

    ================================================== -->

   <link rel="stylesheet" href="css/base.css">

	 <link rel="stylesheet" href="css/main.css">

   <link rel="stylesheet" href="css/media-queries.css">



   <!-- Script

   =================================================== -->

	 <script src="js/modernizr.js"></script>



   <!-- Favicons

	=================================================== -->

	 <link rel="shortcut icon" href="favicon.png" >



</head>



<body class="homepage">



   <div id="preloader"> 

	   <div id="status">

         <img src="images/loader.gif" height="60" width="60" alt="">

         <div class="loader">Loading...</div>

      </div>

   </div>

   



   <!-- Header

   =================================================== -->

   <header id="main-header">



   	<div class="row header-inner">



	      <div class="logo">

	         <a class="smoothscroll" href="#hero">Coutinhos Advogados</a>

	      </div>



	      <nav id="nav-wrap">         

	         

	         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">

	         	<span class='menu-text'>Show Menu</span>

	         	<span class="menu-icon"></span>

	         </a>

         	<a class="mobile-btn" href="#" title="Hide navigation">

         		<span class='menu-text'>Hide Menu</span>

         		<span class="menu-icon"></span>

         	</a>         



	         <ul id="nav" class="nav">

	            <li class="current"><a class="smoothscroll" href="#hero">Início.</a></li>

              <li><a class="smoothscroll" href="#about">Sobre.</a></li>

              <li><a class="smoothscroll" href="#team">Equipa.</a></li>

              <li><a class="smoothscroll" href="#services">Serviços.</a></li>

		          <li><a class="smoothscroll" href="#portfolio">Notícias.</a></li>

	            <!--<li><a class="smoothscroll" href="#journal">Blog.</a></li>-->

	            <li><a class="smoothscroll" href="#contact">Contactos.</a></li>

	         </ul> 



	      </nav> <!-- /nav-wrap -->	      



	   </div> <!-- /header-inner -->



   </header> 





   <!-- Hero

   =================================================== -->

   <section id="hero">	

   	  

		<div class="row hero-content">



			<div class="twelve columns flex-container">



			   <div id="hero-slider" class="flexslider">



				   <ul class="slides">



					   <!-- Slide -->

					   <li>

						   <div class="flex-caption">

								<h1>Se precisar de apoio jurídico com multas rodoviárias pode submeter a sua multa</h1>	

								<p><a class="button stroke smoothscroll" onclick="editMessage(1)" href="#contact">Avaliação Gratuita</a></p>																   

							</div>						

					   </li>



					   <!-- Slide -->

					   <li>						

							<div class="flex-caption">

								<h1>Se precisar de aconselhamento jurídico pode a sua questão de forma gratuita</h1>	

								<p><a class="button stroke smoothscroll" onclick="editMessage(3)" href="#contact">Aconselhamento Jurídico</a></p>									   

							</div>					

					   </li>



					   <!-- Slide -->

					   <li>

						   <div class="flex-caption">

								<h1>Mantenha-se atualizado com as nossas <a class="smoothscroll" href="#portfolio" title="">notícias</a> ou <a class="smoothscroll" href="#contact" title="">contacte-nos</a> para vermos como o podemos ajudar.</h1>

								<p><a class="button stroke smoothscroll" onclick="editMessage(0)" href="#contact">Contactar</a></p>										   

							</div>

					   </li>					              



				   </ul>



			   </div> <!-- .flexslider -->				   



	      </div> <!-- .flex-container -->      



		</div> <!-- .hero-content -->	   



   </section> <!-- #hero -->



   <!-- About Section

   ================================================== -->

   <section id="about">



    <div class="row section-head">



      <div class="twelve columns">



           <h1>Sobre Nós<span>.</span></h1>



           <hr />



           <p>Coutinho da Costa - Advogados é um escritório altamente capacitado para actuar nas mais diversas áreas do Direito, com elevado padrão de qualidade em todas elas.</p>

           

           <p>O escritório oferece um atendimento personalizado aos seus clientes, além de oferecer assessoria jurídica e consultiva, objectivando a prevenção de litígios judiciais, além de advocacia contenciosa, defendendo os interesses dos seus clientes de forma eficiente e dentro dos ditames da ética profissional e transparência em todas as instâncias.</p>



           <p>Um dos principais pilares é a dedicação dos seus integrantes à constante busca pela actualização da legislação e jurisprudência dos Tribunais Superiores, bem como através de cursos de extensão, de especialização e de pós-graduação, aprofundando-se, deste modo, em áreas específicas do interesse do cliente, tornando a prestação do serviço altamente eficiente.</p>



           <p>O espírito dinâmico que impera oferece um trabalho de excelência apto a dar resposta às necessidades dos nossos clientes, almejando a obtenção da melhor forma de tutela jurídica das mesmas.</p>



           <!--<p>J.D. Coutinho da Costa, Advogado de um escritório altamente capacitado para atuar nas mais diversas áreas do Direito, com o mesmo padrão de qualidade para todas elas.</p>



           <p>O espirito dinâmico que impera no escritório, oferecendo um serviço de excelência apto a dar resposta às necessidades mais urgentes dos nossos clientes. Almejando a obtenção da melhor forma de tutela jurídica dos mesmos.</p>-->



        </div>



      </div>



      <?php /*<div class="row about-content"> 



        <div class="mob-whole six columns left">



          <h3>O Nosso Processo.</h3>  



          <p>O escritório oferece atendimento personalizado aos seus clientes, além de oferecer assessoria jurídica e consultiva, objetivando a prevenção de litígios judiciais, além de advocacia contenciosa, defendendo os interesses dos seus clientes de forma eficiente e dentro dos ditames da ética profissional e transparência em todas as instâncias.</p>



        </div> <!-- /left -->



        <div class="mob-whole six columns right">



          <h3>A Nossa Abordagem.</h3>



          <p>Um dos principais pilares do escritório  é a dedicação de seus integrantes à constante busca por atualização das leis e jurisprudência dos Tribunais Superiores pátrios, bem como através de cursos de extensão, de especialização e de pós-graduação. Com isso, aprofundando-se em áreas específicas de interesse do cliente, tornando a prestação do serviço jurídico e consultivo altamente eficiente.</p> 



        </div> <!-- /right -->



      </div> <!-- /row -->    */?>



      <!--<div class="row about-content"> 



        <div class="mob-whole six columns left">



          <h3>O Nosso Objectivo.</h3> 



          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,

           eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam

           voluptatem quia voluptas sit aspernatur aut odit aut fugit.

           </p>



        </div> --> <!-- /left -->



        <!-- <div class="mob-whole six columns right">



          <h3>A Nossa Missão.</h3>



          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,

           eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam

           voluptatem quia voluptas sit aspernatur aut odit aut fugit.

           </p> 



        </div> --> <!-- /right -->



      </div> <!-- /row -->



      <div id='team'>



        <div class="row team section-head">



        <div class="twelve columns">



             <h1>A Nossa Equipa<span>.</span></h1>



             <hr />



             <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,

             eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam

             voluptatem quia voluptas sit aspernatur aut odit aut fugit.

             </p>          



          </div>



        </div>



        <div class="row about-content">



          <div class="twelve columns">



             <div id="team-wrapper" class="bgrid-half mob-bgrid-whole group">



                <div class="bgrid member">



                   <div class="member-header">



                      <div class="member-pic">

                       <img src="images/team/member01-k.jpg" alt=""/>                                                 

                      </div>



                      <div class="member-name">

                         <h3>Jorge Daniel Coutinho da Costa</h3>

                         <span>Advogado</span>

                      </div>



                   </div>             



                   <p><b>Formação:</b>

                      <ul>

                        <li><span>Licenciado em Direito</span></li>

                        <li><span>Pós Graduado em Direito da Família</span></li>

                      </ul>

                      <b>Línguas:</b>

                      <ul>

                        <li><span>Inglês</span></li>

                        <li><span>Espanhol</span></li>

                      </ul>

                   </p>



                   <ul class="member-social">

                      <li><a href="#"><i class="fa fa-facebook"></i></a></li>

                      <li><a href="#"><i class="fa fa-linkedin"></i></a></li>

                      <li><a href="#"><i class="fa fa-skype"></i></a></li>

                   </ul>



                </div> <!-- /member -->



                <div class="bgrid member">



                    <div class="member-header">



                      <div class="member-pic">

                       <img src="images/team/member02-k.jpg" alt=""/>                                                 

                      </div>



                      <div class="member-name">

                         <h3>Jorge Daniel Coutinho da Costa</h3>

                         <span>Advogado</span>

                      </div>



                   </div>             



                   <p><b>Formação:</b>

                      <ul>

                        <li><span>Licenciado em Direito</span></li>

                        <li><span>Pós Graduado em Direito da Família</span></li>

                      </ul>

                      <b>Línguas:</b>

                      <ul>

                        <li><span>Inglês</span></li>

                        <li><span>Espanhol</span></li>

                      </ul>

                   </p>



                   <ul class="member-social">

                      <li><a href="#"><i class="fa fa-facebook"></i></a></li>

                      <li><a href="#"><i class="fa fa-linkedin"></i></a></li>

                      <li><a href="#"><i class="fa fa-skype"></i></a></li>

                   </ul>



              </div> <!-- /member -->



             </div> <!-- /twelve -->



           </div> <!-- /team-wrapper -->



         </div> <!-- /row -->



      </div> <!-- /team -->   



   </section> <!-- /about -->



   <!-- Services Section

   ================================================== -->

   <section id="services">



    <div class="row section-head">



      <div class="twelve columns">



           <h1>Os nossos serviços<span>.</span></h1>



           <hr />



           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>



         </div>



      </div>



      <div class="row">



        <div class="twelve columns">



          <div class="service-list bgrid-third s-bgrid-half mob-bgrid-whole">



            <div class="bgrid">



                 <div class="icon-part">

                  <span class="fa fa-file"></span>

                  <!--<i class="fas fa-broadcast-tower"></i>-->

                 </div>



                 <h3>CONTENCIOSO JUDICIAL</h3>



                 <div class="service-content">                    

                   <p>

                      <ul style="text-align: left; list-style-type: none; margin-left: 50px;">

                          <li>Direito Civil</li>

                          <li>Direito do Consumidor</li>

                          <li>Direito do Trabalho</li>

                          <li>Direito Penal</li>

                          <li>Direito Empresarial e Societário</li>

                          <li>Direito Internacional</li>

                          <li>Direito Administrativo</li>

                          <li>Direito das Contra Ordenações</li>

                          <li>Direito Fiscal e Tributário</li>

                          <li>Direito da Saúde</li>

                          <li>Dentre outros</li>

                      </ul>

                   </p> 

                 </div>      



            </div> <!-- /bgrid -->



            <div class="bgrid">



                  <div class="icon-part">

                  <i class="icon-eyeglasses"></i>

                  <!-- <i class="icon-film"></i> -->

                 </div>



                 <h3>SERVIÇOS NOTARIAIS</h3>                  



                 <div class="service-content">                    

                   <p>

                      <ul style="text-align: left; list-style-type: none; margin-left: 50px;">

                        <li>Procurações</li>

                        <li>Escrituras Publicas</li>

                        <li>Testamento</li>

                        <li>Termos e Autenticações</li>

                        <li>Reconhecimentos de assinaturas</li>

                        <li>Conferência de Fotocopias</li>

                        <li>Registo Comercial, Civil e Automóvel</li>

                      </ul>

                  </p> 

                 </div>                                 



            </div> <!-- /bgrid -->



            <div class="bgrid">



                  <div class="icon-part">                 

                  <i class="icon-screen-desktop"></i>

                 </div>



                 <h3>ACONSELHAMENTO JURIDICO</h3>



                 <div class="service-content">                      

                   <p>

                      <ul style="text-align: left; list-style-type: none; margin-left: 50px;">

                        <li>Aconselhamento</li>

                        <li>Juridico</li>

                      </ul>

                  </p> 

                 </div>                               



            </div> 



           <!-- <div class="bgrid first">



                  <div class="icon-part">

                  <i class="icon-eye"></i>                  

                 </div>

                    

                 <h3>Branding.</h3> 



                 <div class="service-content">                    

                   <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. 

                </p> 

                 </div>                                 



              </div> 



           <div class="bgrid">



                  <div class="icon-part">

                  <i class="icon-screen-desktop"></i>

                 </div>

                    

                 <h3>Web Design.</h3>



                 <div class="service-content">                    

                   <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. 

                </p> 

                 </div>                                 



               </div> 



           <div class="bgrid">



                 <div class="icon-part">

                  <i class="icon-eyeglasses"></i>

                 </div>



                 <h3>Web Development.</h3>



                 <div class="service-content">

                   <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. 

                </p> 

                 </div>                              



              </div> 



          </div> --> <!-- /service-list -->



        </div> <!-- /twelve -->



      </div> <!-- /row -->  



   </section> <!-- /services -->   

 



   <!-- Portfolio

   ================================================== -->

   <section id="portfolio">



      <div class="row section-head">



      	<div class="twelve columns">



	         <h1>Notícias</h1>



	         <hr />



	         <!--<p>Temos projectos em áreas como redes móveis digitais, fibra óptica e engenharia civil.</p>-->



	      </div>



      </div>



      <div class="row items">



      	<div class="twelve columns">



            <div id="portfolio-wrapper" class="bgrid-fourth s-bgrid-third mob-bgrid-half group">



          	   <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?1">

                        <img src="images/portfolio/news1.jpeg" alt="Grizzly" style="height:163px; width:291px;">

                        <div class="overlay"></div>                       

                        <div class="portfolio-item-meta">

          					      <h5>Noticia 1</h5>

                              <p>Noticia 1</p>

          					</div>                         

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?2">

                        <img src="images/portfolio/news2.jpg" alt="Hotel Sign" style="height:163px; width:291px;">

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>Noticia 2</h5>

                              <p>Noticia 2</p>

          					   </div>

                        </div>                        

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid stack item">

                  <div class="item-wrap">



                     <a href="news.php?3">

                        <img src="images/portfolio/news3.jpg" alt="Beetle" style="height:163px; width:291px;">                        

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>Noticia 3</h5>

                              <p>Noticia 3</p>

          					   </div>

                        </div>                        

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?4">

                        <img src="images/portfolio/news4.jpg" alt="Banjo Player" style="height:163px; width:291px;">

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>Noticia 4</h5>

                              <p>Noticia 4</p>

          					   </div>

                        </div>                       

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?5">

                     	<img src="images/portfolio/news5.jpg" alt="Coffee Cup" style="height:163px; width:291px;">

                       	<div class="overlay">

                       		<div class="portfolio-item-meta">

          					      <h5>Noticia 5</h5>

                              <p>Noticia 5</p>

          					   </div>

                       	</div>                        

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?6">

                        <img src="images/portfolio/news6.png" alt="Farmerboy" style="height:163px; width:291px;">

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>RESOLUÇÃO ALTERNATIVA DE LITÍGIOS DE CONSUMO</h5>

                              <!--<p>Redes Móveis</p>-->

          					   </div>

                        </div>                        

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?7">                        

                        <img src="images/portfolio/news7.jpg" alt="Judah" style="height:163px; width:291px;">                       

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>Noticia 6</h5>

                              <p>Noticia 6</p>

          					   </div>

                        </div>                        

                     </a>



                  </div>

          		</div> <!-- /item -->



               <div class="bgrid item">

                  <div class="item-wrap">



                     <a href="news.php?8">

                        <img src="images/portfolio/news8.png" alt="Embossed Paper" style="height:163px; width:291px;">

                        <div class="overlay">

                        	<div class="portfolio-item-meta">

          					      <h5>Noticia 7</h5>

                              <p>Noticia 7</p>

          					   </div>

                        </div>                                                

                     </a>                   



                  </div>

          		</div>  <!-- item end -->



            </div> <!-- /portfolio-wrapper -->



         </div> <!-- /twelve -->



      </div>  <!-- /row -->

      

   </section> <!-- /Portfolio -->





   <!-- journal

   =================================================== -->

   <!--<section id="journal">



	   <div class="row section-head">



	   	<div class="twelve columns">



			   <h1>Our Latest Ramblings<span>.</span></h1>



			   <hr />



			   <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,

		       eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam

		       voluptatem quia voluptas sit aspernatur aut odit aut fugit.

		      </p>	         



		    </div>



	   </div>



      <div class="row">



      	<div class="twelve columns">



	         <div id="blog-wrapper" class="bgrid-third s-bgrid-half mob-bgrid-whole group">



	            <article class="bgrid">

						

						<h5>September 2, 2014</h5>

	               <h3><a href="single.html">Sed ut perspiciatis unde omnis iste natus</a></h3>

	                           

	               <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,

	               isi elit consequat ipsum, nec sagittis sem nibh id elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.

	               </p>

	                        

	            </article>



	            <article class="bgrid">

						

						<h5>August 29, 2014</h5>

	               <h3><a href="single.html">Natus error sit voluptatem accusantium.</a></h3>

	                           

	               <p>

	               Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, 

	               totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. 

	            	</p>

	                        

	            </article>



	            <article class="bgrid">

						

						<h5>August 28, 2014</h5>	

	               <h3><a href="single.html">Ut enim ad minim veniam quis nostrud</a></h3>

	                           

	               <p>

	               Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,

	               isi elit consequat ipsum, nec sagittis sem nibh id elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. 

	            	</p>

	                        

	            </article>



	            <article class="bgrid first">

						

						<h5>August 27, 2014</h5>

	               <h3><a href="single.html">Sed ut perspiciatis unde omnis iste natus</a></h3>

	                           

	               <p>

	               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

	               tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

	               quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

	               consequat.

	            	</p>

	                        

	            </article>



	            <article class="bgrid">

						

						<h5>August 25, 2014</h5>

	               <h3><a href="single.html">Rerum dignissimos alias eligendi laudantium quod.</a></h3>

	                           

	               <p>

	               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum fuga distinctio natus ab sint 

	               voluptate quos cumque assumenda ipsa cupiditate aperiam officiis recusandae nemo labore adipisci harum, 

	               ea odio dolor. 

	            	</p>

	                        

	            </article>



	            <article class="bgrid">

						

						<h5>August 23, 2014</h5>

	               <h3><a href="single.html">Sed ut perspiciatis unde omnis iste natus</a></h3>

	                           

	               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt cumque, aut nam at, 

	               doloremque repellat blanditiis quo accusantium, rerum dignissimos alias eligendi, laudantium quod. 

	               Autem nihil explicabo ipsa magnam porro.

	            	</p>

	                        

	            </article>                     



	         </div> 



	      </div> 



      </div> 



   </section> <!-- /blog -->



   

   <!-- Contact Section

   ================================================== -->

   <section id="contact">



   	<div class="row section-head">



   		<div class="twelve columns">



	         <h1>Contacte-nos<span>.</span></h1>



	         <hr />



	         <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,

	         eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam

	         voluptatem quia voluptas sit aspernatur aut odit aut fugit.

	         </p>



	      </div>



      </div>



      <div class="row form-section">

      	

      	<div id="contact-form" class="twelve columns">



            <!--<form name="contactForm" id="contactForm" method="post" action="">



      			<fieldset>



                  <div class="row">



	                  <div class="six columns mob-whole">

	                  	<label for="contactFname">First Name <span class="required">*</span></label>	      						   

	      					    <input name="contactFname" type="text" id="contactFname" placeholder="Primeiro Nome" value="" />	      					

	                  </div>



	                  <div class="six columns mob-whole">	

	                  	<label for="contactLname">Last Name <span class="required">*</span></label>      						   

	      					    <input name="contactLname" type="text" id="contactLname" placeholder="Ultimo Nome" value="" />	      					

	                  </div>	                        



                  </div>



                  <div class="row">



                    <div class="six columns mob-whole"> 

                      <label for="contactEmail">Email <span class="required">*</span></label>                    

                      <input name="contactEmail" type="text" id="contactEmail" placeholder="Email" value="" />                  

                    </div>

                    <div class="six columns mob-whole"> 

                      <select id="contactSubject" name="contactSubject" onchange="editMessage(this.value)">

                        <option value="0">Outros</option>

                        <option value="1">Multas</option>

                        <option value="2">Esclarecimento de dúvidas</option>

                        <option value="3">Aconselhamento Juridico</option>

                      </select>

                    </div>



                  </div>



                  <div class="row">



	                  <div class="twelve columns">

	                     <label  for="contactMessage">Your Message <span class="required">*</span></label>

	                     <textarea name="contactMessage"  id="contactMessage" placeholder="Mensagem" rows="10" cols="50" ></textarea>

	                  </div>



                  </div>



                  <div>

                     <button class="submit full-width">Enviar Mensagem</button>

                     <div id="image-loader">

                        <img src="images/loader.gif" alt="" />

                     </div>

                  </div>



      			</fieldset>

      				

      		</form>--> <!-- /contactForm -->



            <!-- message box -->

            <div id="message-warning"></div>

            <div id="message-success">

               <i class="fa fa-check"></i>A sua mensagem foi enviada, iremos entrar em contacto o mais brevemente possível, obrigado!!<br />

    			</div>



         </div> <!-- /contact-form -->      	



      </div> <!-- /form-section -->     



   </section>  <!-- /contact-->





   <!-- Footer

   ================================================== -->

   <footer>



      <div class="row">       



         <div class="six columns tab-whole footer-about">

				

				    <h3>Sobre Coutinhos Advogados</h3>

               

            <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.

            Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem

            nibh id elit. 

            </p>



            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 

            	incididunt ut labore et dolore magna aliqua.</p>        



         </div> <!-- /footer-about -->



         <div class="six columns tab-whole right-cols">



            <div class="row">



               <div class="columns">

                  <h3 class="address">Contacte-nos</h3>

                  <p>

                  Avenida da Republica<br>

                  4400-000 Vila Nova de Gaia, Porto<br>

                  Portugal

                  </p>



                  <ul>

                    <li><a href="tel:+351 123 456 789">+351 123 456 789</a></li>

                    <li><a href="mailto:brunomartins.1988@gmail.com">brunomartins.1988@gmail.com</a></li>

                  </ul>                  

               </div> <!-- /columns -->             



               <div class="columns last">

                  <h3 class="contact">Segue-nos</h3>



                  <ul>

                     <li><a href="#">Facebook</a></li>

                     <!--<li><a href="#">Twitter</a></li>

                     <li><a href="#">GooglePlus</a></li>

                     <li><a href="#">Instagram</a></li>-->

                     <li><a href="#">LinkedIn</a></li>

                     <li><a href="#">Skype</a></li>

                  </ul>

                  

               </div> <!-- /columns --> 



            </div> <!-- /Row(nested) -->



         </div>



         <p class="copyright">&copy; Copyright <?php echo date("Y");?> BMDesign </p>        



         <div id="go-top">

            <a class="smoothscroll" title="Back to Top" href="#hero"><span>Topo</span><i class="fa fa-long-arrow-up"></i></a>

         </div>



      </div> <!-- /row -->



   </footer> <!-- /footer -->





   <!-- Java Script

   ================================================== -->

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

   <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>

   <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>   

   <script src="js/jquery.flexslider.js"></script>

   <script src="js/jquery.fittext.js"></script>

   <script src="js/backstretch.js"></script> 

   <script src="js/waypoints.js"></script>  

   <script src="js/main.js"></script>



</body>



</html>