Design-1

Create Website Using Only HTML Not CSS:-

outputs:-


HOME



BODY SECTION



CONTACT US


CODE:-

    
 	<!--Home page-->

<html>

<head>

	<title>Bhatia Bakery | Fresh Cakes Door To Door Service</title>
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
		}
	</style>

</head>

<body>
	<!--Table one-->
	<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f3971b">
		<tr>
			<td>
				<table border="0" width="96%" cellpadding="0" cellspacing="0" align="center">
					<tr>
						<td>
							<font face="Serif" color="black" size="10" font-weight="bold">BHATIA BAKERY</font>
						</td>
						<td width="95%">&nbsp;</td>
						<td width="5%" align="right"><img src="images/logo.png" width="100px" height="100px"
								border="1px">
						</td>
				</table>
			</td>
	</table>
	<hr>

	<!--Table Two-->
	<table width="100%" style="background-color:#f3971b;color:black" border="2px">
		<tr>
			<td width="20%" style="font-size:20px;text-align:center"><a href="home.html"
					style="color:black;text-decoration:none"><strong>Home</strong></a></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>AboutUs</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>Cakes</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>Pastry</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><a href="contactus.html"
					style="color:black;text-decoration:none"><strong>Contact Us<strong></td>
		</tr>
	</table>

	<!-- Start Home -->
	<table border="0" id="home" width="100%" cellpadding="0" cellspacing="0" bgcolor="#292929">
		<tr>
			<td>
				<table border="0" width="85%" cellpadding="15" cellspacing="0" align="center">
					<tr>
						<td align="center" valign="middle" height="300">
							<h3>
								<marquee behavior="alternate" direction="left" scrollamount="2">
									<font face="arial" color="#ffffff" size="6">
										What are you waiting for? Order now Fresh Cakes and get additional discount of
										10%!
									</font>
								</marquee>
							</h3>
							<h1>
								<marquee behavior="alternate" direction="right" scrollamount="2">
									<font face="arial" color="#f3971b" size="7">
										Welcome, to Bhatia Bakery
									</font>
								</marquee>
							</h1>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<hr>
	<!-- End Home -->

	<!--Table Three-->
	<table width="70% " style="float:left">
		<tr>
			<td>
				<h1>5 Types of Cakes to Satisfy Your Sweet Tooth</h1>
				<p style="font-size:25px;text-align:justify">There are many different types of cakes and many different
					ways of dividing them into various categories, but professional bakers categorize cakes by
					ingredients and mixing method. (Home bakers tend to categorize cakes by flavoring—i.e., chocolate
					cakes, fruit cakes, and so on—which is helpful when you're trying to decide what to eat, but not as
					helpful when you're trying to understand how best to make a cake.) Depending on how the batter is
					prepared, you will find that the final texture (and color, if it is a yellow or white cake) varies.
					Below is a comprehensive but by no means exhaustive list of the basic types of cakes.</p>

				<h2>1. Butter Cake</h2>
				<p style="font-size:25px;text-align:justify">Any recipe for cake that begins "cream butter and sugar" is
					a butter cake. After the creaming, you add eggs to aerate the batter a bit, flour (and sometimes
					another liquid, like milk) to give it structure and texture, and baking powder or baking soda to
					ensure that it rises in the oven. Different types of cake batter within the butter cake family
					include chocolate, white, yellow and marble; for white and yellow cakes coloring typically depends
					on whether they have whole eggs, or extra egg yolks in them (yellow cake) or egg whites only (white
					cake).</p>

				<h2>2. Pound Cake</h2>
				<p style="font-size:25px;text-align:justify">Pound cake is a relative of butter cake. It's so called
					because it can be measured as a matter of proportion: a pound of butter, a pound of sugar, a pound
					of eggs, and a pound of flour. In some pound cake recipes, you'll see the eggs separated and the egg
					whites whipped and folded into the batter, to leaven it; in other recipes you'll find leaveners like
					baking soda and baking powder, bringing it well into the butter-cake fold. These cakes are usually
					very lightly flavored and served plain or topped with a simple glaze or water icing. A pound cake is
					usually baked in a loaf or Bundt pan. Many coffee cakes, sour cream cakes, and fruit crumb cakes are
					variations of pound cake.
				</p>

				<h2>3. Sponge Cake</h2>
				<p style="font-size:25px;text-align:justify">Any recipe that contains no baking soda or baking powder
					but
					lots of whipped eggs or egg whites? That's a sponge cake and there are several different types of
					sponge
					cake. which will be called different things wherever you are.
				</p>

				<h2>4. Genoise Cake</h2>
				<p style="font-size:25px;text-align:justify">In Italy and France, a sponge cake is called genoise; in
					genoise, whole eggs are beaten with sugar until they're thick and ribbony, and then flour (and
					sometimes butter) is added and the batter is baked; the result is wonderful baked in a round cake
					pan and simply frosted, but genoise is also pliable enough to be baked in a jelly-roll pan and
					rolled up into a roulade.

					Genoise lacks much assertive flavor of its own, but it is often used to construct layered or rolled
					cakes when a lighter texture than a butter cake is desired. To add flavor and moisture, genoise cake
					layers are always moistened with a flavored syrup, and they are often sliced into thin horizontal
					layers and stacked with rich fillings such as buttercream. These layer cakes, common in the
					coffeehouses of Europe, are called "European-style" to distinguish them from American-style butter
					layer cakes, which generally have fewer, thicker layers..
				</p>

				<h2>5. Biscuit Cake</h2>
				<p style="font-size:25px;text-align:justify">Biscuit (always pronounced the French way as bees-kwee)
					cakes are another type of sponge cake containing both egg whites and yolks, but, unlike genoise, the
					whites and yolks are whipped separately and then folded back together. This creates a light batter
					that's drier than a genoise but holds its shape better after mixing. For this reason, it's often
					used for piped shapes such as ladyfingers. If baked in a tube pan like an angel food cake, it makes
					a very chewy sponge cake that was popular in the early 20th century but has since fallen out of
					favor. However, it's still known in a slightly different form as the classic Passover sponge cake,
					in which the flour is replaced by matzoh cake meal and potato starch.
				</p>
			</td>
		</tr>
	</table>

	<!--Table Four-->
	<table width="30%" style="float:left">
		<tr>
			<td width="40%" style="font-size:25px;text-align:center">
				<p style="text-align:center">
				<h2><ins>Latest Update</ins></h2>
				</p>
			</td>
		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake1.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake2.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake3.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake4.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
	</table>
