E-Commerce Fashion – Cloth Store Website Design Using HTML CSS JS – From Scratch 100% Free Source Code Download

Create a completely responsive e-commerce website design template / Cloth Store Website Design using HTML CSS and vanilla JavaScript

How to make a complete responsive fashion e-commerce website design with dark and light theme toggle effects using vanilla JavaScript

โ–บ The main feature of this website is: โ–บ


Fully Responsive header / Navbar section with the search bar.
Fully Dark and Light or Day and Night mode toggle effect using vanilla JavaScript.
Fully Responsive home section using flex-box.
Fully Responsive category card section with hover effects using flex-box.
Fully Responsive product touch slider section using swiper.js.
Fully Responsive deal section with countdown effect using vanilla JavaScript.
Fully Responsive review touch slider section using swiper.js.
Fully Responsive footer section using flex-box.

E-Commerce Fashion / Cloth Store Website Design Using HTML CSS JS – From Scratch 100% Free Source Code Download

SOURCE CODES

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ): End of the page

Website Download Link: https://freewebsitecode.com/

Thanks for watching!
Make sure to Like + Subscribe For More!

โ–บโ–บ๐ƒ๐จ๐งโ€™๐ญ ๐…๐จ๐ซ๐ ๐ž๐ญ ๐“๐จ ๐’๐ฎ๐›๐ฌ๐œ๐ซ๐ข๐›๐ž โ–บโ–บ

https://www.youtube.com/channel/UC9HlQRmKgG3jeVD_fBxj1Pw/videos

100% Free Source Code Download Guaranteed. Stay With Free Website Code
All kinds of free website codes are available here. Anyone can download Source Code free of cost.
Thank You,
Free Website Code
Visit: https://freewebsitecode.com/

You can use this as a Cloth Selling / Buying Website Design
You can use this as an Online E-Commerce Fashion Website Design
You can use this as a Cloth Store Website Design
You can use this as an E-Commerce Website Design
You can use this as a Fashion Design Website Design
You can use this as a Cloth Show Room Portfolio Website Design
You can use this as a Textile Company Portfolio Website Design
You can use this as an Online Business Website Design
You can use this as a Single Page Website Design

======================================================

How to make a website using HTML CSS and JavaScript
Complete website in HTML CSS and JavaScript with source code.

Create a completely responsive e-commerce website design template / Cloth Store Website Design using HTML CSS and vanilla JavaScript

Create A Responsive Halloween E-Commerce Website Design Using HTML – CSS – JavaScript | 100% Free Download
https://www.youtube.com/watch?v=frz85Y8H4UE&t=2s

Complete Responsive Food / Restaurant Website Design Using HTML / CSS / JAVASCRIPT – 100% Free Download
https://www.youtube.com/watch?v=m9vfjSwb4zc

Create A Responsive Car Selling Website Design Using HTML – CSS – JavaScript | 100% Free Download
https://www.youtube.com/watch?v=FQ0osQ1ZVRc

Create A Responsive Grocery Store Website Design Using HTML – CSS – JavaScript-100% Free Download
https://www.youtube.com/watch?v=NifI30KHMY8

Create A Responsive Online Book Store Website Design Using HTML – CSS – JavaScript | 100% Free Download
https://www.youtube.com/watch?v=EeQYAJnknZg

E-Commerce Fashion / Cloth Store Website Design Using HTML – SASS – JavaScript 100% Free Download
https://www.youtube.com/watch?v=aDnL51Ambgw

Animated Glassmorphism Styled / Glass Effect Website Design Using HTML – CSS – JavaScript-100% Free Download
https://www.youtube.com/watch?v=840c9kfZvaQ&t=9s

Complete Responsive IT Company / Business Website Design Tutorial HTML – CSS – JAVASCRIPT -100% Free Download
https://www.youtube.com/watch?v=dYXqHMJcNiY&t=3s

Hospital – Medical – Clinic – Diagnostic Center Website Design Using HTML – CSS – JavaScript -Free Download
https://www.youtube.com/watch?v=LjgTq6_VF4g&t=2s

Coffee Shop – Tea Stall – Fast Food Website Design Using HTML- CSS -JavaScript- 100% Free Download
https://www.youtube.com/watch?v=Qyx-G7xQ5fE&t=1s

