mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-08-02 03:21:29 +00:00
fancy shirt site
This commit is contained in:
364
shirt/index.html
Normal file
364
shirt/index.html
Normal file
@@ -0,0 +1,364 @@
|
||||
<!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">About</a> -->
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<article class="thumb">
|
||||
<a href="shirts/1.png" class="image"
|
||||
><img src="shirts/1.png" 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.png" class="image"
|
||||
><img src="shirts/2.png" 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.png" class="image"
|
||||
><img src="shirts/3.png" 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.png" class="image"
|
||||
><img src="shirts/4.png" 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.png" class="image"
|
||||
><img src="shirts/5.png" 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.png" class="image"
|
||||
><img src="shirts/6.png" 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.png" class="image"
|
||||
><img src="shirts/7.png" 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.png" class="image"
|
||||
><img src="shirts/8.png" 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.png" class="image"
|
||||
><img src="shirts/9.png" 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.png" class="image"
|
||||
><img src="shirts/10.png" 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.png" class="image"
|
||||
><img src="shirts/11.png" 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.png" class="image"
|
||||
><img src="shirts/12.png" 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.png" class="image"
|
||||
><img src="shirts/13.png" 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.png" class="image"
|
||||
><img src="shirts/14.png" 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.png" class="image"
|
||||
><img src="shirts/15.png" 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.png" class="image"
|
||||
><img src="shirts/16.png" 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.png" class="image"
|
||||
><img src="shirts/17.png" 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.png" class="image"
|
||||
><img src="shirts/18.png" 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.png" class="image"
|
||||
><img src="shirts/19.png" 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.png" class="image"
|
||||
><img src="shirts/20.png" 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">
|
||||
<h1>Don't go here please.</h1>
|
||||
<div class="inner split">
|
||||
<div>
|
||||
<section>
|
||||
<h2>Magna feugiat sed adipiscing</h2>
|
||||
<p>
|
||||
Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat,
|
||||
et scelerisque turpis ipsum eget quis orci mattis aliquet.
|
||||
Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu
|
||||
bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut
|
||||
suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis
|
||||
ipsum.
|
||||
</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">
|
||||
© Unttled. Design: <a href="http://html5up.net">HTML5 UP</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<section>
|
||||
<h2>Get in touch</h2>
|
||||
<form method="post" action="#">
|
||||
<div class="fields">
|
||||
<div class="field half">
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
id="name"
|
||||
placeholder="Name"
|
||||
/>
|
||||
</div>
|
||||
<div class="field half">
|
||||
<input
|
||||
type="text"
|
||||
name="email"
|
||||
id="email"
|
||||
placeholder="Email"
|
||||
/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<textarea
|
||||
name="message"
|
||||
id="message"
|
||||
rows="4"
|
||||
placeholder="Message"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><input type="submit" value="Send" class="primary" /></li>
|
||||
<li><input type="reset" value="Reset" /></li>
|
||||
</ul>
|
||||
</form>
|
||||
</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>
|
||||
Reference in New Issue
Block a user