Skip to content

U
uBus
Commit 828f8e1a authored by Ian De La Cruz's avatar Ian De La Cruz
Browse files
Options

Fixed index styles

parent 78d419f6
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 24 deletions
web-app/css/style.css
View file @ 828f8e1a
......@@ -21,6 +21,30 @@ nav a:first-child {
float: left;
}
.button {
display: inline-block;
width: 45% !important;
text-align:center;
padding: 0 !important;
}
.button:first-child {
margin-right: 15px;
}
.button a {
display: block;
width: 100%;
text-decoration: none;
color: black;
}
.button img {
display:block;
width:80%;
margin:0 5% 0 15%;
}
.wrapper {
width: 90%;
margin: 0 auto;
......
web-app/index.html
View file @ 828f8e1a
<!DOCTYPE html>
<html>
<head>
<title>uBus | Admin System</title>
<!DOCTYPE html>
<html>
<head>
<title>uBus | Admin System</title>
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<img class="logo" src="img/logo.png">
<h1>Bus Ticket Reservation System</h1>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<h1 style="display:inline-block; margin:0; padding-top:10px; padding-left:15px;">Bus Ticket Reservation System</h1>
</nav>
</header>
<div class="content">
<div class="button">
<div class="wrapper">
<div class="card button">
<a href="schedule.html" id="admin">
<img src="img/scheduling.png">
<img src="img/scheduling.png" width="50%">
<br><h3>SCHEDULING</h3>
</a>
</div>
<div class="button">
<div class="card button">
<a href="loading.html" id="loading">
<img src="img/loading.png">
<img src="img/loading.png" width="50%">
<br><h3>LOADING</h3>
</a>
</div>
</div>
</div>
</body>
</body>
</html>
web-app/schedule.html
View file @ 828f8e1a
......@@ -9,12 +9,14 @@
</head>
<body>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<header>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/add.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/search.png" width="40px"></a>
</nav>
<a href="javascript:void(0);"><img src="img/add.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/search.png" width="40px"></a>
</nav>
</header>
<div class="wrapper">
<div class="title">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment