Employee card Html template
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="CSS/employee.css" rel="stylesheet">
<title> New Horison</title>
</head>
<body>
<div class="oms-header">
<ul>
<li><a href="http://javabelazy.blogspot.in"> Pluto </a></li>
<li><a href="test.html"> Neptune </a></li>
<li><a href="test.html"> mercury </a></li>
<li><a href="test.html"> Pluto </a></li>
<li><a href="test.html"> Neptune </a></li>
<li><a href="test.html"> mercury </a></li>
</ul>
</div>
<div id="map">
<div id = "company_by_category_list">
<div id="content">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="white" style="font-family:arial,'sans-serif';line-height:17px;font-size:12px;" id="listing_category_content">
<tbody>
<!--
<tr><td colspan="2" id="td_container"></td></tr>
-->
<tr>
<td colspan="2">
<!-- employee card loop -->
<div style="background-color: #FFF8DC; width:689px; position:relative;" class="employee_business_card">
<div style="">
<table width="98%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="start_no"></td>
<td valign="top" class="cl_thumbnails" rowspan="4" style="width: 150px;">
<a href="employeeDetails.html" class="anchor">
<div style="position:absolute;">
<img width="128" height="102" border="0" alt="deepapayyanakkal" style="border: 1px solid white; left: 6px; position: relative; z-index: 2; top: 11px; display: inline-block; width: 128px; height: 102px;" src="IMAGES/EMPLOYEE/Accounts_Manager/Deepa_Jayaprakash.jpg">
</div>
</a>
</td>
<td valign="top" style="padding-top: 9px; position:relative; height:21px;">
<div class="TextBold ver_14 company_name_premium">
<h3 class="fleft">
<a itemprop="name" href="employeeDetails.html" onclick="show_detail('210000','4940','18049','company_minisite',true,{'show_navigation':true,'no_urut':0,'listing':true}); return false;" class="listing_company_name"> Deepak Thiruvananthapuram</a>
</h3>
</div>
</td>
</tr>
<tr valign="top">
<td rowspan="5"> </td>
<td height="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" valign="top">
<tbody>
<tr> <td valign="top"></td></tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" itemprop="description" style="padding:3px 20px 4px 0;" colspan="3" class="ver_13 Link22" id="listing_tr_text_ads">
<div class=""><b> Free lance worker </b>
<br> The ESA and NASA is planning to launch Lisa parth finder
</div>
</td>
</tr>
<tr itemtype="javabelazy.blogspot.in/" itemscope="" itemprop="address" style="color:#666666;" id="employee_address">
<td valign="top" nowrap="" style="padding-right: 3px;">Address</td><td width="2%" valign="top">:</td>
<!-- <td valign="top" class="Link21">Workshop, <a href="javabelazy.blogspot.in/">Trivandrum</a>, kerala<span class="displayhide" itemprop="streetAddress">Andrapradesh,Telugana</span><span class="displayhide" itemprop="addressLocality">India</span><span class="displayhide" itemprop="addressRegion">singapore</span>, <span itemprop="postalCode">808025</span></td> -->
<td valign="top" class="Link21"> National Aeronotic space resarch centre, India , pin 828180</td>
</tr>
<tr style="color:#666666;" id="listing_tr_category">
<td width="10%" valign="top" nowrap="" style="padding-right: 3px;" class="TextGrey Link21">Works</td><td width="2%" valign="top" class="TextGrey Link21">:</td>
<td class="TextGrey Link21">
<div>
<a itemprop="description" href="taskDescription.html">Testing piolet</a>,
<a itemprop="description" href="taskDescription.html">All testing</a>,
<a itemprop="description" href="taskDescription.html">Quality assurance</a>,
<a itemprop="description" href="taskDescription.html">System Administration</a>,
<a itemprop="description" href="pricecontrollingofficer.html">Software Reports</a>,
<a itemprop="description" href="accountsmanager.html">Assign Calls</a>
</div>
</td>
</tr>
<tr class="tr_contact_listing">
<td valign="top" nowrap="" style="padding-right: 3px;">Telphone</td><td width="2%">:</td>
<td class="Link18">
<img src="IMAGES/tel-icon.png">
<span itemprop="telephone" style="float: left; margin-top: 1px; font-weight: bold; color: rgb(89, 114, 168); cursor: pointer; text-decoration: none;" class="telphone_text_number">8281808025</span>
</td>
</tr>
<tr class="tr_contact_listing">
<td width="8%" valign="top" nowrap="" style="padding-right: 3px;">Qualification</td><td width="2%">:</td>
<td itemprop="url" class="Link18 TextBold">
<a target="_blank" rel="nofollow" href="http://javabelazy.blogspot.in/" class="web_link_comp">Master in Business Administration </a>
</td>
</tr>
<tr class="tr_contact_listing">
<td valign="top" nowrap="" style="padding-right: 3px;">Blood Group</td><td width="2%">:</td>
<td class="Link18">
<span itemprop="telephone" onmouseout="this.style.textDecoration = 'none'" onmouseover="this.style.textDecoration = 'underline'" style="float: left; margin-top: 1px; font-weight: bold; color: rgb(89, 114, 168); cursor: pointer; text-decoration: none;" class="telphone_text_number"> B+ve</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr class="button_container_tr">
<td valign="top" colspan="2" style="padding: 5px 0;">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="TextBold">
<div onclick="http://javabelazy.blogspot.in/" class="bll_link save_btn" id="8281"><div class="star_grey"></div>Email </div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="footer">
http://javabelazy.blogspot.in/
</div>
</body>
</html>
Cascading Style Sheet ( Employee.css)
/*
header style
*/
.oms-header ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.oms-header a {
float: left;
width: 6em;
text-decoration: none;
color: white;
background-color: #808080;
padding: 0.2em 0.6em;
border-right: 1px solid white;
}
.oms-header a:hover {
background-color: #A8A8A8;
}
.oms-header li {
display: inline;
}
.oms-header {
width: 100%;
}
/*
header style ends
*/
----------
#map {
margin-top: 0;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0;
width: 721px;
}
#company_by_category_list {
border-left: 1px solid #ebebeb;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 19px;
}
element.style {
background-color: #ffffff;
position: relative;
width: 689px;
}
.employee_business_card {
border-color: blue;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
padding: 5px;
}
#content {
clear: both;
display: block;
}
http://javabelazy.blogspot.in/
No comments:
Post a Comment
Your feedback may help others !!!