Personal Portfolio / Blog Website Design Project Using HTML – CSS – JavaScript -100% Free Download
https://www.youtube.com/watch?v=BDGW4HxGACA

Follow Us

https://facebook.com/freewebsitecode/

โ–บโ–บ๐ƒ๐จ๐งโ€™๐ญ ๐…๐จ๐ซ๐ ๐ž๐ญ ๐“๐จ ๐’๐ฎ๐›๐ฌ๐œ๐ซ๐ข๐›๐ž โ–บโ–บ
https://www.youtube.com/channel/UC9HlQRmKgG3jeVD_fBxj1Pw/videos

๏ผฌ๏ผฉ๏ผซ๏ผฅ | ๏ผฃ๏ผฏ๏ผญ๏ผญ๏ผฅ๏ผฎ๏ผด | ๏ผณ๏ผจ๏ผก๏ผฒ๏ผฅ | ๏ผณ๏ผต๏ผข๏ผณ๏ผฃ๏ผฒ๏ผฉ๏ผข๏ผฅ

FreeWebsiteCode.com tries to provide HTML, CSS, SCSS, JavaScript, React, Android Studio, Java, PHP, Laravel, Python, Django, C#(C Sharp), ASP.net related projects 100% free. We try to make learning easier. Free Website Code always tries to give free projects to those who are new learners. Free projects and source code will help to learn easily. They can save time and learn more.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>complete responsive e-commerce website design tutorial</title>

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

    <!-- font awesome cdn link  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

    <!-- custom css file link  -->
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    
<!-- header section starts  -->

<header>

    <a href="#" class="logo">fahion<span>.</span></a>

    <form action="">
        <input type="search" id="search-bar">
        <label for="search-bar" class="fas fa-search"></label>
    </form>

    <div class="icons">
        <div id="menu-bar" class="fas fa-bars"></div>
        <div id="theme-toggler" class="fas fa-moon"></div>
        <a href="#" class="fas fa-heart"></a>
        <a href="#" class="fas fa-shopping-cart"></a>
        <a href="#" class="fas fa-user"></a>
    </div>

</header>

<!-- header section ends -->

<!-- navbar section  -->

<nav class="navbar">

    <div class="user">
        <img src="images/user-img.png" alt="">
        <h3>Your Name</h3>
    </div>

    <div class="links">
        <a href="#home">home</a>
        <a href="#products">products</a>
        <a href="#featured">featured</a>
        <a href="#deal">deal</a>
        <a href="#review">review</a>
    </div>

    <div id="close" class="fas fa-times"></div>

</nav>

<!-- home section starts  -->

<section class="home" id="home">

    <div class="content">
        <span>special offer</span>
        <h3>sale upto 50% off</h3>
        <a href="#" class="btn">shop now</a>
    </div>

    <div class="image">
        <img src="images/home-img.png" alt="">
    </div>

</section>

<!-- home section ends -->

<!-- category section starts  -->

<section class="category">

    <h1 class="heading"> shop by <span>category</span> </h1>

    <div class="box-container">

        <div class="box">
            <img src="images/cat-1.jpg" alt="">
            <div class="content">
                <span>upto 50% off</span>
                <h3>for womans</h3>
                <a href="#" class="btn">shop now</a>
            </div>
        </div>

        <div class="box">
            <img src="images/cat-2.jpg" alt="">
            <div class="content">
                <span>upto 50% off</span>
                <h3>for mans</h3>
                <a href="#" class="btn">shop now</a>
            </div>
        </div>
        
    </div>

</section>

<!-- category section ends -->

<!-- products section starts  -->

<section class="products" id="products">

    <h1 class="heading"> latest <span>products</span> </h1>

<div class="swiper-container product-slider gap">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-1.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>man's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-2.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>woman's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-3.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>man's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-4.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>woman's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-5.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>man's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>

<div class="swiper-container product-slider">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-6.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>woman's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-7.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>man's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-8.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>woman's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-9.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>man's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="icons">
                    <a href="#" class="fas fa-heart"></a>
                    <a href="#" class="fas fa-search"></a>
                    <a href="#" class="fas fa-eye"></a>
                </div>
                <div class="image">
                    <img src="images/p-10.png" alt="">
                </div>
                <div class="content">
                    <div class="stars">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="far fa-star"></i>
                        <span>( 250 reviews )</span>
                    </div>
                    <h3>woman's clothing</h3>
                    <div class="price">$15.99 <span>$18.99</span></div>
                    <a href="#" class="btn">add to cart</a>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>

