0% found this document useful (0 votes)
19 views32 pages

Untitled

Uploaded by

ashish.matwan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
19 views32 pages

Untitled

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<title>

#brand-name{
Padding:0px;
Margin:0;
Font-family:sen-serif;
float:left;
Margin-left:20;
}

Nav{
Width:100;
Height:100;
Background-color:grey;
Float:left;
Border-sizing:border-box;
Padding:30px;

}
#search{
Width:200px;
Height:20px;
Float:left;
Border-sizing:border-box;
Border:none;
Margin-right:2px;
Font-size:10px;
Padding:10px;}
#search-btn{height:50px;
Width:150px;
Float:left;
Box-sizing:border-box;
Border:none;
Font-size:15;}

Menu_table{width:200px;
Height:100px;
Float:right;
Box-sizing:border-box;
}

Menu_item{Background-
color:white;
Width:20%;
Text-align:centre;
}

A{
Text-decoration:none
Color:black;
Font-family:sens-serif;
}
Section{width:100px;
Height:1000px;
Float:left;
Box-sizing-border-box;
Border-width:2px;
Boder-style:solid;
Border-color:orange;
Padding:20px;
}
#venue{float:left;
}

#phone{float:right;
}

#offer{
Width:720px;
Height:200px;
Box-sizing:border-box;
Float:left;
Bakground-color:black;
Margin-top:20px;
}
#best_selling{color:white;
Text-alogn:center;
Font-size:30px;
Font-family:sens-serif;
Padding:30px;
Margin:0px;
Padding:0px;
}

#apple{width:300px;
Height:200px;
Margin:20px;
Border-width:5px;
Border-style:solid;
Border-color:yellow;
Box-size:border-box;
}
#rate_list_box{
Width:400px;
Height:100px;
Float:right;
Box-sizing:border-box;
Margin-top:30px;
}
#sweet_name{height:50px;
Background-color:balck;
Color:white;
Text-align:center;
font-family:century_gothic;
Font-wright:bold;
Font-size:20px;
}
#sweet_price{height:50px;
Background-color:black;
Color:white;
Font-family:century gothic;
Text-align:center;
Font-weight:bold;
Font-size:20px;
}

#rate_content{
Background-color:blue;
}
#tshirt_list{
Color:white;
Font-samily:century gothic;
Font-size:20px;
Padding:10px;
Border-bottom-width:2px;
Border-bottom-style:solid;
Border-bottom-color:white;
}
#order{
list-style:none;
}

feildset{height:440px;
Width:500px;
Float:left;
Border-width:2px;
Border-style:solid;
Margin-top:50px;
Border-color:#ccc;
Padding:10px;
}

legend{font-family:sens
serif;
Font-size:30px;
Font-weight:bold;
}

#order_online{font-
size:15px;
Font-family:sens serif;
}

#order_input{
Width:100%;
Height:20px;
Box-sizing:border-box;
Border-style:solid;
Border-width:1px;
Border-color:#ccc;
Margin-top:5px;
}

Textareal{
Width:100%;
Height:100px;
Box-sizing:border-box;
Border-style:solid;
Border-width:1px;
Border-color:#ccc;
}

#submit{
padding:20px;
Float:right;
Font-size:50px;
Border-style:solid;
Border-width:1px;
Border-color:#ccc;
Background-color:white;
}

#about_us{
Width:450px;
Height:550px;
float:right;
Border-style:solid;
Border-width:1px;
Border-color:#ccc;
Margin-top:60px;
Padding:20px;
Box-size:border-box;
}

#title_abt{
Text-align:center;
Font-family:sens serif;
Font-size:25px;
}

#paragraph{
Text-align:justify;
Font-family:century gothic;
Line-height:10px;
}

#more_items{
Float:left;
Width:100%;
Box-sizing:border-box;
}
#more_itm{
text-align:enter;
Font-family:century gothic;
Font-size:30px;
}
#items_image{
Width:200px;
Height:250px;
Border-width:1px;
Border-style:solid;
Float:left;
Background-color:#ccc;
Margin-right:30px;
}

#items_end{
Width:200px;
Height:250px;
Border-width:1px;
Border-style:solid;
Float:left;
Background-color:#ccc;
Margin-right:45px
}

#itm_pic{
Width:120px;
Heigh:180px;
Margin:20px;
}

