You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
240 lines
12 KiB
HTML
240 lines
12 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Stellar by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Stellar by HTML5 UP</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" class="alt">
|
|
<!--<span class="logo"><img src="images/logo/pptc_logo_white_transparent.png" alt="" /></span>-->
|
|
<script src="https://pptc.vet/js/RNG_Logo.js"></script>
|
|
<img id="randomImage" src="" alt="Random Image" width=40% >
|
|
<h1>Puddle Pirates Treasure Chest</h1><br />
|
|
<p>(732)-314-1057</p>
|
|
<!--built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.</p>-->
|
|
</header>
|
|
|
|
<!-- Nav -->
|
|
<nav id="nav">
|
|
<ul>
|
|
<!--<li><a href="#intro" class="active">Introduction</a></li>-->
|
|
<li><a href="#first">Products</a></li>
|
|
<li><a href="#second">Options</a></li>
|
|
<li><a href="#cta">About</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
|
|
<!-- Introduction -->
|
|
<!-- <section id="intro" class="main">-->
|
|
<!-- <div class="spotlight">-->
|
|
<!-- <div class="content">-->
|
|
<!-- <header class="major">-->
|
|
<!-- <h2>Ipsum sed adipiscing</h2>-->
|
|
<!-- </header>-->
|
|
<!-- <p>Sed lorem ipsum dolor sit amet nullam consequat feugiat consequat magna-->
|
|
<!-- adipiscing magna etiam amet veroeros. Lorem ipsum dolor tempus sit cursus.-->
|
|
<!-- Tempus nisl et nullam lorem ipsum dolor sit amet aliquam.</p>-->
|
|
<!-- <ul class="actions">-->
|
|
<!-- <li><a href="options.html" class="button">Learn More</a></li>-->
|
|
<!-- </ul>-->
|
|
<!-- </div>-->
|
|
<!-- <span class="image"><img src="images/pic01.jpg" alt="" /></span>-->
|
|
<!-- </div>-->
|
|
<!-- </section>-->
|
|
|
|
<!-- First Section -->
|
|
<section id="first" class="main special">
|
|
<header class="major">
|
|
<h2>Products</h2>
|
|
</header>
|
|
<ul class="features">
|
|
<li>
|
|
<!--<span class="icon solid major style1 fa-code"></span>-->
|
|
<h2>Leashes</h2>
|
|
<image src="images/products/leash.jpg" alt="paracord leash" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style3 fa-copy"></span>-->
|
|
<h2>Games</h2>
|
|
<image src="images/products/cattoys.jpg" alt="fishing set" width="200px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style3 fa-copy"></span>-->
|
|
<h2>Games</h2>
|
|
<image src="images/products/fishing-game-set.jpg" alt="fishing set" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Collars</h2>
|
|
<image src="images/products/bracelet.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Keychains</h2>
|
|
<image src="images/products/keychain.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Keychains</h2>
|
|
<image src="images/products/keychain2.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Fishing Games</h2>
|
|
<image src="images/products/fishing-game-set.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Slings</h2>
|
|
<image src="images/products/sling.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
<li>
|
|
<!--<span class="icon major style5 fa-gem"></span>-->
|
|
<h2>Survival Tools</h2>
|
|
<image src="images/products/survival.jpg" alt="bracelets" width="300px" min-width="200px" />
|
|
</li>
|
|
</ul>
|
|
<!--<footer class="major">-->
|
|
<!-- <ul class="actions special">-->
|
|
<!-- <li><a href="options.html" class="button">Learn More</a></li>-->
|
|
<!-- </ul>-->
|
|
<!--</footer>-->
|
|
</section>
|
|
|
|
<!-- Second Section -->
|
|
<section id="second" class="main special">
|
|
<header class="major">
|
|
<h2>Options</h2>
|
|
<p>Make it yours! Choose from our array of materials.</p>
|
|
</header>
|
|
<!--<ul class="statistics">-->
|
|
<!-- <li class="style1">-->
|
|
<!-- <span class="icon solid fa-code-branch"></span>-->
|
|
<!-- <strong>5,120</strong> Etiam-->
|
|
<!-- </li>-->
|
|
<!--<li class="style2">-->
|
|
<!-- <span class="icon fa-folder-open"></span>-->
|
|
<!-- <strong>8,192</strong> Magna-->
|
|
<!--</li>-->
|
|
<!--<li class="style3">-->
|
|
<!-- <span class="icon solid fa-signal"></span>-->
|
|
<!-- <strong>2,048</strong> Tempus-->
|
|
<!--</li>-->
|
|
<!--<li class="style4">-->
|
|
<!-- <span class="icon solid fa-heart"></span>-->
|
|
<!-- <strong>4,096</strong> Aliquam-->
|
|
<!--</li>-->
|
|
<!--<li class="style5">-->
|
|
<!-- <span class="icon fa-gem"></span>-->
|
|
<!-- <strong>1,024</strong> Nullam-->
|
|
<!--</li>-->
|
|
<!--</ul>-->
|
|
<!--<p class="content">Nam elementum nisl et mi a commodo porttitor. Morbi sit amet nisl eu arcu faucibus hendrerit vel a risus. Nam a orci mi, elementum ac arcu sit amet, fermentum pellentesque et purus. Integer maximus varius lorem, sed convallis diam accumsan sed. Etiam porttitor placerat sapien, sed eleifend a enim pulvinar faucibus semper quis ut arcu. Ut non nisl a mollis est efficitur vestibulum. Integer eget purus nec nulla mattis et accumsan ut magna libero. Morbi auctor iaculis porttitor. Sed ut magna ac risus et hendrerit scelerisque. Praesent eleifend lacus in lectus aliquam porta. Cras eu ornare dui curabitur lacinia.</p>-->
|
|
<p class="content"> Here's a few. Click "Learn More" to see the full list.</p>
|
|
|
|
<a href="images/options/Pasted image 20240219082610.jpg" target="_blank" />
|
|
<img src="images/options/Pasted image 20240219082610.jpg" height="200px" width="200px" alt="Material Option"/>
|
|
</a>
|
|
|
|
<a href="images/options/Pasted image 20240219082808.jpg" target="_blank" />
|
|
<img src="images/options/Pasted image 20240219082808.jpg" height="200px" width="200px" alt="Material Option"/>
|
|
</a>
|
|
|
|
<a href="images/options/Pasted image 20240219082811.jpg" target="_blank" />
|
|
<img src="images/options/Pasted image 20240219082811.jpg" height="200px" width="200px" alt="Material Option"/>
|
|
</a>
|
|
|
|
<a href="images/options/Pasted image 20240219082815.jpg" target="_blank" />
|
|
<img src="images/options/Pasted image 20240219082815.jpg" height="200px" width="200px" alt="Material Option"/>
|
|
</a>
|
|
|
|
<footer class="major">
|
|
<ul class="actions special">
|
|
<li><a href="options.html" class="button">Learn More</a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- Get Started -->
|
|
<!-- <section id="cta" class="main special">-->
|
|
<!-- <header class="major">-->
|
|
<!-- <h2>Congue imperdiet</h2>-->
|
|
<!-- <p>Donec imperdiet consequat consequat. Suspendisse feugiat congue<br />-->
|
|
<!-- posuere. Nulla massa urna, fermentum eget quam aliquet.</p>-->
|
|
<!-- </header>-->
|
|
<!-- <footer class="major">-->
|
|
<!-- <ul class="actions special">-->
|
|
<!-- <li><a href="generic.html" class="button primary">Get Started</a></li>-->
|
|
<!-- <li><a href="generic.html" class="button">Learn More</a></li>-->
|
|
<!-- </ul>-->
|
|
<!-- </footer>-->
|
|
<!-- </section>-->
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<section id="about-us">
|
|
<h1>About Us</h1>
|
|
<p>Welcome to <strong>PPTC.vet</strong>, where tradition meets craftsmanship and creativity. Founded by <strong>Norabeth</strong>, a proud veteran, we are a New Jersey-based artisanal workshop specializing in handcrafted paracord creations. Our journey begins with a story of service, skill, and a deep-rooted love for crafting durable, high-quality items that bring joy and utility to everyday life.</p>
|
|
|
|
<p>Norabeth's military background instilled in her a profound appreciation for the strength and versatility of paracord, inspiring her to explore its limitless possibilities. From rugged dog leashes and custom rifle slings to intricate keychains and family-friendly games, each piece is meticulously crafted with the same attention to detail and dedication that served her well in uniform.</p>
|
|
|
|
<p>At <strong>PPTC.vet</strong>, we believe in the power of handcrafted goods to connect us, tell a story, and make our daily lives more beautiful and functional. Our products are more than just items; they are expressions of passion, resilience, and a testament to the art of making by hand.</p>
|
|
|
|
<p>Driven by a commitment to excellence and the desire to support our community, we use only the highest quality materials in our creations. Every item is designed to withstand the test of time, reflecting Norabeth's belief in the importance of reliability, whether on the battlefield or in our customers' hands.</p>
|
|
|
|
<p>Join us in celebrating the spirit of adventure, the joy of craftsmanship, and the strength of community. Explore our collection and find the perfect, durable companion for your next journey, or a unique, handmade gift that tells a story of courage, creativity, and care.</p>
|
|
|
|
<p>Thank you for supporting a veteran-owned business. We're thrilled to share a piece of our passion with you.</p>
|
|
</section>
|
|
<section>
|
|
<h2>Contact Info</h2>
|
|
<dl class="alt">
|
|
<!--<dt>Address</dt>-->
|
|
<!--<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>-->
|
|
<dt>Phone</dt>
|
|
<dd>(732)-314-1057</dd>
|
|
<dt>Email</dt>
|
|
<dd><a href="#">PPTC.Vet@gmail.com</a></dd>
|
|
</dl>
|
|
<!--<ul class="icons">-->
|
|
<!-- <li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>-->
|
|
<!-- <li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>-->
|
|
<!-- <li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>-->
|
|
<!-- <li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>-->
|
|
<!-- <li><a href="#" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>-->
|
|
<!--</ul>-->
|
|
</section>
|
|
<p class="copyright">© Puddle Pirates Treasure Chest LLC.</p>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.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> |