mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-07-31 18:41:30 +00:00
429 lines
14 KiB
HTML
429 lines
14 KiB
HTML
<!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">
|
|
© 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>
|