index.html

---
title: Home
layout: default
type: main
order: 1
---
<div class="container bg-white mb-4">
  <div class="row pt-3 pb-3 mt-3">
    <div class="col md-6">
      <h1>Welcome to Accessible Reality</h1>
      <p>Over the last few years we have been putting together a number of workshops that can be used to increase the awareness of accessible design. This website is used as a place to store all of these activities and to act as a shared resource for others to use.</p>
    </div>
    <div class="col-md-6">
      <img src="/images/bigLogo.png" class="img-fluid" alt="">

    </div>
  </div>
</div>

<div class="container bg-white mb-4">
  <div class="row pt-3 pb-3 mt-3">
    <div class="col-md-6">
      <a class="text-dark" href="workshops/accessible-design-for-pirates"><img src="/images/pirates-2.png" class="img-fluid" alt="An image of a pirate, with block highlighting accessibility issues that the pirate has"></a>
    </div>
    <div class="col md-6">
      <h2 class="mb-0"><a class="h2 text-dark" href="workshops/accessible-design-for-pirates">Accessible Design for Pirates</a></h2>
      <h3 class="text-muted">Featured Workshop</h3>
      <p>Pirates face a large number of accessibility issues! They can have eye-patches, wooden legs, hooks, and parrots squacking in their ears. Pirates are also really cool! How can we design the bridge for an accessible pirate ship?</p>
      <a href="workshops/accessible-design-for-pirates" class="btn btn-primary btn-outline">Read More</a>

    </div>

  </div>
</div>