AKQA

by antouank

HTML

<img id="logo-img" src="http://www.thecontacts.co.uk/i/logo/akqa.png"></img>
<br />
<section>
    <h2 class="header">Your Basket</h2>
    <p>Items you have added to your basket are shown below. Adjust the quantities or remove items before continuing your purchase.</p>
</section>

<table class="basket-table" cellspacing="0" cellpadding="0">
    <theader>
        <th>Product</th>
        <th>Price</th>
        <th>Qty</th>
        <th>Cost</th>
        <th></th>
    </theader>
    <tbody>
        <tr>
            <td>Cotton T-Shirt, Medium</td>
            <td>£1.99</td>
            <td></td>
            <td>£1.99</td>
            <td></td>
        </tr>
        <tr>
            <td>Baseball Cap, One Size</td>
            <td>£2.99</td>
            <td></td>
            <td>£5.98</td>
            <td></td>
        </tr>
        <tr>
            <td>Swim shorts, Medium</td>
            <td>£3.99</td>
            <td></td>
            <td>£3.99</td>
            <td></td>
        </tr>
    </tbody>
</table>

CSS

body {
    background: #eee;
    font-family: 'droid_serifregular';
}

#logo-img {
    width: 100px;
    height: 50px;
}

section {
    padding: 20px;
}

.header {
    text-shadow: 1px 1px 1px #555;
}

.basket-table th {
    border-bottom: 1px solid #000;
}

.basket-table td {
    padding: 10px;
}

.basket-table tbody tr:nth-child(even) {
   background-color: #ccc;
}




@font-face {
    font-family: 'droid_sansregular';
    src: url('droidsans-webfont.eot');
}

@font-face {
    font-family: 'droid_sansregular';
    src:...