-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhouse-starter-page.html
101 lines (98 loc) · 4.76 KB
/
house-starter-page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tag ensures proper rendering and touch zooming, since Bootstrap 3 is mobile-first -->
<meta name="viewpoint" content="width=device-width, initial-scal=1" charset="utf-8">
<!-- initial zoom level when page loaded -->
<link rel="stylesheet" type="text/css" href="assets/main.css">
</head>
<body class="house">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">TGIF</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="home-starter-page.html">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Congress 113</a>
<ul class="dropdown-menu">
<li><a href="senate-starter-page.html">Senate</a></li>
<li><a href="house-starter-page.html">House</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Attendance</a>
<ul class="dropdown-menu">
<li><a href="senate-attendance-starter-page.html">Senate</a></li>
<li><a href="house-attendance-starter-page.html">House</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Party Loyalty</a>
<ul class="dropdown-menu">
<li><a href="senate-party-loyalty-starter-page.html">Senate</a></li>
<li><a href="house-party-loyalty-starter-page.html">House</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<header>
<div>
<h2>Representatives</h2>
</div>
</header>
<div>
<p class="container">The major power of the House is to pass federal legislation that affects the entire country, although its bills must also be passed by the Senate and further agreed to by the U.S. President before becoming law (unless both the House and Senate re-pass the legislation with a two-thirds majority in each chamber). The House has some exclusive powers: the power to initiate revenue bills, to impeach officials (impeached officials are subsequently tried in the Senate), and to elect the U.S. President in case there is no majority in the Electoral College.Each U.S. state is represented in the House in proportion to its population as measured in the census, but every state is entitled to at least one representative.</p>
</div>
<div>
<label class="checkbox-inline">
<input type="checkbox" value="R" class="partyFilter" checked>Republican
</label>
<label class="checkbox-inline">
<input type="checkbox" value="D" class="partyFilter" checked>Democrat
</label>
<label class="checkbox-inline">
<input type="checkbox" value="I" class="partyFilter" checked>Independent
</label>
<aside class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">All...
<span class="caret"></span></button>
<select class="dropdown-menu" id="statelist">
<option>
<a href="#"></a>
</option>
<option>
<a href="#"></a>
</option>
<option>
<a href="#"></a>
</option>
</select>
</aside>
</div>
<!--Table container-->
<table id="polititians" class="table container-fluid">
<thead>
<tr>
<th>Representatives</th>
<th>Party</th>
<th>State</th>
<th>Seniority</th>
<th>Party Affilication</th>
</tr>
<tbody></tbody>
</thead>
</table>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
<!-- <script type="text/javascript" src="assets/NYT-congress-113-house.js"></script> -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/main.js"></script>
</body>
</html>