navbar added

This commit is contained in:
chsakell
2016-10-05 10:21:06 +03:00
parent f8ad29f467
commit bfb8cd2620
4 changed files with 34 additions and 6 deletions

View File

@@ -25,6 +25,30 @@
</script>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Live Feed</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-sunglasses"></span> About</a></li>
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-save"></span> Source code</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-star"></span> Github</a></li>
<li><a href="https://twitter.com/chsakellsblog" target="_blank"><span class="glyphicon glyphicon-volume-up" target="_blank"></span> Twittwer</a></li>
<li><a href="https://www.facebook.com/chsakells.blog/" target="_blank"><span class="glyphicon glyphicon-heart" target="_blank"></span> Facebook</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<my-app>Loading...</my-app>
</div>

View File

@@ -1,8 +1,8 @@
<table class="table table-bordered box">
<thead>
<tr>
<th>ID</th>
<th>Match</th>
<th><span class="match-th">ID</span></th>
<th><span class="match-th">Match</span></th>
</tr>
</thead>
<tbody>

View File

@@ -1,8 +1,8 @@
<table class="table table-bordered box">
<thead>
<tr>
<th>Team</th>
<th>Score</th>
<th><span class="match-th">Team</span></th>
<th><span class="match-th">Score</span></th>
</tr>
</thead>
<tbody>

View File

@@ -1,10 +1,10 @@
body {
background-color: #f5f5f5;
background-color: #1d3346;
}
.box {
height: 50px;
background-color: #337ab7;
/*background-color: #286090;*/
margin:5px;
padding: 10px;
text-align: center;
@@ -19,6 +19,10 @@ body {
color:ghostwhite;
}
.match-th {
color:#a94442;
}
th, td {
text-align: center;
}