HTML |WEBPAGE| |WEBPAGES USING HTML|

-

 CODE

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

.back-img{

background-image: url(images/multi1.jpg);

width:100%;

height:900px;

background-size: cover;

}

.text{

text-aling:center;

color:black;

font-size: 25px;

font-weight: bold;

margin-top: 240px;

}

.line-1{

width: 40%;

}

</style>

</head>

<div class="back-img">

<div class="text">

<a href="https://grthotels.com/madurai">

<h1><center><font color="lime">Multi Restaurant</center></h1></a></font>

</div>

</div>

<body><br><br>

<h1><font color="#FF8000">Speciality</h1></font>

<h2><font color="#8A084B">THAI CHICKEN^$13.25/20.50<br>

Peanut sauce with cheese,<br> chicken, onion & cilantro (^contains peanuts)</h2></font>

<h2><font color="#8A084B">PAISANO^$14.25/21.75<br>

Tomato sauce & pesto sauce, cheese, spicy sausage, <br>topped with fresh tomatoes & shaved Asiago</font></h2>

<style>

.rectangle{

background-color: Lime;

padding-center: 40px;

  width: 90px;

  height:70px;

  border:1px solid #000; 

  position: relative;

  text-align: center;

}

</style>

<a href="https://www.toasttab.com/transfer-pizzeria-cafe/v3">

<div class="rectangle">ORDER NOW</div></a><br><br>

<h1><center><font color="#08088A">OUR RECIPES FOR YOU</h1></font>

<ul>

<a href="https://food.ndtv.com/recipes/american-recipes">

<li><h2>America</h2></li><br>

<img src="images/american.jpg" width="300" heaight="300"></a><br><br>

<a href="https://food.ndtv.com/recipes/chinese-recipes">

<li><h2>Chinese</h2></li><br>

<img src="images/chinese.jpg" width=300" height="300"></a><br><br>

<a href="https://food.ndtv.com/recipes/continental-recipes">

<li><h2>Continental</h2></li><br>

<img src="images/conti.jpg" width=300" height="300"></a>

<a href="https://food.ndtv.com/recipes/indian-recipes">

<li><h2>India</h2></li><br>

<img src="images/india1.jpg" width=300" height="300"></a>

<a href="https://food.ndtv.com/recipes/russian-recipes">

<li><h2>Russian</h2></li><br>

<img src="images/russian.jpg" width=300" height="300"></a>


<h2>Service options:</h2><font color="#DF01D7"><h3>Dine-in<br>Takeaway<br>Online ordering<br></h3></font>

<h2>Located in:</h2><h3><font color="#DF01D7">Regency Madurai by GRT Hotels<br></h3>

<h2><font color="black">Address: </h2></font>

<h3><font color="#DF01D7">38, Madakulam Main Rd, <br>

Vinayai Nagar,<br>

 Pasumpon Nagar,<br>

 Palangantham,<br>

 Tamil Nadu 625003<br></h3></font>

<h2><font color="black">Hours:</h2></font>

<h3><font color="#DF01D7">Open ⋅ Closes 11PM</h3></font><br>

<font color="black"><h2>Phone:</h2></font><h3>0452 237 1155</h3><br><br><br>

<style>

.rectangle{

background-color: lime;

padding-center: 40px;

width: 60px;

height: 40px;

float:left;

border: 1px solid #000;

position: relative;

text-align: center;

}

</style>

<a href=" https://www.google.com/maps/dir//MULTICUISINE+RESTAURANT+./@9.9045486,78.0265951,12z/data=!3m1!4b1!4m9!4m8!1m1!4e2!1m5!1m1!1s0x3b00cf9b079de3c1:0xcf5c4615b9ee62e3!2m2!1d78.0966357!2d9.9045692">

<div class="rectangle">Direction</div></a>

</style>

</html>


NOTE:DOWNLOAD THE IMAGES AND ADD IN RESPECTIVE PLACES WHERE EVER YOU FIND THE IMAGE TAG TO SEE THE BETTER OUTPUT.

Comments

Post a Comment

Popular posts from this blog

Use of Backslash "\n" in C language

-
 Why  Backslash "n" is used in "printf" in machine languages Answer: Backslash "\n" is used in many programming languages. It is called as newline character. We use Backslash "\n" to bring a newline in our output . This newline character is a type of escape sequence . This helps the programmer or the coder to display the output with an alignment . It also help others to see and understand  the output clearly. The Backslash "\n" is used only in "printf" statements There are also other escape sequence characters like "\t" . "\t" is use for tab space . It...
Read more

COHESION AND COUPLING material

-
  5.3 COHESION AND COUPLING   ●       We have so far discussed that effective problem decomposition is an important characteristic of a good design. ●       Good module decomposition is indicated through high cohesion of the individual modules and low coupling of the modules with each other. ●       Cohesion is a measure of the functional strength of a module, whereas the coupling between two modules is a measure of the degree of interaction (or interdependence) between the two modules. ●       Coupling: Intuitively, we can think of coupling as follows.   ●       Two modules are said to be highly coupled, if either of the following two situations arise: ●       If the function calls between two modules involve passing large chunks of shared data, the modules are tightly coupled ●     ...
Read more

Coding and Testing in software engineering

-
  ●       Coding is undertaken once the design phase is complete and the design documents have been successfully reviewed. ●       In the coding phase, every module specified in the design document is coded and unit tested. During unit testing, each module is tested in isolation from other modules. ●       After all the modules of a system have been coded and unit tested, the integration and system testing phase is undertaken. ●       Integration and testing of modules is carried out according to an integration plan. ●       The integration plan, according to which different modules are integrated together, usually envisages integration of modules through a number of steps. 10.1 CODING The input to the coding phase is the design document produced at the end of the design phase. The objective of the coding phase is to transform the desi...
Read more