<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<title>Início</title>
</head>
<body style=" background-color: #EDEDED; ">
  <nav class="navbar navbar-dark bg-dark navbar-expand-lg navbar-light ">
 <a class="navbar-brand" href="inicio.php">
    <img src="img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#conteudoNavbarSuportado" aria-controls="conteudoNavbarSuportado" aria-expanded="false" aria-label="Alterna navegação">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="conteudoNavbarSuportado">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="#">Quem somos?</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Suporte
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Dúvidas frequentes</a>
          <a class="dropdown-item" href="#">Suporte para currículo</a>
      </li>
    </ul>
  </div>
</nav>
	<?php include "nav.php" ?>
<div class="container" style=" background-color: #EDEDED; ">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style=" background-color: #EDEDED; ">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block  img-fluid" src="img/cad5.jpg" alt="Primeiro Slide">
      <div class="carousel-caption d-none d-md-block">
    <h5 style="color: #EDEDED; text-shadow: 2px 0px 4px black;font-size: 25px;">Negócio fechado!</h5>
    <p style="color: #EDEDED; text-shadow: 1px 0px 5px black;font-size: 25px;">Vagas de emprego disponiveis para todos os tipos de deficiência</p>
  </div>
    </div>
    <div class="carousel-item">
      <img class="d-block  img-fluid" src="img/cad6.jpg" alt="Segundo Slide">
      <div class="carousel-caption d-none d-md-block">
    <h5 style="color: #EDEDED;  text-shadow: 2px 0px 4px black; font-size: 25px;">Vagas feitas para você</h5>
    <p style="color: #EDEDED; text-shadow: 2px 0px 4px black;font-size: 25px;">Vagas especificas e reservadas para pessoas com deficiência</p>
  </div>
    </div>
    <div class="carousel-item">
      <img class="d-block  img-fluid" src="img/cad7.jpg" alt="Terceiro Slide">
      <div class="carousel-caption d-none d-md-block">
    <h5 style="color: #EDEDED; text-shadow: 2px 0px 4px black;font-size: 25px;">Satisfação!</h5>
    <p style="color: #EDEDED; text-shadow: 2px 0px 4px black;font-size: 25px;">Você com um emprego na mão</p>
  </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Anterior</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Próximo</span>
  </a>
</div>
</div>
<div class="container-fluid" 
style="background-color: #30383d;">
<br>
	<div class="container">
    <h1 style="color: #fff; text-align: center;">Entre agora mesmo!</h1>
    <br>
    <form method="GET" action="">
	<div class="row">
		<div class="col-xs-6 col-md-6 col-lg-6" align="center">
	<button class="btn btn-outline-primary my-2 my-sm-0" type="submit" value="0" name="login" style="float: center; font-size: 25px;">Entrar como empresa</button>
  </div>
	<div class="col-xs-6 col-md-6 col-lg-6" align="center">
	<button class="btn btn-outline-success my-2 my-sm-0" type="submit" value="1" name="login" style="float: center;font-size: 25px;">Entrar como candidato</button>
    </form>
  <?php 
  if ($_GET) {
    $link = $_GET["login"];
    if ($link == 1) {
      header("Location:loginCan.php");
    }
    else{
      return 0;
    }
  }

  ?>

</div>
</div>
</div><!--container-->
<br><br>
<div class="container" style="color: #fff;">
  <br>
  <div class="card border-white mb-3" style="max-width: 100%; width: auto;">
  <div class="card-body text-white bg-dark">
    <h5 class="card-title" style="font-size: 30px;">Garanta já seu próximo emprego!</h5>
    <p class="card-text" style="font-size: 25px;">No RAD(Rota de Acesso ao Deficiente) você acha o emprego ideal para você de maneira rápida e fácil. Com apenas alguns cliques você já pode estar dentro do mercado de trabalho com seu emprego dos sonhos!</p>
  </div>
</div>
  <br>
	<h1 align="center">Por que atuamos?</h1>
	<br>
	<div class="card-deck"style="font-size: 20px;">
	<div class="card border-warning mb-3 card text-white bg-dark" style="max-width: 22rem;">
  <div class="card-header">Situação precaria</div>
  <div class="card-body text-warning">
    <h5 class="card-title"style="font-size: 20px;">Você sabia?</h5>
    <p class="card-text"style="font-size: 20px;">Apenas 1% de pessoas com deficiência (PCDs) tem um emprego com carteira assinada, revelando a situação critica do nosso país!</p>
  </div>
</div>
<div class=" card border-success mb-3 card text-white bg-dark" style="max-width: 22rem;">
  <div class="card-header" style="font-size: 20px;">Ajuda o deficiente</div>
  <div class="card-body text-success">
    <h5 class="card-title"  style="font-size: 20px;">Vagas de emprego garantidas!</h5>
    <p class="card-text"style="font-size: 20px;" >Com o nosso site em mãos se torna muito mais facil achar um emprego adequado para todo tipo de deficiência.</p>
  </div>
</div>
<div class="card border-primary mb-3 card text-white bg-dark" style="max-width: 22rem;">
  <div class="card-header"style="font-size: 20px;">Ajuda a empresa</div>
  <div class="card-body text-primary">
    <h5 class="card-title"style="font-size: 20px;">Cumprindo a lei!</h5>
    <p class="card-text"style="font-size: 20px;">Nosso site ajuda empresas de grande porte a cumprir a legislação e ter o percentual minimo (5%) de PCDs na mesma.</p>
  </div>
</div>
<br>
</div><!--card deck-->
<br>
<br>
<div class="card mb-3 card text-white bg-dark border-light mb-3">
  <img class="card-img-top" src="img/cad7.jpg" alt="Imagem de capa do card">
  <div class="card-body">
    <h5 class="card-title" style="font-size: 25px;" >Por que utilizar o site?</h5>
    <p class="card-text" style="font-size: 20px;" >O site tem como objetivo conectar empresas e instituições à PCDs(Pessoas com deficiência) visando auxiliar no cumprimento da lei de cotas para PCD (art. 93 da Lei nº 8.213/91) e, como consequência, oferecer facilidade de acesso a vagas e ofertas realizadas pelas instituições contratantes</p>
  </div>
</div>
<br>
<br>
<br>
  <h2 align="center">"A injustiça num lugar qualquer é uma ameaça à justiça em todo o lugar" - Martin Luther King.</h2>

<br><br>
</div><!--container-->
<footer class="mastfoot mt-auto">
  <div class="inner" style="color: #fff;"> 
    <p align="center">Site direcionado para vagas à PCDs<br>Made with <a href="#" style="color: #fff;">RAD</a> &copy Todos os direitos reservados</p>
  </div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>