htmlhmforumpaste

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title>Elegant vCard</title>
<link rel="icon" type="image/png" href="http://themes.iki-bir.com/vcard/yourfavicon.png" />

<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="./style.css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="./style/css/ie7.css" media="screen" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="./contact/style.css" media="all" />
<script type="text/javascript" src="./style/js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="./style/js/cufon.yui.js"></script>
<script type="text/javascript" src="./style/js/quicksand.js"></script>
<script type="text/javascript" src="./style/js/jquery.coda-slider-2.0.js"></script>
<script type="text/javascript" src="./style/js/zoombox.js"></script>
<script type="text/javascript" src="./style/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./style/js/looped.js" charset="utf-8"></script>
<script type="text/javascript" src="./style/js/twitter.min.js"></script>
<script type="text/javascript" src="./style/js/custom.js"></script>
<script type="text/javascript">

$(document).ready(function() {

    $("#ajax-contact-form").submit(function() {
        $('#load').append('<center><img src="ajax-loader.gif" alt="Currently Loading" id="loading" /></center>');

        var fem = $(this).serialize(),
            note = $('#note');

        $.ajax({
            type: "POST",
            url: "./contact/contact.php.html",
            data: fem,
            success: function(msg) {
                if ( note.height() ) {
                    note.slideUp(500, function() { $(this).hide(); });
                }
                else note.hide();

                $('#loading').fadeOut(300, function() {
                    $(this).remove();

                    // Message Sent? Show the 'Thank You' message and hide the form
                    result = (msg === 'OK') ? '<div class="success">Your message has been sent. Thank you!</div>' : msg;

                    var i = setInterval(function() {
                        if ( !note.is(':visible') ) {
                            note.html(result).slideDown(500);
                            clearInterval(i);
                        }
                    }, 40);
                }); // end loading image fadeOut
            }
        });

        return false;
    });
});


</script>
<script type="text/javascript">
            Cufon.replace('#menu li a', { fontFamily: 'Quicksand Book', textShadow: '0px 1px 1px #fff', hover:true});
            Cufon.replace('#logo', { fontFamily: 'Quicksand Bold', textShadow: '0px 1px 1px #fff', hover:true});
</script>
<script>
 getTwitters('twitter', {
        id: 'Mathcase',
        count: 1,
        enableLinks: true,
        ignoreReplies: false,
        template: '<span class="twitterPrefix"><span class="twitterStatus">%text% <em class="twitterTime"><a href="http://twitter.com/%user_screen_name%/statuses/%id%">- %time%</a></em></span> <br /><span class="username">@ <a href="http://twitter.com/%user_screen_name%/statuses/%id%">%user_screen_name%</a></span>',
        newwindow: true
    });
</script>
<!-- End JavaScript -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body id="bgchange" class="coda-slider-no-js">
<!-- Begin Wrapper -->
<div id="wrapper">
  <!-- Begin Navigation -->
 <div id="header">
  <div id="logo"><a href="./index.html"><img src="./style/images/logo.png" alt="" /></a></div>
  <div id="nav">
 <div id="coda-nav-1" class="coda-nav">
      <ul id="menu">
        <li class="about"><a href="Index.html" title="About Pattoziac">About Us</a></li>
        <li class="portfolio"><a href="#portfolio" title="Things I created">Projects</a></li>
        <li class="social"><a href="#social" title="Places I hang out">Social</a></li>
        <li class="contact"><a href="#contact" title="Get in touch!">Contact</a></li>
      </ul>
    </div>
  </div></div><div class="clear"></div>
  <!-- End Navigation -->
  <!-- Begin Content -->
  <div id="paper">
    <!-- Begin Slider -->
    <div class="coda-slider-wrapper">
      <div class="coda-slider preload" id="coda-slider-1">
        <!-- Begin About -->
<div class="panel">
        <noscript><div id="about"></div></noscript>
          <div class="panel-wrapper">
            <div class="about-content">
              <div class="about-content-left">
                <div id="loopedSlider">
                  <A HREF="javascript:javascript:history.go(-1)">Click to go back</A>
                </div>
              </div>
              <div class="about-content-right">
                <p>The name <a href="cleanpage.html">Pattoziac</a> is given to the personal work of the person behind Pattoziac. This personal work contains small projects which were created in his spare time. Besides being busy with these small projects, the person behind Pattoziac is outspoken about all kinds of digital art. Some examples of these digital art are:</p>
                <ul>
                  <li>Logo's, symbols and prints</li>
                  <li>Webdesign, templates and layouts</li>
                  <li>Blogs and social-media websites </li>
                </ul>
              </div>
              <div class="clear"></div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <!-- End About -->

      </div>
    </div>
    <!-- End Slider -->
  </div><div class="clear"></div>
  <!-- End Content -->
  <!-- Begin Footer -->
  <div id="footer">&copy; 2012 Pattoziac - Designed by <a href="http://ferdisign.com" target="_blank">Ferdisign</a><br />

  </div>
  <!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>