Bai Tap

Code:<title>Untitled Document</title>
<link href="bai tap 2.css" rel="stylesheet" type="text/css"/>
</head>
</head>

<body>
<div id="main">
<div id="Header-image">
<img src="amarks logo.png" width="233" height="102" alt="logo" /></div>
<div id="Header"><Center><h1>A-Marks Ltd</h1></Center></div>
<div id="Head-link">
<ul>
<li><img src="Home-icon.png" width="15" height="15" alt="Home" /><a href="bai tap 1.2.html"/>Home</a>
<li><img src="icon-news.png" width="15" height="15" alt="new" /><a href="#"/>New</a>
<li><img src="Address-Book-icon.png" width="15" height="15" alt="contact" /><a href="bai tap 1.2.html"/>Contact</a>
<li><img src="User group.png" width="15" height="15" alt="About" /><a href="#"/>About</a>
</ul>
</div>
<div id="Content"><div id="head1"><h3>A-Marks limited is a well known Online Internet marketing Company.</h3></div>
<div id="Para1">
he ultimate purpose of any website is to be interactive. This is the reason we are here . An interactive online internet marketing company, who serves the best solution to your online business. At A-Marks, you will get internet marketing services along with web hosting, web development and website designing. We are a full service digital agency striving for customers to make their online presence much better than their existing competitors.
</div>
<div id="head2"><h3>Objectives</h3></div>
<div id="para2">
The objective of every website owner is to top-list their website, when search engine results are being listed out. By combining industry-leading search engine optimization techniques, pay-per-click campaigns and link building, we get your website seen on the search engines. We work by closely understanding your business and with proper study of the competitive market; we aim at exceeding your online marketing goals. Excellence of services and affordability of budget makes us the choicest amongst all, and has founded a global clientele for us. We thoroughly understand that every business faces varied challenges, and hence we remain there as a support to help you build your Brand image and make your business popular online. Building a website is not enough, it needs a team to work back hand for the development and maintenance to retain your identity online and to help you stand firm on the grounds of internet marketing.
</div>
</div>
<div id="Image-content">
<img src="abs.jpg" width="339" height="518" alt="logo2" />
</div>
<div id="Copy"><center>Copy right @ A-Mark LTD</center></div>
</div>
</body>
</html>

CSS:#main{

width:1332px;

}

#Header-image{

float:left;

}

#Header{

padding-top:30px;

height:100px;

width:800px;

float:right;

padding-bottom::100px;

}

#Head-link{

padding-top:4px;

clear:both;

background-color:#C0F;

height:50px;

}

#Head-link ul li{

display:inline;

margin:15px;

padding-right:30px;

font-family:Verdana;

height:20px;

font-size:18px;

}

#Head-link ul li a{

color:#FFF;

text-decoration:none;

}

#Image-content{

float:right;

border-style:solid;

border-width: 5px;

border-color: gray;

}

#Content{

float:left;

width:700px;

}

#head1{

font-style:italic;

color:#900;

}

#head2{

font-style:italic;

color:#900;

}

#Copy{

clear:both;

color:#CCC;

background-color:#99F;

height:50px;

}

Code:<title>Untitled Document</title>

</head>

<body>

<div id="Header"><Center><h1>A-Marks Ltd</h1></Center></div>

<ul>

<li><img src="Address-Book-icon.png" width="15" height="15" alt="contact" /><a href="#"/>Contact</a>

<li><img src="User group.png" width="15" height="15" alt="About" /><a href="#"/>About</a>

</ul>

</div>

<div id="hd1"><h3>GENERAL CONTACT INFORMATION</h3></div>

<div>

<p>Landline: +91 80 10563650<br/>

Business/ shopping enquiries<br/>

Toll Free: 1300 555 32323<br/>

Free: 1300 525 12366<br/>

Landline: +91 80 2148 8320<br/>

Fax: +91 80 10657475<br/>

E-mail:response@amarks.com<br/>

www.amarks.com <br/>

</p>

</div>

<div id="hd1"><h3>MEDIA RELATED QUERIES</h3></div>

<div>

<p>Jaison D'costa: Media and Analyst<br/>

Relations Manager<br/>

AMarks Ltd.<br/>

E-mail: jaisond@amarks.com<br/>

E-mail<br/>

Ask A-Marks<br/>

Product & services inquiries<br/>

Customer support feedback<br/>

Employment opportunities<br/>

</p>

</div>

<div>

<p>Connect with an A-Marks representative</p>

</div>

<div id="hd1"><h3>TECHNICAL SUPPORT</h3></div>

<div>

Landline: +91 80 2123 2836<br/>

</p>

</div>

<div id="hd1"><h3>SUPPORT</h3></div>

<h4>Customer Support</h4>

<div>

<p>Contracts, orders status, delivery,

inventory, invoices and payments.

</p>

<h4>A-Marks Business Partner support</h4>

</div>

<div id="Copy"><center>Copy right @ A-Mark LTD</center></div>

</div>

</body>

</html>

CSS:

#main{

width:1332px;

}

#Header-image{

float:left;

}

#Header{

padding-top:30px;

height:100px;

width:800px;

float:right;

padding-bottom::100px;

}

#Head-link{

padding-top:4px;

clear:both;

background-color:#C0F;

height:50px;

}

#Head-link ul li{

display:inline;

margin:15px;

padding-right:30px;

font-family:Verdana;

height:20px;

font-size:18px;

}

#Head-link ul li a{

color:#FFF;

text-decoration:none;

}

#Content #Content1{

float:left;

width:250px;

height:500px;

}

#Content #Content2{

float:left;

width:350px;

height:500px;

}

#Content #Content3{

float:left;

width:300px;

height:500px;

}

#hd1{

font-style:italic;

color:#900;

}

#Copy{

clear:both;

color:#CCC;

background-color:#99F;

height:50px;

}

#Content{

height:500px;

}

Grandpa 's balcony

Tìm kiếm Blog này

Bai Tap

Nhận xét

Đăng nhận xét