Skip to content

Commit 372c65f

Browse files
Daniel Brucedanbruce
Daniel Bruce
authored and
danbruce
committed
Custom navigation.
1 parent 4236a35 commit 372c65f

File tree

4 files changed

+176
-51
lines changed

4 files changed

+176
-51
lines changed

‎spider/assets/css/styles.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,3 +16,11 @@
1616
display: none;
1717
}
1818

19+
.navbar .nav .nav-item i {
20+
margin-right: 0.2rem;
21+
}
22+
23+
.navbar .nav .nav-item {
24+
padding-right: 0.3rem;
25+
}
26+

‎spider/home.html

Lines changed: 84 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,34 +8,93 @@
88
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
1010
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
11-
<link rel="stylesheet" href="assets/css/Login-Form-Clean.css">
1211
<link rel="stylesheet" href="assets/css/styles.css">
1312
</head>
1413

15-
<body style="background-color: rgb(232,232,232);">
16-
<nav class="navbar navbar-light navbar-expand-md bg-white">
17-
<div class="container"><a class="navbar-brand d-block" href="home.html"><img src="assets/img/logo.png" height="35px"></a><button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
18-
<div
19-
class="collapse navbar-collapse" id="navcol-1">
20-
<ul class="nav navbar-nav">
21-
<li class="nav-item" role="presentation"><a class="nav-link active" href="home.html">Home</a></li>
22-
<li class="nav-item" role="presentation"><a class="nav-link" href="search.html">Search</a></li>
23-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Sources</a></li>
24-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Monitors</a></li>
25-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Reports</a></li>
26-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Feeds</a></li>
27-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Analytics</a></li>
28-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Research</a></li>
29-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Tracking</a></li>
30-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Workspace</a></li>
31-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Settings</a></li>
32-
</ul>
33-
<ul class="nav navbar-nav ml-auto">
34-
<li class="nav-item" role="presentation"><a class="nav-link" href="index.html">Logout</a></li>
35-
</ul>
36-
</div>
37-
</div>
38-
</nav>
14+
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white">
15+
<div class="container">
16+
<a href="home.html" class="navbar-brand d-block">
17+
<img src="assets/img/logo.png" height="35px" />
18+
</a>
19+
<button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler">
20+
<span class="sr-only">Toggle navigation</span>
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse" id="navcol-1">
24+
<ul class="nav navbar-nav">
25+
<li role="presentation" class="nav-item">
26+
<a href="home.html" class="nav-link active">
27+
<i class="icon ion-home"></i>
28+
Home
29+
</a>
30+
</li>
31+
<li role="presentation" class="nav-item">
32+
<a href="search.html" class="nav-link">
33+
<i class="icon ion-search"></i>
34+
Search
35+
</a>
36+
</li>
37+
<li role="presentation" class="nav-item dropdown">
38+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
39+
<i class="icon ion-flag"></i>
40+
Monitoring
41+
</a>
42+
<div class="dropdown-menu">
43+
<a class="dropdown-item" href="alerts.html">
44+
Alerts
45+
</a>
46+
<a class="dropdown-item" href="feeds.html">
47+
Feeds
48+
</a>
49+
<a class="dropdown-item" href="tracking.html">
50+
Tracking
51+
</a>
52+
</div>
53+
</li>
54+
<li role="presentation" class="nav-item dropdown">
55+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
56+
<i class="icon ion-pie-graph"></i>
57+
Research
58+
</a>
59+
<div class="dropdown-menu">
60+
<a class="dropdown-item" href="analytics.html">
61+
Analytics
62+
</a>
63+
<a class="dropdown-item" href="reports.html">
64+
Reports
65+
</a>
66+
</div>
67+
</li>
68+
<li role="presentation" class="nav-item">
69+
<a class="nav-link" href="workspace.html">
70+
<i class="icon ion-grid"></i>
71+
Workspace
72+
</a>
73+
</li>
74+
</ul>
75+
<ul class="nav navbar-nav ml-auto">
76+
<li role="presentation" class="nav-item dropdown">
77+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
78+
<i class="icon ion-android-settings"></i>
79+
Settings
80+
</a>
81+
<div class="dropdown-menu">
82+
<a class="dropdown-item" href="sources.html">
83+
Sources
84+
</a>
85+
<div class="dropdown-divider"></div>
86+
<a class="dropdown-item" href="profile.html">
87+
Profile
88+
</a>
89+
<a class="dropdown-item" href="index.html">
90+
Logout
91+
</a>
92+
</div>
93+
</li>
94+
</ul>
95+
</div>
96+
</div>
97+
</nav>
3998
<div class="container" style="padding-top: 15px;">
4099
<div class="row">
41100
<div class="col">

