Untitled

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="author" content="">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="css/normalize.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
  <style>
    .widget-area.blank {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

body{
    font-family:Courier New;
}
body .no-padding {
padding: 0;
}
.widget-area {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;

-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
float: left;
position: relative;
width: 100%;
}
.social-widget {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
float: left;
overflow: hidden;
width: 100%;
}
html * {
outline: 0 !important;
}

.social-widget > span#twitter {
background: #29c4a9;
color: #29c4a9;
}

.social-widget > span#fb {
background: #3b5998;
color: #3b5998;
}

.social-widget > span#googleplus {
background: #ff604f;
color: #ff604f;
}


.social-widget > span {
float: left;
font-size: 28px;
height: 90px;
line-height: 110px;
text-align: center;
width: 100%;
}

.social-widget > span > i {
background: none repeat scroll 0 0 #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 80%;
height: 60px;
line-height: 60px;
width: 60px;
}

.social-widget > ul {
background: none repeat scroll 0 0 #fff;
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

.social-widget > ul:before {
border-bottom: 9px solid #f0f0f0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
content: "";
left: 50%;
margin-left: -9px;
position: absolute;
top: -8px;
}
.social-widget > ul > li {
float: left;
list-style: none outside none;
padding: 17px 0;
position: relative;
text-align: center;
width: 50%;
background: #f0f0f0;
}
.social-widget > ul > li {
float: left;
list-style: none outside none;
padding: 17px 0;
position: relative;
text-align: center;
width: 25%;
background: #f0f0f0;
}

.social-widget p {
color: #333333;
font-size: 20px;
font-weight: 500;
}
p {
font-family: Roboto;
font-size: 13px;
font-weight: normal;
margin: 0;
color: #777777;
letter-spacing: 0.30px;
float: left;
width: 100%;
line-height: 24px;
}
.social-widget li > p > i {
color: #777777;
float: left;
font-family: Lato;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 24px;
text-align: center;
width: 100%;
}

nav {
    border-bottom: 0.5px solid lightgray;
}
nav > navbar-brand{
    margin-left: -5rem;
}

.footer{
    display: flex;
    justify-content: center;
    height: 50px;
}

.content{
    min-height: calc(100vh - 160px);
}
  </style>
</head>

<body>


<nav class="navbar navbar-expand-lg navbar-light bg-ligth static-top">
  <div class="container">
    <a class="navbar-brand" href="#">
          <img src="https://www.evollu.com/Evollu_Logo_Emails.png" alt="Evollu logo" style="background-color: white;">
        </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#" style="font-size: 18px;color: black; font-weight: bold;">{{$promoter}}
            <span class="sr-only">(current)</span>
        </a>
        </li>
      </ul>
    </div>
  </div>
</nav>

<!-- Page Content -->
<div class="container content">

<br>
<br>
<div class="row">
    <div class="offset-3 col-6">
        <div class="widget-area blank">
            <div class="social-widget">
                <span id="twitter">
                    <span style="color: white">{{$facility}}</span>
                    <i class="fa fa-twitter"></i>
                </span>
                <ul>
                    <li>
                        <p>Data</p>
                        <p style="font-weight: bold;">25-03-19</p>
                    </li>
                    <li>
                        <p>Inicio</p>
                        <p style="font-weight: bold;">{{$start}}</p>
                    </li>
                    <li>
                        <p>Fim</p>
                        <p style="font-weight: bold;">{{$end}}</p>
                    </li>
                    <li>
                        <p>Leads</p>
                        <p style="font-weight: bold;">{{count($leads)}}</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<br>
<div class="row">
  <table class="table offset-2 col-8" style="margin-top:30px;">
  <thead>
    <tr>
      <th scope="col">Nome</th>
      <th scope="col">Telefone</th>
      <th scope="col">Estado</th>
      <th scope="col">Info</th>
      <th scope="col">P.A.</th>
      <th scope="col">L.Q.</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Sim</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Não</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Sim</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Não</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Sim</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Não</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Não</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Sim</td>
        <td>Sim</td>
    </tr>
    <tr>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td>@mdo</td>
        <td>Não</td>
        <td>Não</td>
    </tr>
  </tbody>
</table>

</div>

</div>
<br>
<div class="footer"> Copyright © 2019 All Rights Reserved by Evollu. </div>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>

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

</html>