Bootstrap-2.2-ElementsBlock1

by Reusablecode

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css">
<link rel="stylesheet" href="https://go.xero.com/common/style/ext-css-b70572.css">
<link rel="stylesheet" href="https://go.xero.com/common/notifications/notifications-bfca92.css">
<link rel="stylesheet" href="https://go.xero.com/common/style/xero.base.v2-4d6945.css">
<link rel="stylesheet" href="https://go.xero.com/common/style/ext-xero-v2-392293.css">
<link rel="stylesheet" href="https://go.xero.com/common/style/xero/print/xero.print.window-ac02eb.css">
<span class="logos global" style="width:auto;" id="1234"><em> </em></span><a id="773C4941-30FA-4374-9B01-5469E2DD8DB6" href="https://go.xero.com/Bank/BankTransactions.aspx?accountID=773C4941-30FA-4374-9B01-5469E2DD8DB6" class="bank-name global">American Express - Platinum<span>XXXX-XXXX-XXXX-1234</span></a><dl id="ext-gen28" class="select list anchor-right wide-bank">
                <dt id="ext-gen27">
                  <div id="ext-gen30">Manage Account<span> </span></div>
                </dt>
                <dd style="left: 484px; top: 37px;" id="ext-gen29">
                  <div class="lists">
                    <div class="colFind">
                      <h3>Find</h3>
                      <ul>
                        <li><a href="https://go.xero.com/Bank/BankTransactions.aspx?accountID=773C4941-30FA-4374-9B01-5469E2DD8DB6">Account Transactions</a></li>
                        <li><a href="https://go.xero.com/Bank/Statements.aspx?accountID=773C4941-30FA-4374-9B01-5469E2DD8DB6">Bank Statements</a></li>
                      </ul>
                    </div>
                    <div class="colNew">
                      <h3>New</h3>
                      <ul>
                        <li><a...