Skip to content
This repository was archived by the owner on Nov 1, 2022. It is now read-only.

Commit f14228f

Browse files
ramprasadagarwalramprasadagarwal
committed
linked profile and dashboard
1 parent 5741138 commit f14228f

13 files changed

+250
-2439
lines changed

‎css/main.css

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
body{
2+
margin-top: 50px;
3+
}
4+
.row{
5+
margin: 0;
6+
}

‎dash.html ‎dashboard.html

+2-19
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,4 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<title>Bootstrap Example</title>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
8-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
9-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
10-
</head>
11-
<body>
12-
13-
<div class="container">
14-
<div class="btn-group btn-group-justified"style="padding:50px">
1+
<div class="btn-group btn-group-justified" style="padding:50px">
152
<div class="btn-group">
163
<button type="button" class="btn btn-primary"style="padding:10px;font-size:250%;;">OFFER</button>
174
</div>
@@ -107,8 +94,4 @@ <h3><strong><center>ADD</strong></h3>
10794
</a>
10895
</div>
10996
</div>
110-
</div>
111-
</div>
112-
113-
</body>
114-
</html>
97+
</div>

‎index.html

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Call Class</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
8+
<script type="text/javascript" src="scripts/jquery.min.1.12.0.js"></script>
9+
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
10+
<link rel="stylesheet" type="text/css" href="sidebar-css/sidebar.css">
11+
<link rel="stylesheet" type="text/css" href="css/main.css">
12+
13+
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
14+
<link rel="stylesheet" href="profile-files/profile.css">
15+
</head>
16+
<body>
17+
<nav class="navbar navbar-inverse navbar-fixed-top">
18+
<div class="container-fluid">
19+
<div class="navbar-header">
20+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
21+
<span class="icon-bar"></span>
22+
<span class="icon-bar"></span>
23+
<span class="icon-bar"></span>
24+
</button>
25+
<a class="nav navbar-brand" href="#">Call Class</a>
26+
</div>
27+
<div class="collapse navbar-collapse" id="myNavbar">
28+
<ul class="nav navbar-nav">
29+
<li><a></a></li>
30+
<li><a></a></li>
31+
<li><a href="#">SMP</a></li>
32+
<li><a href="#">School and Partner</a></li>
33+
</ul>
34+
<form class="navbar-form navbar-left" >
35+
<div class="input-group" style="width:250%">
36+
<input type="text" class="form-control" placeholder="Search">
37+
<div class="input-group-btn">
38+
<button class="btn btn-default" type="submit">
39+
<i class="glyphicon glyphicon-search"></i>
40+
</button>
41+
</div>
42+
</div>
43+
</form>
44+
<ul class="nav navbar-nav navbar-right">
45+
<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span> Add Event</a></li>
46+
<li><a href="#"><span class="glyphicon glyphicon-bell"></span> </a></li>
47+
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Out</a></li>
48+
<!-- <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> -->
49+
</ul>
50+
</div>
51+
</div>
52+
</nav>
53+
54+
<div class="row">
55+
<div class="col-md-2 sidebar">
56+
<div class="mini-submenu">
57+
<span class="icon-bar"></span>
58+
<span class="icon-bar"></span>
59+
<span class="icon-bar"></span>
60+
</div>
61+
<div class="list-group">
62+
<button id="dashboard" class="list-group-item">
63+
<i class="fa fa-comment-o"></i> Call Class
64+
</button>
65+
<a href="#" class="list-group-item">
66+
<i class="fa fa-search"></i> Open School
67+
</a>
68+
<a href="#" class="list-group-item">
69+
<i class="fa fa-user"></i> Favourite
70+
</a>
71+
<a href="#" class="list-group-item">
72+
<i class="fa fa-folder-open-o"></i> Educator <!-- <span class="badge">14</span> -->
73+
</a>
74+
<a href="#" class="list-group-item">
75+
<i class="fa fa-bar-chart-o"></i> Mentor <!-- <span class="badge">14</span> -->
76+
</a>
77+
<button id="profile" class="list-group-item">
78+
<i class="fa fa-envelope"></i> Profile
79+
</button>
80+
</div>
81+
</div>
82+
<div class="col-sm-10">
83+
<div id="mycontent">
84+
85+
</div>
86+
</div>
87+
</div>
88+
</body>
89+
</html>
90+
<script type="text/javascript">
91+
$(document).ready(function() {
92+
$('#profile').click(function(){
93+
$("#mycontent").load("profile-files/profile.html");
94+
});
95+
$('#dashboard').click(function(){
96+
$("#mycontent").load("dashboard.html");
97+
});
98+
99+
});
100+
</script>