</section>

<!-- products section ends -->

<!-- featured section starts  -->

<section class="featured" id="featured">

    <h1 class="heading"> <span>featured</span> products </h1>

    <div class="box-container">

        <div class="box">
            <div class="image-container">
                <div class="small-image">
                    <img src="images/f-1-1.png" class="small-image-1" alt="">
                    <img src="images/f-1-2.png" class="small-image-1" alt="">
                    <img src="images/f-1-3.png" class="small-image-1" alt="">
                </div>
                <div class="big-image">
                    <img src="images/f-1-1.png" class="big-image-1" alt="">
                </div>
            </div>
            <div class="content">
                <h3>man's clothing</h3>
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="far fa-star"></i>
                    <span>( 250 reviews )</span>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora quasi nesciunt, error fuga facilis autem rerum cumque animi rem natus.</p>
                <div class="price">$15.99 <span>$18.99</span></div>
                <a href="#" class="btn">add to cart</a>
            </div>
        </div>

        <div class="box">
            <div class="image-container">
                <div class="small-image">
                    <img src="images/f-2-1.png" class="small-image-2" alt="">
                    <img src="images/f-2-2.png" class="small-image-2" alt="">
                    <img src="images/f-2-3.png" class="small-image-2" alt="">
                </div>
                <div class="big-image">
                    <img src="images/f-2-1.png" class="big-image-2" alt="">
                </div>
            </div>
            <div class="content">
                <h3>woman's clothing</h3>
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="far fa-star"></i>
                    <span>( 250 reviews )</span>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora quasi nesciunt, error fuga facilis autem rerum cumque animi rem natus.</p>
                <div class="price">$15.99 <span>$18.99</span></div>
                <a href="#" class="btn">add to cart</a>
            </div>
        </div>

        <div class="box">
            <div class="image-container">
                <div class="small-image">
                    <img src="images/f-3-1.png" class="small-image-3" alt="">
                    <img src="images/f-3-2.png" class="small-image-3" alt="">
                    <img src="images/f-3-3.png" class="small-image-3" alt="">
                </div>
                <div class="big-image">
                    <img src="images/f-3-1.png" class="big-image-3" alt="">
                </div>
            </div>
            <div class="content">
                <h3>man's clothing</h3>
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="far fa-star"></i>
                    <span>( 250 reviews )</span>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora quasi nesciunt, error fuga facilis autem rerum cumque animi rem natus.</p>
                <div class="price">$15.99 <span>$18.99</span></div>
                <a href="#" class="btn">add to cart</a>
            </div>
        </div>

    </div>

</section>

<!-- featured section ends -->

<!-- deal section starts  -->

<section class="deal" id="deal">

    <h1 class="heading"> special <span>deal</span> </h1>

    <div class="row">

        <div class="content">
            <span class="discount">upto 50% off</span>
            <h3 class="text">deal of the day</h3>
            <div class="count-down">
                <div class="box">
                    <h3 id="days">00</h3>
                    <span>days</span>
                </div>
                <div class="box">
                    <h3 id="hours">00</h3>
                    <span>hours</span>
                </div>
                <div class="box">
                    <h3 id="minutes">00</h3>
                    <span>minutes</span>
                </div>
                <div class="box">
                    <h3 id="seconds">00</h3>
                    <span>seconds</span>
                </div>
            </div>
            <a href="#" class="btn">shop now</a>
        </div>

        <div class="image">
            <img src="images/counter-img.png" alt="">
        </div>

    </div>

</section>

<!-- deal section ends -->

<!-- review section starts  -->

<section class="review" id="review">

    <h1 class="heading"> customers <span>review</span> </h1>

