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
Show 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 { ...@@ -21,6 +21,30 @@ nav a:first-child {
float: left; 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 { .wrapper {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
......
web-app/index.html
View file @ 828f8e1a
...@@ -7,27 +7,27 @@ ...@@ -7,27 +7,27 @@
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<div class="container">
<header> <header>
<img class="logo" src="img/logo.png"> <nav>
<h1>Bus Ticket Reservation System</h1> <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> </header>
<div class="content"> <div class="wrapper">
<div class="button"> <div class="card button">
<a href="schedule.html" id="admin"> <a href="schedule.html" id="admin">
<img src="img/scheduling.png"> <img src="img/scheduling.png" width="50%">
<br><h3>SCHEDULING</h3> <br><h3>SCHEDULING</h3>
</a> </a>
</div> </div>
<div class="button"> <div class="card button">
<a href="loading.html" id="loading"> <a href="loading.html" id="loading">
<img src="img/loading.png"> <img src="img/loading.png" width="50%">
<br><h3>LOADING</h3> <br><h3>LOADING</h3>
</a> </a>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>
web-app/schedule.html
View file @ 828f8e1a
...@@ -9,12 +9,14 @@ ...@@ -9,12 +9,14 @@
</head> </head>
<body> <body>
<header>
<nav> <nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a> <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/add.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/search.png" width="40px"></a> <a href="javascript:void(0);"><img src="img/search.png" width="40px"></a>
</nav> </nav>
</header>
<div class="wrapper"> <div class="wrapper">
<div class="title"> <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