<!DOCTYPE html>
<!--
	Multiverse by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
  <head>
    <title>Redline Racing Shirts</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript><link rel="stylesheet" href="assets/css/noscript.css"/></noscript>
  </head>
  <body class="is-preload">
    <!-- Wrapper -->
    <div id="wrapper">
      <!-- Header -->
      <header id="header">
        <h1>
          <a href="../index.html"
            ><strong>Redline Racing Division</strong> Shirts</a
          >
        </h1>
        <nav>
          <ul>
            <li>
              <a href="#footer" class="icon solid fa-info-circle">Vote</a>
            </li>
          </ul>
        </nav>
      </header>

      <!-- Main -->
      <div id="main">
        <article class="thumb">
          <a href="shirts/1.webp" class="image"
            ><img src="shirts/1.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/2.webp" class="image"
            ><img src="shirts/2.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/3.webp" class="image"
            ><img src="shirts/3.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/4.webp" class="image"
            ><img src="shirts/4.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/5.webp" class="image"
            ><img src="shirts/5.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/6.webp" class="image"
            ><img src="shirts/6.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/7.webp" class="image"
            ><img src="shirts/7.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/8.webp" class="image"
            ><img src="shirts/8.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/9.webp" class="image"
            ><img src="shirts/9.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/10.webp" class="image"
            ><img src="shirts/10.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/11.webp" class="image"
            ><img src="shirts/11.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/12.webp" class="image"
            ><img src="shirts/12.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/13.webp" class="image"
            ><img src="shirts/13.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/14.webp" class="image"
            ><img src="shirts/14.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/15.webp" class="image"
            ><img src="shirts/15.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/16.webp" class="image"
            ><img src="shirts/16.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/17.webp" class="image"
            ><img src="shirts/17.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/18.webp" class="image"
            ><img src="shirts/18.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/19.webp" class="image"
            ><img src="shirts/19.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>

        <article class="thumb">
          <a href="shirts/20.webp" class="image"
            ><img src="shirts/20.webp" alt=""
          /></a>
          <!-- <h2>Magna feugiat lorem</h2> -->
          <!-- <p>
			  Nunc blandit nisi ligula magna sodales lectus elementum non. Integer
			  id venenatis velit.
			</p> -->
        </article>
      </div>

      <!-- Footer -->
      <footer id="footer" class="panel">
     
        <div class="inner split">
          <div>
            <section>
              <h2>You can vote to the right. </h2>
              <p>
                Ideally there would be descriptive text here.
              </p>
            </section>
            <!-- <section>
              <h2>Follow me on ...</h2>
              <ul class="icons">
                <li>
                  <a href="#" class="icon brands fa-twitter"
                    ><span class="label">Twitter</span></a
                  >
                </li>
                <li>
                  <a href="#" class="icon brands fa-facebook-f"
                    ><span class="label">Facebook</span></a
                  >
                </li>
                <li>
                  <a href="#" class="icon brands fa-instagram"
                    ><span class="label">Instagram</span></a
                  >
                </li>
                <li>
                  <a href="#" class="icon brands fa-github"
                    ><span class="label">GitHub</span></a
                  >
                </li>
                <li>
                  <a href="#" class="icon brands fa-dribbble"
                    ><span class="label">Dribbble</span></a
                  >
                </li>
                <li>
                  <a href="#" class="icon brands fa-linkedin-in"
                    ><span class="label">LinkedIn</span></a
                  >
                </li>
              </ul>
            </section> -->
            <p class="copyright">
              &copy; Redline Racing Division</a>.
            </p>
          </div>
          <div>
            <section>
              <!-- <iframe width="620" height="1049" src="https://strawpoll.com/embed/b24r16r9" frameborder="0" allowfullscreen></iframe> -->
              <!-- <h2>Get in touch</h2>
              <form
                class="form-horizontal"
                action="https://formspree.io/xdoevzyj"
                method="POST"
              >
                <p>Pick your favorite 3 Shirts</p>
                <div class="fields">
                  <div class="field half">
                    <div>
                      <input type="checkbox" id="1" name="1" />
                      <label for="1">Shirt 1</label>
                    </div>
                    <div>
                      <input type="checkbox" id="2" name="2" />
                      <label for="2">Shirt 2</label>
                    </div>
                    <div>
                      <input type="checkbox" id="3" name="3" />
                      <label for="3">Shirt 3</label>
                    </div>
                    <div>
                      <input type="checkbox" id="4" name="4" />
                      <label for="4">Shirt 4</label>
                    </div>
                    <div>
                      <input type="checkbox" id="5" name="5" />
                      <label for="5">Shirt 5</label>
                    </div>
                    <div>
                      <input type="checkbox" id="6" name="6" />
                      <label for="6">Shirt 6</label>
                    </div>
                    <div>
                      <input type="checkbox" id="7" name="7" />
                      <label for="7">Shirt 7</label>
                    </div>
                    <div>
                      <input type="checkbox" id="8" name="8" />
                      <label for="8">Shirt 8</label>
                    </div>
                    <div>
                      <input type="checkbox" id="9" name="9" />
                      <label for="9">Shirt 9</label>
                    </div>
                    <div>
                      <input type="checkbox" id="10" name="10" />
                      <label for="10">Shirt 10</label>
                    </div>
                  </div>
                  <div class="field half">
                    <div>
                      <input type="checkbox" id="11" name="11" />
                      <label for="11">Shirt 11</label>
                    </div>
                    <div>
                      <input type="checkbox" id="12" name="12" />
                      <label for="12">Shirt 12</label>
                    </div>
                    <div>
                      <input type="checkbox" id="13" name="13" />
                      <label for="13">Shirt 13</label>
                    </div>
                    <div>
                      <input type="checkbox" id="14" name="14" />
                      <label for="14">Shirt 14</label>
                    </div>
                    <div>
                      <input type="checkbox" id="15" name="15" />
                      <label for="15">Shirt 15</label>
                    </div>
                    <div>
                      <input type="checkbox" id="16" name="16" />
                      <label for="16">Shirt 16</label>
                    </div>
                    <div>
                      <input type="checkbox" id="17" name="17" />
                      <label for="17">Shirt 17</label>
                    </div>
                    <div>
                      <input type="checkbox" id="18" name="18" />
                      <label for="18">Shirt 18</label>
                    </div>
                    <div>
                      <input type="checkbox" id="19" name="19" />
                      <label for="19">Shirt 19</label>
                    </div>
                    <div>
                      <input type="checkbox" id="20" name="20" />
                      <label for="20">Shirt 20</label>
                    </div>
                  </div>
                </div>
                <ul class="actions">
                  <li><input type="submit" value="Send" class="primary" /></li>
                  <li><input type="reset" value="Reset" /></li>
                </ul>
              </form>
            </section> -->
            <section>
              <iframe width="640px" height= "480px" src= "https://forms.office.com/Pages/ResponsePage.aspx?id=Y8kxabcHVkGrDjXR95A1uE_w_Cnn0CVGvLJv4aPTUylUQ1gyOTk3Q1VCMDBKQVVJTVgzSFpTQlRRWSQlQCN0PWcu&embed=true" frameborder= "0" marginwidth= "0" marginheight= "0" style= "border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
            </section>
          </div>
        </div>
      </footer>
    </div>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.poptrox.min.js"></script>
    <script src="assets/js/browser.min.js"></script>
    <script src="assets/js/breakpoints.min.js"></script>
    <script src="assets/js/util.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>