May 27, 2015

Employee card html template


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">&nbsp;</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 !!!

Facebook comments