Scribbler
Scribbler is a beautiful and modern way to share your writing with the world.
- Created: 06-March-2017
- By: Dotstore
- Email: support@multidots.com
1. Included Files
1.1 HTML Files
- index.html
- index-centered.html
- index-divider.html
- index-left-sidebar.html
- index-logo-center.html
- index-logo-right.html
- index-stack-center.html
- index-stack-left.html
- index-stack-right.html
- index-footer-bottom.html
- index-footer-centered.html
- index-footer-logo-right.html
- about.html
- contact.html
- 404.html
- blog-full-width.html
- blog-grid.html
- blog-grid-left-sidebar.html
- blog-grid-right-sidebar.html
- blog-grid-three-column.html
- blog-grid-four-column.html
- blog-list.html
- blog-list-left-sidebar.html
- blog-list-right-sidebar.html
- blog-masonry.html
- blog-masonry-left-sidebar.html
- blog-masonry-right-sidebar.html
- blog-masonry-three-column.html
- blog-masonry-four-column.html
- blog-masonry-with-slider.html
- blog-detail.html
- blog-detail-left-sidebar.html
- blog-detail-right-sidebar.html
- audio-post.html
- blockquote-post.html
- embedded-video-post.html
- html-video-post.html
- image-slider.html
- thumb-gallery.html
1.2 CSS
CSS files – with usage details (order of importance):
- bootstrap.min.css – Stylesheet (minified) for Bootstraps front-end framework
- owl.carousel.min.css – Basic stylesheet (minified) for content sliders/carousels
- font-awesome.css – Font Icons stylesheet
- magnific-popup.css – Stylesheet for Image Popups
- style.css – Main template stylesheet
- media.css – Main template Responsive stylesheet
1.3 Javascript
JavaScripts and integrated jQuery scripts – with usage details (order of importance):
- jquery.min.js – Script (minified) for jQuery script usage
- bootstrap.min.js – Script (minified) for Bootstraps front-end framework
- element.js – Main template script
- modernizr.js – JavaScript library that detects which HTML5 and CSS3 features your visitor's browser supports.
- owl.carousel.js – jQuery plugin that lets you create beautiful responsive carousel slider.
- jquery.localscroll-1.2.7-min.js – jQuery plugin that lets Animated anchor navigation made easy with jQuery.
- imagesloaded.pkgd.min.js – Detect when images have been loaded.
- jquery.isotope.min.js – Filter & sort magical layouts
- jquery.parallax-1.1.3.js – The lightest parallax plugin that enhances progressively from basic background images to a nice parallax effect.
- jquery.magnific-popup.js – Responsive lightbox & dialog script with focus on performance and providing best experience for user with any device
2. Technology
Unicase is based on Twitters popular front-end framework Bootstrap for fully flexible and responsive layouts. It also uses the latest web technology HTML5 for semantic content structuring and CSS3 for versatile and powerful styling options.
Read more about the used technology:
Bootstrap: http://getbootstrap.com
HTML5/CSS3: http://www.w3schools.com
HTML5: http://html5doctor.com
3. Usage – Customization
3.1 Classic Header
Now comes the really interesting part! Learn how to use and customize this website template to fit your needs. The most important thing for you to do is actually look into the HTML source code and see how elements are written! The clean and commented code makes it easy for you to copy code blocks from content modules and past them in different places or layouts. The Header section consist of logo and menu. HTML Code for this section is below:
<!-- Header Section Begins -->
<header id="header" class="header-block" data-top="0" data-scroll="100">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 main-menu">
<div class="menuBar scrollbtn">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" /></a>
</div>
</div>
<div class="home-menu">
<div class="collapse navbar-collapse" id="main-menu">
<ul class="nav navbar-nav navbar-right">
<li class="active has-children"><a href="#banner">Home</a>
<ul class="sub-menu">
<li class="has-children"> <a href="index.html"> Default </a>
<ul class="sub-menu">
<li> <a href="index.html"> Right Sidebar </a> </li>
<li> <a href="index-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-grid.html"> Grid Layout </a>
<ul class="sub-menu">
<li> <a href="blog-grid.html"> 2 Columns </a> </li>
<li> <a href="blog-grid-three-column.html"> 3 Columns </a> </li>
<li> <a href="blog-grid-four-column.html"> 4 Columns </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-list.html"> List Layout </a>
<ul class="sub-menu">
<li> <a href="blog-list-right-sidebar.html"> Right Sidebar </a> </li>
<li> <a href="blog-list-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-masonry.html"> Masonry Layout </a>
<ul class="sub-menu">
<li> <a href="blog-masonry.html"> 2 Columns </a> </li>
<li> <a href="blog-masonry-three-column.html"> 3 Columns </a> </li>
<li> <a href="blog-masonry-four-column.html"> 4 Columns </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-detail.html"> Single Layout </a>
<ul class="sub-menu">
<li> <a href="blog-detail-right-sidebar.html"> Right Sidebar </a> </li>
<li> <a href="blog-detail-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-detail.html"> Full Width </a> </li>
</ul>
</li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="has-children"><a href="javascript:void(0)">Post Format </a>
<ul class="sub-menu">
<li> <a href="blog-detail-right-sidebar.html"> Image Post </a> </li>
<li> <a href="thumb-gallery.html"> Thumbs Gallery Post </a> </li>
<li> <a href="image-slider.html"> Image Slider Post </a> </li>
<li> <a href="embedded-video-post.html"> Embedded video Post </a> </li>
<li> <a href="html-video-post.html"> Html5 Video Post </a> </li>
<li> <a href="audio-post.html"> Audio post </a> </li>
<li> <a href="blockquote-post.html"> BlockQuote Post </a> </li>
</ul>
</li>
<li class="has-children"><a href="javascript:void(0)">Features</a>
<ul class="sub-menu">
<li> <a href="404.html"> 404! </a> </li>
<li class="has-children"> <a href="javascript:void(0)"> Side Bar </a>
<ul class="sub-menu">
<li> <a href="index.html"> Right Sidebar </a> </li>
<li> <a href="index-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Bottom Sidebar </a> </li>
</ul>
</li>
<li class="has-children"> <a href="index.html"> Header </a>
<ul class="sub-menu">
<li> <a href="index-centered.html"> Modern </a> </li>
<li> <a href="index.html"> Classic </a> </li>
<li> <a href="index-divider.html"> Plain </a> </li>
<li> <a href="index-stack-left.html"> Stack Left </a> </li>
<li> <a href="index-stack-center.html"> Stack Center </a> </li>
<li> <a href="index-stack-right.html"> Stack Right </a> </li>
</ul>
</li>
<li class="has-children"> <a href="javascript:void(0)"> Footer </a>
<ul class="sub-menu">
<li> <a href="blog-full-width.html"> Default </a> </li>
<li> <a href="index.html"> Plain with links </a> </li>
<li> <a href="index-footer-centered.html"> Plain </a> </li>
<li> <a href="index-footer-bottom.html"> Logo Left </a> </li>
<li> <a href="index-footer-logo-right.html"> Logo Right </a> </li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact Us </a></li>
</ul>
</div>
<div class="search-form">
<form>
<div class="form-group">
<div class="btn-form"></div>
<input type="text" class="form-control" placeholder="Search">
</div>
</form>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- Header Section Ends -->
3.1.1 Header With Center Logo
This section consist of logo in the center and menus on left and right side. HTML code of this section is shown below:
<!-- Header Section Begins -->
<header id="header" class="header-block" data-top="0" data-scroll="100">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 main-menu">
<div class="menuBar scrollbtn">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" /></a>
</div>
</div>
<div class="home-menu">
<div class="collapse navbar-collapse" id="main-menu">
<ul class="nav navbar-nav navbar-right">
<li class="active has-children"><a href="#banner">Home</a>
<ul class="sub-menu">
<li class="has-children"> <a href="index.html"> Default </a>
<ul class="sub-menu">
<li> <a href="index.html"> Right Sidebar </a> </li>
<li> <a href="index-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-grid.html"> Grid Layout </a>
<ul class="sub-menu">
<li> <a href="blog-grid.html"> 2 Columns </a> </li>
<li> <a href="blog-grid-three-column.html"> 3 Columns </a> </li>
<li> <a href="blog-grid-four-column.html"> 4 Columns </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-list.html"> List Layout </a>
<ul class="sub-menu">
<li> <a href="blog-list-right-sidebar.html"> Right Sidebar </a> </li>
<li> <a href="blog-list-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-masonry.html"> Masonry Layout </a>
<ul class="sub-menu">
<li> <a href="blog-masonry.html"> 2 Columns </a> </li>
<li> <a href="blog-masonry-three-column.html"> 3 Columns </a> </li>
<li> <a href="blog-masonry-four-column.html"> 4 Columns </a> </li>
<li> <a href="blog-full-width.html"> Full Width </a> </li>
</ul>
</li>
<li class="has-children"> <a href="blog-detail.html"> Single Layout </a>
<ul class="sub-menu">
<li> <a href="blog-detail-right-sidebar.html"> Right Sidebar </a> </li>
<li> <a href="blog-detail-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-detail.html"> Full Width </a> </li>
</ul>
</li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="has-children"><a href="javascript:void(0)">Post Format </a>
<ul class="sub-menu">
<li> <a href="blog-detail-right-sidebar.html"> Image Post </a> </li>
<li> <a href="thumb-gallery.html"> Thumbs Gallery Post </a> </li>
<li> <a href="image-slider.html"> Image Slider Post </a> </li>
<li> <a href="embedded-video-post.html"> Embedded video Post </a> </li>
<li> <a href="html-video-post.html"> Html5 Video Post </a> </li>
<li> <a href="audio-post.html"> Audio post </a> </li>
<li> <a href="blockquote-post.html"> BlockQuote Post </a> </li>
</ul>
</li>
<li class="has-children"><a href="javascript:void(0)">Features</a>
<ul class="sub-menu">
<li> <a href="404.html"> 404! </a> </li>
<li class="has-children"> <a href="javascript:void(0)"> Side Bar </a>
<ul class="sub-menu">
<li> <a href="index.html"> Right Sidebar </a> </li>
<li> <a href="index-left-sidebar.html"> Left Sidebar </a> </li>
<li> <a href="blog-full-width.html"> Bottom Sidebar </a> </li>
</ul>
</li>
<li class="has-children"> <a href="index.html"> Header </a>
<ul class="sub-menu">
<li> <a href="index-centered.html"> Modern </a> </li>
<li> <a href="index.html"> Classic </a> </li>
<li> <a href="index-divider.html"> Plain </a> </li>
<li> <a href="index-stack-left.html"> Stack Left </a> </li>
<li> <a href="index-stack-center.html"> Stack Center </a> </li>
<li> <a href="index-stack-right.html"> Stack Right </a> </li>
</ul>
</li>
<li class="has-children"> <a href="javascript:void(0)"> Footer </a>
<ul class="sub-menu">
<li> <a href="blog-full-width.html"> Default </a> </li>
<li> <a href="index.html"> Plain with links </a> </li>
<li> <a href="index-footer-centered.html"> Plain </a> </li>
<li> <a href="index-footer-bottom.html"> Logo Left </a> </li>
<li> <a href="index-footer-logo-right.html"> Logo Right </a> </li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact Us </a></li>
</ul>
</div>
<div class="search-form">
<form>
<div class="form-group">
<div class="btn-form"></div>
<input type="text" class="form-control" placeholder="Search">
</div>
</form>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- Header Section Ends -->
3.1.2 Modern Header
HTML Code for header is same as Classic Header. You just have to add one different class which is shown as below:
<header id="header" class="header-block header-centered" data-top="0" data-scroll="100"> </header>
3.1.3 Plain Header
HTML Code for header is same as Classic Header. You just have to add one different class which is shown as below:
<header id="header" class="header-block header-divider" data-top="0" data-scroll="100"> </header>
3.1.4 Header - Stack Left
HTML Code for header is same as Classic Header. You just have to add one different class which is shown as below:
<header id="header" class="header-block full-head-logo-left" data-top="0" data-scroll="100"> </header>
3.1.5 Header - Stack Right
HTML Code for header is same as Classic Header. You just have to add one different class which is shown as below:
<header id="header" class="header-block full-head-logo-right" data-top="0" data-scroll="100"> </header>
3.1.5 Header - Stack Center
HTML Code for header is same as Classic Header. You just have to add one different class which is shown as below:
<header id="header" class="header-block full-head-logo-centered" data-top="0" data-scroll="100"> </header>
3.2 Logo
It is highly recommended to use vector graphics for the logo like the Unicase template does with the SVG (Scalable Vector Graphics) file format. This ensures the best possible and sharpest view on mobile devices and of course when scaling the logo. If it is not possible for you to use vector graphics you can still use raster graphics like the JPG or PNG file format of course. In this case you have to change the filename extension of the logo in the following HTML parts to this for example:
<!-- Logo Section Begins -->
<div class="logo">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" /></a>
</div>
<!-- Logo Section Ends -->
3.3 Static Banner
Banner section consist of static image and banner text. HTML code of this section is shown below:
<!-- Banner Section Begins -->
<section id="banner" class="banner banner-static parallax-fix parallaximg">
<div class="container pr">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="banner-text">
<div class="banner-cell">
<div class="banner-sidebar">
<h2> Available..! </h2>
<h5> Majity have suffered an e injected </h5>
</div>
<h1> Believable <span>If you....</span> </h1>
<a href="javascript:void(0)" class="btn"> Read More <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Section Ends -->
3.3.1 Sliding Banner
Banner section consist of image and banner text with sliding effects. HTML code of this section is shown below:
<!-- Banner Section Begins -->
<section id="banner" class="banner-with-slider parallax-fix parallaximg">
<div class="banner-slider">
<div class="item slide-1">
<div class="banner-img">
</div>
<div class="banner-slider-text">
<div class="container pr">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="banner-text">
<div class="banner-cell">
<div class="banner-sidebar">
<h2> Available..! </h2>
<h5> Majity have suffered an e injected </h5>
</div>
<h1> Believable <span>If you....</span> </h1>
<a href="javascript:void(0)" class="btn"> Read More <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item slide-2">
<div class="banner-img">
</div>
<div class="banner-slider-text">
<div class="container pr">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="banner-text">
<div class="banner-cell">
<div class="banner-sidebar">
<h2> Available..! </h2>
<h5> Majity have suffered an e injected </h5>
</div>
<h1> Believable <span>If you....</span> </h1>
<a href="javascript:void(0)" class="btn"> Read More <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Section Ends -->
3.4 Blog Post
Blog Post section consist of image, heading, social icons and some text with sliding effects. You can use bootstrap grid and set the structure of how the posts looks. HTML code of this section is shown below:
<div class="outer-blog-box pr pad-bottom-small">
<div class="blog-img blog-media"><img src="images/large-image-1.png" alt="images"></div>
<div class="blog-captions">
<h2 class="blog-title"> <a href="javascript:void(0)">Only centuries Make Scrambled it to a type specimen!</a> </h2>
<ul class="below-blog-list">
<li>
<a href="javascript:void(0)"> <i class="fa fa-user-o" aria-hidden="true"></i> Dany Saha </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-calendar-o" aria-hidden="true"></i> January 10, 2017 </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-comment-o" aria-hidden="true"></i> 3 Comment </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-heart-o" aria-hidden="true"></i> Lifestyle </a>
</li>
</ul>
<p> Available, but the majity have suffered alteration in some form by injected andomised rds which don't look even sligy Ipsum available, but the majity have suffered alteration in some form by injected Passage of Lorem Ipsum of passages of Lorem Ipsum available, but the majity have suffered alteration in some form </p>
<div class="bottom-blog">
<a href="javascript:void(0)" class="continue-read"> Continue Reading <i class="fa fa-angle-right" aria-hidden="true"></i> </a>
<ul class="social">
<li>
<a href="javascript:void(0)"> <i class="fa fa-facebook"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-twitter"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-google-plus"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-linkedin"></i> </a>
</li>
</ul>
</div>
</div>
</div>
3.5 Footer
Footer section consist of logo, social icons, newsletter form, menu links and copyright text. HTML code of this section is shown below:
<!-- footer Section Begins -->
<footer id="footer" class="footer pr pad-bottom-small text-align-center">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="javascript:void(0)" class="footer-logo"> <img src="images/logo-footer.png" alt="images" /> </a>
<div class="subscibe-box">
<h4> Get our latest article delivered to your email box </h4>
<form class="subscribe-form">
<input type="text" placeholder="Enter your email here">
<a href="javascript:void(0)" class="subscribe-btn"><i class="fa fa-location-arrow" aria-hidden="true"></i></a>
</form>
</div>
<ul class="footer-links">
<li> <a href="javascript:void(0)"> Home </a> </li>
<li> <a href="javascript:void(0)"> About </a> </li>
<li> <a href="javascript:void(0)"> Post Format </a> </li>
<li> <a href="javascript:void(0)"> Features </a> </li>
<li> <a href="javascript:void(0)"> Contact Us </a> </li>
</ul>
<ul class="social">
<li>
<a href="javascript:void(0)"> <i class="fa fa-facebook"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-twitter"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-google-plus"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-linkedin"></i> </a>
</li>
<li>
<a href="javascript:void(0)"> <i class="fa fa-youtube"></i> </a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- footer Section Ends -->
<!-- Copyright Section Begins -->
<div id="copyright" class="copyright pr text-align-center">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h5> © 2017 <a href="index.html">Scribbler</a> is powered by <a href="https://store.multidots.com/" class="dotstore-link" target="_blank">DotStore.</a> </h5>
</div>
</div>
</div>
</div>
<!-- Copyright Section Ends -->
3.5.1 Footer with centered logo
This section consist of logo in the center and copyright text. HTML code of this section is shown below:
<!-- footer Section Begins -->
<footer id="footer" class="footer footer-logo-only pr pad-bottom-small text-align-center">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="javascript:void(0)" class="footer-logo"> <img src="images/logo-footer.png" alt="images" /> </a>
</div>
</div>
</div>
</footer>
<!-- footer Section Ends -->
<!-- Copyright Section Begins -->
<div id="copyright" class="copyright pr text-align-center">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h5> © 2017 <a href="index.html">Scribbler</a> is powered by <a href="https://store.multidots.com/" class="dotstore-link" target="_blank">DotStore.</a> </h5>
</div>
</div>
</div>
</div>
<!-- Copyright Section Ends -->
3.5.1 Footer with left logo
This section consist of logo in the left part and copyright text in the right. HTML code of this section is shown below:
<div id="copyright" class="copyright footer-logo-bottom pr">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<a href="javascript:void(0)" class="footer-logo"> <img src="images/logo-footer.png" alt="images" /> </a>
</div>
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
<h5> © 2017 <a href="index.html">Scribbler</a> is powered by <a href="https://store.multidots.com/" class="dotstore-link" target="_blank">DotStore.</a> </h5>
</div>
</div>
</div>
</div>
3.5.1 Footer with right logo
This section consist of logo in the left part and copyright text in the right. HTML code of this section is shown below:
<div id="copyright" class="copyright footer-logo-bottom footer-logo-right pr">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<a href="javascript:void(0)" class="footer-logo"> <img src="images/logo-footer.png" alt="images" /> </a>
<h5> © 2017 <a href="index.html">Scribbler</a> is powered by <a href="https://store.multidots.com/" class="dotstore-link" target="_blank">DotStore.</a> </h5>
</div>
</div>
</div>
</div>
4. Support
Sometimes it is faster and more effective to solve problems through communication. So for problems you cannot solve with help of this documentation please send us a message and we will see how we can help!
support@multidots.comOnce again, thank you so much for purchasing this theme. As We said at the beginning, We'd be glad to help you if you have any questions relating to this theme. No guarantees, but We'll do our 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.