<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Senate</title>
<link rel="stylesheet" href="../bootstrap4/bootstrap-4.3.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="container">
<header class="row">
<div class="col-12 col-lg-9">
<img src="LOGOTGIF.jpg" alt="logo del congreso" height="150" width="500" class="img-responsive">
</div>
<div class="col-12 col-lg-3 align-self-end">
<div class="icono-email"></div>
<a href="mailto:info@tfig.net"> info@tfig.net</a>
</div>
</header>
<div class="row">
<nav class=" col-12 navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">TGIF</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active"><a class="nav-link" href="home-page.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Congress 113
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="house-data.html">House</a>
<a class="dropdown-item" href="senate-data.html">Senate</a>
</div>
</li>
</ul>
</div>
</nav>
<!--Table container-->
<div class="row">
<div class="col-12">
<h2>Senators</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-8">
<p>First convened in 1789, the composition and powers of the Senate are established in Article One of the U.S. Constitution. Each state is represented by two senators, regardless of population, who serve staggered six-year terms. The Senate has several exclusive powers not granted to the House, including consenting to treaties as a precondition to their ratification and consenting to or confirming appointments of Cabinet secretaries, federal judges, other federal executive officials, military officers, regulatory officials, ambassadors, and other federal uniformed officers, as well as trial of federal officials impeached by the House.</p>
</div>
<div class="col-12 col-lg-4">
<img src="congress.jpg" alt="congress" height="175" width="325" class="img-responsive">
</div>
</div>
</div>
<div id="checkbox">
<label> <input type="checkbox" name="partido" value="Republican" id="republic" >Republican</label>
<label> <input type="checkbox" name="partido" value="Democrat" id="democrata" >Democrat</label>
<label> <input type="checkbox" name="partido" value="Independent" id="independent" >Indepedent</label>
</div>
<div class="row table-responsive">
<table class=" tablaFiltros col-12 table">
<thead>
<tr>
<th>Members</th>
<th> Name and Last Name</th>
<th>Party</th>
<th>State</th>
<th>Seniority</th>
<th>%Votes</th>
</tr>
</thead>
<tbody id="senate-data">
</tbody>
</table>
</div>
<div class="row ">
<footer class="col">
<p class="footer"> 2016 TGIF | ALL RIGHTS RESERVED</p>
</footer>
</div>
</div>
<script src="../js/pro-congress-113-senate.js"></script>
<script src="../js/senate.js"></script>
<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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>