414 lines
14 KiB
PHP
Executable File
414 lines
14 KiB
PHP
Executable File
@extends('merchbay_main')
|
|
@section('main-content')
|
|
<!-- Header-->
|
|
<header class="masthead text-center text-white">
|
|
<div class="masthead-content">
|
|
<div class="container px-5">
|
|
<h1 class="masthead-heading mb-0">NO MINIMUMS | 100% CUSTOM</h1>
|
|
<h2 class="masthead-subheading mb-0">CREATE MERCH FIT FOR YOU</h2>
|
|
<p class="my-3">
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
|
|
nonummy nibh euismod tincidunt ut laoreet dolore <br />
|
|
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
|
|
nostrud exerci tation ullamcorper suscipit lobortis nisl <br />
|
|
ut aliquip ex ea commodo consequat. Duis autem vel eum
|
|
</p>
|
|
|
|
<div class="mt-5">
|
|
<button class="btn btn-outline-primary btn-lg mx-3 px-3">
|
|
<i class="icon icon-catalog"></i>
|
|
Browse Product
|
|
</button>
|
|
|
|
<a class="btn btn-outline-primary btn-lg mx-3 px-3" href="{{ url('/templates')}}"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="bg-circle-1 bg-circle"></div>
|
|
<div class="bg-circle-2 bg-circle"></div>
|
|
<div class="bg-circle-3 bg-circle"></div>
|
|
<div class="bg-circle-4 bg-circle"></div> -->
|
|
</header>
|
|
|
|
<section class="industries">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 align-items-center">
|
|
<div class="col-lg-12">
|
|
<h3>Industries We Serve</h3>
|
|
<div class="horizontal-divider"></div>
|
|
|
|
<div class="py-5">
|
|
<ul class="horizontal-list">
|
|
<li>
|
|
<i class="icon industries-team-uniform"></i>
|
|
<span>Team Uniforms</span>
|
|
</li>
|
|
<li>
|
|
<i class="icon industries-band"></i>
|
|
<span>Band Merch</span>
|
|
</li>
|
|
<li>
|
|
<i class="icon industries-school"></i>
|
|
<span>School Spiritwear</span>
|
|
</li>
|
|
<li>
|
|
<i class="icon industries-influencer"></i>
|
|
<span>Influencer Merch</span>
|
|
</li>
|
|
<li>
|
|
<i class="icon industries-streetwear"></i>
|
|
<span>Streetwear/ Private Label</span>
|
|
</li>
|
|
<li>
|
|
<i class="icon industries-corporate"></i>
|
|
<span>Corporate Apparel</span>
|
|
</li>
|
|
<!-- Add more items as needed -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="parallax-section">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 align-items-center">
|
|
<div class="col-lg-12"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="services" id="services">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 align-items-center">
|
|
<div class="col-lg-12">
|
|
<h3>Our Services</h3>
|
|
<div class="horizontal-divider"></div>
|
|
|
|
<div class="py-5">
|
|
<ul class="horizontal-list gap-100">
|
|
<li>
|
|
<i class="icon services-sublimation"></i>
|
|
<span>Sublimation</span>
|
|
<p>No Minimums No Limits On Color Or Design Placement</p>
|
|
</li>
|
|
<li>
|
|
<i class="icon services-dtf"></i>
|
|
<span>Direct to Film</span>
|
|
<p>No Minimums No Color Limits No Screen Set Up Fees</p>
|
|
</li>
|
|
<li>
|
|
<i class="icon services-screen-print"></i>
|
|
<span>Screen Print</span>
|
|
<p>Traditonal Silk Screening Best For Larger Orders</p>
|
|
</li>
|
|
<li>
|
|
<i class="icon services-embroidery"></i>
|
|
<span>Embroidery</span>
|
|
<p>
|
|
Gives Your Garments A High End Finish Best On Polos, Hats, And
|
|
Outerwear
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<i class="icon services-cutsaw"></i>
|
|
<span>Cut & Sew</span>
|
|
<p>
|
|
Gives Your Garments A High End Finish Best On Polos, Hats, And
|
|
Outerwear
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<i class="icon services-fulfillment"></i>
|
|
<span>Fulfillment</span>
|
|
<p>
|
|
Let Us Handle The Entire Process From Capturing Orders to Drop
|
|
Shipping
|
|
</p>
|
|
</li>
|
|
<!-- Add more items as needed -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-right-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0">
|
|
<div class="uniforms-image">
|
|
<!-- <img
|
|
class="img-fluid"
|
|
src="../assets//images/custom-team-wear.jpg"
|
|
alt="..."
|
|
/> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5">
|
|
<h2 class="display-4">Uniforms and Team Wear</h2>
|
|
<div class="horizontal-divider m-0"></div>
|
|
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-left-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0 order-lg-2">
|
|
<div class="band-image">
|
|
<!-- <img
|
|
class="img-fluid"
|
|
src="../assets//images/bandmerch.jpg"
|
|
alt="..."
|
|
/> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5 order-lg-1">
|
|
<h2 class="display-4">Band Merch</h2>
|
|
<div class="horizontal-divider m-0 bg-red"></div>
|
|
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-right-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0">
|
|
<div class="spiritwear-image">
|
|
<!-- <img
|
|
class="img-fluid"
|
|
src="../assets//images/spiritwear.jpg"
|
|
alt="..."
|
|
/> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5">
|
|
<h2 class="display-4">School Spiritwear</h2>
|
|
<div class="horizontal-divider m-0 bg-yellow"></div>
|
|
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-left-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0 order-lg-2">
|
|
<div class="influencer-image">
|
|
<!-- <img
|
|
class="img-fluid"
|
|
src="../assets//images/influencers.jpg"
|
|
alt="..."
|
|
/> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5 order-lg-1">
|
|
<h2 class="display-4">Influencer Merch</h2>
|
|
<div class="horizontal-divider m-0"></div>
|
|
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-right-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0">
|
|
<div class="streetwear-image">
|
|
<!-- <img
|
|
class="img-fluid"
|
|
src="../assets//images/streetwear.jpg"
|
|
alt="..."
|
|
/> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5">
|
|
<h2 class="display-4">Streetwear/Private Label</h2>
|
|
<div class="horizontal-divider m-0 bg-red"></div>
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-left-img">
|
|
<div class="container-fluid p-0 m-0">
|
|
<div class="row p-0 m-0 align-items-center">
|
|
<div class="col-lg-5 p-0 m-0 order-lg-2">
|
|
<div class="corportate-image"></div>
|
|
<!-- <div class="">
|
|
<img
|
|
class="img-fluid"
|
|
src="../assets//images/corporatewear.jpg"
|
|
alt="..."
|
|
/>
|
|
</div> -->
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="p-5 order-lg-1">
|
|
<h2 class="display-4">Corporate Apparel</h2>
|
|
<div class="horizontal-divider m-0 bg-red"></div>
|
|
|
|
<div class="section-content">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
|
|
aliquid, mollitia odio veniam sit iste esse assumenda amet
|
|
aperiam exercitationem, ea animi blanditiis recusandae! Ratione
|
|
voluptatum molestiae adipisci, beatae obcaecati.
|
|
</p>
|
|
|
|
<div class="pt-5">
|
|
<a class="btn btn-outline-primary btn-xl px-3" href="#scroll"
|
|
>Start Designing
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-us" id="contact">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 justify-content-center align-items-center">
|
|
<div class="col-lg-12">
|
|
<h3>Get In Touch</h3>
|
|
<div class="horizontal-divider bg-yellow"></div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 mt-5">
|
|
<form action="">
|
|
<div class="mb-3">
|
|
<input
|
|
type="text"
|
|
class="form-control form-control-lg contact-input-custom"
|
|
placeholder="Fullname*"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="mb-3">
|
|
<input
|
|
type="email"
|
|
class="form-control form-control-lg contact-input-custom"
|
|
required
|
|
placeholder="Email Address*"
|
|
/>
|
|
</div>
|
|
<div class="mb-3">
|
|
<input
|
|
type="text"
|
|
class="form-control form-control-lg contact-input-custom"
|
|
id="exampleFormControlInput1"
|
|
placeholder="Phone Number*"
|
|
/>
|
|
</div>
|
|
<div class="mb-3">
|
|
<textarea
|
|
class="form-control form-control-lg contact-input-custom"
|
|
required
|
|
rows="5"
|
|
placeholder="What can we help you with?"
|
|
></textarea>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<button class="btn btn-lg btn-contact w-100">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endsection
|