Bigdeal Html Theme

Welcome to Bigdeal!

We are pleased that you have chosen Bigdeal theme for your site and we will not disappoint you with your choice. Bigdeal is an excellent theme develop with a concise approach. The code written is a clean and well structured.

Bigdeal is the most powerful & responsive theme with all the modules and functions involved with an attractive design.

Bigdeal theme template is Bigdeal focusing on HTML and CSS3 and works perfectly fine in all the browsers and it is powered by jQuery.

Bigdeal theme include total 4 pre-built home page layouts, 79 inner pages, 15 product pages, and 10 shop pages.

We request to have a look at our Bigdeal manual to know brief about the theme! We have compromised each and every detail for you in the manual that you will need.

If we are unable to answer your queries beyond our documentation, you are free to contact us through the themeforest support page with your site. We will be happy to cater you and will get back to you in no time.

Read the manual before jumping to start!

When you unpack downloaded archive from ThemeForest.net you'll get folder containing 2 folders.

  1. Documentation - Documentation for Bigdeal HTML site template
  2. THEME - Bigdeal Main Folder
Html Folder Structure
Html Folder Structure

If you want RTl theme then you just need to add rtl class in body tag.

Bigdeal include 6 color option, You need to change style css.

<link rel="stylesheet" type="text/css" href="../assets/css/color1.css" >
<link rel="stylesheet" type="text/css" href="../assets/css/color2.css" >
<link rel="stylesheet" type="text/css" href="../assets/css/color3.css" >
<link rel="stylesheet" type="text/css" href="../assets/css/color4.css" >
<link rel="stylesheet" type="text/css" href="../assets/css/color5.css" >
<link rel="stylesheet" type="text/css" href="../assets/css/color6.css" >
... as on

If you want to use another color, change $theme-color1 and $theme-color2 variable in style scss

$theme-color1:#ff6000;
$theme-color2:#ffa800;
<!--Google font-->
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap" rel="stylesheet">
<!--Google font-->
<link href="href="https://fonts.googleapis.com/css?family=Raleway&display=swap"" rel="stylesheet">

logo

<!-- Brand Logo -->
<div class="brand-logo">
<a href="index.html"> <img src="../assets/images/layout-1/logo/logo.png" class="img-fluid" alt="logo"></a>
</div>
<!-- footer logo -->
<div class="footer-logo">
<img src="../assets/images/layout-1/logo/logo.png" alt="logo">
</div>

Menu

Vertical & Horizontal menu

<!-- Vertical Menu -->
<ul id="sub-menu" class="sm pixelstrap sm-vertical ">
...
</ul>
<!-- Horizontal menu -->
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
..
</ul>

Dropdown and Mega menu

<!-- dropdown menu -->
<li><a href="#">pages</a>
<ul>
..
</ul>
</li>
<!-- mega menu -->
<li class="mega"><a href="#">Home</a>
<ul class="mega-menu">
<li>
..
</li>
</ul>
</li>

Button

Bigdeal theme include 3 types of buttons

<a href="#" class="btn btn-normal">shop now</a>
<a href="#" class="btn btn-rounded">shop now</a>
<a href="#" class="btn btn-white">shop now</a>
<a href="#" class="btn btn-normal btn-outline">shop now</a>
<a href="#" class="btn btn-rounded btn-outline">shop now</a>
<a href="#" class="btn btn-white btn-outline">shop now</a>
<a href="#" class="btn btn-rounded btn-block">shop now</a>
<a href="#" class="btn btn-white btn-block">shop now</a>
<a href="#" class="btn btn-normal btn-block">shop now</a>

Title classes

<!-- Title 1 -->
<div class="title1">
<h4 >trending products</h4>
</div>

<!-- Title 2 -->
<div class="title2">
<h4 >trending products</h4>
</div>

<!-- Title 3 -->
<div class="title3">
<h4 >trending products</h4>
</div>

<!-- Title 4 -->
<div class="title4">
<h4 >trending products<span >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span></h4>
</div>

<!-- Title 5 -->
<div class="title5">
<h4 >trending products</h4><p >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>

<!-- Title 6 -->
<div class="title6">
<h4 >trending products</h4>
</div>

Footer Copyright

<div class="sub-footer-contain">
<p>2018 - 19 COPY RIGHT BY THEMEFOREST POWERED BY PIXEL STRAP </p>
</div>

Product Hover swipe image

if you do not want second image in product, remove Back div

<!-- front image -->
<div class="product-front">
<a href="product-page(no-sidebar).html"><img src="../assets/images/product/1.jpg" class="img-fluid" alt=""></a>
</div>
<!-- hover back image -->
<div class="product-back">
<a href="product-page(no-sidebar).html"><img src="../assets/images/product/2.jpg" class="img-fluid" alt=""></a>
</div>

How to remove dark rtl & color options

For remove rtl & dark option comment/delete js with below comment

  /*------------------------------
     RTL & Dark Light
     -------------------------------*/ 

For remove color option comment/delete js with below comment

  /*------------------------------
     Color Picker
     -------------------------------*/ 

Home slider, Contain Banner & Parallax Text Alignment

Add class in Parent child

Parallax image

If you want parallax image, Add class in Parent child

Once again thank you for purchasing one of our Templates , if you like our Templates please rate us

Best Regards, Pixelstrap