Scribd
Upload
11 views6 pages

Fastfood

The document is a website for a fast food delivery service. It includes a navigation bar across the top with links to different pages. Below is a carousel of banner images. The main content displays photos and details of 12 popular fast food items, including ratings and prices. At the bottom is a footer crediting the website designers. Scripting at the end implements an automatic image carousel on the banner.

Uploaded by

fly4market
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views6 pages

Fastfood

The document is a website for a fast food delivery service. It includes a navigation bar across the top with links to different pages. Below is a carousel of banner images. The main content displays photos and details of 12 popular fast food items, including ratings and prices. At the bottom is a footer crediting the website designers. Scripting at the end implements an automatic image carousel on the banner.

Uploaded by

fly4market
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

<!

DOCTYPE html>
<html>
<head>
<title>Fast Food Website - Cyber Warriors</title>
<!-- Font Awesome Icon Library -->
<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%">


<img class="mySlides w3-animate-fading" src="banner2.jpg" style="width:100%">
<img class="mySlides w3-animate-fading" src="banner3.jpg" style="width:100%">
<img class="mySlides w3-animate-fading" src="banner4.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 width="25%" align="center" class="zoom"><img src="pic2.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic3.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 checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<tr>
<td align="center"><font size="4" color="green">Price: INR 70/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 30/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 90/-</font></td>
</td>
</tr>

<tr>
<td width="25%" align="center" class="zoom"><img src="pic4.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic5.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic6.jpg" width="85%"></td>
</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">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<tr>
<td align="center"><font size="4" color="green">Price: INR 150/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 120/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 50/-</font></td>
</td>
</tr>

<tr>
<td width="25%" align="center" class="zoom"><img src="pic7.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic8.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic9.jpg" width="85%"></td>
</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">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<tr>
<td align="center"><font size="4" color="green">Price: INR 70/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 30/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 90/-</font></td>
</td>
</tr>

<tr>
<td width="25%" align="center" class="zoom"><img src="pic10.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic11.jpg" width="85%"></td>
<td width="25%" align="center" class="zoom"><img src="pic12.jpg" width="85%"></td>
</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">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>

<td align="center">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</td>
<tr>
<td align="center"><font size="4" color="green">Price: INR 70/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 30/-</font></td>
<td align="center"><font size="4" color="green">Price: INR 90/-</font></td>
</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>

You might also like