updated
This commit is contained in:
Frank John Begornia
@@ -1,7 +1,7 @@
|
||||
@extends('merchbay_main')
|
||||
|
||||
@section('main-content')
|
||||
<style>
|
||||
{{-- <style>
|
||||
.error {
|
||||
color: red;
|
||||
}
|
||||
@@ -28,7 +28,6 @@
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" name="email" value="{{ old('email') }}" title="Please enter your email address" placeholder="example@gmail.com">
|
||||
<!-- <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div> -->
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputPassword1" class="form-label">Password</label>
|
||||
@@ -51,5 +50,66 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<section class="login">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="row gx-5 justify-content-center align-items-center">
|
||||
<div class="col-lg-8 text-start">
|
||||
<h3>Sign to start creating custom merch</h3>
|
||||
<!-- <div class="horizontal-divider bg-yellow"></div> -->
|
||||
<p>
|
||||
<router-link to="/create-account">Create a free account</router-link>
|
||||
or login to start designing
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8 mt-5">
|
||||
<form action="">
|
||||
<div class="mb-3">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control form-control-lg contact-input-custom"
|
||||
placeholder="Username*"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input
|
||||
type="password"
|
||||
class="form-control form-control-lg contact-input-custom"
|
||||
required
|
||||
placeholder="Password*"
|
||||
/>
|
||||
</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>
|
||||
<div class="col login-page-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -1,6 +1,6 @@
|
||||
@extends('merchbay_main')
|
||||
@section('main-content')
|
||||
<style>
|
||||
{{-- <style>
|
||||
.error {
|
||||
color: red;
|
||||
}
|
||||
@@ -128,5 +128,74 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
<section class="login">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="row gx-5 justify-content-center align-items-center">
|
||||
<div class="col-lg-8 text-start">
|
||||
<h3>Create free account and start designing merch.</h3>
|
||||
<!-- <div class="horizontal-divider bg-yellow"></div> -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8 mt-5">
|
||||
<form action="">
|
||||
<div class="mb-3">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control form-control-lg contact-input-custom"
|
||||
placeholder="Email Address*"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input
|
||||
type="password"
|
||||
class="form-control form-control-lg contact-input-custom"
|
||||
required
|
||||
placeholder="Password*"
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input
|
||||
type="password"
|
||||
class="form-control form-control-lg contact-input-custom"
|
||||
required
|
||||
placeholder="Confirm Password*"
|
||||
/>
|
||||
</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>
|
||||
|
||||
<p class="text-start">
|
||||
Already have an account?
|
||||
<router-link to="/login">Login</router-link>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col login-page-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -1,31 +1,6 @@
|
||||
<footer class="footer-bg py-3">
|
||||
<div class="container">
|
||||
<div class="row h-100">
|
||||
<div class="col-lg-7 align-self-center">
|
||||
<div class="copyright">Copyright © {{ date('Y') }}, <b>MERCHBAY</b>. All right reserved.</div>
|
||||
<ul class="footer-menu">
|
||||
{{-- <li class="footer-menu-item">
|
||||
<a href="#">About Us</a>
|
||||
</li> --}}
|
||||
<li class="footer-menu-item">
|
||||
<a href="{{ url('contact-us') }}">Contact Us</a>
|
||||
</li>
|
||||
<li class="footer-menu-item">
|
||||
<a href="{{ url('/terms-of-use') }}">Terms of Use</a>
|
||||
</li>
|
||||
<li class="footer-menu-item">
|
||||
<a href="{{ url('/privacy-policy') }}">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{{-- <div class="col-lg-5 align-self-center">
|
||||
<div class="footer-socials-icons">
|
||||
<img src="{{asset('public/images/socials/facebook-icon_42x42.png')}}" width="30" alt="" class="img-fluid mr-3">
|
||||
<img src="{{asset('public/images/socials/instagram-icon_42x42.png')}}" width="30" alt="" class="img-fluid mr-3">
|
||||
<img src="{{asset('public/images/socials/twitter-icon_42x42.png')}}" width="30" alt="" class="img-fluid mr-3">
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
<footer>
|
||||
<div>
|
||||
<i class="icon merchbay-icon"></i>
|
||||
<p>2023 © Merchbay, Inc. All Rights Reserved</p>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,205 +1,413 @@
|
||||
@extends('merchbay_main')
|
||||
@section('main-content')
|
||||
<style>
|
||||
.fishes {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
<!-- 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>
|
||||
|
||||
.fish {
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 80px;
|
||||
}
|
||||
.carousel-item{
|
||||
min-height: 350px;
|
||||
height: 350px;
|
||||
}
|
||||
.carousel-item>a {
|
||||
min-height: 350px;
|
||||
height: 350px;
|
||||
position: relative;
|
||||
}
|
||||
<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>
|
||||
|
||||
.carousel-item>a>img.blurred {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
filter: blur(1rem);
|
||||
}
|
||||
|
||||
.top-image {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
transform: translate(50%, -50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.top-image>img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="main__carousel">
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div id="carouselExampleDark" class="carousel slide" data-bs-ride="carousel">
|
||||
{{-- <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel"> --}}
|
||||
<ol class="carousel-indicators">
|
||||
@foreach ($carousel_images as $key => $carousel)
|
||||
@if ($key == 0)
|
||||
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"
|
||||
class="active"></li>
|
||||
@else
|
||||
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="{{ $key }}"></li>
|
||||
@endif
|
||||
@endforeach
|
||||
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"></li>
|
||||
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="1"></li> --}}
|
||||
{{-- <li data-bs-target="#carouselExampleDark" data-bs-slide-to="2"></li>
|
||||
<li data-bs-target="#carouselExampleDark" data-bs-slide-to="3"></li> --}}
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
{{-- <div class="carousel-item active" data-bs-interval="10000"> --}}
|
||||
|
||||
@foreach ($carousel_images as $key => $carousel)
|
||||
@if ($key == 0)
|
||||
<div class="carousel-item active" data-bs-interval="10000">
|
||||
<a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
|
||||
<div class="top-image">
|
||||
<img
|
||||
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
|
||||
</div>
|
||||
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
|
||||
class="blurred" />
|
||||
</a>
|
||||
</div>
|
||||
@else
|
||||
<div class="carousel-item" data-bs-interval="10000">
|
||||
<a href="{{ url('store') }}/{{ $carousel->StoreUrl }}">
|
||||
<div class="top-image">
|
||||
<img
|
||||
src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}" />
|
||||
</div>
|
||||
<img src="{{ config('site_config.uploads') . 'teamstore/' . $carousel->ImageFolder . '/' . $carousel->StoreBanner }}"
|
||||
class="blurred" />
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
|
||||
<!-- <div class="carousel-item" data-bs-interval="10000">
|
||||
<img src="https://crewsportswear.app:5955/WIPCAPS.jpg" class="d-block w-100" alt="...">
|
||||
</div> -->
|
||||
<!-- <div class="carousel-item" data-bs-interval="10000">
|
||||
<img src="https://crewsportswear.app:5955/NINONG.jpg" class="d-block w-100" alt="...">
|
||||
</div> -->
|
||||
{{-- <div class="carousel-item">
|
||||
<a href="">
|
||||
<img src="https://crewsportswear.app:5955/DRIVE.jpg" class="d-block w-100" alt="...">
|
||||
</a>
|
||||
</div> --}}
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carouselExampleDark" role="button" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carouselExampleDark" role="button" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<div class="main__content mt-5">
|
||||
<div class="container">
|
||||
<!-- Forms Search -->
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col-lg-8">
|
||||
<form class="row g-2 g-lg-5">
|
||||
<div class="col-lg-9">
|
||||
<div class="input-group">
|
||||
{{-- <input
|
||||
type="text"
|
||||
class="form-control border-end-0"
|
||||
placeholder="Search Store"
|
||||
aria-label="Search Store"
|
||||
aria-describedby="basic-addon2"
|
||||
/> --}}
|
||||
<input type="text" class="form-control border-end-0" placeholder="Search Store"
|
||||
value="{{ $keyword }}" name="q">
|
||||
<input type="hidden" class="form-control border-end-0" placeholder="Search Store"
|
||||
value="latest" name="s">
|
||||
<button class="input-group-text bg-white border-start-0" id="basic-addon2"><i
|
||||
class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 added-or">
|
||||
<a href="{{ url('templates') }}" type="submit" class="btn btn-black mb-3 w-100">
|
||||
Design your own
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
@include('teamstore-sublayouts.stores')
|
||||
<!-- First 12 Stores -->
|
||||
|
||||
<!-- Featured Products -->
|
||||
<div class="row py-5">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<h3>Featured Products</h3>
|
||||
</div>
|
||||
</div>
|
||||
@foreach ($featured_products as $product)
|
||||
<div class="col-lg-2 col-md-3 col-6" v-for="index in 6" :key="index">
|
||||
<div class="text-center p-3">
|
||||
<a href="{{ url('store') . '/' . $product->StoreUrl . '/product/' . $product->ProductURL }}">
|
||||
<div class="store-logo">
|
||||
<img src="{{ config('site_config.images_url') . '/' . $product->Image }}"
|
||||
alt="{{ $product->ProductName }}" class="d-block border shadow-sm">
|
||||
</div>
|
||||
<div class="store-name text-truncate">{{ $product->ProductName }}</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</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>
|
||||
|
||||
<!-- calling designers -->
|
||||
<div class="adbg">
|
||||
<div class="row py-3">
|
||||
<div class="col-lg-8">
|
||||
<div class="p-5">
|
||||
<h2>
|
||||
Calling all <span class="designer-text">Creators</span>
|
||||
</h2>
|
||||
<p>
|
||||
<a href="{{ url('auth/login') }}">Sign in</a> on Merchbay and share your creativity and expand
|
||||
<br />your ideas. Click below button to know more.
|
||||
</p>
|
||||
<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>
|
||||
|
||||
<div class="pt-3">
|
||||
<a href="{{ url('/contact-us') }}" type="button" class="btn btn-black mb-3 px-5">
|
||||
Learn more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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
|
||||
|
||||
@@ -1,17 +1,14 @@
|
||||
<nav class="navbar navbar-expand-lg bg-black">
|
||||
{{-- <nav class="navbar navbar-expand-lg bg-black">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-white" href="/">
|
||||
<span>M</span>erchbay
|
||||
{{-- <img src="{{asset('/public/images/merchbay-white.png')}}" class="img-fluid" alt="logo"> --}}
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMainToggler" aria-controls="navbarMainToggler" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="bi bi-list text-white"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarMainToggler" v-if="hasMenu">
|
||||
<ul class="navbar-nav ml-auto mb-2 mb-lg-0">
|
||||
<!-- <li class="d-inline d-lg-none">
|
||||
<button data-toggle="collapse" data-target="#navbarMainToggler" class="close float-end" aria-expanded="true">×</button>
|
||||
</li> -->
|
||||
|
||||
<li class="nav-item text-center d-md-none d-block">
|
||||
<h5>Menu</h5>
|
||||
</li>
|
||||
@@ -49,10 +46,75 @@
|
||||
<a href="{{ url('cart') }}" type="button" class="nav-link btn btn-navbar-cart btn-sm">
|
||||
<i class="fa fa-shopping-cart"></i>
|
||||
<span class="badge bg-secondary">{{ \App\Http\Controllers\MainController::getCountCart() }}</span>
|
||||
{{-- <span class="visually-hidden">unread messages</span> --}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</nav> --}}
|
||||
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
|
||||
<div class="container px-5">
|
||||
<a href="/" class="navbar-brand">
|
||||
<img src="{{ asset('/images/logo.png') }}" alt="logo" height="36px" />
|
||||
</a>
|
||||
<!-- <a class="navbar-brand" href="#page-top">
|
||||
|
||||
</a> -->
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#services"> Services </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact"> Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url('./auth/register') }}">
|
||||
<i class="icon icon-sign-up"></i> Sign Up
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<!-- <router-link to="/login" class="nav-link">
|
||||
<i class="icon icon-sign-in"></i>
|
||||
Log In
|
||||
</router-link> -->
|
||||
<a class="nav-link" href="{{ url('./auth/login') }}">
|
||||
<i class="icon icon-sign-in"></i>
|
||||
Log In
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#!">
|
||||
<i class="icon icon-cart"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
<style scoped>
|
||||
.navbar-custom .navbar-nav .nav-item .nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="{{ asset('public/assets/css/merchbay/styles.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('/assets/css/merchbay/styles.css') }}" rel="stylesheet">
|
||||
<!-- <link href="{{ asset('public/assets/login/css/style.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('public/assets/login/css/form-elements.css') }}" rel="stylesheet"> -->
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
@@ -80,14 +80,14 @@
|
||||
}(document, 'script', 'facebook-jssdk'));
|
||||
</script> -->
|
||||
@include('merchbay.navbar')
|
||||
<div class="container">
|
||||
<div class="wrapper bg-white">
|
||||
{{-- <div class="container-fluid">
|
||||
<div class="wrapper bg-white"> --}}
|
||||
@yield('main-content')
|
||||
|
||||
<!-- Your Chat Plugin code -->
|
||||
<div class="fb-customerchat" attribution="install_email" attribution_version="biz_inbox" page_id="107414144973415">
|
||||
</div>
|
||||
</div>
|
||||
{{-- </div>
|
||||
</div> --}}
|
||||
@include('merchbay.footer')
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user