|
13 | 13 | <body data-ng-app="WebApp"> |
14 | 14 |
|
15 | 15 | <header> |
16 | | - <div class="navbar navbar-inverse"> |
| 16 | + <div class="navbar navbar-inverse navbar-fixed-top"> |
17 | 17 | <div class="container-fluid"> |
18 | 18 | <div class="navbar-header"> |
19 | 19 | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> |
|
22 | 22 | <span class="icon-bar"></span> |
23 | 23 | <span class="icon-bar"></span> |
24 | 24 | </button> |
25 | | - <a class="navbar-brand" href="#">MCU</a> |
| 25 | + <a class="navbar-brand" href="/">MCU</a> |
26 | 26 | </div> |
27 | 27 |
|
28 | 28 | <div class="collpase navbar-collapse" id="bs-example-navbar-collapse-1"> |
29 | 29 | <ul class="nav navbar-nav"> |
30 | | - <li class="active"><a href="#">Home<span class="sr-only"></span></a></li> |
31 | | - <li><a href="/movies" title="Films">Films</a></li> |
32 | | - <li><a href="/characters" title="Characters">Characters</a></li> |
| 30 | + <li data-ng-class="{active: isActive('/')}"><a href="#">Home<span class="sr-only"></span></a></li> |
| 31 | + <li data-ng-class="{active: isActive('/')}"><a href="/movies" title="Films">Films</a></li> |
| 32 | + <li data-ng-class="{active: isActive('/')}"><a href="/characters" title="Characters">Characters</a></li> |
33 | 33 | <li class="dropdown"> |
34 | 34 | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-exapnded="false">Phases</span class="caret"></span></a> |
35 | 35 | <ul class="dropdown-menu" role="menu"> |
|
51 | 51 | </header> |
52 | 52 |
|
53 | 53 | <div class="mainContainer"> |
54 | | - |
| 54 | + <div class="jumbotron"> |
| 55 | + <h1>Marvel Cinematic Universe Fan Page</h1> |
| 56 | + </div> |
55 | 57 | </div> |
56 | 58 |
|
57 | 59 | <footer> |
|
63 | 65 |
|
64 | 66 | <div class="col-sm-6 col-md-5"> |
65 | 67 | <div class="footerSearch"> |
66 | | - <form> |
67 | | - <input type="text" name="searchWord" id="searchWord" placeholder="Search for ..." required /> |
68 | | - <input type="button" name="Search" id="search" value="Search" /> |
69 | | - </form> |
| 68 | + <div class="input-group"> |
| 69 | + <input type="text" class="form-control" placeholder="Search for ..."> |
| 70 | + <span class="input-group-btn"> |
| 71 | + <button class="btn btn-default" type="button" role="button">Search</button> |
| 72 | + </span> |
| 73 | + </div> |
70 | 74 | </div> |
71 | 75 | </div> |
72 | 76 | </div> |
|
0 commit comments