Fastfood

<!
DOCTYPE html>
<html>
<head>
<title>Fast Food Website - Cyber Warriors</title>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min
.css">
<style>
.checked {
color: orange;
}
a
{
text-decoration:none;
color:white;
}
.links
{
background-color:purple;
color:white;
}
.links:hover
{
background-color:green;
color:white;
}
.zoom
{
transition:transform 0.5s;
}
.zoom:hover
{
transform:scale(1.05);
}
</style>
</head>
<body>
<table border="0" width="100%" height="60px">

<tr>
<td width="12.5%" align="center" class="links">HOME
<td width="12.5%" align="center" class="links">ABOUT US
<td width="12.5%" align="center" class="links">MENU
<td width="12.5%" align="center" class="links">VARIETIES
<td width="12.5%" align="center" class="links">FEEDBACK
<td width="12.5%" align="center" class="links">CONTACT US
<td width="12.5%" align="center" class="links">SIGNUP
<td width="12.5%" align="center" class="links">LOGIN
</td>
</tr>
</table>
<div class="w3-content w3-section" style="max-width:100%">
<img class="mySlides w3-animate-fading" src="banner1.jpg" style="width:100%">

</div>
<h1 align="center">Top Rated FastFoods</h1>
<table border="0" width="100%">
<tr>
<td width="25%" align="center" class="zoom"><img src="pic1.jpg" width="85%"></td>
</td>
</tr>
<tr>
<td align="center"><b><font size="4">Dosa</font></b></td>
<td align="center"><b><font size="4">Samosa</font></b></td>
<td align="center"><b><font size="4">Noodles</font></b></td>
</td>
</tr>
<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
</td>
<td align="center">
</td>
<td align="center">
</td>
<tr>
<td align="center"><font size="4" color="green">Price: INR 70/-</font></td>
</td>
</tr>
<tr>
</td>
</tr>
<tr>
<td align="center"><b><font size="4">Manchurian</font></b></td>
<td align="center"><b><font size="4">Pasta</font></b></td>
<td align="center"><b><font size="4">Burger</font></b></td>
</td>
</tr>
<td align="center">
</td>
<td align="center">
</td>
<td align="center">
</td>
<tr>
</td>
</tr>
<tr>
</td>
</tr>
<tr>
<td align="center"><b><font size="4">French Fries</font></b></td>
<td align="center"><b><font size="4">Pizza</font></b></td>
<td align="center"><b><font size="4">Poha</font></b></td>
</td>
</tr>
<td align="center">
</td>
<td align="center">
</td>
<td align="center">
</td>
<tr>
</td>
</tr>
<tr>
</td>
</tr>
<tr>
<td align="center"><b><font size="4">Bhelpuri</font></b></td>
<td align="center"><b><font size="4">Momos</font></b></td>
<td align="center"><b><font size="4">Chaat</font></b></td>
</td>
</tr>
<td align="center">
</td>
<td align="center">
</td>
<td align="center">
</td>
<tr>
</td>
</tr>
</table>
<br>
<table border="0" width="100%" height="40px" bgcolor="pirple">
<tr>
<td width="12.5%" align="center">
<font color="white">Designed By - <a
href="https://www.youtube.com/cyberwarriors?sub_confirmation=1">Cyber Warriors</a>
Youtube Channel</font>
</td>
</tr>
</table>
</body>
</html>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 4000);
}
</script>

Fastfood

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Fastfood

Uploaded by

Copyright:

Available Formats

<!

<table border="0" width="100%" height="60px">

<div class="w3-content w3-section" style="max-width:100%">

<img class="mySlides w3-animate-fading" src="banner1.jpg" style="width:100%">

<h1 align="center">Top Rated FastFoods</h1>

<table border="0" width="100%">

You might also like