How to make a professional hotel or restaurant website using HTML, CSS, JAVASCRIPT, PHP | HTML Projects | Website Development Projects | Engineering Projects HELP PAGE FOR DAILY MEAL HOTEL
Here's the code for Help Page of Daily Meal Hotel.
Save it as help.html in the company folder.
<html>
<head>
<title> About CEO </title>
<!-------------FAVICON------------------------------>
<link rel="apple-touch-icon" sizes="180x180" href="C:\Users\dell\Documents\rest\css\apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="C:\Users\dell\Documents\rest\css\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="C:\Users\dell\Documents\rest\css\favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
</head>
<body>
<!-------------------------------------- Navbar--------------------------------------->
<div class="w3-top">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<!----------------------------logo------------------------------------------>
<a href="#" class="w3-bar-item w3-button w3-padding-large">
<img src="C:\Users\dell\Documents\rest\images\logo.png" alt="Daily Meal logo" width=80 height=80> </img></a>
<a href="C:\Users\dell\Documents\rest\css\rest2.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<a href="C:\Users\dell\Documents\rest\css\menus.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">MENUS</a>
<a href="C:\Users\dell\Documents\rest\css\contact.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CONTACT</a>
<a href="file:///C:/Users/dell/Documents/rest/css/login.html#" class="w3-bar-item w3-button w3-padding-large w3-hide-small">LOGIN</a>
<a href="file:///C:/Users/dell/Documents/rest/css/signup.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">SIGNUP</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="C:\Users\dell\Documents\rest\css\terms.html" class="w3-bar-item w3-button"> TERMS AND CONDITIONS</a>
<a href="C:\Users\dell\Documents\rest\css\aboutchefs.html" class="w3-bar-item w3-button">ABOUT CHEFS</a>
<a href="C:\Users\dell\Documents\rest\css\aboutceos.html" class="w3-bar-item w3-button">ABOUT CEO</a>
</div> </div>
<a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i class="fa fa-search"></i></a>
</div>
</div>
<!--------------- ---------------------Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) ----------------------->
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<a href="C:\Users\dell\Documents\rest\css\menus.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MENUS</a>
<a href="C:\Users\dell\Documents\rest\css\contact.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT</a>
</div>
<!---------------------------------HELP --------------------->
<br><br><br><br><br>
In the <b> A table for?</b> section, you need to enter values such as 2 or 3 that is a table for 2 or a table for three.
</p>
Then enter your email to book the table.
<!------------------------------------------------ Footer ---------------------------------------------->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge">
<a href="https://www.facebook.com/Harsha-Navalkar-451869015169946/"> <i class="fa fa-facebook-official w3-hover-opacity"></i> </a>
<a href="https://www.instagram.com/harsha_navalkar/"><i class="fa fa-instagram w3-hover-opacity"> </i></a>
<a href="https://twitter.com/harsha_navalkar"><i class="fa fa-twitter w3-hover-opacity"></i>
<a href="https://www.linkedin.com/in/harsha-navalkar-00085515b/"> <i class="fa fa-linkedin w3-hover-opacity"></i>
<p class="w3-medium">Powered by <a href="http://harshanavalkar.blogspot.com/p/copyright.html" target="_blank">© 2018 Daily Meal</a></p>
</footer>
Save it as help.html in the company folder.
<html>
<head>
<title> About CEO </title>
<!-------------FAVICON------------------------------>
<link rel="apple-touch-icon" sizes="180x180" href="C:\Users\dell\Documents\rest\css\apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="C:\Users\dell\Documents\rest\css\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="C:\Users\dell\Documents\rest\css\favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
</head>
<body>
<!-------------------------------------- Navbar--------------------------------------->
<div class="w3-top">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<!----------------------------logo------------------------------------------>
<a href="#" class="w3-bar-item w3-button w3-padding-large">
<img src="C:\Users\dell\Documents\rest\images\logo.png" alt="Daily Meal logo" width=80 height=80> </img></a>
<a href="C:\Users\dell\Documents\rest\css\rest2.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<a href="C:\Users\dell\Documents\rest\css\menus.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">MENUS</a>
<a href="C:\Users\dell\Documents\rest\css\contact.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CONTACT</a>
<a href="file:///C:/Users/dell/Documents/rest/css/login.html#" class="w3-bar-item w3-button w3-padding-large w3-hide-small">LOGIN</a>
<a href="file:///C:/Users/dell/Documents/rest/css/signup.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">SIGNUP</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="C:\Users\dell\Documents\rest\css\terms.html" class="w3-bar-item w3-button"> TERMS AND CONDITIONS</a>
<a href="C:\Users\dell\Documents\rest\css\aboutchefs.html" class="w3-bar-item w3-button">ABOUT CHEFS</a>
<a href="C:\Users\dell\Documents\rest\css\aboutceos.html" class="w3-bar-item w3-button">ABOUT CEO</a>
</div> </div>
<a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i class="fa fa-search"></i></a>
</div>
</div>
<!--------------- ---------------------Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) ----------------------->
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<a href="C:\Users\dell\Documents\rest\css\menus.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MENUS</a>
<a href="C:\Users\dell\Documents\rest\css\contact.html" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT</a>
</div>
<!---------------------------------HELP --------------------->
<br><br><br><br><br>
In the <b> A table for?</b> section, you need to enter values such as 2 or 3 that is a table for 2 or a table for three.
</p>
Then enter your email to book the table.
<!------------------------------------------------ Footer ---------------------------------------------->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge">
<a href="https://www.facebook.com/Harsha-Navalkar-451869015169946/"> <i class="fa fa-facebook-official w3-hover-opacity"></i> </a>
<a href="https://www.instagram.com/harsha_navalkar/"><i class="fa fa-instagram w3-hover-opacity"> </i></a>
<a href="https://twitter.com/harsha_navalkar"><i class="fa fa-twitter w3-hover-opacity"></i>
<a href="https://www.linkedin.com/in/harsha-navalkar-00085515b/"> <i class="fa fa-linkedin w3-hover-opacity"></i>
<p class="w3-medium">Powered by <a href="http://harshanavalkar.blogspot.com/p/copyright.html" target="_blank">© 2018 Daily Meal</a></p>
</footer>
 |
| Help Page for Daily Meal Hotel |