Wedding Vendor & Supplier Directory HTML Template - RealWed
Wedding Vendor & Supplier Directory HTML Template - RealWed for All Vendor Listing and Details.

Item Support

Thank you for purchasing Wedding Vendor & Supplier Directory HTML Template - RealWed. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

This template is based on the popular responsive Bootstrap Grid System.


General Markup

Wedding Vendor & Supplier Directory HTML Template - RealWed. It has a pages like Vendor listing, Vendor Detail, Contact us, About us, All Vendor Listing like venue, Photographer, Flowrist, Wedding Dresses, Music /DJ etc.. Grid page, List page, Design HTML.

<!DOCTYPE html>

<html>
<head>
  <title>Wedding Vendor & Supplier Directory HTML Template - RealWed>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- CSS Files -->
  
</head>
<body>
  <header>
    <nav>
      ...
    </nav>
  </header>

  <!-- main content area -->
  <main>
    <div id="intro">
      ...
    </div>
  </main>
  ...
  <!-- Javascript Files -->
  ...

</body>
</html>

How To Edit Color

The template comes standard with one color schemes: Fire Brick Red

Color Hexadecimal color codes
Default Color #ff4d4d -
Primary Color #252328 -
Second Color #6f6d72 -
× There are also two references to the used color in rgba() notation. Keep this in mind when using 'find and replace' to adjust the template colors.
Heads up! As this theme relies heavily on the Bootstrap framework, the bootstrap.min.css file is essential for the theme to display correctly.

Stylesheets

Here's a list of the stylesheet files I'm using with this template:

File Name Description
style.css The main stylesheet for this template. This contains the styling for the all pages of the template.
bootstrap.min.css The stylesheet of the Bootstrap framework. This contains the css the create the grid system and other bootstrap elements. Please note that some of these styles may be overridden in the main.css file.
fontawesome.css This contains styling relavant to icon.
owltheme.css This contains styling for the owlcarousel.
owlcarousel.css This contains the styling for gallery sections.
owl.transitions.css This contains the styling for Owl Carousel CSS3 Transitions.
jQuery Nice Select A lightweight jQuery plugin that replaces native select elements with customizable dropdowns.
fastclick.js FastClick: polyfill to remove click delays on browsers with touch UIs.

CSS Structure

The style.css file contains all of the specific stylings for each page. The file is separated into sections using:

/*-------------------------------------------------------
  General Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Hero Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Page Section Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Footer Styles
-------------------------------------------------------*/

some code

etc, etc.
          

JavaScript Files

Here's a list of the javascript files I'm using with this template:

File Name Description
jquery.js This contains latest jquery library..
owlcarousel.min.js The owlcarousel.min.js used for gallery section and client and Testimonial.
owlcarousel.min.js The owlcarousel.min.js used for gallery section and client and Testimonial.
bootstrap.min.js The javascript file from the Bootstrap framework.
menu.js Its Contains function for menumaker js.
menumaker.js Its Contains menu third level dropdown.
testimonial.js Its Contains testimonial owl carousel script.
popup-gallery.js Its use for sticky header for all template navigation menu.
fastclick.js Its use for sticky header for all template navigation menu.

Setting the location for a map

If you want to change the location for a map on a page of the template, scroll to the bottom of the page and locate the line where the latlng variable is initialised in the javascript block. Change the Latitude and Longitude coordinates the the place you want to center the map on.

var latlng = new google.maps.LatLng(23.042817, 72.5672);

I've not included psds with this template.

I've included Php files for Contact us and appointment form also other files.

Step How to Edit PHP Files

  1. Open Php Files
  2. Top of php files you find code like.... : ( $to = 'yourid@gmail.com'; // Put in your email address here )
  3. Just Replace Your id with given Example Id like : ( $to = 'yourid@gmail.com'; // Dont change anything else from files.)
  4. Forms working now on your given id.
  5. Done(Enjoy )

I've used the following images, icons or other files as listed.

JavaScript

  1. jQuery — Javascript library.
  2. Bootstrap — Grid system and javascript based elements.
  3. Owlcarousel — Javascript library.
  4. Rate Yo RateYo! is a tiny and flexible jQuery star rating plugin.

CSS

  1. Bootstrap — Grid framework.

Images

  1. Live preview photos — The photo's used in the live preview is just for demo pupose. Not Included in Files. All are copyright to their respective owners.

Fonts ( Google Web Fonts)

  1. Rubik https://fonts.google.com/specimen/Rubik

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.