Search This Blog

Saturday, 14 April 2012

Simple Personal Page using HTML

Code : 

<html>
<head>
<title>Personal Page</title>
</head>
<body background="background.jpg">
<br><br><br>
<div align="center">

<div align="left" style="background-image:url(body.gif);
    background-repeat:repeat;
    width:500px;
    height:550px;padding-left:2cm;padding-right:2cm;"><br>

<div style="border-bottom:1px solid gray; font-size:24px; font-weight:bold; color:#A52A2A;padding-bottom:0.5cm;">
Welcome to my site </div><br>

<img src="img01.jpg" style="height:125px;width:100%;" />

<div style="color:green;font-family:Georgia;">

<h3 style="color:black">About Me</h3>
<p>I am a software engineer who works in asp.net technology. I love blogging and surfing net.
I love programming and learning new codes. I also love researching new things in the net. </p>
<h3 style="color:black">Skills & Hobbies</h3>
<p><ul>
<li>Playing Cricket, Surfing Net, Blogging, Facebook, Tweeting...</li>
<li>Skill Set: C#, Asp.Net, VB.Net, SQL Server, CSS, JavaScript, JQuery, Webservices... </li>
</ul></p>
</div>

</div>

</div>

</body>
</html>

Images:

background.jpg :

 










body.gif:








img01.jpg:

 

 

 

 

 

 

 

 

Snapshot of the Page:




No comments:

Post a Comment