LuxRealty
LuxRealty & real estate html templateUpdate
Hi, Thanks for purchasing my work ! And it is not just a sentence.I really mean it !
LuxRealty template introduction
LuxRealty it’s a high-Quality and Professional HTML5 Template design and developed to fit all the needs of a Real Estate Business. .
Introduction
Frequently asked questions regarding the Madison HTML template.
If you have trouble working with Bootstrap, please visit FAQ as it covers most of the frequently asked question. If we don't have it covered yet, please, email me at [email protected] or via my Themeforest profile, or send a tweet to @codenpixel and I'll be happy to have a look at it.
HTML Structure
The layout is flexible,we use "grid" system, so you can make any configuration (please refer to the "" Bootstrap online Documentation " for more details. The general template structure is the same throughout the template.
NAVIGATION AND LOGO PART
To edit the logo you can simply replace the "logo.png" with your file, if you intend to use a png file. you can tweak size for your logo in style.css file. Jujst after line 15.
<nav class="navbar navbar-static-top nav-white" id="main_navbar" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<a href="index.html" class="navbar-brand logo col-sm-3">
<img src="images/logo.png" alt="" class="img-responsive">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="Navbar">
<!-- regular link -->
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<i class="ti-home">
</i>
Home
<span class="caret">
</span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="index.html">
Primary
</a>
</li>
<li>
<a href="index_2.html">
Secondary
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
Pages
<span class="caret">
</span>
</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="details_2.html">
Deal Page 1
</a>
</li>
<li>
<a href="details.html">
Deal Page 2
</a>
</li>
<li>
<a href="results.html">
Search Results
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
<li>
<a href="faq.html">
FAQ page
</a>
</li>
<li>
<a href="sumbit.html">
Sumbit deal
</a>
</li>
<li>
<a href="registration.html">
Registration
</a>
</li>
<li>
<a href="cart.html">
Cart Page
</a>
</li>
<li>
<a href="checkout.html">
Checkout
</a>
</li>
<li>
<a href="features.html">
Shortcodes
</a>
</li>
</ul>
</li>
<li>
<a href="results.html">
Categories
</a>
</li>
<li>
<a href="sumbit.html">
Sumbit
</a>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
</div>
</nav>
Background image,Parallax sections
Adding background image is very easy
Please take a look at line 3 below.If using parallax,don't forget to set ratio (scolling speed for backgound image).Dont like parallax,simple remove data-stellar-background-ratio= from the code.Background image can be placed on any element using this metod.Note that! Same approcah is used for slider as well.
MAPS
gMaps.js used for map,please visti official site for complete documentation
for manual adding properties open map_seetings.js and folow pattern
<!-- start: HERO -->
<div class="hero full-height bg-image overlay" data-stellar-background-ratio="0.3" data-image-src="images/slide-14.jpg">
<div class="container valign">
<div class="row">
<div class="col-sm-6">
<h1 class="font-white">Madison Template</h1>
<p class="lead font-white">Template for A creative web design agency, focused on unique, stylish and usable experiences across all devices.</p>
<p><a href="#" class="btn btn-round btn-default btn-fill">Get in Touch</a>
<a href="#" class="btn btn-round btn-dark btn-fill">Get a quote</a>
</p>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- end: HERO -->
Contact form seetings ?
Sorry,no contact form included.
How to customize a theme
In this tutorial we'll show you, how to start customizing a Warp theme and which tools you need to learn to make small modifications like changing the look and colors of a theme.
Web Developer tools
Whenever you try customizing our templates we highly recommend using Web Developer Tools like the famous Firebug plugin for Firefox. Other browsers like Chrome, Opera or Safari include very similar functionalities. Using these tools you have the possibility of easily trying out CSS styles right in your browser and inspecting existing styles to find their location in the theme's CSS files.
Editing CSS styles directly in your browser
Bring up Firebug by right-clicking on an interesting element and choosing "Inspect Element". On the left side you see the html-structure of your document (make sure you have the HTML-Tab enabled). Here you have the possibility to add and edit attributes and their values. Just double-click parts of the code to edit them.
Even more interesting is the right side of the plugin, here you see all css-styles for the selected element. If you want to edit something just double click on it, enter your new value and press enter when you are done. You will notice that Firebug opens a new empty line so you can not only edit existing styles but also add new ones. Firebug even shows you the computed style-values for the selected element, make sure you have activated the style-tab for our example.
Resources
Well,depending on several parameters.
I'm bored, I could learn something
It wil be great to learn something more about Bootstrap,please visit " Learn Bootstrap "
CSS will work too,please visit " Learn CSS "
Nah, I'm not interested.Please tell me who can take care of everything
Need someone to handle everything for you,then please visit " Envato studio "
Tools and apps
Firebug for firefox browser,must have! To download please visit " Get FireBug "
F12 if usign Chrome. Find out more about "Developer tools "
HTML editor,great one for free. Brackets! Download "Here "
Free Images
Once again, thank you so much for purchasing my work. As I said at the beginning, I'd be glad to help you if you have any questions. No guarantees, but I'll do my best to assist. If you have a more general question relating to the theme you can shoot me an e-mail via my ThemeForest profile, you might consider visiting the forums and asking your question in the "Item Discussion" section as well.