‎spider/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
1010
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
11-
<link rel="stylesheet" href="assets/css/Login-Form-Clean.css">
1211
<link rel="stylesheet" href="assets/css/styles.css">
1312
</head>
1413

‎spider/search.html

Lines changed: 84 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,34 +8,93 @@
88
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
1010
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
11-
<link rel="stylesheet" href="assets/css/Login-Form-Clean.css">
1211
<link rel="stylesheet" href="assets/css/styles.css">
1312
</head>
1413

15-
<body style="background-color: rgb(232,232,232);">
16-
<nav class="navbar navbar-light navbar-expand-md bg-white">
17-
<div class="container"><a class="navbar-brand d-block" href="home.html"><img src="assets/img/logo.png" height="35px"></a><button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
18-
<div
19-
class="collapse navbar-collapse" id="navcol-1">
20-
<ul class="nav navbar-nav">
21-
<li class="nav-item" role="presentation"><a class="nav-link" href="home.html">Home</a></li>
22-
<li class="nav-item" role="presentation"><a class="nav-link active" href="search.html">Search</a></li>
23-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Sources</a></li>
24-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Monitors</a></li>
25-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Reports</a></li>
26-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Feeds</a></li>
27-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Analytics</a></li>
28-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Research</a></li>
29-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Tracking</a></li>
30-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Workspace</a></li>
31-
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Settings</a></li>
32-
</ul>
33-
<ul class="nav navbar-nav ml-auto">
34-
<li class="nav-item" role="presentation"><a class="nav-link" href="index.html">Logout</a></li>
35-
</ul>
36-
</div>
37-
</div>
38-
</nav>
14+
<body style="background-color: rgb(232,232,232);"><nav class="navbar navbar-light navbar-expand-md bg-white">
15+
<div class="container">
16+
<a href="home.html" class="navbar-brand d-block">
17+
<img src="assets/img/logo.png" height="35px" />
18+
</a>
19+
<button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler">
20+
<span class="sr-only">Toggle navigation</span>
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse" id="navcol-1">
24+
<ul class="nav navbar-nav">
25+
<li role="presentation" class="nav-item">
26+
<a href="home.html" class="nav-link">
27+
<i class="icon ion-home"></i>
28+
Home
29+
</a>
30+
</li>
31+
<li role="presentation" class="nav-item">
32+
<a href="search.html" class="nav-link active">
33+
<i class="icon ion-search"></i>
34+
Search
35+
</a>
36+
</li>
37+
<li role="presentation" class="nav-item dropdown">
38+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
39+
<i class="icon ion-flag"></i>
40+
Monitoring
41+
</a>
42+
<div class="dropdown-menu">
43+
<a class="dropdown-item" href="alerts.html">
44+
Alerts
45+
</a>
46+
<a class="dropdown-item" href="feeds.html">
47+
Feeds
48+
</a>
49+
<a class="dropdown-item" href="tracking.html">
50+
Tracking
51+
</a>
52+
</div>
53+
</li>
54+
<li role="presentation" class="nav-item dropdown">
55+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
56+
<i class="icon ion-pie-graph"></i>
57+
Research
58+
</a>
59+
<div class="dropdown-menu">
60+
<a class="dropdown-item" href="analytics.html">
61+
Analytics
62+
</a>
63+
<a class="dropdown-item" href="reports.html">
64+
Reports
65+
</a>
66+
</div>
67+
</li>
68+
<li role="presentation" class="nav-item">
69+
<a class="nav-link" href="workspace.html">
70+
<i class="icon ion-grid"></i>
71+
Workspace
72+
</a>
73+
</li>
74+
</ul>
75+
<ul class="nav navbar-nav ml-auto">
76+
<li role="presentation" class="nav-item dropdown">
77+
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
78+
<i class="icon ion-android-settings"></i>
79+
Settings
80+
</a>
81+
<div class="dropdown-menu">
82+
<a class="dropdown-item" href="sources.html">
83+
Sources
84+
</a>
85+
<div class="dropdown-divider"></div>
86+
<a class="dropdown-item" href="profile.html">
87+
Profile
88+
</a>
89+
<a class="dropdown-item" href="index.html">
90+
Logout
91+
</a>
92+
</div>
93+
</li>
94+
</ul>
95+
</div>
96+
</div>
97+
</nav>
3998
<div class="container" style="padding-top: 15px;padding-bottom: 55px;">
4099
<div class="row">
41100
<div class="col">

0 commit comments

Comments
 (0)