Advisa - Marketing Bootstrap Landing Page Template

Created by webuza.com: 30/03/2013
Last Update: 11/04/2014 - Version 1.1



Presentation

Advisa is Landing Pages for marketing needs. Advisa include three different and responsive promo-layouts based on Bootstrap Framework. Clean & classic design.

index

Structure of Html Files

All blocks (Promo, Header, Big Features, Small Features, Quotes, Screens, Subscribe and Footer) are located one after the other and use containers with CSS-class Container.

structureHTML

Structure of Css Styles

All css-styles are located in the folder /css. Global styles are located in the file main.css. To reset the default style sheet using a file reset.css. Styles for responsive are located in the file responsive.css.

structureCSS

Responsive design is created using CSS3 media queries. The main resolution and page width container container: container:
Large devices Desktops (≥1200px)
Small devices Tablets (≥768px)
Small devices Tablets (≥768px)
Extra small devices Phones (<768px)

Class prefix:
.col-xs- 	.col-sm- 	.col-md- 	.col-lg-


JavaScript

  • Scripts and scenarios that do not depend on plugins are located in custom.js All scenarios of small sizes are in block comments (as an example "Back to Top")=== options ===
  • Loader.js file initializes all plugins (Sliders, Color boxes, Select boxes etc.)
  • All libraries are located in libs-folder.
  • Modernizr.js file an exception is in a separate cross-folder.
structureJS

Registration and Contact Forms

To send mail using external php-files, which you will find in the main folder. Code attempts to access php-files, see the picture. These files request-form.php and request-form.phpontact-form.php. 1 is responsible for the registration form. Contact-form.php is responsible for the contact form. E-mail which you will receive letters input in line 2.

structureImages
structureImages
structureImages    

Images and Screenshot

All files are located in folder img:

  • In the img-folder are images that are responsible for the work units: shadow, gradient, illustration, backgrounds.
  • Files of plugin colorbox.js locate in colorbox-folder
  • Fullsize-folder contains a full-size images that open colorbox plugin
  • Sprite-folder contains all icon-sprites
  • Staticks-folder contains all static images
structureImages

Retina support

Support a retina works to min-device-pixel-ratio 1.5 on css3 and JavaScript. All images are increased by 2 times. Settings we can be found with regards to the retina at the enclosure below.

retinaImages1 retinaImages2

All buttons

Support a retina works to min-device-pixel-ratio 1.5 on css3 and JavaScript. All images are increased by 2 times. Settings we can be found with regards to the retina at the enclosure below.

Big button Medium button Small button Extra small button

Big button Medium button Small button Extra small button

Big button Medium button Small button Extra small button


Credits and Extras