Skip to content

New Changes #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ihavesuperpowers2 wants to merge 8 commits into
base: a1
Choose a base branch
from
Open

New Changes #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
493357d
Merge pull request #1 from vashist99/a1
vashist99 Aug 27, 2018
5df5181
Design update
purpledip Sep 20, 2018
66acd8b
Merge branch 'master' into dipti
vashist99 Sep 21, 2018
a59cf47
Design Update
purpledip Sep 27, 2018
5344a91
Merge branch 'dipti' of https://github.com/purpledip/IT_Project into …
purpledip Sep 27, 2018
3d95a39
Merge pull request #2 from purpledip/dipti
purpledip Sep 27, 2018
6ffd208
Update Home.html
purpledip Sep 27, 2018
829b1d7
Update style.css
purpledip Sep 27, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 49 additions & 12 deletions Home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,57 @@
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>IT202 Group 2 Project</title>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="whole">
<div class="heading"><h1>
Question Bank
</h1>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Logo</a>
</div>
<div class="collapse navbar-collapse" id="myNav">
<ul class="nav navbar-nav navbar-right">
<form class="navbar-form navbar-left" action="/action_page.php">
<div class="input-group">
<input type="text" class="form-control" style="width: 750px" placeholder="Search" name="search">
<div class="input-group-btn">
<button class="btn btn-default" type="submit">
<i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
<li><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#"><span class="glyphicon glyphicon-user"></span></a></li>
</ul>
</div>
</div>
</nav>
<div class="sidebar">
<a href="#home" id="btn-1" data-toggle="collapse" data-target="#submenu1" aria-expanded="false">Categories</a>
<ul class="nav collapse" id="submenu1" role="menu" aria-labelledby="btn-1">
<li><a href="#" class="sub">Mathematics</a></li>
<li><a href="#" class="sub">Physics</a></li>
<li><a href="#" class="sub">See All...</a></li>
</ul>
<a href="#news">Trending Topics</a>
<a href="#contact">Account</a>
<a href="#about">Help</a>
</div>
<br>
<h4>What is the Project About?</h4>
<div class="content">
Using IT tools and technologies, We have made question Bank portal,<br>
where a user can add questions related to a particular examination
</div>
</div>
<footer class="container-fluid">

</footer>
</body>
</html>
49 changes: 45 additions & 4 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,47 @@
.heading{
text-align: center;

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
.container-fluid {
color: #FFFFFF;
}
.whole{
background-color: "orange";
.navbar {
padding-top: 15px;
padding-bottom: 15px;
border: 0;
border-radius: 0;
margin-bottom: 0;
font-size: 20px;
letter-spacing: 10px;
}
/* The side navigation menu */
.sidebar {
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
font-size: 20px;
}
/* Sidebar links */
.sidebar a {
display: block;
color: black;
padding: 16px;
text-decoration: none;
}
/*Links on mouseover*/
.sidebar a:hover:not(.active) {
background-color: #555;
color: white;
}
/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
margin-left: 200px;
padding: 1px 16px;
height: 1000px;
}
.sub {
text-align: left;
font-size: 15px
}