Register at any free webhosting domain for e.g., www.000webhost.com Choose any o
ID: 3821118 • Letter: R
Question
Register at any free webhosting domain for e.g., www.000webhost.com Choose any organization from the list below, but not limited to and develop how information flow in the web portal.
Hospital patient management system
Library management system
Hotel management system
Banking Management System
Airline booking reservation system
Petroleum/ Oil Process Management System
Managing Online Audio/ Video Shopping System
Managing Online Electrical Items Shopping System
Restaurant order management system
Pharmacy shop management system
IMAX Cinema Booking System
Real Estate Management System
Online book purchase system
Online Electronics Shopping System
Tourism Management System
Magazine Management System
Your Grade Distribution is as Follows:
1. Link of your Website portal on any of above business or organizations. [Marks 15]
2. Hard Copy of snapshots from any Four Links from First Page. You must include one link ‘About Us’ [Marks 5]
Sample of the Answer is Attached
Link: https://spikesstar.000webhostapp.com/
This link contains the website of a Tourism department of Abc
Tourism Dept of Abc HOME ABOUT US OFFERS CONTACTS CeExplanation / Answer
MAKE SURE YOU USE WITH BOOTSTRAP!!
main page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title></title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.navbar-fixed-left {
width: 140px;
position: fixed;
border-radius: 0;
height: 100%;
}
.navbar-fixed-left .navbar-nav > li {
float: none; /* Cancel default li float: left */
width: 139px;
}
.navbar-fixed-left + .container {
padding-left: 160px;
}
.container {
height: 1000px;
}
.wrapper {
margin-left: 140px;
}
.borderless td, .borderless th {
border: none;
}
</style>
</head>
<body>
<!--navigation-->
<div class="navbar navbar-inverse navbar-fixed-left">
<a class="navbar-brand" href="#"><span class="glyphicon glyphicon-dashboard"></span><p> Burnin' Rubber </p></a>
<ul class="nav navbar-nav">
</br></br>
<li><a href="#about"><i class="fa fa-home"></i><span class="glyphicon glyphicon-user"></span> About Us</a></li>
<li><a href="#location"><i class="fa fa-info-circle"></i><span class="glyphicon glyphicon-map-marker"></span> Location</a></li>
<li><a href="#brands"><i class="fa fa-heart"></i><span class="glyphicon glyphicon-tag"></span> Brands</a></li>
<li><a href="#feedback"><i class="fa fa-briefcase"></i><span class="glyphicon glyphicon-envelope"></span> Feedback</a></li>
</ul>
</div>
<!--end navigation-->
<!-- 1st section-->
<div class="wrapper">
<div class="container" id="about">
<div class="row">
<h2 class="jumbotron">About Us</h2>
</br></br>
<h3>Welcome to the Burnin' Rubber exclusive buying experience. A place where owing exotic cars is a passion. To facilitate this experience we have put in place the 151 Quality Checkpoints.
The 151 Quality Checkpoint is a comprehensive checklist that has been created to ensure that each and and every car that leaves our hangar goes through a stringent pre procurement checklist. Only once this procedure is completed, the cars receive their certification, and are ready to hit the road!
</h3>
</div>
</br></br>
<div>
<center><img src="images/burn.png" class="img-thumbnail" ></center>
</div>
</div>
<!-- 2nd section-->
<div class="container" id="location">
<div class="row">
<h2 class="jumbotron">Location</h2>
<div id="map"></div>
</br></br>
<table class = "table ">
<tr>
<td class="col-md-3 " ><center><h3><span class="glyphicon glyphicon-home"></span> Address</h3></center></td>
<td class="col-md-3 " ><center><h3><span class="glyphicon glyphicon-phone"></span> Phone</h3></center></td>
<td class="col-md-3 "><center><h3><span class="glyphicon glyphicon-envelope"></span> Email</h3></center></td>
</tr>
<tr>
<td class="col-md-3"> <center>Plot No. 134, Sector 37, Pace City 1, Gurgaon, Haryana - 122001</center></td>
<td class="col-md-3"><center> (+91) 9999 9999 83</center></td>
<td class="col-md-3"><center>sales@burnin'rubber.com </center></td>
</tr>
</tbody>
</table>
<script>
function initMap() {
var uluru = {lat: 28.675499, lng: 77.113243};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: uluru
});
var marker = new google.maps.Marker({
position: uluru,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDk9Rt-QLyG93oX4p_5ordyMBTimHKeBbU&callback=initMap">
</script>
</div>
</div>
<!--3rd section-->
<div class="container" id="brands">
<div class="row">
<h2 class="jumbotron">Brands</h2>
<table class = "table borderless">
<tbody>
<tr>
<td><a href="#brands"><img src="images/Aston-Martin-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Audi-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Bentley-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/BMW-Logo.jpg" class="img-thumbnail" ></a></td>
</tr>
<tr>
<td><a href="#brands"><img src="images/Chevrolet-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Ferrari-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Ford-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Hyundai-Logo.jpg" class="img-thumbnail" ></a></td>
</tr>
<tr>
<td><a href="#brands"><img src="images/Jaguar-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Jeep-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Lamborghini-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Land-Rover-Logo.jpg" class="img-thumbnail" ></a></td>
</tr>
<tr>
<td><a href="#brands"><img src="images/Maserati-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Mercedes-Benz-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Mini-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Nissan-Logo.jpg" class="img-thumbnail" ></a></td>
</tr>
<tr>
<td><a href="#brands"><img src="images/Porsche-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Rolls-Royce-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Suzuki-Logo.jpg" class="img-thumbnail" ></a></td>
<td><a href="#brands"><img src="images/Toyota-Logo.jpg" class="img-thumbnail" ></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</br></br></br></br></br></br> </br></br></br></br></br></br> </br></br></br></br></br></br> </br></br></br></br></br></br>
<!--4th section-->
<div class="container" id="feedback">
<div class="row">
<h2 class="jumbotron">Feedback</h2>
<form class="jumbotron" action="action_page.php" method="post">
<center> Name:<br>
<input type="text" name="name">
<br>
Phone:<br>
<input type="text" name="phone" >
<br>
Feedback/Query:<br>
<textarea name="query" cols="40" rows="5"></textarea>
<br><br>
<input type="submit" value="Submit"></center>
</form>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
php script
<?php
$name = $_POST['name'];
$phone = $_POST['phone'];
$query = $_POST['query'];
echo $name;
echo "</br>";
echo $phone;
echo "</br>";
echo $query;
echo "<br>";
?>