integ-info2

In this example below you will see how to do a integ-info2 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by simoncsays, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright simoncsays ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>integ-info2</title>
  
  
  
  
  
</head>

<body>

  <table class="ms-rteTable-0" cellspacing="0" style="font-size: 1em; width: 1225px;">
  <tbody>
    <tr class="ms-rteTableHeaderRow-0">
      <th class="ms-rteTableHeaderFirstCol-0" rowspan="1" colspan="1" style="height: 42px; width: 303px;">​
        <a title="Benefits & Pay
• HR policies & procedures
• Stock
• Time off
• Recognition 
• And more" href="https://thepoint.lamrc.net/sites/otp/integrationinfo/Pages/benefits-payroll.aspx"><img onmouseover="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Benefits_and_Pay_dim_V2a.jpg&#39;" onmouseout="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Benefits_and_Pay_V2a.jpg&#39;"
            src="https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Benefits_and_Pay_V2a.jpg" alt="" style="height: 155px; width: 300px" /></a>
      </th>
      <th class="ms-rteTableHeaderOddCol-0" rowspan="1" colspan="1" style="height: 42px; width: 303px;">​
        <a title="Culture
• Expectations of Managers 
• Code of Conduct
• Company logo
• Glossary 
• And more" href="https://thepoint.lamrc.net/sites/otp/integrationinfo/Pages/culture.aspx"> <img onmouseover="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Culture_dim_V2.jpg&#39;" onmouseout="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Culture_V2.jpg&#39;"
            src="https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Culture_V2.jp" alt="" style="height: 155px; width: 300px" /></a>
      </th>
      <th class="ms-rteTableHeaderEvenCol-0" rowspan="1" colspan="1" style="height: 42px; width: 303px;">​
        <a title="Finance, Legal, Company Policies
• Approval limits
• Travel Policy
• Contracts
• And more" href="https://thepoint.lamrc.net/sites/otp/integrationinfo/Pages/finance-legal-company-policies.aspx"><img onmouseover="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Finance_dim_V2.jpg&#39;" onmouseout="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Finance_V2.jpg&#39;"
            src="https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Finance_V2.jpg" alt="" style="height: 155px; width: 300px" /></a>
      </th>
      <th class="ms-rteTableHeaderLastCol-0" rowspan="1" colspan="1" style="height: 42px; width: 303px;">​
        <a title="Site Services
• Business cards
• Conference rooms
• Mailroom
• And more" href="https://thepoint.lamrc.net/sites/otp/integrationinfo/Pages/site-services.aspx"> <img onmouseover="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Site_Services_dim_V2.jpg&#39;" onmouseout="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Site_Services_V2.jpg&#39;"
            src="https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Site_Services_V2.jpg" alt="" style="height: 155px; width: 300px" /></a>
      </th>
      <th class="ms-rteTableHeaderLastCol-0" rowspan="1" colspan="1" style="height: 42px; width: 303px;">​
        <a title="Systems & Technology
• Email
• PowerPoint templates
• And more" href="https://thepoint.lamrc.net/sites/otp/integrationinfo/Pages/systems-and-technology.aspx"> <img onmouseover="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Systems_tech_dim_V2.jpg&#39;" onmouseout="this.src=&#39;https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Systems_tech_V2.jpg&#39;"
            src="https://thepoint.lamrc.net/sites/otp/integrationinfo/PublishingImages/Systems_tech_V2.jpg" alt="" style="height: 155px; width: 300px" /></a>
      </th>
    </tr>
  </tbody>
  <tbody></tbody>
</table>
  
  

</body>

</html>

Comments