---
layout: default
title: page 2
---

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Page 2</li>
  </ol>
</nav>

<h1>Page 2</h2>
<p>This page shows and example of a responsive image, placed in a column with text alongside.</p>
<p><a href="https://raw.githubusercontent.com/martinbarge/sml5202-2022-JaneSmith/main/page2.html">Get the code for this page here</a>.</p>

<div class="row">
  <div class="col-sm-6">
<img class="img-fluid" alt="People dancing in the street" src="images/dancing-people.PNG" >
  </div>
  <div class="col-sm-6">
    <h2>Some text about the image to the left</h2>
    <p>Happy people dancing bring a smile to one's dark days.</p>
  </div>
</div>
<hr>