</body>
</html>   
 
    
 <!--Contact us-->

<html>

<head>

	<title>Bhatia Bakery | Fresh Cakes Door To Door Service</title>

	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
		}
	</style>
</head>

<body>
	<!--Table one-->
	<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f3971b">
		<tr>
			<td>
				<table border="0" width="96%" cellpadding="0" cellspacing="0" align="center">
					<tr>
						<td>
							<font face="Serif" color="black" size="10" font-weight="bold">BHATIA BAKERY</font>
						</td>
						<td width="95%">&nbsp;</td>
						<td width="5%" align="right"><img src="images/logo.png" width="100px" height="100px"
								border="1px">
						</td>
				</table>
			</td>
	</table>
	<hr>

	<!--Table Two-->
	<table width="100%" style="background-color:#f3971b;color:black" border="2px">
		<tr>
			<td width="20%" style="font-size:20px;text-align:center"><a href="home.html"
					style="color:black;text-decoration:none"><strong>Home</strong></a></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>AboutUs</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>Cakes</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><strong>Pastry</strong></td>
			<td width="20%" style="font-size:20px;text-align:center"><a href="contactus.html"
					style="color:black;text-decoration:none"><strong>Contact Us<strong></td>
		</tr>
	</table>

	<!-- Start Home -->
	<table border="0" id="home" width="100%" cellpadding="0" cellspacing="0" bgcolor="#292929">
		<tr>
			<td>
				<table border="0" width="85%" cellpadding="15" cellspacing="0" align="center">
					<tr>
						<td align="center" valign="middle" height="300">
							<h3>
								<marquee behavior="alternate" direction="left" scrollamount="2">
									<font face="arial" color="#ffffff" size="6">
										What are you waiting for? Order now Fresh Cakes and get additional discount of
										10%!
									</font>
								</marquee>
							</h3>
							<h1>
								<marquee behavior="alternate" direction="right" scrollamount="2">
									<font face="arial" color="#f3971b" size="7">
										Welcome, to Bhatia Bakery
									</font>
								</marquee>
							</h1>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<hr>
	<!-- End Home -->

	<!--Table Three-->
	<table width="70% " style="float:left">
		<tr>
			<td><br>

				<ins>
					<h2>Contact Us</h2>
				</ins><br>
				<form style="font-size:21px">
					First Name:&nbsp;&nbsp;<input type="text"></input><br><br>
					Last Name:&nbsp;&nbsp;<input type="text"></input><br><br>
					Age:&nbsp;<input type="radio" name="age">Under 18&nbsp;&nbsp;<input type="radio" name="age">Over
					18<br><br>
					Select Your Interest:&nbsp;<select>
						<option>Bollywood</option>
						<option>Hollywood</option>
						<option>Both</option>
					</select><br><br>
					Enter Your MailID:&nbsp;<input type="email" name="mailID"><br><br>
					Enter Your Number:&nbsp;<input type="tel" name="mobile"><br><br>
					Your DOB :&nbsp;<input type="date"><br><br>
					<textarea col="50" rows="6">Your Message</textarea><br><br>
					<input type="reset">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit"
						value="submit">
				</form>
			</td>
		</tr>
	</table>
	<!--Table Four-->
	<table width="30%" style="float:left">
		<tr>
			<td width="40%" style="font-size:25px;text-align:center">
				<p style="text-align:center">
				<h2><ins>Latest Update</ins></h2>
				</p>
			</td>
		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake1.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake2.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake3.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
		<tr>
			<td width="100%" style="font-size:20px;text-align:center"><img src="images/cake4.jpg" width="300px"
					height="200px" border="2px"></td>

		</tr>
	</table>
</body>


</html>
 

  

No comments:

Post a Comment

Pages