<commit_before><!DOCTYPE html>
<html lang="pt-br">

<head>

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

    <title>7º Congresso de Carbono</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/creative.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    7º Congresso de Carbono
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="page-scroll" href="#about">O Evento</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Inscrição</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Patrocinadores</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#cronograma">Cronograma</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#location">Como Chegar</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contato</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <!-- <h1 id="homeHeading">7º Congresso Brasileiro de Carbono</h1> -->
                <img src="img/logobranco.png" class="img-responsive col-lg-7" alt="" id="change">
                <hr>
                <div class="col-lg-5 text-center">
                    <p>O Congresso Brasileiro de Carbono é um evento de regularidade bianual que tem como objetivo reunir especialistas, estudantes e empresas relacionadas com a utilização, aplicação e desenvolvimento de materiais envolvendo carbono.
                    </p>
                    <a href="#about" class="btn btn-primary btn-xl page-scroll">Sobre o Congresso</a>
                    <hr>
                </div>
            </div>
        </div>
    </header>

    <section id="about" class="bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading" style="color:black;text-shadow: 1px 1px white;font-weight: bold">Sobre o Congresso</h2>
                    <hr class="light">
                    <div class="strokeme">
                    	<p style="color: #0f0f0f;font-weight: bold;font-size: 18px">O Congresso Brasileiro de Carbono é um evento de regularidade bi anual que tem como objetivo reunir especialistas, estudantes e empresas relacionadas com a utilização, aplicação e desenvolvimento de materiais envolvendo carbono. Conjugar empresas e o setor acadêmico buscando tecnologia e inovação na área do Carbono tem sido o mote permanente de participantes do evento. A reunião tem por principal objetivo a saudável troca de experiências, pesquisas cientificas e aplicações tecnológicas na temática do carbono. Assim, torna-se virtuoso o estreitamento do relacionamento entre universidades e empresas, visando transferência de conhecimento e tecnologia buscando inovação constante. A sétima edição do congresso brasileiro de carbono é uma realização da ABCarb, com o apoio da USP Lorena.</p>
                    </div>
                    <a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Inscreva-se</a>
                </div>
               	<br>

               	<!--REMOVE IMAGES
                <div class="col-lg-5 text-center">
	                <div id="myCarousel" class="carousel slide" data-ride="carousel">
					  
					  <ol class="carousel-indicators">
					    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					    <li data-target="#myCarousel" data-slide-to="1"></li>
					    <li data-target="#myCarousel" data-slide-to="2"></li>
					    <li data-target="#myCarousel" data-slide-to="3"></li>
					    <li data-target="#myCarousel" data-slide-to="4"></li>
					    <li data-target="#myCarousel" data-slide-to="5"></li>
					  </ol>

					  
					  <div class="carousel-inner" role="listbox">
					    <div class="item active">
					      <img src="img/camposimg/img1.png" alt="campos1">
					    </div>

					    <div class="item">
					      <img src="img/camposimg/img2.png" alt="campos2">
					    </div>

					    <div class="item">
					      <img src="img/camposimg/img3.png" alt="campos3">
					    </div>

					    <div class="item">
					      <img src="img/camposimg/img4.png" alt="campos4">
					    </div>

					    <div class="item">
					      <img src="img/camposimg/img5.png" alt="campos5">
					    </div>

					    <div class="item">
					      <img src="img/camposimg/img6.png" alt="campos6">
					    </div>
					  </div>

					  <!-- Left and right controls 
					  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					    <span class="sr-only">Anterior</span>
					  </a>
					  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
					    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					    <span class="sr-only">Próximo</span>
					  </a>

					  -->
			</div>
		





            <!--START OF TEST-->



        	<div class="row">
   
				<div class="col-lg-12">
					<h1 class="page-header" style="color:black;text-shadow: 1px 1px white"></h1>
				</div>

				<div class="container-fluid">
            		<div class="row no-gutter popup-gallery">
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/1.jpg">
			                    <img class="img-responsive" src="img/imgevents/1.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/2.jpg">
			                    <img class="img-responsive" src="img/imgevents/2.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/3.jpg">
			                    <img class="img-responsive" src="img/imgevents/3.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/4.jpg">
			                    <img class="img-responsive" src="img/imgevents/4.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/5.jpg">
			                    <img class="img-responsive" src="img/imgevents/5.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/6.jpg">
			                    <img class="img-responsive" src="img/imgevents/6.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/7.jpg">
			                    <img class="img-responsive" src="img/imgevents/7.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/8.jpg">
			                    <img class="img-responsive" src="img/imgevents/8.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/9.jpg">
			                    <img class="img-responsive" src="img/imgevents/9.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/10.jpg">
			                    <img class="img-responsive" src="img/imgevents/10.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/11.jpg">
			                    <img class="img-responsive" src="img/imgevents/11.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/12.jpg">
			                    <img class="img-responsive" src="img/imgevents/12.jpg" alt="">
			                </a>
			            </div>
		            </div>
		        </div>
		    </div>
        </div>

        	<!--END OF TEST-->















        </div>
    </section>

    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Inscrição e Submissão de Trabalhos</h2>
                    <hr class="primary">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-check-circle text-primary sr-icons"></i>
                        <h3>Faça sua Inscrição</h3>
                        <p class="text-muted">Vai participar ou submeter trabalho? Preencha o formulário de inscrição.</p>
                        <a href="#" class="btn btn-primary btn-xl sr-button" data-toggle="modal" data-target="#inscModal">Formulário de Inscrição</a>
                    </div>
                </div>


                <!--
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-file-text-o text-primary sr-icons"></i>
                        <h3>Submeta seu Resumo</h3>
                        <p class="text-muted">Vai apresentar? Faça submissão do resumo de seu trabalho.</p>
                        <a class="btn btn-primary btn-xl sr-button" data-toggle="modal" data-target="#subModal">Submissão de Trabalho</a>
                    </div>
                </div>
                -->




                <div id="inscModal" class="modal fade" role="dialog">
				  <div class="modal-dialog modal-lg">

				    <!-- Modal content-->
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
				        <h4 class="modal-title">Submissão de Trabalho</h4>
				      </div>
				      <div class="modal-body">

				      	<p><div style="font-weight: bold">Participante que não irá submeter trabalho:</div> deverá fazer sua inscrição no formulário a seguir. A participação no evento será confirmada apenas após o pagamento da taxa de inscrição, que poderá ser feita no momento da inscrição ou na página principal do congresso na opção "Pague sua Inscrição" até o dia DD/MM/AAAA.
				      	
				      	<br>

				        <p><div style="font-weight: bold">Pesquisador/autor que for fazer a submissão de trabalho:</div> deverá fazer sua inscrição e preencher o formulário para envio de resumo. 
				        Este resumo deverá ser <b>OBRIGATORIAMENTE</b> preenchido em formato .DOC ou .DOCX, conforme o modelo disponível <a href="http://bit.do/templateresumoabcarb" target="_blank">aqui</a> para download.
				        O resumo pode ser enviado no momento da inscrição ou posteriormente na página principal do congresso na opção "Submeta seu Trabalho".
				        A participação no evento será confirmada apenas após o pagamento da taxa de inscrição, que poderá ser feita no momento da inscrição ou na página principal do congresso na opção "Pague sua Inscrição" até o dia DD/MM/AAAA.
				        <br><b>Observação:</b> a partir do momento que enviar o resumo de trabalho, ele estará sujeito a aprovação da comissão organizadora, que deverá entrar em contato por e-mail para solicitar o trabalho completo.

				        <br><br>
				        <div align="center">
				        	<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#subModal">Fazer Inscrição</button>
				        </div>

				  		









				        </p>
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				      </div>
				    </div>

				  </div>
				</div>


















                <!-- Modal -->
				<div id="subModal" class="modal fade" role="dialog">
				  <div class="modal-dialog modal-lg">

				    <!-- Modal content-->
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
				        <h4 class="modal-title">Submissão de Trabalho</h4>
				      </div>
				      <div class="modal-body">
				        <p>
				  

          					<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdP_9hot0Aec7a89JW6nvaoBcnljEjNc7QgxzjX_mX08WHxeA/viewform?embedded=true" width="100%" height="450px" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>








				        </p>
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				      </div>
				    </div>

				  </div>
				</div>

				<div class="col-lg-4 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-money text-primary sr-icons"></i>
                        <h3>Pague sua Inscrição</h3>
                        <p class="text-muted">Já se inscreveu? Faça o pagamento da taxa de inscrição.</p>
                        <a href="" class="btn btn-primary btn-xl sr-button">Faça o pagamento.</a>
                    </div>
                </div>


                <div class="col-lg-4 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
                        <h3>Confira o Cronograma</h3>
                        <p class="text-muted">Acesse o cronograma para não perder nenhuma apresentação.</p>
                        <a href="#cronograma" class="btn btn-primary btn-xl sr-button page-scroll">Cronograma</a>
                    </div>
                </div>
                
            </div>
        </div>
    </section>


    <aside class="bg-dark">
        <div class="container text-center">
            <div class="call-to-action">
                <h2>Patrocinadores</h2>
            </div>
        </div>
    </aside>

    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-lg-4 col-sm-6">
                    <a href="http://cnpq.br/" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/cnpq.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    CNPq
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="http://www.capes.gov.br/" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/capes.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    CAPES
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>



    <section id="cronograma">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2 class="section-heading">Cronograma</h2>
                    <hr class="primary">
                </div>
                <div class="col-lg-10 col-lg-offset-1 text-left">
                    
                    <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23ffcc33&amp;src=r1bobdnkseqnh8gd5i2g8m9mpc%40group.calendar.google.com&amp;color=%2342104A&amp;ctz=America%2FSao_Paulo&amp;dates=20171024%2F20171026" style="border-width:0" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

                </div>

            </div>

        </div>
    </section>





    <section id="location" class="bg-dark">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2 class="section-heading">Localização</h2>
                    <p>O 7º Congresso Brasileiro de Carbono acontecerá em Campos do Jordão - SP no período de 24 a 26 de Outubro de 2017 nas dependências do Hotel Leão da Montanha.
                    </p>
                    <hr class="primary">
                </div>
                <!--
                <div class="col-lg-6 text-left">
                    
                    <div id="map" style="width:100%;height:500px"></div>

					<script>
						function myMap() {
						  var myCenter = new google.maps.LatLng(-22.7240261,-45.5661734);
						  var mapCanvas = document.getElementById("map");
						  var mapOptions = {center: myCenter, zoom: 18};
						  var map = new google.maps.Map(mapCanvas, mapOptions);
						  var marker = new google.maps.Marker({position:myCenter});
						  marker.setMap(map);
						}
					</script>

					<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>

                </div>
                -->
                <div class="col-lg-6 text-center">
                	<div id="mapouter"><div id="gmap_canvas"><iframe width="100%" height="500" frameborder="0" scrolling="no" marginheight="0" src="https://maps.google.com/maps?q=Hotel Leão da Montanha, Campos do Jordão, &t=&z=16&ie=UTF8&iwloc=&output=embed" marginwidth="0"></iframe></div><style>#gmap_canvas{height:500px;width:600px;}#mapouter{overflow:hidden;height:500px;width:100%;}</style></div>
                </div>

                <br>



                <div class="col-lg-6 text-center">
	                <p>Endereço:<br>
	                	Rua Dr. <NAME>, 443 - Capivari<br>
	                	Campos do Jordão - SP <br>
	                	12460-000 <br>
	                	<a target="_blank" href="http://www.leaodamontanha.com.br">leaodamontanha.com.br</a>

	                </p>
	                <a target="_blank" href="http://booking.com/dcdd58aedd4a" class="btn btn-primary btn-xl page-scroll">Faça sua reserva</a>
	                <hr>
	                <div class="col-lg-9 text-center col-lg-offset-1" align="center">
		                <div id="myCarousel2" class="carousel slide" data-ride="carousel">
						  <!-- Indicators -->
						  <ol class="carousel-indicators">
						    <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
						    <li data-target="#myCarousel2" data-slide-to="1"></li>
						    <li data-target="#myCarousel2" data-slide-to="2"></li>
						    <li data-target="#myCarousel2" data-slide-to="3"></li>
						    <li data-target="#myCarousel2" data-slide-to="4"></li>
						    <li data-target="#myCarousel2" data-slide-to="5"></li>
						  </ol>

						  <!-- Wrapper for slides -->
						  <div class="carousel-inner" role="listbox">
						    <div class="item active">
						      <img src="img/hotelimg/1.jpg" alt="hotel1">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/2.jpg" alt="hotel2">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/3.jpg" alt="hotel3">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/4.jpg" alt="hotel4">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/5.jpg" alt="hotel5">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/6.jpg" alt="hotel6">
						    </div>
						  </div>

						  <!-- Left and right controls -->
						  <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						    <span class="sr-only">Anterior</span>
						  </a>
						  <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						    <span class="sr-only">Próximo</span>
						  </a>

						 
						</div>
					</div>










	            </div>

            </div>

        </div>
    </section>


    <section id="contact" class="bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-lg-offset-1 text-center">
                    <h2 class="section-heading" style="color:black;text-shadow: 1px 1px white; font-weight: bold">Contatos</h2>
                    <hr class="primary">
                    <p style="color:black; font-weight: bold">Alguma dúvida a respeito de inscrição, localização ou cronograma de apresentações? Nos envie um e-mail.</p>
                </div>    
                <div class="col-lg-4 text-center">
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
                    <p style="color:black;"><EMAIL></p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/creative.js"></script>

