Kataklimt Responsive Html5 Theme

kataklimt theme [Free Html5 and Css3 Templates]

Author :Templatesmonster
Doctype Used :Html5 and Css3
Categories :Studio, Photography
Layout :2 Columns, 3 Columns
Main Color :
Rating :
Pages :HomePage, About Page, Services Page, Folio Page, Blog Page
Demo :[Demo], [Demo Responsive]
Download :[Download], [Download Psd Files]

BlackFriday & CyberMonday Deal - Hosting and Domain

Comments

  1. I was wondering how you change the pink color?

  2. By hands idiot

  3. Anonymous says:

    It’s in the CSS file. Change #DF3D82 to a different color. Simply do a quick find and replace.

  4. Anonymous says:

    this is a brilliant theme 🙂 and the more brilliant thing is that it’s free 🙂

  5. Anonymous says:

    how do i edit the email for the form?

    • The Fly says:

      Where can I fix the oversized problem?
      As soon as the BrowserWindow is bigger as 1280 px, the animation on the first side is not working.
      If I push the window to a 1280 px (approx), it is fine…
      ??
      An excellent theme by the way! Thank you!

      • Same issue here. Have tried many work-arounds. But can’t fix it.

        • We reduce the pics on the first side to 5 and gave them a colored bar on the bottom. so now it looks actually really nice (althoug different from smaller sizes). The compromise was worth the saved time by the template.

      • Hi Cristian, did you find a solution for the slider gallery on the home page when viewed on a wider screen?

  6. I’m having issues with getting the contact form to send the email confirmation. I have searched the web to no avail. Does anybody know the steps to set these up? I believe I’m missing something somewhere.

    • Did you fix the problem with the email form?
      I’ve changed the ->ownerEmail:’myemail@domain.com’,<-
      but It still doesn't work… 🙁

      • Had the same problem. could not solve it. Tried everything, even a new php file.
        Deletet the form. Just the email is working. Good enough. To much time wasted for nothing. Hate that.

    • After searching the web for several days I found different sites with different advice. After putting it all together it finally works. Here is what I did:

      1. Remove MailHandler.php from the bat folder and put it with the index files.
      2. In the form.js file change the mailHandlerURL to ‘MailHandler.php’.
      3. In the form.js file change the ownerEmail: to “your email address”.
      4. At the very bottom of the form.js file you will see where it says ownerEmail: ‘#’. Change the # to “your email address”.
      5. In the index-4.html file (or some people are using the index-5) add an action and names.

      Contact form submitted! We will be in touch soon.

      *This is not a valid name. *This field is required.

      *This is not a valid phone number. *This field is required.

      *This is not a valid email address. *This field is required.

      Message

      *The message is too short. *This field is required.

      Clear Send

      • Let me try that again:

        Let me try that again:

        [form id=”contact-form” action=”Mailhandler.php”]
        [input name=”name” type=”text” value=”Your name”]
        [input name=”phone” type=”tel” value=”Telephone”]
        [input name=”email” type=”email” value=”Email]
        [textarea name=”message” >Message[/textarea]

      • Thanks for clarifying but I didn’t get part 5 and after. Aren’t those actions already in the code?

        • They are somewhat there, but they are not complete. You will need to add the ACTION and NAME=?? to make this form work properly.

          [form id=”contact-form” action=”MailHandler.php”]
          [input name=”name” type=”text” value=”Your name”]
          [input name=”phone” type=”tel” value=”Telephone”]
          [input name=”email” type=”email” value=”Email]
          [textarea name=”message” >Message[/textarea]

          • Still not working. The code seems to be exactly like you recommended. It seems weird. I wonder what could be wrong here.

            Contact form submitted! We will be in touch soon.

            *This is not a valid name. *This field is required.

            *This is not a valid phone number. *This field is required.

            *This is not a valid email address. *This field is required.

            Message

            *The message is too short. *This field is required.

            Clear Send

          • The only other thing I could suggest then is does your server recognize the email address you are trying to send it to? I was trying to send it to a gmail and the server I had it on did not like that. I had to set an email up with my domain.

      • did everything you said… still not working 🙁 why!!??!!! how can we fix this?

  7. Still not working. The code seems to be exactly like you recommended. It seems weird. I wonder what could be wrong here.

    [form id=”contact-form” action=”MailHandler.php”]
    [input name=”name” type=”text” value=”Your name”]
    [input name=”phone” type=”tel” value=”Telephone”]
    [input name=”email” type=”email” value=”Email]
    [textarea name=”message” >Message[/textarea]

  8. nice themes, (y)

  9. Awesome template. Responsive and neat design.

  10. How do I edit the blog? As in faster than changing the html code. How can I login as an admin and edit and add blog posts?

  11. Change [form id=”contact-form” action=”MailHandler.php”]

    to

    [form id=”contact-form” method=”post” action=”MailHandler.php”]

  12. Hi,
    Thanks everybody I got the form working..
    but now I have a new problem, the mail that I receive is difficult to read, all the letters with french caracters like é à ô become unreadable.
    I tried to put a utf-8 header in the MailHandler.php but this did not work.
    Any solutions ?

    <?php
    $headers = 'MIME-Version: 1.0' . "\n";
    $headers .= 'Content-type: text/html; charset=utf-8' . "\n";
    $headers = 'From:' . $_POST["email"] . "\r\n";
    $owner_email = $_POST["owner_email"];
    $subject = 'Message venant de Andy – de la part de ' . $_POST["name"];
    $messageBody = "";

    if($_POST['name']!='nope'){
    $messageBody .= 'Visitor: ‘ . $_POST[“name”] . ” . “\n”;
    $messageBody .= ” . “\n”;
    }
    if($_POST[’email’]!=’nope’){
    $messageBody .= ‘Email Address: ‘ . $_POST[’email’] . ” . “\n”;
    $messageBody .= ” . “\n”;
    }else{
    $headers = ”;
    }
    if($_POST[‘state’]!=’nope’){
    $messageBody .= ‘State: ‘ . $_POST[‘state’] . ” . “\n”;
    $messageBody .= ” . “\n”;
    }
    if($_POST[‘phone’]!=’nope’){
    $messageBody .= ‘Phone Number: ‘ . $_POST[‘phone’] . ” . “\n”;
    $messageBody .= ” . “\n”;
    }
    if($_POST[‘fax’]!=’nope’){
    $messageBody .= ‘Fax Number: ‘ . $_POST[‘fax’] . ” . “\n”;
    $messageBody .= ” . “\n”;
    }
    if($_POST[‘message’]!=’nope’){
    $messageBody .= ‘Message: ‘ . $_POST[‘message’] . ” . “\n”;
    }

    if($_POST[“stripHTML”] == ‘true’){
    $messageBody = strip_tags($messageBody);
    }

    try{
    if(!mail($owner_email, $subject, $messageBody, $headers)){
    throw new Exception(‘mail failed’);
    }else{
    echo ‘mail sent’;
    }
    }catch(Exception $e){
    echo $e->getMessage() . “\n”;
    }
    ?>

  13. HI!
    On Firefox and Opera, it home page shows up properly with the 5 pictures vertically; While on IE9 and less it doesn’t show up the same!!! The page show one picture sliding automatically after another with an arrow on the right;
    Is there a way to handle this? a setting to change?
    Has anyone got the same the issue?
    Any kind of help will be greatly appreciated.
    Thanks

  14. Where/how can I change the white header and footer colors?

  15. I can’t seem to add a link to the flexslider images on the home page. I wrapped the image in an anchor tag, the cursor changes to a pointer, and my browser status bar even shows the path to the linked html page. Confusing.
    Is there something I need to change in CSS styles, flexslider or slides that’s stopping the link??

  16. thank you so much

  17. Hi
    i’m really new to this and just wanted to create a website for storing photo albums. I love this template and like the way it is easy to change the text and words using the trial versions of dreamweaver and photoshop. I want to create more pages but when I do the links will not go there. is this template limited to the pages that are already created or do I need to do something else?

    please help

  18. Any one got this form working yet?

  19. I can’t seem to create links in the images on the kwicks accordian slideshow on the home page. I’m putting anchor tags to html pages around each image in the list. When I hover, I get a pointer cursor and the link shows up on my browser status bar, but I can’t click through. Confusing.
    Any advice would be appreciated!

  20. thanks jodie your tips worked perfect mines now working after trying multiple php forms before your tips were simple

    • Please can someone tell me what I am doing wrong I just want to link the extra pages to the existing 5 original ones.

  21. HI. the search bar doesn’t show any result. How to fix that?

  22. Hi, I’m trying to get links working on the images in Kwicks accordion image slider on the home page (yes, I’ve asked previously!). I’m now pretty sure that it’s the opaque black overlay (GalleryOverlay in a js file) that’s stopping the links from happening. I have absolutely no idea on how to disable it.

    Any help would really be appreciated!

    Thanks.

  23. PSD files are not getting downloaded.

  24. Hi. The contact-form is killing me. Anybody who got it to work, please could repeat the steps or even paste the code?

    Thanks.

  25. Are you attached your web files on server :D? I mean server which support php and mysql.. because if you havent done that you arent able to send mails from that form xD ..you want to run php functitions without server hh

  26. Love the template but the only problem I have is the collapse menu. I can’t change it’s active color. I did fine with the web version, but when it truncates to tablet, or smartphone size it changes to orange.

    I would like the option to control that color as well.

    I hope someone can help and thank you in advance.

  27. i have the same problem with mail form, and i want to know if there is a simply way to use blog!

  28. I find the issue for the form!
    the function sendmail was missing.
    First, i put mailhandler.php at the root of the site (dont forget to replace mailHandlerURL:’mailHandler.php’ in forms.js)

    This is the code to replace all the mailhandler.php code and it works.
    And as a bonus= an automatic reply to the person who send the mail.

    <?php
    function sendmail($to , $sujet , $message , $reply , $from)
    {
    $mail_mime = "Date: ".date("l j F Y, G:i")."\n";
    $mail_mime .= "MIME-Version: 1.0\n";

    //— Le message en texte simple pour les navigateurs qui n'acceptent pas le HTML —//
    $mail_mime .= "Content-Type: text/plain; charset=\"utf-8\"\n";
    $mail_mime .= "Content-Transfer-Encoding: quoted printable";

    return mail($to, $sujet, $message, "Reply-to: $reply\nFrom: $from\n".$mail_mime);
    }

    //— Déclation des variables du formulaires et début du script —//

    $nom = strip_tags($_POST['name']) ;
    $tel = strip_tags($_POST['phone']);
    $email = strip_tags($_POST['email']);
    $message2 = strip_tags($_POST['message']);

    $to = "xxxxx@YOUR SITE ADRESS"; // E-Mail Destinataire
    $reply = $email; // Indique l'Expediteur
    $from = $email; // E-Mail pour recevoir les Réponses
    $sujet = 'Message provenant du site XXX';

    $message = "Formulaire de contact";
    $message .= "\n";
    $message .= "\nNom = ".$nom;
    $message .= "\n";
    $message .= "\nTél = ".$tel;
    $message .= "\n";
    $message .= "\nEmail = ".$email;
    $message .= "\n";
    $message .= "\nMessage = ".$message2;
    $message .= "\n";

    /////////////////////////////////////////////////////////////////
    ///////// Mail de reply automatique ////////////////////////////
    ////////////////////////////////////////////////////////////////

    $option="From: YOUR SITE NAME\n";
    $option.="Content-Type: text/html;";
    $chaine="”;
    // $chaine.=””;
    $chaine.=”Bonjour,vous venez de nous adresser une demande.Nous vous répondrons dans les meilleurs délais “;
    $chaine.=”XXXXX vous remercie de la confiance et de l’intérêt que vous nous portez”;
    $chaine.=”YOUR NAME “;
    $chaine.=”YOUR TEL”;
    $chaine.=””;

    if($email)
    {
    mail($email,”XXXXXXX – formulaire de contact”,$chaine,$option);
    sendmail($to , $sujet , $message , $reply , $from);
    }
    ?>

    It doesn’t work locally. to test it, it must be inline.

    ENJOY!
    and sorry for my english (i’m french)

  29. Hey everyone!
    Got a problem(
    Everything was quite fine, before I tried my site on a different computer. And it become awful. Only 2 computers show site correct.. http://new.partiyavision.com
    What could it be? I just don’t have a clue..
    This is how it looks correct (my computer) http://puu.sh/5tgiV.png
    And this is regular look http://cs419618.vk.me/v419618742/83bb/0-3nY7IuoT0.jpg
    And what interesting, if I change scale for 10% less – it becomes looks correct! What could it be?

  30. This is an AWESOME WP THEME! thanks allot!

  31. Hello, so I have my website uploaded(ish) almost finished, suddenly out of nowhere my website stopped working in chrome and in ie, but works perfectly on mobile decives.

    Why could this be?

    On normal computers it just has the loading bar!

    ANYONE HELP PLEASE?

  32. Hello someone you it solves the problem to send mails? If so, how? Tried the script by vero post October 21 but I errors syntaxes.thank’s for your help
    andré

    (I am also French)

  33. Replace all code in Mailhandler.php with this:

    <?php

    $EmailFrom = "CHOOSE YOUR NAME";
    $EmailTo = "YOUR EMAIL WHERE MESSAGE WILL COME ";
    $Subject = "SOME SUBJECT TEXT";
    $Name = Trim(stripslashes($_POST['name']));
    $Email = Trim(stripslashes($_POST['email']));
    $Phone = Trim(stripslashes($_POST['phone']));
    $Message = Trim(stripslashes($_POST['message']));

    // prepare email body text

    $Body .= "";
    $Body .= "\n";
    $Body .= "";
    $Body .= "Name: ";
    $Body .= $Name;
    $Body .= "\n";
    $Body .= "E-mail: ";
    $Body .= $Email;
    $Body .= "\n";
    $Body .= "Phone: ";
    $Body .= $Phone;
    $Body .= "\n";
    $Body .= "Message: ";
    $Body .= $Message;
    $Body .= "\n";

    // send email
    $success = mail($EmailTo, $Subject, $Body, "From: “);
    ?>

    Its working for me, but I cant figure out how to set text to UTF-8 coding :/

  34. UTF-8 coding solved, just open MailHandler.php in Notepad and save it with UTF-8 coding 🙂

  35. Hello Martin
    Thank you for your reply I delete the original code Mailhandler.php but I have lots of syntax errors? Should you also like to modify the html file or Form.js? Thanks for your help

  36. Hi, i modified only MailHandler .php. I took this code from another template and its working. Where you have syntax errors? I dont know why you have errors, it must be ok..

  37. Hello,
    i love this template. I’m new with scripts, and it’s difficult.
    but some problems:
    – the contact form doesn’t work
    – where can i change the pink collor?
    – i hope someone can help me!

  38. Your comment is awaiting moderation.

    Hi wanna ask that
    If i create a website out of this template it wont cause any copy write issue on me . whether on design or on images please update me on that as soon as possible. Although its Written
    that these are free
    Thanks
    Regards

  39. Hello. How can I remove the bootstrap bar on the top of the page or can I edit the text there? Thank you.

  40. Where can I fix the oversized problem?
    As soon as the BrowserWindow is bigger as 1280 px, flexslider don’t work.
    Where is the problem?

  41. Where is the problem?
    flexslider don’t work.
    Where can I fix the oversized problem?
    As soon as the BrowserWindow is bigger as 1280 px,

  42. Just curious, but this has a blog, and posts by “Admin”, but there doesn’t appear to be an admin area to work with. Is this missing? How can I administrate the website outside of just editing code? Having an area to properly upload photos, and work on the blog would be amazing.

    It’s about the only thing missing from this beautiful template.

  43. Hell, if there’s a fuller version for purchase, please direct me to it

  44. Hello everybody!

    i am using this templates but can’t figure something out.
    If u see the Foto Slider, u need to hold ur mouse on 1 of the pictures.

    I like to see it this way: If i click on Index, i like to have picture 3 show to the readers, and the pictures 1,2 and 3,4 hiden on the sides. If i move my mouse on those pictures then they will be shown.

    Does somebody know if that is possible?

    Greatz Chris

  45. hello how to insert links by clicking on the photo slideshow?
    Thanks!!!

  46. Hi guys,

    I still haven’t got the contact form working and also when I click the send button nothing happens, I don’t the responsive reply.

    Any ideas?

  47. Hi! I have the same problem with de CONTACT FORM that we all.

    I have tried all the possibilities that explain, but neither is working!

    What we can do?

    Please help, and much thanks!!

  48. Hi,

    J have problem to read this website on an android tablet like samsung galaxy TAB
    Nothing on the screen only the initial slide donwload bar
    Thanks a lot for your anwser
    LHP

  49. I like this theme ..
    it’s a great job! thank you for sharing it.

  50. very good

  51. thank you

  52. nice theme!thank you for sharing it.

  53. Narender says:

    Thanks for Sharing this theme.

  54. Please help out with the contact form. At least something I could copy from here and paste on my editor so the form could get working plsssss

  55. Thank you very nice sharing ….

  56. Good afternoon

    slideshow of My First Page When I open the site in a computer que was NOT What did as alterations as overlapping images are .
    someone KNOWS why?

  57. For the contact form, stop trying to even use the code provided, go to mindpallete and get processForm. Its easier to setup, has tons of security options, and it just works. Anyways that aside, love the theme, not digging the bootstrap V2.1.1 so I was wondering, am I allowed to port this theme over to the latest bootstrap version? I realize it would need to be a complete redesign but from what I am seeing so far it isn’t going to be too much trouble to do so.

Speak Your Mind

*