ibba Innovation Labs
Thank you for purchasing from webfirethemes.com, for any support questions Please visit forum http://webfiresupport.ticksy.com/ frequent questions http://webfiresupport.ticksy.com/faqs/ theme: http://parallax-demosite.weebly.com/ ============================================================== MENU SET UP Add pages in weebly as normal - The home page menu is only designed with a maximum of 8 tabs, 6 tabs are scrolling (Home, tab2, tab3, tab4, tab5, tab6) 2 last tabs 2 are external links We included the standard page layout for external pages (privacy page, pricing table click through pages ect.....) You will need to set the link back to you home page from the external page go to the standard.html page layout over to the left line 184 and insert the link to your home page including the full http://yourwebsite ============================================================== ADDING THE HEADER IMAGE Name you image header.jpg and upload to weebly using the Add new file(s) feature 1280px wide x 800px height ADDING THE PARALLAX IMAGES Name you image header.jpg and upload to weebly using the Add new file(s) feature 1280px wide x 800px height here is a great resource for free large images you can could use for your new site http://unsplash.com/ ============================================================== ADDING BANNER SLIDER IMAGES Name you images bg1.jpg, bg2.jpg, bg3.jpg and upload to weebly 1280px wide x 800px height go to line line 120 in the main-style.css file ============================================================== CHANGE THE PARALLAX OMAGE OVERLAY (NAVY) you need to edit this rgba code bellow in the main-style css file somewhere around line 129 look for this code the first three digits 44, 62, 80 are the rgb color for the overlay .pattern { background-color: rgba(44, 62, 80, 0.9); } leave the last part alone 0.9 this is the transparent opacity unless you want to change the level of opacity/transparency here is a useful tool for converting hex colors #colors to rgba colors just copy the 6 digit number and replace http://hex.colorrrs.com/ --> you maybe need to change drop shadow of the parallax titles too ? - for the drop shadow , do same as the navy overlay - change the rgba color #slidecaption h1 span, #parallax1 h2 span, #parallax2 h2 span, #parallax3 h2 span, .parallax-title span, .embed-container h2 { text-shadow: 4px 4px rgba(44, 62, 80, 0.9); } you can adjust the opacity/transparency also 0.9 =============================================================================== WIDGETS AND FEATURES SECTION --------------- to set up each of the features/widgets simply copy and paste the html code into the weebly html drag and drop element and change the plain text. ===================================================== Emty space dividers with different margins for creating space between html elements

TITLE WIDGET

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, agna aliquam erat volutpat. Ut wisi enim ad minim veniam.
Where ever you see i in the html code you can change the icon to what ever you want refer to http://parallax-demosite.weebly.com/features.html for the list of icons available simply change the word "icon-star" to your new icon "icon-file" ect....... ================================================================================ Any widget or element with button code included can be either an external link or scroll link, edit the last word of the class scroll link destinations are as follows starting from Top of page(#home) to the footer (#tab6) #home, #tab2 , #tab3 , #tab4 , #portfolio , #tab6 the button size options are as follows Contact Us Contact Us Contact Us Contact Us --> External External External External ================================================================================

design is passion

This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem qvuis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.

Portfolio
To change the icon refer to the font-awsome widgets here http://parallax-demosite.weebly.com/features.html change the ICON FILE to your desired icon but always leave the word BIG at the end You can also change the button link type by changing the SCROLL-LINK to EXTERNAL ================================================================================

Pellentesque est dolor, malesuada et ultrices eu, fringilla sed magna. Mauris neque turpis, faucibus et tempus quis, accumsan at nunc. Nam placerat tristique dolor non lobortis.

Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.

In vitae ipsum ac neque aliquam rutrum ac in metus. Sed sed est tincidunt mauris mattis hendrerit. Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.

Edit and change the white text ================================================================================
Websites

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.

Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.

Websites

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.

Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.

Websites

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas neque diam, luctus at laoreet in, auctor ut tellus. Etiam enim lacus, ornare et tempor, rhoncus rhoncus sem.

Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam. Etiam placerat sapien elit.

Edit and change the white text ================================================================================ To acheive the demo contact area add these three codes into 3 weebly column dividers ================================================================================
Michael Goltsman
Chief Executive Officer

Lorem ipsum dolor sit amet, adipiscing elit. Maecenas neque diam, luctus at laoreet in.

To add images first upload your Image to weebly to the size of 420px wide x 250px tall then once you have pasted the team profile code into the html widget change the image path name to your website url and image name enter some seo To Remove unwanted social icons remove
  • lines but only remove once you have pasted the code into the html widget to preserve the code here =========================================================================

    Sub Heading

    Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandits.
    Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit.

    -->

    Sub Heading

    Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandits.
    Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit.

    change the white text =========================================================================
    Basic
    $ 19/Monthly
    -->
    Premium
    $ 39/Monthly
    insert the pricing table code into a weebly multiple column divider for multiple pricing table columns again you can also change the button link type by changing the SCROLL-LINK to EXTERNAL ===============================================================

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Aliquam volutpat arcu et nibh mollis eleifend pharetra lorem scelerisque. Donec vel enim purus, id viverra neque. Cras in velit ante, eget pellentesque sem. Duis tincidunt erat quam.

    Submit
    again you can also change the button link type by changing the SCROLL-LINK to EXTERNAL ================================================================
    Contact Tabs Toggles Buttons Lists Typography Dropcaps Quotes Boxes
    simply enter your website web address and destination page http://yoursite/page to add more lines just add more Boxes to remove lines just delete the same Boxes ================================================================
    simply enter your website web address and destination page http://yoursite/page to add more line just add more
  • 404 Error Page
  • to remove just delete the same
  • 404 Error Page
  • remember to change the icon class change the "icon-bullhorn" ============================================================ COMING SOON PAGE To change the date in the coundown go to coming-soon.html page layout and scroll down to line 399 and enter the date you will be launching "2014/04/21" ============================================================ PORTFOLIO FILTER For the portfolio filter, go to the index.html file (line = 506) you have to assign classes to filter and then to the post/portfolio item match the filter data-option-value to the post item class
  • ladies ballroom
  • this has a data-option-value of SITE
    this has a class of SITE
    you can add more classes just leave a space
    this has a class of SITE and MOBILE Image sizes in the demo 640px x 520px images can be smaller or larger just make sur the images are all the same size ========================================================================================= Ignore everything bellow here !!!