<meta http-equiv="Content-type" content="text/html;charset=utf-8" />

        <meta name="keywords" content="" />

        <meta name="description" content="" />

               

        <title>Colleague Finder - Profile</title>

 

        <link rel="stylesheet" type="text/css" media="screen" href="style.css" />

        <!--[if IE]>

 

 

 

        <div id="header">

                <h1>Colleague Finder - Profile</h1>

               

                <form action="#" method="post" id="search_box">

                        <p>

                                Search

                                <input type="text" name="search" />

                                <button type="submit">Go</button>      

                                <a href="#">Advanced</a>

                        </p>

                </form>

        </div>

       

        <div id="contents">

               

                <div id="colleague_name">

                        <h2>Sample Name</h2>

                        <p><a class="dotted_link" href="#">sample.name@thomson.com</a></p>

                </div>

       

                <div id="colleague_details">

                       

                        <div id="basic_info">

                       

                                <div id="photo_area">

                                        <img src="images/no_photo_photo.jpg" alt="Kelly Franklin" />

                                        <p><a href="#">upload photo</a></p>

                                </div>

                               

                                <div id="info_area">

                               

                                        <p class="title">Director, Web Communications</p>

                                        <p class="phone">(222) 222-2222</p>

                                       

                                        <p><a href="#">Edit whereabouts</a></p>

                                       

                                        <p>

                                                Local time: 6:00 PM (EDT)<br/>

                                                NYC Monday, Fleet Street<br/>

                                                Tuesday, Thurs, Fri vacation

                                        </p>

                                       

                                </div>

                        </div>

                       

                        <div id="organization">

                               

                                <h3>Organization</h3>

                               

                                <p class="edit_link"><a href="#">Edit</a></p>

                               

                                <dl>

                                        <dt>SBU</dt>

                                        <dd>Thomson Corporate - All</dd>

                                       

                                        <dt>BU</dt>

                                        <dd>Corporate Communications</dd>

                                       

                                        <dt>Dept.</dt>

                                        <dd>Web Communications</dd>

                                       

                                        <dt>Cost Center</dt>

                                        <dd>666</dd>

                                       

                                        <dt>Job Family</dt>

                                        <dd>Technology Infrastructure/Dev</dd>

                                       

                                        <dt>Title</dt>

                                        <dd>Director, Web Communications</dd>

                                       

                                        <dt>Reports to</dt>

                                        <dd>Sample Manager</dd>

                                       

                                        <dt>Functional Mgr</dt>

                                        <dd>A.N. Other</dd>

                                       

                                        <dt>Alt Contact</dt>

                                        <dd>Sample Manager</dd>

                                       

                                        <dt>Assistant</dt>

                                        <dd>John Smith</dd>

                                       

                                        <dt>Member of</dt>

                                        <dd>

                                                <a href="#">London First Aiders</a><br/>

                                                <a href="#">Internal Communications</a>

                                        </dd>

                                </dl>

                               

                                <p class="directions">If your title or manager are incorrect, please contact your HR Business Partner.</p>

 

                        </div>

 

                </div>

               

                <div id="colleague_work">

                       

                        <div id="work_contact_info">

                               

                                <h3>Work Contact Info</h3>

                               

                                <p class="edit_link"><a href="#">Edit</a></p>

                               

                                <dl>

                                        <dt>Name</dt>

                                        <dd>Sample Name</dd>

                                       

                                        <dt>Emp ID</dt>

                                        <dd>666666</dd>

                                       

                                        <dt>Phone</dt>

                                        <dd>222.222.2222</dd>

                                       

                                        <dt>Extension</dt>

                                        <dd>666</dd>

                                       

                                        <dt>Global Dial</dt>

                                        <dd>22-666666</dd>

                                       

                                        <dt>Mobile</dt>

                                        <dd>&nbsp;</dd>

                                       

                                        <dt>Pager</dt>

                                        <dd>&nbsp;</dd>

                                       

                                        <dt>Fax</dt>

                                        <dd>&nbsp;</dd>

                                       

                                        <dt>RM</dt>

                                        <dd>sample.name@thomson.com</dd>

                                       

                                        <dt>Save VCard</dt>

                                        <dd>Add to Outlook</dd>

                                </dl>

                       

                        </div>

                       

                        <div id="work_address">

                       

                                <h3>Work Address</h3>

                               

                                <p class="edit_link"><a href="#">Edit</a></p>

                               

                                <dl>

                                        <dt>Office/Cube</dt>

                                        <dd>D5-99412</dd>

                                       

                                        <dt>Address</dt>

                                        <dd>15 Fleet Street</dd>

                                       

                                        <dt>Address 2</dt>

                                        <dd>Metro Center</dd>

                                       

                                        <dt>Address 3</dt>

                                        <dd>&nbsp;</dd>

                                       

                                        <dt>City</dt>

                                        <dd>Stanford</dd>

                                       

                                        <dt>State/Prov.</dt>

                                        <dd>CT</dd>

                                       

                                        <dt>Postal Code</dt>

                                        <dd>666</dd>

                                       

                                        <dt>Country</dt>

                                        <dd>USA</dd>

                                </dl>

                               

                        </div> 

               

                </div>

               

                <div id="org_chart">

               

                        <h3>Org Chart</h3>

                       

                        <p class="directions">Click on the employee name to see their profile.<br/>Press icons to browse up and down the org. chart.</p>

                       

                        <div id="employee_boxes">

                       

                                <div class="employee_box">

                       

                                        <div class="person">

                                                <p class="employee_name"><a href="#">Manager, Sample</a></p>

                                                <p>Global Director, Internal Communications</p>

                                        </div>

                                       

                                        <a href="#" class="link_up image_replace">Up</a>

                                       

                                </div>

                               

                                <div class="employee_box current_profile">

                               

                                        <div class="person">

                                                <p class="employee_name"><a href="#">Name, Sample</a></p>

                                                <p>Director, Web Communications</p>

                                        </div>

                                       

                                        <a class="sponsored" href="#">sponsored contractors</a>

                                       

                                </div>

                               

                                <div class="employee_box_bottom">

                               

                                        <div class="person">

                                                <p class="employee_name"><a href="#">Slaves, Sample</a></p>

                                                <p>Program Manager, Enterprise Portal</p>

                                        </div>

                                       

                                        <a href="#" class="link_down image_replace">Down</a>

                                       

                                        <div class="person">

                                                <p class="employee_name"><a href="#">Other, A.N.</a></p>

                                                <p>Manager, Web Communications</p>

                                        </div>

                                       

                                        <a href="#" class="link_down image_replace">Down</a>

                                       

                                </div>

                        </div>

                </div>

       

        </div>