contact us

Looking for a technology solution? We can help!

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

instructions

step by step

Get some useful "how to's" for this Template.

instructions

do you provide the psd files for this template?

Yes, you can download Layout 1 here and Layout 2 Here.

how can i customize the imac mockup?

1. Download the psd file that contains the perspective image (smart object).

2. Open the file on photoshop and paste your own screenshot.

3. That is all! the smart object on the file will create the perspective screen from your image.

Please see license.

how can i customize the macbook mockup?

1. Download the psd file that contains the perspective image (smart object).

2. Open the file on photoshop and paste your own screenshot.

3. That is all! the smart object on the file will create the perspective screen from your image.

Please see license.

how can i customize the macbook mockup 2?

1. Download the psd file that contains the perspective image (smart object).

2. Open the file on photoshop and paste your own screenshot.

3. That is all! the smart object on the file will create the perspective screen from your image.

Please see license.

how can i customize the macbook mockup 2?

1. Download the psd file that contains the perspective image (smart object).

2. Open the file on photoshop and paste your own screenshot.

3. That is all! the smart object on the file will create the perspective screen from your image.

Please see license.

how can i customize the perspective screens?

1. Download the psd file that contains the image (smart object).

2. Open the file on photoshop and paste your own screenshot.

3. That is all! the smart object on the file will create the perspective screen from your image.

Please see license.

how to edit the tag elements from the style page?

Chances are that you notice that the elements on the style page can not be edited directly... so here you have how to do it.

1. Select the element, for this example we will use the H1 Tag.

2. Go the style panel and click on the Selector box

3. From the list displayed, select the element titled All H1 Headings, there you will be able to see and edit that tag

how to add the page fade out effect to a link?

Chances are also, that you notice that the when you click on a link the whole page goes into a fade out effect, to do this you need to bound the link and the interaction.

1. Select the link you want to have the interaction.

2. Go the objects panel and scroll down until you find the interaction called "Fade Out Body On Click" and select it.

3. That's is!

how to hide/show the side bar contact form?

This one is very easy :) you just need to select the element you want to hide and then change its Display Setting to Display none.
Use this tip to hide other elements that obstructs your view.

how can i customize the  social icons on the footer?

1. Download the psd file that contains the social icons template.

Colored Background

2. Open the file on photoshop and change the colors.

3. Follow below instructions

update 1.4

Image causing problems on "Left column contact form" was changed

update 1.3

Layout 1 was changed to be Layout 2.

100% width added to Hero Section

Mini Title size was changed from 10px to 9

Footer Icons template and instructions were added

update 1.2

On F.A.Q page on the side bar tabs the hover transition was changed to "all"

update 1.1

Little error on Navbar blue fixed.

Footer Links were edited.

need help?

Aenean tellus urna, vehicula quis quam vel, finibus sollicitudin quam maecenas mollis risus eu purus faucibus efficitur.

chat with us

Etiam tristique, metus pretium rutrum elementum, risus tortor euismod urna.

send us an email

Etiam tristique, metus pretium rutrum elementum, risus tortor euismod urna.

give us a call

Etiam tristique, metus pretium rutrum elementum, risus tortor euismod urna.