Sooner V-card Responsive V-card Template

V-card Template / Personal website

• Created: 11/25/2012
• latest Update: 11/25/2012
• By: Benaissa Ghrib
• Email: ghribbenaissa@gmail.com

Description

Sooner V-card is an easy cutomizable v-card/portfolio/mini website template made entierly 95% with html and css it allows you to introduce yourself with the most important informations to your features clients or employers.

Sooner V-card can be used also as a mini website for a small compagny that want to be introduced quickly and easly.

The template is responsive that's allows it to view it in the mobile devices also.

All the html ,css, javascript code are well organized and commented to make any change easy to do without any problems.

The template have :

• A slide show area
• A testimonials area to display clients testimonials
• A twitter area to display tweets feed
• A filterable portfolio with multiple categories
• A contact form with customizable map and an ajax contact form
• A scrollable navigation

Features

Main Features :

• Responsive layout
• Scrollable one page navigation
• Html 5 & CSS3
• Ajax contact form
• Unique design
• Valid Html
• Slideshow
• Social network
• Filterable portfolio
• Google maps (cusotmized)
• Animated testimonials

Element

Elements :

PSD file included, all the elements are available within the psd file.

Images : from the envato assets library.

Slideshow setup

Sooner V-card come with a slideshow. You can add as many images you want, to that open index.html and go to he line 39 where the setup of the slideshow is located then add the url of the new images that you want to add.

The template come with a twitter feed section to display the last tweet from you twitter account. By default i set the twitter feed the display my own twitter feed for the preview purposes. To change the twitter feed to display your own feed open index.html and go to line 47 you'r going to find this line username: "BenaissaGhrib", // Change username here you have only to change the username to your's.

Important note : Since Twitter now requires every request to be authenticated due the new version 1.1 of twitter API, it needs some private informations and settings. I recommend that you open the index.php file in the twitter folder and fill in with your own API settings. You can create a Twitter app here: https://dev.twitter.com/

The index.php is located in the twitter folder if you open it there is a config section from line 24 you are only interested in this four lines below :

• // Your Twitter App Consumer Key private $consumer_key
• // Your Twitter App Consumer Secret private $consumer_secret
• // Your Twitter App Access Token private $user_token
• // Your Twitter App Access Token Secret private $user_secret

Gmap setup

Sooner V-card come with an awsome customized map that match the color of the template instead of the regular gmap display.

Although to make changes to the customized map it's a little complicated, but if you read the documentation here is the link : https://developers.google.com/maps/documentation/javascript/styling you can the changes easly , if not i'll be helping just send me an email.

Contact form

Sooner V-card come whith a good to go ajax contact form ready to use, you have to replace the adress of the recipient in the send.php file by your adresse.

To do that open the send.php file located in the main download file in any editor of your choice and go to the line 30 and change the adress by your adresse.

Note

Note :

The PSD files included whitin contain all the graphics elements used to build this template.

If you don't have enough html skills to do the changes that you want please send me an email via my profile page and i will help you as soon as i can.

The slider images are from the envanto assets library, you don't have the right to use theme in your own projects.

Credit

Thanks
Benaissa Ghrib.