How to make a professional hotel or restaurant website using HTML, CSS, JAVASCRIPT, PHP | HTML Projects | Website Development Projects | Engineering Projects CONTACT PAGE FOR DAILY MEAL HOTEL

on

Here's the code for Contact Page of Daily Meal Hotel.
Save it as contact.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>

<!--------------------------------CONTACT--------------------->
<br><br><br><br><br>
<div class="w3-container w3-content w3-padding-64" style="max-width:800px" id="contact">
    <h2 class="w3-wide w3-center">CONTACT</h2>
    <p class="w3-opacity w3-center"><i>Order online</i></p>
    <div class="w3-row w3-padding-32">
      <div class="w3-col m6 w3-large w3-margin-bottom">
        <i class="fa fa-map-marker" style="width:30px"></i>Mumbai, India<br>
        <i class="fa fa-phone" style="width:30px"></i> Phone: 0123456789<br>
        <i class="fa fa-envelope" style="width:30px"> </i> Email: hmail@mail.com<br>
      </div>
      <div class="w3-col m6">
        <form action="/action_page.php" target="_blank">
          <div class="w3-row-padding" style="margin:0 -16px 8px -16px">
            <div class="w3-half">
              <input class="w3-input w3-border" type="text" placeholder="Name" required name="Name">
            </div>
            <div class="w3-half">
              <input class="w3-input w3-border" type="text" placeholder="Email" required name="Email">
            </div>
          </div>
          <input class="w3-input w3-border" type="text" placeholder="Message" required name="Message">
          <button class="w3-button w3-black w3-section w3-right" type="submit">SEND</button>
        </form>
      </div>
    </div>
  </div>

<!------------------------------------------------ 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>

OUTPUT WILL BE  How to make a professional hotel or restaurant website using HTML, CSS, JAVASCRIPT, PHP | HTML Projects | Website Development Projects | Engineering Projects CONTACT PAGE FOR DAILY MEAL HOTEL
How to make a professional hotel or restaurant website using HTML, CSS, JAVASCRIPT, PHP | HTML Projects | Website Development Projects | Engineering Projects daily experience blog harsha navalkar
Contact Page of Daily Meal Hotel 

Daily Meal Hotel Website  Development Project