<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UFT-8">
<title>desenvolvimento de site</title>
<link rel="stylesheet" type="text/css" href="css/folhadeestilo.css">
</head>
<body>
<div class="imagemcabecalho">
<img src="cabecalho.jpg" alt="caravana reunida" width="100%" height="400px">
</div>
<div id="convite">
<h1> SEJA MEMBRO DA MELHOR CARAVANA DE MINAS GERAIS</h1>
</div>
<div id="chamada">
<h1><b>PARTICIPE DA CAMPUS PARTY COM A CARAVANA UAIFI</b></h1>
</div>
<br>
<br>
<li><A href="#capitulo I"> HISTÓRIA DA CARAVANA UAIFI </A></li><BR>
<li><A href="#capitulo II"> O QUE É CAMPUS PARTY BRASIL?</A></li><BR>
<li><A href="#capitulo III"> PORQUE PARTICIPAR DA CPBR COM A CARAVANA UAIFI?</A></li><BR>
<li><A href="#capitulo iV">ADQUIRA SEU INGRESSO AQUI!</A></li><BR>
<BR>
<BR>
<div class="fotomesa">
<a href="https://brasil.campus-party.org/">
<img src="mesa.png" alt="pessoas sentadas a mesa" ></a>
</div>
<div id="textoimagem">
<p> A Campus Party Brasil é o principal evento
de internet, tecnologia e empreendedorismo do país. Atrai anualmente geeks, empreendedores, gamers, cientistas e muitos outros criativos que se reúnem para acompanhar centenas de atividades sobre Inovação, Ciência, Cultura, Universo Digital e Empreendedorismo. <br><br>
Ao longo do evento, palestras, debates e oficinas fazem da Campus Party uma experiência única: neste período, ela se transforma no principal ponto de encontro das mais importantes comunidades digitais do país. É um ecossistema que permite que os frequentadores consigam interagir, compartilhar conhecimento, acompanha e produzir novidades.<br><br>
</p><br><br><br><br><br><br><br>
</div>
<div id="textolinks">
<A name="capitulo I">
<H4><b>HISTÓRIA DA CARAVANA UAIFI</b> </H4>
<P>A Caravana UaiFi foi criada em 2012 por Karoline Miranda, publicitaria de Belo Horizonte que após utilizar os serviços de outra organização (que descontinuou seu trabalho), percebeu algumas falhas na qualidade do serviço prestado e uma oportunidade de oferecer aos campuseiros mais do que apenas o transporte, mas também todo o significado de comunidade. Com a colaboração de Fernando Tasca, formado em Marketing, eles promovem anualmente a caravana para a Campus Party e tem como missão oferecer um excelente serviço de transporte, união do grupo, diversão e fazer com que todos queiram voltar no ano seguinte, mantendo sempre a amizade formada durante o evento.</P>
<A name="capitulo II">
<H4><b>O QUE ACONTECE DURANTE A CAMPUS PARTY?</b></H4>
<P>O evento acontece durante 24 horas por dia. As palestras, debates e oficinas acontecem entre 10h e 22h e as vezes acontecem até 10 palestras ao mesmo tempo. A noite acontecem diversas interações, games, os participantes podem utilizar os palcos para dar alguma palestra, a internet mais rápida do Brasil fica à disposição de todos o tempo todo e o que todos os participantes adoram: brindes! O campuseiro volta para casa com um leque de informações e contatos gigantescos.<BR><BR> O público alvo é amplo. A participação feminina está aumentando com o passar do tempo e já alcança entre 35 e 40% do publico. Recebendo desde crianças a palestrantes de pijama, todos que se interessam por tecnologia e buscam informação, vão se encontrar na Campus Party.</P><BR>
<A name="capitulo III">
<H4> <b>PORQUE PARTICIPAR DA CPBR COM A CARAVANA UAIFI?</b> </font></H4>
<P>O contato entre os participantes se inicia a partir do momento em que o campuseiro se cadastra na caravana. Encontros são organizados e diversas maneiras de fazer com que você se sinta acolhido naquele grupo. Além de ser oferecido um excelente serviço de ônibus, double deck, com todo o conforto necessário para uma ótima viagem, durante o caminho, acontecem algumas brincadeiras, são entregues doces, adesivos e acontecem sorteios de brindes. É o momento mais especial da viagem. Em resumo, a caravana é importante para todos os participantes pois é através dela que se iniciam os contatos e trocas que ocorrerão durante todo evento. Encontram-se pessoas com interesses em comum aos seus, pode-se aproveitar um universo repleto de conteúdo para o crescimento de todos, criando network, trazendo inúmeras parcerias profissionais e possibilitando a união desde o início afim de manter esse vínculo e laço de amizade.</P><BR>
<A name="capitulo IV">
<a href="https://brasil.campus-party.org/"> <b>ADQUIRA SEU INGRESSO AQUI!</a> </b>
<BR>
<BR>
<BR>
<BR>
</div>
<table>
<thead>
<tr>
<th><b>Cidades participantes</b></th>
<th><b>Participantes mulheres</b></th>
<th><b>Participantes homens</b></th>
<th><b>Menores de idade</b></th>
</tr>
</thead>
<tbody>
<tr>
<td>Belo Horizonte</td>
<td>9</td>
<td>13</td>
<td>2</td>
</tr>
<tr>
<td>Montes Claros</td>
<td>10</td>
<td>10</td>
<td>0</td>
</tr>
<tr>
<td>Ipatinga</td>
<td>5</td>
<td>5</td>
<td>0</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="4"><b>Tabela de participantes de Minas Gerais </b></th>
</tr>
</tfoot>
</table>
<br>
<br>
<form>
<fieldset>
<h1><b>VOCÊ TEM DUVIDAS?</b></h1>
<input type="radio" id="SIM" name="gender" value="SIM">
<label for="SIM">SIM</label><input type="radio" id="NÂO" name="gender" value="NÂO"><label for="NÂO">NÂO</label><br>
</form>
<h2>Fale com a gente!</h2>
<form action="/action_page.php">
<label for="fname">E-mail:</label> <input type="text" id="fname" name="fname" value="maria@gmail.com"><br><br>
</form>
<form action="/action_page.php">
<p>Duvidas</p>
<textarea name="message" style="width:400px; height:100px;">digite aqui</textarea><br>
<input type="submit" value="enviar"> <input type="submit" value="cancelar">
</fieldset>
</form>
</body>
</html>
body {
background-color: #effbf9;
font-family: Sans-Serif;
}
.imagemcabecalho {
width: 100%;
height: 400px;
}
#convite {
margin: 0;
width: 100%;
color: white;
background-color: green;
text-align: center;
font-family: Sans-Serif;
margin-top: 30px;
padding: 0.1%;
}
#chamada {
color: #2c7a0d;
font-size: 20px;
text-align: center;
font-family: Sans-Serif;
padding: 2px solid #16f716;
margin: 0;
width: 100%;
margin-top: 70px;
}
.fotomesa img{
margin: 20px;
float: left;
border: 3px solid green;
width: 50%;
}
#textoimagem {
font-size: 20px;
color: #2c7a0d;
text-align: justify;
padding-left: 30px;
font-family: Sans-Serif;
}
#textolinks {
font-size: 25px;
color: grey;
font-family: Sans-Serif;
text-align: justify;
}
table, th, td {
padding: 5px;
text-align: center;
border: 2px solid #b33d99;
width: 500px;
height: 30px;
color: grey;
}
