Kataklimt – Responsive Html5 Theme

kataklimt theme [Free Html5 and Css3 Templates]

THEME INFORMATION
  • Author : Templatesmonster
  • Layout : Html5 and Css3, Responsive
  • Categories : Studio, Photography
  • Colors : red black
  • Pages : Home Page, About Page, Services Page, Folio Page, Blog Page
  • Rating : 4 star
  • Compatible Browsers : Microsoft Edge, IE9+, Firefox, Safari, Opera, Chrome

100 thoughts on “Kataklimt – Responsive Html5 Theme”

    1. 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!

        1. 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.

  1. 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.

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

      1. 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.

    2. 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

      1. 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]

        1. 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]

          1. 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

          2. 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.

  2. 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]

  3. 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?

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

    to

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

  5. 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”;
    }
    ?>

    1. Andy how did you make the mail work… I still can’t . 🙁 please help!!!!
      I think the only way to resolve this is by changing the encoding.

  6. 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

  7. 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??

  8. 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

  9. 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!

  10. 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.

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

    Thanks.

  12. 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

  13. 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.

  14. 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)

  15. 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?

  16. 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?

  17. 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)

  18. 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 :/

  19. 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

  20. 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..

  21. 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!

  22. 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

  23. 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?

  24. 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,

  25. 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.

  26. 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

  27. 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?

  28. 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!!

  29. 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

  30. 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

  31. 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?

  32. 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.

  33. Contact form works perfectly for me! I had to do only two things after I’ve read this topic.
    First I put my email address inside form.js at the top than at the bottom. That’s all!

Leave a Reply

Your email address will not be published. Required fields are marked *

COPYRIGHT 2017 @ Free Html5 Templates by HTML5xCSS3