<div class="swiper-container review-slider">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="slide">
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt nihil aut praesentium qui non, magnam perspiciatis commodi fugit cumque quos, deserunt quidem esse fuga facilis exercitationem, dolorum itaque corrupti tempore.</p>
                <div class="user">
                    <img src="images/pic-1.png" alt="">
                    <div class="user-info">
                        <h3>john deo</h3>
                        <span>happy customer</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt nihil aut praesentium qui non, magnam perspiciatis commodi fugit cumque quos, deserunt quidem esse fuga facilis exercitationem, dolorum itaque corrupti tempore.</p>
                <div class="user">
                    <img src="images/pic-2.png" alt="">
                    <div class="user-info">
                        <h3>john deo</h3>
                        <span>happy customer</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt nihil aut praesentium qui non, magnam perspiciatis commodi fugit cumque quos, deserunt quidem esse fuga facilis exercitationem, dolorum itaque corrupti tempore.</p>
                <div class="user">
                    <img src="images/pic-3.png" alt="">
                    <div class="user-info">
                        <h3>john deo</h3>
                        <span>happy customer</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide">
                <div class="stars">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star"></i>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt nihil aut praesentium qui non, magnam perspiciatis commodi fugit cumque quos, deserunt quidem esse fuga facilis exercitationem, dolorum itaque corrupti tempore.</p>
                <div class="user">
                    <img src="images/pic-4.png" alt="">
                    <div class="user-info">
                        <h3>john deo</h3>
                        <span>happy customer</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</section>

<!-- review section ends -->

<!-- footer section starts  -->

<section class="footer">

<div class="footer-container">

    <div class="box-container">

        <div class="box">
            <h3>quick links</h3>
            <a href="#">home</a>
            <a href="#">products</a>
            <a href="#">featured</a>
            <a href="#">deal</a>
            <a href="#">review</a>
        </div>

        <div class="box">
            <h3>extra links</h3>
            <a href="#">my account</a>
            <a href="#">my favorite</a>
            <a href="#">my order</a>
            <a href="#">my cart</a>
        </div>

        <div class="box">
            <h3>donwload links</h3>
            <a href="#">windows store</a>
            <a href="#">app store</a>
            <a href="#">google store</a>
        </div>

        <div class="box">
            <h3> Social links</h3>
            <a href="https://facebook.com/freewebsitecode/"> <i class="fab fa-facebook-f"></i> facebook</a>
            <a href="https://freewebsitecode.com/"> <i class="fab fa-twitter"></i> twitter</a>
            <a href="https://freewebsitecode.com/"> <i class="fab fa-instagram"></i> instagram</a>
            <a href="https://freewebsitecode.com/"> <i class="fab fa-linkedin"></i> linkedin</a>
            <a href="https://freewebsitecode.com/"> <i class="fab fa-pinterest"></i> pinterest</a>
            <a href="https://www.youtube.com/channel/UC9HlQRmKgG3jeVD_fBxj1Pw/videos"> <i class="fab fa-youtube"></i> youtube</a>
        </div>

        <div class="box">
            <h3>contact us</h3>
            <a href="#">+123-456-7890</a>
            <a href="#">[email protected]</a>
            <a href="#">Kerala, india - 683544</a>
            <h3>payment methods</h3>
            <img src="images/payment.png" alt="Payment Image">
        </div>

    </div>

    <div class="credit"> created by <span> <a href="https://freewebsitecode.com/"> Free Website Code </a> </span> | all rights reserved </div>

</div>

</section>

<!-- footer section ends -->






<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<!-- custom js file link -->
<script src="js/script.js"></script>

</body>
</html>

Thanks for watching!

All Links in Below:




Join Our Freewebsitecode Facebook Group to get an instant update for projects, templates, design resources, and solutions.

Join Our YouTube Channel & Subscribe with Bell Icon for New Video:

Join Our Official Facebook Page For the Latest updates All Code Projects are Free:

Visit our service page to get premium services.

Free Website Code – HTML CSS, PHP, JavaScript Programming Projects For Free

Follow Us

Thank You,

Stay with FreeWebsiteCode.com

Share the post if necessary.

Make sure to Like + Subscribe For More!

โ–บโ–บ๐ƒ๐จ๐งโ€™๐ญ ๐…๐จ๐ซ๐ ๐ž๐ญ ๐“๐จ ๐’๐ฎ๐›๐ฌ๐œ๐ซ๐ข๐›๐ž โ–บโ–บ
https://www.youtube.com/channel/UC9HlQRmKgG3jeVD_fBxj1Pw/videos

Follow Us
https://facebook.com/freewebsitecode/

Leave a Comment

Item added to cart.
0 items - 0.00$

Join Our Newsletter Today To Get Update

Stay updated with all latest premium themes, pulgins, HTML template & Much More.
Subscribe
SUBSCRIBE NOW
close-link
Open chat
Any Questions?
Hello,
How can we help you?