E-commerce
E-commerce concept#
This is a concept storefront for my company
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Open Stock</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Recursive:400,400i,700,700i,900,900i"></head> <style> .navbar { position: fixed; width: 100%; top: 0; left: 0; } </style>
<body> <nav class="navbar is-white has-shadow" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="https://hsldeals.com"> <img src="https://hslinventory.s3.amazonaws.com/images/HSL-deals-logo-01.png" alt="Logo" width="48" height="28"> </a> <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navMenu"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navMenu" class="navbar-menu"> <div class="navbar-start"> <a class="navbar-item" href="https://hslventures.com"> Home </a> <a class="navbar-item" href="https://www.hsldeals.com/collections/open-stock"> Open Stock </a> <div class="navbar-item has-dropdown is-hoverable"> <a class="navbar-link"> More </a> <div class="navbar-dropdown"> <a class="navbar-item" href="https://www.hsldeals.com/collections/hsl-deals"> Closeout lots </a> <a class="navbar-item" href="https://www.hsldeals.com/collections/pre-packs-1"> Pre-packs </a> <!-- <a class="navbar-item"> Contact </a> --> <hr class="navbar-divider"> <a class="navbar-item" href="mailto:deals@hslventures.com"> Report an issue </a> </div> </div> </div> <div class="navbar-end"> <a class="navbar-item" href="https://www.hsldeals.com/account/register"> <div class="buttons"> <div class="button is-link"> <strong>Sign up</strong> </div> <a class="button is-link" href="https://www.hsldeals.com/account/login?checkout_url=/"> Log in </a> </div> </a> </div> </div> </nav> <br> <br> <br> <section class="section"> <div class="card"> <div class="card-content"> <div class="media"> <div class="media-left"> <figure class="image is-128x128"> <img src="https://hslinventory.s3.amazonaws.com/images/HSL-deals-logo-01.png" alt="Placeholder image"> </figure> </div> <div class="media-content"> <p class="title is-4">Open Stock</p> <p class="subtitle is-6">hsldeals.com</p> </div> </div> <div class="content"> We have new Inventory and Open Stock. <a href="#"></a> <a href="https://hsldeals.com/open-stock">#openstock</a> <br> <time datetime="2016-1-1">11:09 PM - 23 July 2021 </time> </div> </div> </div> </section> <section class="section"> <div class="columns"> <div class="column is-one-third"> <div class="box"> <p class="title is-6">OPEN STOCK</p> <p class="subtitle">no minimums and free shipping.</p> </div> </div> </div> <div class="tile is-ancestor"> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-96x96"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/1270718-408.png" alt="Placeholder image"> </figure> <p class="title is-6">UA Team Blur N MC</p> <p class="subtitle is-6">Price: Login</p> <p class="subtitle is-6">Free Shipping</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-96x96"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/3023189-400.png" alt="Placeholder image"> </figure> <p class="title is-6">UA Clone Blur</p> <p class="subtitle is-6">Price: Login</p> <p class="subtitle is-6">Free Shipping</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-96x96"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/1911-400.png" alt="Placeholder image"> </figure> <p class="title is-6">UA Magnetico</p> <p class="subtitle is-6">Price: Login</p> <p class="subtitle is-6">Free Shipping</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-96x96"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/1289531-100.png" alt="Placeholder image"> </figure> <p class="title is-6">UA Spotlight FG</p> <p class="subtitle is-6">Price: Login</p> <p class="subtitle is-6">Free Shipping</p> </article> </div> </div> </section> <section class="section"> <div class="columns"> <div class="column is-one-third"> <div class="box"> <p class="title is-6">CLOSEOUT LOTS</p> <p class="subtitle">click on the icon below and download the inventory.</p> </div> </div> </div> <div class="tile is-ancestor"> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-64x64"> <a href="https://www.hsldeals.com/collections/hsl-deals/products/copy-of-new-assorted-apparel-warehouse-stock-nike-adidas-ua-etc"> <img src="https://cdn.shopify.com/s/files/1/1285/3253/files/excel_image_3.png?v=1614753414" alt="Placeholder image"></a> </figure> <p class="title is-6">Champions Apparel (mens)</p> <p class="subtitle is-6">Price: $6,000</p> <p class="subtitle is-6">Original Retail: $25,062</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-64x64"> <a href="https://www.hsldeals.com/collections/hsl-deals/products/assorted-nike-apparel-mens"> <img src="https://cdn.shopify.com/s/files/1/1285/3253/files/excel_image_3.png?v=1614753414" alt="Placeholder image"></a> </figure> <p class="title is-6">Assorted Nike Apparel (mens)</p> <p class="subtitle is-6">Price: $9,545</p> <p class="subtitle is-6">Original Retails: $65,716</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-64x64"> <a href="https://www.hsldeals.com/collections/hsl-deals/products/assorted-nike-apparel-womens"> <img src="https://cdn.shopify.com/s/files/1/1285/3253/files/excel_image_3.png?v=1614753414" alt="Placeholder image"></a> </figure> <p class="title is-6">Assorted Nike Apparel (womens)</p> <p class="subtitle is-6">Price: $6,500</p> <p class="subtitle is-6">Original Retails: $45,942</p> </article> </div> <div class="tile is-parent"> <article class="tile is-child box" style="width: 200px;"> <figure class="image is-64x64"> <a href="https://www.hsldeals.com/collections/hsl-deals/products/assorted-mitchell-ness-new-era-headwear"> <img src="https://cdn.shopify.com/s/files/1/1285/3253/files/excel_image_3.png?v=1614753414" alt="Placeholder image"></a> </figure> <p class="title is-6">Assorted Nike, Mitchel & Ness, New Era Headware</p> <p class="subtitle is-6">Price: $9,222</p> <p class="subtitle is-6">Original Retail: 37,076.63</p> </article> </div> </div> </div> <br> <nav class="level"> <!-- <div class="level-item has-text-centered"> <div> <p class="heading">Tweets</p> <p class="title">3,456</p> <figure class="image is-inline-block"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/icons/delivery.png"> </figure> </div> </div> --> <div class="level-item has-text-centered"> <div> <!-- <p class="heading">Following</p> <p class="title">123</p> --> <figure class="image is-inline-block"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/icons/delivery.png"> </figure> </div> </div> <div class="level-item has-text-centered"> <div> <!-- <p class="heading">Followers</p> <p class="title">456K</p> --> <figure class="image is-inline-block"> <a href="mailto:deals@hslventures.com"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/icons/email+.png"></a> </figure> </div> </div> <div class="level-item has-text-centered"> <div> <!-- <p class="heading">Likes</p> <p class="title">789</p> --> <figure class="image is-inline-block"> <a href="https://www.linkedin.com/company/hsl-ventures/"> <img src="https://hslinventory.s3.amazonaws.com/Shopify+Photos/icons/linkedin+(1).png"></a> </figure> </div> </div> </nav> </section> </body> <footer class="footer"> <div class="content has-text-centered"> <p> <strong>HSL Deals</strong> by <a href="https://hslventures.com">Team HSL</a>. The source code is licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>. </p> </div>
</footer> <!-- script to toggle hamburger menu --> <script> document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any navbar burgers if ($navbarBurgers.length > 0) {
// Add a click event on each of them $navbarBurgers.forEach(el => { el.addEventListener('click', () => {
// Get the target from the "data-target" attribute const target = el.dataset.target; const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" el.classList.toggle('is-active'); $target.classList.toggle('is-active');
}); }); }
}); </script>