|
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 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 class="current_page_item"><a href="index.html"><span>Home<span>Innovate</span></span></a>
<ul>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Services<span>Smart Technology</span></span></a>
<ul>
<li><a href="creative-design.html"><span>Creative Design</span></a>
</li>
<li><a href="bespoke-development.html"><span>Bespoke Development</span></a></li>
<li><a href="web-development-service.html"><span>Web Development Service</span></a></li>
<li><a href="facebook-apps-development.html"><span>Facebook Apps Development</span></a></li>
<li><a href="game-development.html"><span>Game Development</span></a>
<!-- <li><a href="javascript:void(0);"><span>Game Development</span></a>
<!-- <ul>
<li><a href="facebook-game-development.html"><span>Facebook Game Development</span></a></li>
<li><a href="iphone-ipad-game-development.html"><span>iPhone/iPad Game Development</span></a></li>
<li><a href="android-game-development.html"><span>Android Game Development</span></a></li>
<li><a href="web-game-development.html"><span>Web Game Development</span></a></li>
</ul>-->
</li>
<li><a href="project-management.html"><span>Project Management</span></a></li>
</li>
</ul>
</li>
<li><a href="javascript:void(0);"><span>Mobile Applications<span>iOS - Android - Bada</span></span></a>
<ul>
<li><a href="e-commerce-development.html"><span>E-Commerce Apps Development</span></a></li>
<li><a href="iPhone-apps-development.html"><span>iPhone Apps Development</span></a></li>
<li><a href="android-apps-development.html"><span>Android App Development</span></a></li>
<li><a href="html-5-hybrid--apps-development.html"><span>HTML5 hybrid App Development</span></a></li>
</ul>
</li>
</li>
<li><a href="javascript:void(0);"><span>Internet Marketing<span>SEO and SEM</span></span></a>
<ul>
<li><a href="mobile-search-engine-optimization.html"><span>Mobile Search Engine Optimization</span></a><li> <li><a href="mobile-search-engine-marketing.html"><span>Mobile Search Engine Marketing</span></a></li>
</ul>
<li><a href="contacts.html"><span>Contacts<span>Get in touch</span></span></a></li>
<li><a href="about.html"><span>About us<span>Who we are</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="shortcodes.html">Features</a> / <a href="shortcodes.html">Shortcodes</a> / Site Tour
</div>
<section id="middle">
<div class="middle_inner">
<section id="top_sidebar">
<div class="headline">
<h4>Site Tour</h4>
</div>
</section>
<!-- __________________________________________________ Start Content -->
<section id="middle_content">
<div class="entry">
<div class="tour_content">
<ul class="tour fl">
<li class="current">
<a href="#">Valid HTML5</a>
</li>
<li>
<a href="#">SEO optimized</a>
</li>
<li>
<a href="#">Full responsiveness</a>
</li>
<li>
<a href="#">Professional look</a>
</li>
</ul>
<div class="tour_box">
<div class="tour_box_inner">
<h2>Valid HTML5 & css3 code</h2>
<figure class="alignleft">
<img src="images/img/tour.jpg" alt="" />
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dui nibh. Suspendisse sollicitudin, ante et pharetra molestie, velit enim bibendum sem, non iaculis tellus odio ut nisl. Phasellus pulvinar pharetra pulvinar. Sed vehicula diam sit amet eros euismod pellentesque. Quisque at iaculis dui. Pellentesque placerat dolor in arcu sollicitudin interdum. Cras metus nulla, interdum sit amet tempus non, imperdiet vel orci.</p>
<p>Pellentesque tincidunt, ante ac molestie egestas, arcu dolor iaculis nunc, et iaculis sem sem varius nunc. Etiam feugiat arcu at dolor eleifend adipiscing. Phasellus pretium accumsan mauris id malesuada. Proin ac neque metus, quis volutpat turpis. Donec viverra lectus diam, eget tincidunt ante. Mauris sollicitudin turpis id augue molestie porttitor non vitae turpis. In hac habitasse platea dictumst. Suspendisse vehicula orci nec leo aliquet scelerisque.</p>
</div>
</div>
<div class="tour_box">
<div class="tour_box_inner">
<h2>SEO optimized</h2>
<figure class="alignright">
<img src="images/img/tour.jpg" alt="" />
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dui nibh. Suspendisse sollicitudin, ante et pharetra molestie, velit enim bibendum sem, non iaculis tellus odio ut nisl. Phasellus pulvinar pharetra pulvinar. Sed vehicula diam sit amet eros euismod pellentesque. Quisque at iaculis dui. Pellentesque placerat dolor in arcu sollicitudin interdum. Cras metus nulla, interdum sit amet tempus non, imperdiet vel orci.</p>
<p>Pellentesque tincidunt, ante ac molestie egestas, arcu dolor iaculis nunc, et iaculis sem sem varius nunc. Etiam feugiat arcu at dolor eleifend adipiscing. Phasellus pretium accumsan mauris id malesuada. Proin ac neque metus, quis volutpat turpis. Donec viverra lectus diam, eget tincidunt ante. Mauris sollicitudin turpis id augue molestie porttitor non vitae turpis. In hac habitasse platea dictumst. Suspendisse vehicula orci nec leo aliquet scelerisque.</p>
</div>
</div>
<div class="tour_box">
<div class="tour_box_inner">
<h2>Full responsiveness</h2>
<figure class="alignleft">
<img src="images/img/tour.jpg" alt="" />
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dui nibh. Suspendisse sollicitudin, ante et pharetra molestie, velit enim bibendum sem, non iaculis tellus odio ut nisl. Phasellus pulvinar pharetra pulvinar. Sed vehicula diam sit amet eros euismod pellentesque. Quisque at iaculis dui. Pellentesque placerat dolor in arcu sollicitudin interdum. Cras metus nulla, interdum sit amet tempus non, imperdiet vel orci.</p>
<p>Pellentesque tincidunt, ante ac molestie egestas, arcu dolor iaculis nunc, et iaculis sem sem varius nunc. Etiam feugiat arcu at dolor eleifend adipiscing. Phasellus pretium accumsan mauris id malesuada. Proin ac neque metus, quis volutpat turpis. Donec viverra lectus diam, eget tincidunt ante. Mauris sollicitudin turpis id augue molestie porttitor non vitae turpis. In hac habitasse platea dictumst. Suspendisse vehicula orci nec leo aliquet scelerisque.</p>
</div>
</div>
<div class="tour_box">
<div class="tour_box_inner">
<h2>Professional look</h2>
<figure class="alignright">
<img src="images/img/tour.jpg" alt="" />
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dui nibh. Suspendisse sollicitudin, ante et pharetra molestie, velit enim bibendum sem, non iaculis tellus odio ut nisl. Phasellus pulvinar pharetra pulvinar. Sed vehicula diam sit amet eros euismod pellentesque. Quisque at iaculis dui. Pellentesque placerat dolor in arcu sollicitudin interdum. Cras metus nulla, interdum sit amet tempus non, imperdiet vel orci.</p>
<p>Pellentesque tincidunt, ante ac molestie egestas, arcu dolor iaculis nunc, et iaculis sem sem varius nunc. Etiam feugiat arcu at dolor eleifend adipiscing. Phasellus pretium accumsan mauris id malesuada. Proin ac neque metus, quis volutpat turpis. Donec viverra lectus diam, eget tincidunt ante. Mauris sollicitudin turpis id augue molestie porttitor non vitae turpis. In hac habitasse platea dictumst. Suspendisse vehicula orci nec leo aliquet scelerisque.</p>
</div>
</div>
</div>
</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.jtweetsanywhere.js" type="text/javascript"></script>
</body>
</html>