‎index1.html

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Bootstrap Case</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
8+
<script type="text/javascript" src="scripts/jquery.min.1.12.0.js"></script>
9+
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
10+
<style>
11+
.footer{
12+
background-color: black;
13+
padding: 25px;
14+
margin-top: 30px;
15+
font-size: 16px;
16+
opacity: .85;
17+
position: static;
18+
width: 100%;
19+
bottom: 0;
20+
}
21+
.footer-heading{
22+
padding-top: 10px;
23+
text-align: center;
24+
}
25+
</style>
26+
</head>
27+
<body>
28+
29+
<nav class="navbar navbar-inverse">
30+
<div class="container-fluid">
31+
<div class="navbar-header">
32+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
33+
<span class="icon-bar"></span>
34+
<span class="icon-bar"></span>
35+
<span class="icon-bar"></span>
36+
</button>
37+
<a class="nav navbar-brand" href="#">
38+
<ul class="nav navbar-nav">
39+
<li class="dropdown">
40+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-menu-hamburger"></span></a>
41+
<ul class="dropdown-menu">
42+
<li><a href="#">Call Class</a></li>
43+
<li class="divider"></li>
44+
<li><a href="#">Open School</a></li>
45+
<li class="divider"></li>
46+
<li><a href="#">Favourite</a></li>
47+
<li class="divider"></li>
48+
<li><a href="#">Educator</span></a></li>
49+
<li class="divider"></li>
50+
<li><a href="#">Mentor</a></li>
51+
<li class="divider"></li>
52+
<li><a href="#">Profile</a></li>
53+
<li class="divider"></li>
54+
<li><a href="#">Settings</a></li>
55+
</ul>
56+
</li>
57+
</ul>
58+
</div>
59+
</a>
60+
<div class="collapse navbar-collapse" id="myNavbar">
61+
<ul class="nav navbar-nav">
62+
<li><a href="#">Home</a></li>
63+
<li><a href="#">SMP</a></li>
64+
<li><a href="#">School and Partner</a></li>
65+
</ul>
66+
<form class="navbar-form navbar-left">
67+
<div class="input-group">
68+
<input type="text" class="form-control" placeholder="Search">
69+
<div class="input-group-btn">
70+
<button class="btn btn-default" type="submit">
71+
<i class="glyphicon glyphicon-search"></i>
72+
</button>
73+
</div>
74+
</div>
75+
</form>
76+
<ul class="nav navbar-nav navbar-right">
77+
<li><a href="#"><span class="glyphicon glyphicon-bell"></span> </a></li>
78+
<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span> Add Event</a></li>
79+
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
80+
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
81+
</ul>
82+
</div>
83+
</div>
84+
</nav>
85+
86+
<div class="container">
87+
<h3>Collapsible Navbar</h3>
88+
<p>In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).
89+
<p>Only when the button is clicked, the navigation bar will be displayed.</p>
90+
</div>
91+
<div class="row bg-primary footer">
92+
<div class="footer-heading"> Designed and Developed By: DCODEREAPERS</div>
93+
94+
</body>
95+
96+
</html>

0 commit comments

Comments
 (0)