FlipCard - Responsive One-page Template

Themeforest FlipCard - Responsive One-page Template HTML Template

Download FlipCard - Responsive One-page Template HTML Template

Download FlipCard - Responsive One-page Template HTML Template

FlipCard is a one page, fully responsive, HTML5 & CSS3 template with nice page transition effects. An excellent choice to make your own portfolio and introduce yourself.



Features



  • Unique & fully responsive design

  • Smooth and flawless page animations provided by animate.css

  • Clean and Semantic Code

  • Focus on typography, usability & user-experience

  • Easy to use and customize


  • Hcard integraited

  • Customizable google map

  • Working ajax contact form

  • Perfectly retinized

  • Over 600 icons


FlipCard - Responsive One-page Template


Notice


Photos used in the demo are for demonstration purposes only and are not included in the download file. We have included placeholder images for each instance.


Changelog


Version 2.01 – 18/01/2017


PHPMailer critical security update

Version 2.00 – 13/08/2016


- Code has been completely rewritten
- Added updated modern design
- Added page loader
- Added additional page animations
- Added Font Awesome icons & Etline font icons
- All plugins updated to latest version

Version 1.02 – 23/12/2013



- Bug fixes in portfolio section on mobile devices.

Version 1.01 – 10/09/2013



- Minor bug fixes
- Added ability to add external links to the main menu

Version 1.00 – 08/08/2013


- Initial Release

Download FlipCard - Responsive One-page Template HTML Template

Comments

  1. hello again
    in profile section i want add youtube and soundcloud to the social media part,
    and from where i can add the href for this media


    i tried to do this put i don’t no from where i can do this
    PLEASE help me

    ReplyDelete
  2. Hi.
    To show youtube icon you need to change link class in the social nav to item-10. Like that

    <a href="" class="item-10"></a>

    Unfortunatly there is no soundcloud icon in that template. If you provide one i’ll add it.

    ReplyDelete
  3. OK
    http://www.iconsdb.com/icons/preview/black/soundcloud-4-xxl.png

    thanks _

    ReplyDelete
  4. Please send it by e-mail, so i can reply to you and send the modified version.

    ReplyDelete
  5. did you got it?

    ReplyDelete
  6. Yes. Check your mail.

    ReplyDelete
  7. i sent a new email to you please check it
    you add the soundcluod icon to the original files, and in the work section i asked you to add the video and you did it, so i sent the files to you again and the video in this files woks as you did
    so please add the soundcloud icon the these files
    thanks.

    ReplyDelete
  8. you did not add the soundcloud icon to the social media !!

    ReplyDelete
  9. mr. alexilin did you got what i need?
    the files that you sent to me the last time just add the soundcloud icon to it,
    thinks and i am sorry for taking your time

    ReplyDelete
  10. Yes, i did. And last version has soundcloud icon. Just add item-12 class to the link.

    ReplyDelete
  11. i don’t no what i shall say
    you are the best mr.alexilin
    thanx

    ReplyDelete
  12. i tried to send email but i don’t got any message
    this the code
    <?php if (!isset($_SESSION)) session_start();

    if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");

    // Here we get all the information from the fields sent over by the form.
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];

    // Change the recipient email address to your address.
    $address = "amedo8@hotmail.com";

    $subject = "New message from your site.";

    $message = "From: " . $name . "\r\nEmail: " . $email . "\r\nMessage: " . $message;

    $headers = "From: $email" . PHP_EOL;
    $headers .= "Reply-To: $email" . PHP_EOL;
    $headers .= "MIME-Version: 1.0" . PHP_EOL;
    $headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
    $headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;

    //This method sends the mail.
    if(mail($address, $subject, $message, $headers)){
    echo "<p>Your message has been sent successfully.<br /> We will contact you soon!</p>";
    } else {

    echo '<p>ERROR! Your message could not be sent.</p>';

    }

    ?>
    i got this
    Your message has been sent successfully
    but i don’t got the message in my inbox

    ReplyDelete
  13. Make sure you use right recipient address. Also, sending messages does not work without a server.

    ReplyDelete
  14. the recipient is my email address amedo8@hotmail.com and my website uploaded in the server

    ReplyDelete
  15. Everything works fine on demo site and no one else has addressed a similar problem. Maybe you made ??any changes in the theme that caused the problem.

    ReplyDelete
  16. ok mr.alexilin
    i uploaded you last original version
    http://www.hamedalhabshi.com/html3/
    and in recipient i add your email (gmail email)
    please try it and give me the result PLEASE

    ReplyDelete
  17. hello,
    i can i make google maps to display my home position?
    thanks


    EDIT: solved

    ReplyDelete
  18. hello,
    are you planning to add a simple captcha to the message area?
    thanks

    ReplyDelete
  19. Hi. This feature was not in the plans, but I’ll think about it.

    ReplyDelete
  20. Thanks, man!

    ReplyDelete
  21. 1) Demo content is?
    2) Can I install my own background?

    ReplyDelete
  22. 1) Template includes all content from the demo, except some photos (See item details).


    2) You can add your own page background. Just add this css code to the bottom of the main.css file:

    .wrapper {
    backgroud-image: url(../img/your-background.jpg)
    }

    ReplyDelete
  23. If I give all the data from my site, you could set me this template?

    ReplyDelete
  24. Sorry, but at the moment I do not offer such services.

    ReplyDelete
  25. Would it be possible to create a sub-menu for, say, “works” that could lead to other similarly distributed pages? Maybe a submenu that appears when hovering over “works” or maybe a menu similar to the main one (but smaller and under it) that would appear when the user goes to the “works” section. If so, how would that implementation be so it doesn’t disrupt the present menu/design? I’ve noticed everything works with absolute values and therefore is quite difficult to modify anything without disrupting the design.

    ReplyDelete
  26. Hi.
    Unfortunately, at this moment, there is no submenu in the template, but you can create menu items that lead to the separate or external pages. To do this, you need to add “ext” class for the menu item.

    ReplyDelete
  27. Love this website design. It worked perfect for me. http://joshbarrett.co


    Great work!

    ReplyDelete
  28. Hi,
    Love the template.


    Unfortunately, in Google chrome browser, the Google map appears in the ‘Profile’ and ‘About’ pages as well as the ‘Contact’ page. How can I stop this happening so it only appears on the contact page? In all the other browsers i dont get this issue.
    Otherwise… this is a great template. Thank you


    Jon

    ReplyDelete

Post a Comment

Popular posts from this blog

Pav Wines Responsive Theme

Tango - Responsive HTML5 Template

Teddy-Responsive Blog Magazine Portfolio WP Theme