| Server IP : 185.61.154.36 / Your IP : 216.73.216.119 Web Server : Apache System : Linux host67.registrar-servers.com 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64 User : gettoplisting ( 12043) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gettoplisting/yedek/ |
Upload File : |
<!DOCTYPE html>
<!--[if lt IE 7]><html dir="ltr" lang="en-US" class="ie6"><![endif]-->
<!--[if IE 7]><html dir="ltr" lang="en-US" class="ie7"><![endif]-->
<!--[if IE 8]><html dir="ltr" lang="en-US" class="ie8"><![endif]-->
<!--[if gt IE 8]><!--><html dir="ltr" lang="en-US"><!--<![endif]-->
<head>
<meta content="text/html;charset=utf-8" http-equiv="content-type" />
<meta name="description" content="cmsmasters responsive html5 website template" />
<meta name="keywords" content="html5, css3, template, responsive, adaptive" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/styles/fonts.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crete+Round:400,400italic" type="text/css">
<link rel="stylesheet" href="css/styles/jquery.prettyPhoto.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/styles/ie.css" type="text/css" />
<link rel="stylesheet" href="css/styles/ie_css3.css" type="text/css" media="screen" />
<![endif]-->
<script src="js/modernizr.custom.all.js" type="text/javascript"></script>
<script src="js/css3MediaQueries.js" type="text/javascript"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.js" type="text/javascript"></script>
<title>Expresso - Responsive HTML5 Site Template</title>
</head>
<body>
<!-- __________________________________________________ Start Page -->
<section id="page">
<a href="#" id="slide_top"></a>
<!-- __________________________________________________ Start Header -->
<header id="header">
<div class="header">
<a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a>
<a class="resp_navigation" href="javascript:void(0);"><span><span></span></span></a>
<nav>
<ul id="navigation">
<li><a href="javascript:void(0);"><span>Home<span>Hello!</span></span></a>
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="index2.html"><span>Home 2</span></a></li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Features<span>Tasty cakes</span></span></a>
<ul>
<li><a href="javascript:void(0);"><span>Shortcodes</span></a>
<ul>
<li><a href="buttons.html"><span>Buttons</span></a></li>
<li><a href="boxes.html"><span>Information Boxes</span></a></li>
<li><a href="columns.html"><span>Columns</span></a></li>
<li><a href="tooltips.html"><span>Tooltips</span></a></li>
<li><a href="tabs.html"><span>Tabs & Toggle</span></a></li>
<li><a href="shortcodes.html"><span>Post Type Shortcode</span></a></li>
<li><a href="media.html"><span>Media</span></a></li>
<li><a href="player.html"><span>Audio & Video Players</span></a></li>
<li><a href="lightboxes.html"><span>Lightboxes</span></a></li>
<li><a href="tour.html"><span>Site Tour</span></a></li>
<li><a href="googlemaps.html"><span>Google Maps</span></a></li>
</ul>
</li>
<li><a href="typography.html"><span>Typography</span></a></li>
<li><a href="javascript:void(0);"><span>Layouts</span></a>
<ul>
<li><a href="about.html"><span>About</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="error.html"><span>404 Error Page</span></a></li>
<li><a href="sitemap.html"><span>Sitemap</span></a></li>
<li><a href="lsidebar.html"><span>Left Sidebar</span></a></li>
<li><a href="rsidebar.html"><span>Right Sidebar</span></a></li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Heading Templates</span></a>
<ul>
<li><a href="heading.html"><span>Standard Heading</span></a></li>
<li><a href="heading_icon.html"><span>With Icon</span></a></li>
<li><a href="heading_text.html"><span>With Text</span></a></li>
<li><a href="heading_icon_text.html"><span>Heading With Icon & Text</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Portfolio<span>Showcase</span></span></a>
<ul>
<li><a href="javascript:void(0);"><span>Sortable Portfolio</span></a>
<ul>
<li><a href="portfolio_sort_one.html"><span>One Column</span></a></li>
<li><a href="portfolio_sort_two.html"><span>Two Columns</span></a></li>
<li><a href="portfolio_sort_three.html"><span>Three Columns</span></a></li>
<li><a href="portfolio_sort_four.html"><span>Four Columns</span></a></li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Portfolio Without Sorting</span></a>
<ul>
<li><a href="portfolio_one.html"><span>One Column</span></a></li>
<li><a href="portfolio_two.html"><span>Two Columns</span></a></li>
<li><a href="portfolio_three.html"><span>Three Columns</span></a></li>
<li><a href="portfolio_four.html"><span>Four Columns</span></a></li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Project Layouts</span></a>
<ul>
<li><a href="project_slider.html"><span>Image Slider</span></a></li>
<li><a href="project_video.html"><span>Video</span></a></li>
<li><a href="album_four.html"><span>Album Four Columns</span></a></li>
<li><a href="album_three.html"><span>Album Three Columns</span></a></li>
<li><a href="album_two.html"><span>Album Two Columns</span></a></li>
<li><a href="album_one.html"><span>Album One Column</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="current_page_item"><a href="javascript:void(0);"><span>Our Blogs<span>What's new?</span></span></a>
<ul>
<li><a href="blog_sidebar.html"><span>Blog With Sidebar</span></a></li>
<li><a href="blog_fwidth.html"><span>Full Width Blog</span></a></li>
<li class="current_page_item"><a href="openpost.html"><span>Blog Post</span></a></li>
</ul>
</li>
<li><a href="contacts.html"><span>Contacts<span>Get in touch</span></span></a></li>
</ul>
</nav>
</div>
</header>
<!-- __________________________________________________ Finish Header -->
<!-- __________________________________________________ Start Middle -->
<div class="container">
<div class="cont_nav">
<a href="index.html">Home</a> / <a href="blog_sidebar.html">Our Blogs</a> / Blog Post
</div>
<section id="middle">
<div class="middle_inner">
<section id="top_sidebar">
<div class="headline">
<h4>Blog Post</h4>
</div>
</section>
<!-- __________________________________________________ Start Content -->
<div class="content_wrap">
<section id="content">
<div class="entry">
<article class="post hentry">
<header class="entry-header">
<h2 class="entry-title"><a href="openpost.html">Standard post with image</a></h2>
</header>
<figure>
<a title="" href="images/img/blog_2.jpg" class="preloader inBlog" rel="prettyPhoto">
<img src="images/img/blog_2.jpg" alt="" class="fullwidth" />
</a>
</figure>
<footer class="entry-meta">
<div class="cmsms_info">
<abbr class="published" title="05.18.2012 ">05.18.2012</abbr>
by <a href="#" class="user_name">admin</a> in <a href="#" class="category_name">business</a>, <a href="">success</a>
<a href="#" class="comments_number">15</a>
</div>
</footer>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero. Curabitur accumsan metus et nulla rutrum quis eleifend felis luctus.</p>
</div>
<p class="entry-meta cmsms_tags">
Tags: <a href="#">business</a>, <a href="#">success</a>
</p>
<div class="project_navi">
<a href="#" class="prev">← Previous post link</a>
<a href="#" class="next">Next post link →</a>
</div>
<aside class="share_posts">
<h3>Like this project?</h3>
<a href="#" class="cmsmsLike"><span>0</span></a>
<div class="fl">
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
(function () {
var po = document.createElement('script'),
s = document.getElementsByTagName('script')[0];
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
s.parentNode.insertBefore(po, s);
} )();
</script>
</div>
<div class="fl">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script type="text/javascript">
!function (d, s, id) {
var js = undefined,
fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = '//platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
} (document, 'script', 'twitter-wjs');
</script>
</div>
<div class="fl">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>
<script type="text/javascript">
(function (d, s, id) {
var js = undefined,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = '//connect.facebook.net/en_US/all.js#xfbml=1';
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
</div>
<div class="cl"></div>
<a class="cmsms_share button" href="#"><span>More sharing options</span></a>
<div class="cmsms_social cl"></div>
</aside>
<aside class="about_author">
<h3>About the author</h3>
<figure class="alignleft">
<img src="images/img/author.jpg" alt="" />
</figure>
<h6>John Snow</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
<div class="cl"></div>
</aside>
<aside class="related_posts">
<h3>More posts</h3>
<ul>
<li><a href="#" class="current button"><span>Popular</span></a></li>
<li><a href="#" class="button"><span>Latest</span></a></li>
<li><a href="#" class="button"><span>Recent</span></a></li>
</ul>
<div class="cl"></div>
<div class="related_posts_content">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_1.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit</a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_2.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit</a></p>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_3.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit </a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_4.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit </a></p>
</div>
<div class="cl"></div>
</div>
<div class="related_posts_content" style="display:none;">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_1.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum</a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_2.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Suspendisse viverra tincidunt</a></p>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_3.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Quisque in venenatis justo.</a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_4.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></p>
</div>
<div class="cl"></div>
</div>
<div class="related_posts_content" style="display:none;">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_1.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Suspendisse viverra tincidunt commodo. Nunc ut sapien accumsan</a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_2.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Lorem ipsum dolor sit amet</a></p>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_3.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Proin iaculis, lacus ac gravida semper, est massa tempor mipendisse</a></p>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/post_4.jpg" alt="" /></a>
</figure>
<p><a href="openpost.html">Suspendisse viverra tincidunt commodo.</a></p>
</div>
<div class="cl"></div>
</div>
</aside>
<aside id="comments">
<h3>Comments (6)</h3>
<ol class="commentlist">
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="comment-body">
<div class="comment-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
<div class="comment-authorinfo">
<figure class="alignleft">
<img src="images/img/user.jpg" alt="" />
</figure>
<a href="#" class="button fr"><span>Reply</span></a>
<a href="#" class="cmsms-edit fr">Edit</a>
<abbr class="published" title="2 hours ago">2 hours ago</abbr>
<h6>Derek said:</h6>
</div>
</div>
</li>
</ol>
<div class="cl"></div>
</aside>
<form action="#" method="post" id="commentform">
<h5>Leave a Reply</h5>
<p>
<label for="author">Name<span class="color_3"> *</span></label>
<input type="text" name="author" id="author" value="" size="22" />
</p>
<p>
<label for="email">Mail (will not be published)<span class="color_3"> *</span></label>
<input type="text" name="email" id="email" value="" size="22" />
</p>
<p>
<label for="url">Website</label>
<input type="text" name="url" id="url" value="" size="22" />
</p>
<p>
<textarea name="comment" id="comment" cols="28" rows="6"></textarea>
</p>
<p>
<a href="#" class="button"><span>Submit Comment</span></a>
</p>
<div class="cl"></div>
</form>
</article>
</div>
</section>
<!-- __________________________________________________ Finish Content -->
<!-- __________________________________________________ Start Sidebar -->
<section id="sidebar">
<div class="sidebar_inner">
<div class="one_first">
<aside class="widget widget_text">
<h3 class="widgettitle">What we do</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisln ulla, et vestibulum risus. Fermentum in eros. Nulla sed magna dui. et vestibulum risus. Fermentum in eros. Nulla sed magna dui. Maecenas sollicitudin pulvinar</p>
<a href="#" class="button"><span>Learn More</span></a>
</aside>
</div>
<div class="cl"></div>
<div class="divider"></div>
<div class="one_first">
<aside class="widget widget_custom_flickr_entries">
<h3 class="widgettitle">Flickr</h3>
<ul id="flickr_images"></ul>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#flickr_images').jflickrfeed({
limit: 6,
qstrings: {
id: '49053047@N04'
},
itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
});
});
</script>
</aside>
</div>
<div class="cl"></div>
<div class="divider"></div>
<div class="one_first">
<aside class="widget widget_custom_advertising_entries">
<h3 class="widgettitle">Advertising</h3>
<ul>
<li><a href="#"><img src="images/img/advertising_img_1.jpg" alt="" /></a></li>
<li><a href="#"><img src="images/img/advertising_img_2.jpg" alt="" /></a></li>
<li><a href="#"><img src="images/img/advertising_img_3.jpg" alt="" /></a></li>
<li><a href="#"><img src="images/img/advertising_img_4.jpg" alt="" /></a></li>
</ul>
</aside>
</div>
<div class="cl"></div>
</div>
</section>
<!-- __________________________________________________ Finish Sidebar -->
</div>
</div>
</section>
<!-- __________________________________________________ Finish Middle -->
<!-- __________________________________________________ Start Bottom -->
<section id="bottom">
<div class="bottom_inner">
<div class="one_fourth">
<aside class="widget widget_custom_portfolio_entries">
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.widget_custom_portfolio_entries_slides').cmsmsResponsiveContentSlider( {
sliderWidth : '100%',
sliderHeight : 'auto',
animationSpeed : 500,
animationEffect : 'slide',
animationEasing : 'easeInOutExpo',
pauseTime : 5000,
activeSlide : 1,
touchControls : true,
pauseOnHover : false,
arrowNavigation : false,
slidesNavigation : true
} );
} );
</script>
<div class="widget_custom_portfolio_entries_container bottom_content_slider">
<h4 class="widgettitle">Sliding article</h4>
<ul class="widget_custom_portfolio_entries_slides responsiveContentSlider">
<li>
<figure>
<img src="images/img/sliding_1.jpg" alt="" class="fullwidth" />
</figure>
<a href="#" class="widget_portfolio_link">Semper nunc metus</a>
<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p>
<br>
</li>
<li>
<figure>
<img src="images/img/sliding_2.jpg" alt="" class="fullwidth" />
</figure>
<a href="#" class="widget_portfolio_link">Semper nunc metus</a>
<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p>
<br>
</li>
<li>
<figure>
<img src="images/img/sliding_3.jpg" alt="" class="fullwidth" />
</figure>
<a href="#" class="widget_portfolio_link">Semper nunc metus</a>
<p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p>
<br>
</li>
</ul>
</div>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_custom_tweets_entries">
<h4 class="widgettitle">Twitter</h4>
<div id="tweetFeed"></div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tweetFeed').jTweetsAnywhere({
username: 'cmsmasters',
count: 2,
showTweetFeed : {
showTwitterBird: false
}
});
});
</script>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_links">
<h4 class="widgettitle">List widget</h4>
<ul>
<li><a href="#">Styling options</a></li>
<li><a href="#">Theme options</a></li>
<li><a href="#">Sidebars & widgets</a></li>
<li><a href="#">Shortcodes</a></li>
<li><a href="#">Blogs & posts</a></li>
<li><a href="#">Sliders & slides</a></li>
<li><a href="#">Contact form builder</a></li>
<li><a href="#">Demo content</a></li>
<li><a href="#">Gallery & albums</a></li>
<li><a href="#">Page options</a></li>
</ul>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_custom_contact_form_entries">
<h4 class="widgettitle">Quick contacts</h4>
<div class="cmsms-form-builder">
<div class="widgetinfo">Thank you! <br />Your message has been sent successfully.</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#form_contact_form_widget_001').validationEngine('init');
jQuery('#form_contact_form_widget_001 a#contact_form_widget_001_wformsend').click(function () {
var form_builder_url = jQuery('#contact_form_widget_001_wurl').val();
jQuery('#form_contact_form_widget_001 .loading').animate( {
opacity : 1
} , 250);
if (jQuery('#form_contact_form_widget_001').validationEngine('validate')) {
jQuery.post(form_builder_url, {
field_002 : jQuery('#field_002').val(),
field_004 : jQuery('#field_004').val(),
formname : 'contact_form_widget_001',
formtype : 'widget'
}, function () {
jQuery('#form_contact_form_widget_001 .loading').animate( { opacity : 0 }, 250);
document.getElementById('form_contact_form_widget_001').reset();
jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').hide();
jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').fadeIn('fast');
jQuery('html, body').animate( { scrollTop : (jQuery('#form_contact_form_widget_001').offset().top - 100) }, 'slow');
jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').delay(5000).fadeOut(1000);
} );
return false;
} else {
jQuery('#form_contact_form_widget_001 .loading').animate( { opacity : 0 }, 250);
return false;
}
} );
} );
</script>
<form action="#" method="post" id="form_contact_form_widget_001">
<div class="form_info cmsms_input">
<label for="field_002">Your email<span class="color_3"> *</span></label>
<input type="text" name="wname" id="field_002" size="22" tabindex="11" class="validate[required,custom[email]]" />
</div>
<div class="form_info cmsms_textarea">
<label for="field_004">Message<span class="color_3"> *</span></label>
<textarea name="wmessage" id="field_004" cols="28" rows="6" tabindex="13" class="validate[required,minSize[3]]"></textarea>
</div>
<div class="fr"><a href="#" id="contact_form_widget_001_wformsend" class="button" tabindex="14"><span>Submit</span></a></div>
<div class="loading"></div>
<div><input type="hidden" name="contact_form_widget_001_wurl" id="contact_form_widget_001_wurl" value="http://your-site.net/php/sendmail.php" /></div><!-- Here you need to set the path to the sendmail file -->
</form>
</div>
</aside>
</div>
</div>
</section>
<!-- __________________________________________________ Finish Bottom -->
</div>
</section>
<!-- __________________________________________________ Finish Page -->
<!-- __________________________________________________ Start Footer -->
<footer id="footer">
<div class="footer_inner">
<div class="fr">
<p class="fl">Find us elsewhere</p>
<ul class="social_list fr">
<li><a href="#" class="link_tooltip" title="Facebook"><img src="images/socicons/facebook.png" alt="" /></a></li>
<li><a href="#" class="link_tooltip" title="Flickr"><img src="images/socicons/flickr.png" alt="" /></a></li>
<li><a href="#" class="link_tooltip" title="Twitter"><img src="images/socicons/twitter.png" alt="" /></a></li>
<li><a href="#" class="link_tooltip" title="Last fm"><img src="images/socicons/lastfm.png" alt="" /></a></li>
<li><a href="#" class="link_tooltip" title="Vimeo"><img src="images/socicons/vimeo.png" alt="" /></a></li>
<li><a href="#" class="link_tooltip" title="Google+"><img src="images/socicons/googleplus.png" alt="" /></a></li>
</ul>
</div>
<span>Expresso © 2012 All rights reserved</span>
<div class="cl"></div>
</div>
</footer>
<!-- __________________________________________________ Finish Footer -->
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/jquery.script.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine-lang.js" type="text/javascript"></script>
<script src="js/jquery.jtweetsanywhere.js" type="text/javascript"></script>
<script src="js/jquery.flickrfeed.min.js" type="text/javascript"></script>
</body>
</html>