</title>
</head>
<body>
<header>
<nav>
<form>
<input type=“search”
name=“search”
placeholder=“search your
product here” id=“search”>
<input type=“submit”
value=“search” id=“search-
btn”>
</form>
<table id=“menu_table”>
<tr>
<td id=“menu_item”><a
href=“#”>home</a></td>
<td id=“menu_item”><a
href=“#”>product</a> </td>
<td id=“menu_item”><a
href=“#”>new</a></td>
<td id=“menu_item”><a
href=“#”>xg</a></td>
<td id=“menu_item”><a
href=“#”>offers</a></td>
</tr>
</table>
</nav>
</header>
<section>
<address id=“venue”>
venue : sangrah, sirmaur,
Himachal Pradesh
</address>
</section>
<section><address
id=“phone”>contact no. -
+919816542102</address>

<div id=“offer”><h1
id=“best_selling”>our best
selling product</h1>

<img src=“image/home.jpg”
alt=“a essential”
id=“apple” />
<img src=“image/home.jpg”
alt=“b essential”
id=“apple” />
<img src=“image/home.jpg”
alt=“c essential”
id=“apple” />
<img src=“image/home.jpg”
alt=“d essential”
id=“apple” />
</div>
<table id=“rate_list_box”
border=”1”>
<tr>
<td id=“sweet_name”>Our
Products</td>
<td id=“sweet_price”>New
Arrival</td>
</tr>
<tr>
<td id=“rate_content”>
<ol>
<li id=“shirt_list”>t-shirt1</li>
<li id=“shirt_list”>t-shirt2</li>
<li id=“shirt_list”>t-shirt3</li>
<li id=“shirt_list”>t-shirt4</li>
<li id=“shirt_list”>t-shirt5</li>
<li id=“shirt_list”>t-shirt6</li>
<li id=“shirt_list”>t-shirt7</li>
</ol>
</td>
<td id=“rate_content”>
<ol id=“order”>
<li id=“shirt_list”>111</li>
<li id=“shirt_list”>222</li>
<li id=“shirt_list”>333</li>
<li id=“shirt_list”>333</li>
<li id=“shirt_list”>212</li>
<li id=“shirt_list”>234</li>
<li id=“shirt_list”>447</li>
</ol>
</td>
</tr>
</table>

<fieldset>
<legend>
Order Online
</legend>
<form id=“order_online1”>
Buyer name<br>
<input type=“text”
name=“name”
id=“order_input”>
<br><br>
Mobile no.<br>
<input type=“numer”
name=“mobile”
id=“order_input”>
<br><br>
Choose items<br>
<select
name=“select_name”
id=“order_input”>

<option value=“shirt”>T-
shirt1</option>
<option value=“shirt”>T-
shirt2</option>
<option value=“shirt”>T-
shirt3</option>
<option value=“shirt”>T-
shirt4</option>
<option value=“shirt”>T-
shirt5</option>
<option value=“shirt”>T-
shirt6</option>
</select>
<br><br>
Quantity<br>
<input type=“text”
name=“quantity”
id=“order_input”>
<br><br>
Address<br>
<textarea
name=“address”></textarea
>
<br><br>
<input type=“submit”
value=“order now”
id=“submit”>

</form>
</fieldset>

<div id=“about_us”>
<h1 align=“center”
id=‘title_abt”>about us</h1>
<hr>
<p id=“paragraph”>
You are mainly affected
by the planet Harshal or
Rahu. As a result, you
have an out of the box
thinking and can do
something new and
innovative. Since your
opinion does not easily
match other people’s
beliefs, thus, many often
oppose you. Wealth
accumulation is not
something you are fond
of, and rather prefer
being happy and
immersed in your fun.
You think ahead of your
time a express your
disagreements.
However, you have an
unpredictable nature
that cannot be easily
identified by anyone. In
the same vein, nobody
can know what you do
next, and this attribute
of yours, makes you
more special. You are
the life of the party.
While you have a habit
of doing good
</p>
</div>

<div id=“more_items”>
<h1 align=“center”
id=“more_itm”>
More new arrivals
</h1>

</div>
<div id=“items_image”>
<img src=“image/g.png”
id=“itm_pic”>

<center><button>buy
now</button>
</div></center>

</div>
<div id=“items_image”>
<img src=“image/f.png”
id=“itm_pic”>
</div>

</div>
<div id=“items_image”>
<img src=“image/e.png”
id=“itm_pic”>
</div>

</div>
<img src=“image/d.png”
id=“itm_pic”>
</div>

</div>
<img src=“image/b.png”
id=“itm_pic”>
</div>

</section>

H1::before{
Content:ashish;
}
H1::first-line{
Color:red;
Text-decoration:underline;
Font-size:sens-serif;
}

H1::selection{
Color:white;
Background-color:red;
}
</body>
</html>

You might also like