</body>

</html>
<commit_msg>Comissao Organizadora<commit_after><!DOCTYPE html>
<html lang="pt-br">

<head>

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

    <title>7º Congresso de Carbono</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/creative.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    7º Congresso de Carbono
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="page-scroll" href="#about">O Evento</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Inscrição</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Patrocinadores</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#cronograma">Cronograma</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#location">Como Chegar</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contato</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <!-- <h1 id="homeHeading">7º Congresso Brasileiro de Carbono</h1> -->
                <img src="img/logobranco.png" class="img-responsive col-lg-7" alt="" id="change">
                <hr>
                <div class="col-lg-5 text-center">
                    <p>O Congresso Brasileiro de Carbono é um evento de regularidade bianual que tem como objetivo reunir especialistas, estudantes e empresas relacionadas com a utilização, aplicação e desenvolvimento de materiais envolvendo carbono.
                    </p>
                    <a href="#about" class="btn btn-primary btn-xl page-scroll">Sobre o Congresso</a>
                    <hr>
                </div>
            </div>
        </div>
    </header>

    <section id="about" class="bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading" style="color:black;text-shadow: 1px 1px white;font-weight: bold">Sobre o Congresso</h2>
                    <hr class="light">
                    <div class="strokeme">
                    	<p style="color: #0f0f0f;font-weight: bold;font-size: 18px">O Congresso Brasileiro de Carbono é um evento de regularidade bi anual que tem como objetivo reunir especialistas, estudantes e empresas relacionadas com a utilização, aplicação e desenvolvimento de materiais envolvendo carbono. Conjugar empresas e o setor acadêmico buscando tecnologia e inovação na área do Carbono tem sido o mote permanente de participantes do evento. A reunião tem por principal objetivo a saudável troca de experiências, pesquisas cientificas e aplicações tecnológicas na temática do carbono. Assim, torna-se virtuoso o estreitamento do relacionamento entre universidades e empresas, visando transferência de conhecimento e tecnologia buscando inovação constante. A sétima edição do congresso brasileiro de carbono é uma realização da ABCarb, com o apoio da USP Lorena.</p>
                    </div>
                    <a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Inscreva-se</a>
                </div>
               	<br>
			</div>
		





            <!--START OF TEST-->



        	<div class="row">
   
				<div class="col-lg-12">
					<h1 class="page-header" style="color:black;text-shadow: 1px 1px white"></h1>
				</div>

				<div class="container-fluid">
            		<div class="row no-gutter popup-gallery">
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/1.jpg">
			                    <img class="img-responsive" src="img/imgevents/1.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/2.jpg">
			                    <img class="img-responsive" src="img/imgevents/2.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/3.jpg">
			                    <img class="img-responsive" src="img/imgevents/3.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/4.jpg">
			                    <img class="img-responsive" src="img/imgevents/4.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/5.jpg">
			                    <img class="img-responsive" src="img/imgevents/5.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/6.jpg">
			                    <img class="img-responsive" src="img/imgevents/6.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/7.jpg">
			                    <img class="img-responsive" src="img/imgevents/7.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/8.jpg">
			                    <img class="img-responsive" src="img/imgevents/8.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/9.jpg">
			                    <img class="img-responsive" src="img/imgevents/9.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/10.jpg">
			                    <img class="img-responsive" src="img/imgevents/10.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/11.jpg">
			                    <img class="img-responsive" src="img/imgevents/11.jpg" alt="">
			                </a>
			            </div>
			            <div class="col-lg-2 col-md-4 col-xs-6 thumb">
			                <a class="thumbnail portfolio-box" href="img/imgevents/12.jpg">
			                    <img class="img-responsive" src="img/imgevents/12.jpg" alt="">
			                </a>
			            </div>
		            </div>
		        </div>
		    </div>
        </div>

        	<!--END OF TEST-->






        </div>
    </section>

    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Inscrição e Submissão de Trabalhos</h2>
                    <hr class="primary">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-check-circle text-primary sr-icons"></i>
                        <h3>Faça sua Inscrição</h3>
                        <p class="text-muted">Preencha o formulário de inscrição.</p>
                        <a href="#" class="btn btn-primary btn-xl sr-button" data-toggle="modal" data-target="#inscModal">Formulário de Inscrição</a>
                    </div>
                </div>


                <!--
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-file-text-o text-primary sr-icons"></i>
                        <h3>Submeta seu Resumo</h3>
                        <p class="text-muted">Vai apresentar? Faça submissão do resumo de seu trabalho.</p>
                        <a class="btn btn-primary btn-xl sr-button" data-toggle="modal" data-target="#subModal">Submissão de Trabalho</a>
                    </div>
                </div>
                -->




                <div id="inscModal" class="modal fade" role="dialog">
				  <div class="modal-dialog modal-lg">

				    <!-- Modal content-->
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
				        <h4 class="modal-title">Inscrição para o Congresso</h4>
				      </div>
				      <div class="modal-body">

				      	<p><div style="font-weight: bold">Participante que não irá submeter trabalho:</div> deverá fazer sua inscrição no formulário a seguir. A participação no evento será confirmada apenas após o pagamento da taxa de inscrição, que poderá ser feita no momento da inscrição ou na página principal do congresso na opção "Pague sua Inscrição" até o dia DD/MM/AAAA.
				      	
				      	<br>

				        <p><div style="font-weight: bold">Pesquisador/autor que for fazer a submissão de trabalho:</div> deverá fazer sua inscrição e preencher o formulário para envio de resumo após a inscrição. 
				        Este resumo deverá ser <b>OBRIGATORIAMENTE</b> preenchido em formato .DOC ou .DOCX, conforme o modelo disponível <a href="http://bit.do/templateresumoabcarb" target="_blank">aqui</a> para download.
				        O resumo pode ser enviado no momento da inscrição.
				        A participação no evento será confirmada apenas após o pagamento da taxa de inscrição, que poderá ser feita no momento da inscrição ou na página principal do congresso na opção "Pague sua Inscrição" até o dia DD/MM/AAAA.
				        <br><b>Observação:</b> a partir do momento que enviar o resumo de trabalho, ele estará sujeito a aprovação da comissão organizadora, que deverá entrar em contato por e-mail para solicitar o trabalho completo.

				        <br><br>
				        <div align="center">
				        	<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#subModal">Fazer Inscrição</button>
				        </div>

				  		









				        </p>
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				      </div>
				    </div>

				  </div>
				</div>


















                <!-- Modal -->
				<div id="subModal" class="modal fade" role="dialog">
				  <div class="modal-dialog modal-lg">

				    <!-- Modal content-->
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
				        <h4 class="modal-title">Inscrição para o Congresso</h4>
				      </div>
				      <div class="modal-body">
				        <p>
				  

          					<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdP_9hot0Aec7a89JW6nvaoBcnljEjNc7QgxzjX_mX08WHxeA/viewform?embedded=true" width="100%" height="430px" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>








				        </p>
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				      </div>
				    </div>

				  </div>
				</div>


				<div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-money text-primary sr-icons"></i>
                        <h3>Pague sua Inscrição</h3>
                        <p class="text-muted">Já se inscreveu? Faça o pagamento da taxa de inscrição.</p>
                        <a href="" class="btn btn-primary btn-xl sr-button">Faça o pagamento.</a>
                    </div>
                </div>








                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-group text-primary sr-icons"></i>
                        <h3>Comissão Organizadora</h3>
                        <p class="text-muted">Conheça os responsáveis.</p>
                        <a href="#" class="btn btn-primary btn-xl sr-button" data-toggle="modal" data-target="#orgCom">Comissão Organizadora</a>
                    </div>
                </div>

                <div id="orgCom" class="modal fade" role="dialog">
				  <div class="modal-dialog modal-lg container">

				    <!-- Modal content-->
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal">&times;</button>
				        <h4 class="modal-title">Comissão Organizadora</h4>
				      </div>
				      <div class="modal-body">
				      	<!--div class="container"-->
            				<div class="row">

            					<div class="col-lg-6 text-justify">
						      		<p style="font-weight: bolder; text-align: center">Mensagem da Comissão Organizadora</p>
						      		<hr>
						      		<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. Duis aute irure dolor in reprehenderit in voluptate velit esse
						      		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						      		proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
						      		<hr>
						      	</div>
						      <div class="col-lg-6 text-left">
							      	<p>
							      		<b>Presidente</b><br>
										<NAME> (USP-Lorena)
										<br><br>
										<b>Vice-presidente</b><br>
										<NAME> (DCTA)
										<br><br>
										<b>Membros</b><br>
										<NAME> (UNIMEP)<br>
										<NAME> (DCTA)<br>
										<NAME> (FATEC-SJC)<br>
										<NAME> (UNIMEP)<br>
										<NAME> (DCTA)<br>
							      	</p>
						      	</div>
						  	</div>
						<!--/div-->
				      	
				     
				        
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				      </div>
				    </div>

				  </div>
				</div>













                <div class="col-lg-3 col-md-6 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-clock-o text-primary sr-icons"></i>
                        <h3>Confira o Cronograma</h3>
                        <p class="text-muted">Confira toda a programação do evento.</p>
                        <a href="#cronograma" class="btn btn-primary btn-xl sr-button page-scroll">Cronograma</a>
                    </div>
                </div>
                
            </div>
        </div>
    </section>


    <aside class="bg-dark">
        <div class="container text-center">
            <div class="call-to-action">
                <h2>Patrocinadores</h2>
            </div>
        </div>
    </aside>

    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-lg-4 col-sm-6">
                    <a href="http://cnpq.br/" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/cnpq.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    CNPq
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="http://www.capes.gov.br/" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/capes.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    CAPES
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeU9XOFYLxfw8nKL_eBW05fhdK0bOe4wspszTVW5uk23TDIBw/viewform?c=0&w=1" target="_blank" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/becollab.png" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                    Patrocinador
                                </div>
                                <div class="project-name">
                                    Seja nosso patrocinador
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>



    <section id="cronograma">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2 class="section-heading">Cronograma</h2>
                    <hr class="primary">
                </div>
                <div class="col-lg-10 col-lg-offset-1 text-left">
                    
                    <iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23ffcc33&amp;src=r1bobdnkseqnh8gd5i2g8m9mpc%40group.calendar.google.com&amp;color=%2342104A&amp;ctz=America%2FSao_Paulo&amp;dates=20171024%2F20171026" style="border-width:0" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

                </div>

            </div>

        </div>
    </section>





    <section id="location" class="bg-dark">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h2 class="section-heading">Localização</h2>
                    <p>O 7º Congresso Brasileiro de Carbono acontecerá em Campos do Jordão - SP no período de 24 a 26 de Outubro de 2017 nas dependências do Hotel Leão da Montanha.
                    </p>
                    <hr class="primary">
                </div>
                <!--
                <div class="col-lg-6 text-left">
                    
                    <div id="map" style="width:100%;height:500px"></div>

					<script>
						function myMap() {
						  var myCenter = new google.maps.LatLng(-22.7240261,-45.5661734);
						  var mapCanvas = document.getElementById("map");
						  var mapOptions = {center: myCenter, zoom: 18};
						  var map = new google.maps.Map(mapCanvas, mapOptions);
						  var marker = new google.maps.Marker({position:myCenter});
						  marker.setMap(map);
						}
					</script>

					<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>

                </div>
                -->
                <div class="col-lg-6 text-center">
                	<div id="mapouter"><div id="gmap_canvas"><iframe width="100%" height="500" frameborder="0" scrolling="no" marginheight="0" src="https://maps.google.com/maps?q=Hotel Leão da Montanha, Campos do Jordão, &t=&z=16&ie=UTF8&iwloc=&output=embed" marginwidth="0"></iframe></div><style>#gmap_canvas{height:500px;width:600px;}#mapouter{overflow:hidden;height:500px;width:100%;}</style></div>
                </div>

                <br>



                <div class="col-lg-6 text-center">
	                <p>Endereço:<br>
	                	Rua Dr. <NAME>, 443 - Capivari<br>
	                	Campos do Jordão - SP <br>
	                	12460-000 <br>
	                	<a target="_blank" href="http://www.leaodamontanha.com.br">leaodamontanha.com.br</a>

	                </p>
	                <a target="_blank" href="http://booking.com/dcdd58aedd4a" class="btn btn-primary btn-xl page-scroll">Faça sua reserva</a>
	                <hr>
	                <div class="col-lg-9 text-center col-lg-offset-1" align="center">
		                <div id="myCarousel2" class="carousel slide" data-ride="carousel">
						  <!-- Indicators -->
						  <ol class="carousel-indicators">
						    <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
						    <li data-target="#myCarousel2" data-slide-to="1"></li>
						    <li data-target="#myCarousel2" data-slide-to="2"></li>
						    <li data-target="#myCarousel2" data-slide-to="3"></li>
						    <li data-target="#myCarousel2" data-slide-to="4"></li>
						    <li data-target="#myCarousel2" data-slide-to="5"></li>
						  </ol>

						  <!-- Wrapper for slides -->
						  <div class="carousel-inner" role="listbox">
						    <div class="item active">
						      <img src="img/hotelimg/1.jpg" alt="hotel1">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/2.jpg" alt="hotel2">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/3.jpg" alt="hotel3">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/4.jpg" alt="hotel4">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/5.jpg" alt="hotel5">
						    </div>

						    <div class="item">
						      <img src="img/hotelimg/6.jpg" alt="hotel6">
						    </div>
						  </div>

						  <!-- Left and right controls -->
						  <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						    <span class="sr-only">Anterior</span>
						  </a>
						  <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						    <span class="sr-only">Próximo</span>
						  </a>

						 
						</div>
					</div>










	            </div>

            </div>

        </div>
    </section>


    <section id="contact" class="bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-lg-offset-1 text-center">
                    <h2 class="section-heading" style="color:black;text-shadow: 1px 1px white; font-weight: bold">Contatos</h2>
                    <hr class="primary">
                    <p style="color:black; font-weight: bold">Alguma dúvida a respeito de inscrição, localização ou cronograma de apresentações? Nos envie um e-mail.</p>
                </div>    
                <div class="col-lg-4 text-center">
                    <i class="fa fa-envelope-o fa-3x sr-contact" style="color: black"></i>
                    <p style="color:black;"><EMAIL></p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/creative.js"></script>

</body>

</html>

{'fraction_non_alphanumeric': 0.14226906258540584, 'fraction_numerical': 0.015919650177644164, 'mean_word_length': 1.5559921414538311, 'pattern_counts': {'":': 0, '<': 1241, '<?xml version=': 0, '>': 1240, 'https://': 26, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 40, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3649039', 'n_tokens_mistral': 20335, 'n_tokens_neox': 17076, 'n_words': 3505}