Sunday, 1 May 2016

CV in HTML + CSS (Code)

<!DOCTYPE html>
<html>
<head>
<meta name="itsme" content="CV" charset="UTF-8">

<title  style="font-family:sans-serif">CV - Muhammad Abu Bakar</title>
<link rel="icon"
      type="image/jpg"
      href="itsme.jpg">
 </head>
<body style="background-image:url(bg.jpg)">
<div id="wrap">
<div id="box1">
<h2 style="text-align:center ; font-family:forte ">Muhammad Abu Bakar</h2>
<img src="itsme.jpg" style="width:90px ; margin-left:120px " alt="image not found"><br><br>
<p style="margin-left:70px"> <img src="phicon.png" width="20px" height="20px" alt="img"><b><br>+923007744257</b></p>
<p style="margin-left:70px"> <img src="emailicon.svg" width="20px" height="20px" alt="img"><b><br>13031519-060@uog.edu.pk</b></p>
<p style="margin-left:70px"> <img src="Home.png" width="20px" height="20px" alt="img"><b><br>Phalia City (M.B.Din).</b></p><br>
<p style="margin-left:70px"><b>Father Name:  </b>Mumtaz Ahmed</p>
<p style="margin-left:70px"><b>CNIC#:  </b>34403-xxxxxxx-x</p>
<p style="margin-left:70px"><b>Date of Birth:  </b>14-Feb-1995</p>
<p style="margin-left:70px"><b>Gender:  </b>Male</p>
<p style="margin-left:70px"><b>Marital Status:  </b>Single</p>
<p style="margin-left:70px"><b>Domicile:  </b>M.B.Din</p>
<p style="margin-left:70px"><b>Religion:  </b>Islam</p>
 </div>

<div id="box2">
<h3 style="background-color:#00cc00 ; border-radius:20px ; padding-left:10px">Acadamic Information</h3>

<table border="1" style="margin-left:15px">
<tr>
<td><b>Year</b></td>
<td><b>Qualification</b></td>
<td><b>Institute</b></td>
<td><b>Division</b></td>
</tr>
<tr>
<td>2013 to Present</td>
<td>BS (CS)</td>
<td>University Of Gujrat</td>
<td>none</td>
</tr>
<tr>
<td>2010-2013</td>
<td>DAE (Electrical)</td>
<td>CPI Phalia</td>
<td>1st</td>
</tr>
<tr>
<td>2008-2010</td>
<td>Metric</td>
<td>Govt. Pilot Secondary School Phalia.</td>
<td>1st</td>
</tr>
</table>

<h3 style="background-color:#00cc00 ; border-radius:15px" align="center">Technical Experience</h3>
<li style="margin-left:30px">JAVA, C++, C#, HTML, CSS, Android.</li><li style="margin-left:30px">Windows 98,XP,7,8,8.1,10.</li>
<li style="margin-left:30px">MS Office</li>


<h3 style="background-color:#00cc00 ; border-radius:15px" align="center">Personal Skill</h3>
<li style="margin-left:30px">Honesty.</li><li style="margin-left:30px">Team Spirit.</li>
<li style="margin-left:30px">Accepting Challenges.</li><li style="margin-left:30px">Chess Player.</li>

<h3 style="background-color:#00cc00 ; border-radius:15px" align="center">Languages</h3>
<li style="margin-left:30px">English.</li><li style="margin-left:30px">Urdu.</li>
<li style="margin-left:30px">Punjabi.</li>

<h3 style="background-color:#00cc00 ; border-radius:15px" align="center">Interst</h3>
<li style="margin-left:30px">Internet Browsing.</li><li style="margin-left:30px">Playing Games.</li>
<li style="margin-left:30px">Coin Collecting.</li><li style="margin-left:30px">Playing Chess.</li>

<h3 style="background-color:#00cc00 ; border-radius:15px" align="center">Reference</h3>
<li style="margin-left:30px">Will be furnished on demand.</li>

</div>



</div>
</body>

<style>
body{
margin:0px;
height: 100%;
}
#header {

background-color: black;
height: 50px;
color: white;
font-size:25px;

 }

#wrap {
size:100%;
margin-left:2  px;
margin-top: 0px;


 }
#box1 {
width:383px;
float: left;
height:810px;
margin-left:100px;
background-color: #ccffcc;
margin-right:0px;
}
#box2{
width: 650px;
float: right;
margin-right:216px;
height: 810px;
background-color: #99ff99;
font-family:calibri;
}


#footer {
width: 100%;
background-color: black;
height: 50px;
margin-top:300px;
color: white;
font-size:25px;
position:absolute;
}

</style>
</html>

No comments:

Post a Comment

Mini Library

  CLICK HERE  for Opening Mini Library Stuff Books are available in URDU & ENGLISH