Silvana

Branded Landing Page

• created: 20/02/2020

Just change the text of the logo and image

HTML:

Еhere are 4 color schemes: blue.css, green.css, red.css and style.css



Just select the desired color in the header.



Do not forget to also change the logo for the desired color

Parallax effect build with jquery.stellar plugin.

You can easily add a parallax effect for all sections. Just add data-stellar-background-ratio  and class parallax

HTML

Animation build with WOW.js plugin and Animate.css.

To add a new animation on scroll just set jquery class wow  and choose animate class from animate.css. In the example below, this class bounceInRight from animate.css

HTML

index-video.html

How to insert your video?

1. Go to the video folder

2. There are 2 video formats: mp4 and webm. Convert your videos in this formats.

3. Insert your poster.jpg.

Lightbox build with  jquery jquery.magnific-popup plugn .

Just change thumb image in src   and large image in href . It will open in the lightbox. 

HTML

Images are located in portfolio folder

Very easy to use the icons. 100 free line-style icons from Elegant themes

HTML

<span class="icon icon-lightbulb"></span>

ET-Line Icons Class Names and Unicodes

Open mail.php and change the current email 000.lunchbox@gmail.com to your email address

mail( "000.lunchbox@gmail.com", $_POST['name'], $_POST['message'], "From:" . $_POST['email'] );

jQuery http://jquery.com/

Bootstrap http://getbootstrap.com/

Smooth scroll https://github.com/cferdinandi/smooth-scroll

Stellar.js http://markdalgleish.com/projects/stellar.js

Wow.js  http://mynameismatthieu.com/WOW/

Magnific Popup http://dimsemenov.com/plugins/magnific-popup/

OWL Carousel http://owlgraphic.com/owlcarousel/

jQuery validate  https://github.com/jzaefferer/jquery-validation

Google maps https://developers.google.com/maps/

Animate.css  https://daneden.github.io/animate.css/