satisfação WIP

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8"/>
  <title>Gregory Mendes</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.4/components/rating.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.4/components/rating.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script>
</head>

<body>
<center>
  <h1 class="ui header">Pesquisa de Satisfação - Gregory Mendes</h1>
  <div>
<p>Recentemente você contatou o suporte técnico e gostaría de estar certo de que ficou satisfeito com o serviço oferecido. O resultado será de grande utilidade para melhorar meu serviço.
</p>
<p>
Suas respostas serão tratadas de forma confidencial e não serão utilizadas para outro propósito que não seja para a investigação e analise do meu atendimento.
</p>
<p>
Por favor, dedique um momento para responder esta pequena pesquisa que dura menos de 1 minuto.
</p>
</div>
<br/>

<form action="votos.php" method="post" class="ui form">
  <h2>Questionario:</h2>
  <div>
<p>
  <h4>CORTESIA:</h4> Demonstra educação e cordialidade. <div class="ui star rating" data-rating="3"></div>
</p>
<p>
  <h4>RECEPTIVIDADE:</h4> Responde as solicitações reclamações e sugestões.
</p>
<p>
  <h4>QUALIDADE:</h4> Rápida e eficaz.
</p>
<p>
  <h4>CORDIALIDADE:</h4> Agilidade e simplicidade no atendimento.
</p>
<p>
  <h4>PRESTEZA:</h4> Deseja nos ajudar.
</p>
</div>
<button class="ui green basic button">Enviar</button>
</form>

</center>
</body>
</html>