We use cookies to enhance your experience on our website. By continuing to use our website, you are agreeing to our use of cookies. You can change your cookie settings at any time. Find out more

Do not add a link to book cover images and titles.

When using many book intoductions on a page alternate between book-right and book-left classes to help make the content more readable.

With caption

Alfie
Reading an Oxford Reading Tree book. Don’t link the whole image but add a link in the caption

Watership Down

Richard Adams

Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.

Buy on Amazon

<div class="row book book-right">
    <div class="col-lg-5 col-md-5 col-sm-12 book-cover">
      <figure>
        <img src="https://cdn.oxfordowl.co.uk/2017/03/14/14/27/09/60/0571314953_The_Smell_of_Other_People_s_Houses.jpg" alt="Alfie">
        <figcaption>Reading an Oxford Reading Tree book. Don't link the whole image but add a <a href="amazon.com">link in the caption</a></figcaption>
      </figure>
    </div>
    <div class="col-lg-7 col-md-7 col-sm-12">
        <h3>Watership Down</h3>
        <p class="author">Richard Adams</p>
        <p>Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.</p>
        <a href="google.com" class="btn btn-primary btn-icon--before btn-amazon">Buy on Amazon</a>
    </div>
</div>
Alfie
Reading an Oxford Reading Tree book. Don’t link the whole image but add a link in the caption

Alfie

Shirley Hughes

Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.

Buy on Amazon

<div class="row book book-left">
    <div class="col-lg-5 col-md-5 col-sm-12 book-cover">
      <figure>
        <img src="https://cdn.oxfordowl.co.uk/2016/06/08/10/26/59/952/0099488442_Alfie_and_the_big_Boys.jpg" alt="Alfie">
        <figcaption>Reading an Oxford Reading Tree book. Don't link the whole image but add a <a href="amazon.com">link in the caption</a></figcaption>
      </figure>
    </div>
    <div class="col-lg-7 col-md-7 col-sm-12">
        <h3>Alfie</h3>
        <p class="author">Shirley Hughes</p>
        <p>Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.</p>
        <a href="google.com" class="btn btn-primary btn-icon--before btn-amazon">Buy on Amazon</a>
    </div>
</div>

Without caption

Alfie

Watership Down

Richard Adams

Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.

Buy on Amazon

<div class="row book book-right">
    <div class="col-lg-5 col-md-5 col-sm-12 book-cover">
      <figure>
        <img src="https://cdn.oxfordowl.co.uk/2017/03/24/09/26/33/431/0141354968_Watership_Down.jpg" alt="Alfie">
      </figure>
    </div>
    <div class="col-lg-7 col-md-7 col-sm-12">
        <h3>Watership Down</h3>
        <p class="author">Richard Adams</p>
        <p>Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.</p>
        <a href="google.com" class="btn btn-primary btn-icon--before btn-amazon">Buy on Amazon</a>
    </div>
</div>
Alfie

Alfie

Shirley Hughes

Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.

Buy on Amazon

<div class="row book book-left">
    <div class="col-lg-5 col-md-5 col-sm-12 book-cover">
      <figure>
        <img src="https://cdn.oxfordowl.co.uk/2016/06/08/10/26/59/952/0099488442_Alfie_and_the_big_Boys.jpg" alt="Alfie">
      </figure>
    </div>
    <div class="col-lg-7 col-md-7 col-sm-12">
        <h3>Alfie</h3>
        <p class="author">Shirley Hughes</p>
        <p>Lorem ipsum dolor sit met, consectetur adipiscing elit. Broin molestie veli sit met turpis sojales, sed porttutor enim commode. Prooien pharetra sit met nisi eu aliquam. Nullam auctor manris eget spaden placerat, vitae iaculis turpis euismod. Sed quis efficitur erat, id dapibus magna. Aegean ac nunc aliquam, vestibule arcu ac, dapibus lectus. Class patent taciti sociosqu ad litro torquent per connubio nostra, per inceptos himenaeos. Sed feugiat velit varius bibendum bibendum. Sed lorem torsor, euismod sit smet nulla quis, viverra porttutor libero. Quisque nec ante id enim luctus imperdiet eget nec ex. In tac habitasse platea dictumst. Nam aliquet nis at eros viverra mollis.</p>
        <a href="google.com" class="btn btn-primary btn-icon--before btn-amazon">Buy on Amazon</a>
    </div>
</div>