<!DOCTYPE html><html prefix="og: http://ogp.me/ns#" lang="en-gb"><head> <base href="https://karlog.gr/ar/k2/k2-listing/item/95-gimes-pede-elit" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="HTML5,responsive,Text,joomla,css,Creative" /> <meta name="title" content="Gimes pede elit" /> <meta property="og:url" content="https://karlog.gr/ar/k2/k2-listing/item/95-gimes-pede-elit?start=109530" /> <meta property="og:title" content="Gimes pede elit" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://karlog.gr/media/k2/items/cache/88f135a483ef01fac8d7b920488085e4_M.jpg" /> <meta name="image" content="https://karlog.gr/media/k2/items/cache/88f135a483ef01fac8d7b920488085e4_M.jpg" /> <meta property="og:description" content="Suspendisse at libero porttitor nisi aliquet vulputate vitae at velit. Aliquam eget arcu magna, vel congue dui. Nunc auctor mauris tempor leo aliquam..." /> <meta name="description" content="Suspendisse at libero porttitor nisi aliquet vulputate vitae at velit. Aliquam eget arcu magna, vel congue dui. Nunc auctor mauris tempor leo aliquam..." /> <meta name="generator" content="SmartAddons.Com - the high quality products!" /> <title>Gimes pede elit</title> <link href="https://karlog.gr/ar/component/search/?Itemid=1182&id=95:gimes-pede-elit&format=opensearch" rel="search" title="البحث Karlog Shipping Ltd." type="application/opensearchdescription+xml" /> <link href="/media/system/css/modal.css" rel="stylesheet" type="text/css" /> <link href="/components/com_k2/css/k2.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/sj-reslisting-me.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/asset/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/cpanel.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/template-blue.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/pattern.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/your_css.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/asset/fonts/awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/asset/minicolors/jquery.miniColors.css" rel="stylesheet" type="text/css" /> <link href="/templates/sj_hexagon/css/responsive.css" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css" /> <link href="/plugins/system/ytshortcodes/assets/css/shortcodes.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_sj_contact_ajax/assets/css/styles.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_sj_gallery_pro/assets/css/gallery.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_sj_gallery_pro/assets/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /> <style type="text/css">.container{width:1200px}body{font-family:Lato;font-weight:}#menu a{font-family:Lato;font-weight:}h1,h2,h3{font-family:Lato;font-weight:} #contact_ajax17148433521683344433 #map-canvas { height:300px; width:500px; max-width:100%; }; </style> <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/media/system/js/core.js" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> <script src="/media/system/js/modal.js" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script> <script src="/components/com_k2/js/k2.js?v2.6.8&sitepath=/" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/asset/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/js/ytcpanel.js" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/asset/minicolors/jquery.miniColors.min.js" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/js/yt-script.js" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/menusys/class/mega/assets/jquery.megamenu.js" type="text/javascript"></script> <script src="https://karlog.gr/templates/sj_hexagon/menusys/class/common/js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="https://karlog.gr/plugins/system/ytshortcodes/assets/js/prettify.js" type="text/javascript"></script> <script src="https://karlog.gr/plugins/system/ytshortcodes/assets/js/shortcodes.js" type="text/javascript"></script> <script src="https://www.google.com/recaptcha/api.js?onload=JoomlaInitReCaptcha2&render=explicit&hl=ar-AA" type="text/javascript"></script> <script src="/media/plg_captcha_recaptcha/js/recaptcha.min.js" type="text/javascript"></script> <script src="/modules/mod_sj_contact_ajax/assets/js/bootstrap-tooltip.js" type="text/javascript"></script> <script src="/modules/mod_sj_gallery_pro/assets/js/jsmart.easing.1.3.js" type="text/javascript"></script> <script src="/modules/mod_sj_gallery_pro/assets/js/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> <script src="/modules/mod_sj_gallery_pro/assets/js/jcarousel.js" type="text/javascript"></script> <script src="/media/system/js/html5fallback.js" type="text/javascript"></script> <script src="/plugins/system/ytshortcodes/assets/js/touchswipe.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function($) { SqueezeBox.initialize({}); SqueezeBox.assign($('a.modal').get(), { parse: 'rel' }); }); window.jModalClose = function () { SqueezeBox.close(); }; // Add extra modal close functionality for tinyMCE-based editors document.onreadystatechange = function () { if (document.readyState == 'interactive' && typeof tinyMCE != 'undefined' && tinyMCE) { if (typeof window.jModalClose_no_tinyMCE === 'undefined') { window.jModalClose_no_tinyMCE = typeof(jModalClose) == 'function' ? jModalClose : false; jModalClose = function () { if (window.jModalClose_no_tinyMCE) window.jModalClose_no_tinyMCE.apply(this, arguments); tinyMCE.activeEditor.windowManager.close(); }; } if (typeof window.SqueezeBoxClose_no_tinyMCE === 'undefined') { if (typeof(SqueezeBox) == 'undefined') SqueezeBox = {}; window.SqueezeBoxClose_no_tinyMCE = typeof(SqueezeBox.close) == 'function' ? SqueezeBox.close : false; SqueezeBox.close = function () { if (window.SqueezeBoxClose_no_tinyMCE) window.SqueezeBoxClose_no_tinyMCE.apply(this, arguments); tinyMCE.activeEditor.windowManager.close(); }; } } }; jQuery(function($){ $(".hasTooltip").tooltip({"html": true,"container": "body"}); });window.setInterval(function(){var r;try{r=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP")}catch(e){}if(r){r.open("GET","/index.php?option=com_ajax&format=json",true);r.send(null)}},840000); </script> <script type="text/javascript">var TMPL_NAME = "sj_hexagon";var TMPL_COOKIE = ["bgimage","themecolor","templateLayout","menustyle","activeNotice","typelayout"];</script> <meta name="HandheldFriendly" content="true"/> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="YES" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- META FOR IOS & HANDHELD --> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> <!-- LINK FOR FAVICON --> <link rel="icon" type="image/x-icon" href="/images/favicon.ico" /> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1231231-1', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <style> div#cookieMessageContainer { position:fixed; z-index:9999; top:0px; right:0px; margin:0px auto; } table, tr, td {border:0px !important} #cookieMessageContainer table,#cookieMessageContainer td{margin:0;padding:0;vertical-align:middle} #cookieMessageAgreementForm {margin-left:10px;} #cookieMessageInformationIcon {margin-right:10px;height:29px;} #info_icon {vertical-align:middle;margin-top:5px;} #buttonbarContainer {height:29px;margin-bottom:-10px;} #cookietable {border:none;cellpadding:0px;} #cookietable td {border:none;} #outer table, #outer tr, #outer td {border:none;} #outer{padding:2px;} </style></head><body id="bd" class="home-layout1 res" > <div id="yt_wrapper" class=" "> <header id="yt_header" class="block"> <div class="container"> <div class="row"> <div id="top1" class="col-sm-6 hidden-xs" > <div class="pull-left social-cus-mod hidden-sm hidden-xs"><div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb facebook default cicle " title="" href="http://www.facebook.com/"><i class="fa fa-facebook"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb twitter default cicle " title="" href="http://twitter.com/ "><i class="fa fa-twitter"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb google-plus default cicle " title="" href="https://plus.google.com"><i class="fa fa-google-plus"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb linkedin default cicle " title="" href="http://linkedin.com/"><i class="fa fa-linkedin"></i></a></div></div> <ul class="pull-left phone-mail"><li><i class="fa fa-phone pull- " style=" "></i> <span class="style">+30 210 4282828</span></li><li class="hidden-xs"><i class="fa fa-envelope-o pull- " style=" "></i> <span id="cloak7f39029edc164c6c6e15cc43b07601eb">عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته.</span><script type='text/javascript'> document.getElementById('cloak7f39029edc164c6c6e15cc43b07601eb').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addy7f39029edc164c6c6e15cc43b07601eb = 'karlog' + '@'; addy7f39029edc164c6c6e15cc43b07601eb = addy7f39029edc164c6c6e15cc43b07601eb + 'otenet' + '.' + 'gr'; var addy_text7f39029edc164c6c6e15cc43b07601eb = 'karlog' + '@' + 'otenet' + '.' + 'gr';document.getElementById('cloak7f39029edc164c6c6e15cc43b07601eb').innerHTML += '<a ' + path + '\'' + prefix + ':' + addy7f39029edc164c6c6e15cc43b07601eb + '\'>'+addy_text7f39029edc164c6c6e15cc43b07601eb+'<\/a>'; </script></li></ul> </div> <div id="top2" class="col-sm-6" > <div class="mod-login"> <ul class="yt-loginform"> <li class="yt-register inline"> <div id="yt_register_box" class="show-box" style="display:none"> <div class="inner"> <h3><i class="fa fa-sign-in"></i>تسجيل</h3> </div> </div> </li > <li class="yt-login inline"> <div id="myLogin" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <h3 class="title">تسجيل الدخول </h3> <form action="/ar/k2/k2-listing" method="post" id="login-form" > <div class="userdata"> <div id="form-login-username" class="form-group"> <label for="modlgn-username">اسم المستخدم</label> <input id="modlgn-username" type="text" name="username" class="inputbox" size="40" /> </div> <div id="form-login-password" class="form-group"> <label for="modlgn-passwd">كلمة المرور</label> <input id="modlgn-passwd" type="password" name="password" class="inputbox" size="40" /> </div> <div id="form-login-remember" class="form-group "> <input id="modlgn-remember" type="checkbox" name="remember" value="1"/> <label for="modlgn-remember" class="control-label">تذكرني</label> </div> <div id="form-login-submit" class="control-group"> <div class="controls"> <button type="submit" tabindex="3" name="Submit" class="button">تسجيل الدخول</button> </div> </div> <input type="hidden" name="option" value="com_users" /> <input type="hidden" name="task" value="user.login" /> <input type="hidden" name="return" value="aHR0cHM6Ly9rYXJsb2cuZ3IvYXIvazIvazItbGlzdGluZy9pdGVtLzk1LWdpbWVzLXBlZGUtZWxpdD9zdGFydD0xMDk1MzA=" /> <input type="hidden" name="bc5aafe71a1ace94ad5e6c33eb13388a" value="1" /> </div> <ul class="listinline listlogin"> <li> <a href="/ar/joomla-pages-5/login-form?view=reset"> نسيت كلمـة المرور؟</a> </li> <li> <a href="/ar/joomla-pages-5/login-form?view=remind"> نسيت اسم المستخدم؟</a> </li> </ul> </form> <a href="/ar/joomla-pages-5/login-form?view=registration" onclick="showBox('yt_register_box','jform_name',this, window.event || event);return false;" class="btReverse">Create an account</a> </div> </div> </div> <a class="login-switch" data-toggle="modal" href="#myLogin" title="Login"> <i class="fa fa-user"></i>Login </a> </li> </ul> </div> </div> </div> </div> </header> <nav id="yt_menuwrap" class="block"> <div class="container"> <div class="row"> <div id="yt_logo" class=" col-md-3 col-sm-12 col-xs-12" > <a class="logo" href="/" title="Karlog Shipping Ltd."> <img data-placeholder="no" src="https://karlog.gr/templates/sj_hexagon/images/styling/blue/logo.png" alt="Karlog Shipping Ltd." style="width:px;height:px;" /> </a> </div> <div id="yt_mainmenu" class=" col-md-8 col-sm-12 col-xs-12" > <ul id="meganavigator" class="clearfix navi "><li class="level1 first havechild "> <a title="Home" class="level1 first havechild item-link" href="https://karlog.gr/"><span class="menu-title">Home</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="level2 first "> <a title="demo2" class="level2 first item-link" href="/ar/home/home2"><span class="menu-title">Home - layout2</span></a> </li> </ul> </div> </div> </div> </li> <li class="level1 havechild "> <a title="Explore" class="level1 havechild item-link" href="#"><span class="menu-title">Explore</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="level2 first "> <a title="Module Variations" class="level2 first item-link" href="/ar/explore-3/module-variations"><span class="menu-title">Module Variations</span></a> </li> <li class="level2 "> <a title="Extensions" class="level2 item-link" href="/ar/explore-3/extenstions"><span class="menu-title">Extensions</span></a> </li> <li class="level2 havechild "> <a title="Module positions" class="level2 havechild item-link" href="/ar/explore-3/module-positions"><span class="menu-title">Module positions</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="Positions Layout 1" class="level3 first item-link" href="/ar/explore-3/module-positions/positions-layout-1"><span class="menu-title">Positions Layout 1</span></a> </li> <li class="level3 last "> <a title="Positions Layout 2" class="level3 last item-link" href="/ar/explore-3/module-positions/positions-layout-2"><span class="menu-title">Positions Layout 2</span></a> </li> </ul> </div> </div> </div> </li> <li class="level2 "> <a title="Page Breaks" class="level2 item-link" href="/ar/explore-3/page-break-example"><span class="menu-title">Page Breaks</span></a> </li> <li class="level2 "> <a title="Iframe Wrapper" class="level2 item-link" href="/ar/explore-3/iframe-wrapper"><span class="menu-title">Iframe Wrapper</span></a> </li> <li class="level2 last havechild "> <a title="Layout" class="level2 last havechild item-link" href="/ar/explore-3/layout"><span class="menu-title">Layout</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="All Sidebar Blocks " class="level3 first item-link" href="/ar/explore-3/layout/all-sidebar-blocks"><span class="menu-title">All Sidebar Blocks </span></a> </li> <li class="level3 "> <a title="Left Sidebar" class="level3 item-link" href="/ar/explore-3/layout/left-sidebar-content"><span class="menu-title">Left Sidebar</span></a> </li> <li class="level3 "> <a title="Right Sidebar " class="level3 item-link" href="/ar/explore-3/layout/right-sidebar"><span class="menu-title">Right Sidebar </span></a> </li> <li class="level3 last "> <a title="Full Width" class="level3 last item-link" href="/ar/explore-3/layout/full-width"><span class="menu-title">Full Width</span></a> </li> </ul> </div> </div> </div> </li> </ul> </div> </div> </div> </li> <li class="level1 havechild "> <a title="Joomla" class="level1 havechild item-link" href="/ar/joomla-pages-5"><span class="menu-title">Joomla</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="level2 first havechild "> <a title="Blog Content" class="level2 first havechild item-link" href="/ar/joomla-pages-5/blog-joomla"><span class="menu-title">Blog Content</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="List All Categories" class="level3 first item-link" href="/ar/joomla-pages-5/blog-joomla/list-all-categories"><span class="menu-title">List All Categories</span></a> </li> <li class="level3 "> <a title="Featured Articles" class="level3 item-link" href="/ar/joomla-pages-5/blog-joomla/featured-articles"><span class="menu-title">Featured Articles</span></a> </li> <li class="level3 "> <a title="Category List" class="level3 item-link" href="/ar/joomla-pages-5/blog-joomla/category-list"><span class="menu-title">Category List</span></a> </li> <li class="level3 havechild "> <a title="Category Blog" class="level3 havechild item-link" href="/ar/joomla-pages-5/blog-joomla/category-blog"><span class="menu-title">Category Blog</span></a> <!-- open mega-content div --> <div class="level4 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level4"><li class="level4 first "> <a title="Category Blog (1 column)" class="level4 first item-link" href="/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-1-column"><span class="menu-title">Category Blog (1 column)</span></a> </li> <li class="level4 "> <a title="Category Blog (2 columns)" class="level4 item-link" href="/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-2-columns"><span class="menu-title">Category Blog (2 columns)</span></a> </li> <li class="level4 "> <a title="Category Blog (3 columns)" class="level4 item-link" href="/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-3-columns"><span class="menu-title">Category Blog (3 columns)</span></a> </li> <li class="level4 last "> <a title="Category Blog (4 columns)" class="level4 last item-link" href="/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-4-columns"><span class="menu-title">Category Blog (4 columns)</span></a> </li> </ul> </div> </div> </div> </li> <li class="level3 havechild "> <a title="Category Tag" class="level3 havechild item-link" href="/ar/joomla-pages-5/blog-joomla/tags"><span class="menu-title">Category Tag</span></a> <!-- open mega-content div --> <div class="level4 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level4"><li class="level4 first "> <a title="Compact list of tagged items" class="level4 first item-link" href="/ar/joomla-pages-5/blog-joomla/tags/compact-list-of-tagged-items"><span class="menu-title">Compact list of tagged items</span></a> </li> <li class="level4 "> <a title="List of all tags" class="level4 item-link" href="/ar/joomla-pages-5/blog-joomla/tags/list-of-all-tags"><span class="menu-title">List of all tags</span></a> </li> <li class="level4 last "> <a title="Tagged items" class="level4 last item-link" href="/ar/joomla-pages-5/blog-joomla/tags/tagged-items"><span class="menu-title">Tagged items</span></a> </li> </ul> </div> </div> </div> </li> <li class="level3 last "> <a title="Single Article" class="level3 last item-link" href="/ar/joomla-pages-5/blog-joomla/single-article"><span class="menu-title">Single Article</span></a> </li> </ul> </div> </div> </div> </li> <li class="level2 "> <a title="Weblinks" class="level2 item-link" href="/ar/joomla-pages-5/weblinks"><span class="menu-title">Weblinks</span></a> </li> <li class="level2 havechild "> <a title="Search" class="level2 havechild item-link" href="/ar/joomla-pages-5/smart-seach"><span class="menu-title">Search</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="Smart Search" class="level3 first item-link" href="/ar/joomla-pages-5/smart-seach/smart-search"><span class="menu-title">Smart Search</span></a> </li> </ul> </div> </div> </div> </li> <li class="level2 last "> <a title="Login Form" class="level2 last item-link" href="/ar/joomla-pages-5/login-form"><span class="menu-title">Login Form</span></a> </li> </ul> </div> </div> </div> </li> <li class="active level1 havechild "> <a title="K2" class="active level1 havechild item-link" href="/ar/k2"><span class="menu-title">K2</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="active level2 first havechild "> <a title="K2 Listing" class="active level2 first havechild item-link" href="/ar/k2/k2-listing"><span class="menu-title">K2 Listing</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="Listing 1 Column" class="level3 first item-link" href="/ar/k2/k2-listing/listing-1-column"><span class="menu-title">Listing 1 Column</span></a> </li> <li class="level3 "> <a title="Listing 2 Columns" class="level3 item-link" href="/ar/k2/k2-listing/listing-2-columns"><span class="menu-title">Listing 2 Columns</span></a> </li> <li class="level3 "> <a title="Listing 3 Columns" class="level3 item-link" href="/ar/k2/k2-listing/listing-3-columns"><span class="menu-title">Listing 3 Columns</span></a> </li> <li class="level3 last "> <a title="Listing 4 Columns" class="level3 last item-link" href="/ar/k2/k2-listing/listing-4-columns"><span class="menu-title">Listing 4 Columns</span></a> </li> </ul> </div> </div> </div> </li> <li class="level2 "> <a title="K2 Tags" class="level2 item-link" href="/ar/k2/k2-tags"><span class="menu-title">K2 Tags</span></a> </li> <li class="level2 "> <a title="K2 User" class="level2 item-link" href="/ar/k2/k2-user"><span class="menu-title">K2 User</span></a> </li> <li class="level2 last havechild "> <a title="K2 Article" class="level2 last havechild item-link" href="/ar/k2/k2-article"><span class="menu-title">K2 Article</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="Article show images" class="level3 first item-link" href="/ar/k2/k2-article/article-show-images"><span class="menu-title">Article show images</span></a> </li> <li class="level3 "> <a title="Article show Youtube" class="level3 item-link" href="/ar/k2/k2-article/article-show-youtube"><span class="menu-title">Article show Youtube</span></a> </li> <li class="level3 last "> <a title="Article show Vimeo" class="level3 last item-link" href="/ar/k2/k2-article/article-show-vimeo"><span class="menu-title">Article show Vimeo</span></a> </li> </ul> </div> </div> </div> </li> </ul> </div> </div> </div> </li> <li class="level1 havechild "> <a title="Shortcodes" class="level1 havechild item-link" href="/ar/short-codes-2"><span class="menu-title">Shortcodes</span></a> <!-- open mega-content div --> <div class="level2 mod mega-content" > <div class="mega-content-inner clearfix" style="width:300px"> <div class="mega-col first one" style="width:100%;"> <div class="mega-module moduletable"> <div class="mega-module-content"> <div style="margin: 15px;"><ul class="yt-list type-star" style=""> <li > Powered by Css3 </li> <li > Support Bootstrap 3 </li> <li > Extremely easy to use </li> <li > 30+ amazing shortcodes </li> <li > Support RTL Languages </li> <li > Modern responsive design </li> <li > Support Font Awesome 4.2.0 </li> <li > Support joomla25 and joomla3 </li> </ul></div> </div> </div> </div> </div> </div> </li> <li class="level1 havechild "> <a title="Pages" class="level1 havechild item-link" href="/ar/bonus-pages-2"><span class="menu-title">Pages</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="level2 first havechild "> <a title="About Page" class="level2 first havechild item-link" href="/ar/bonus-pages-2/about-page"><span class="menu-title">About Page</span></a> <!-- open mega-content div --> <div class="level3 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level3"><li class="level3 first "> <a title="About Us" class="level3 first item-link" href="/ar/bonus-pages-2/about-page/about-us"><span class="menu-title">About Us</span></a> </li> <li class="level3 last "> <a title="About Basic" class="level3 last item-link" href="/ar/bonus-pages-2/about-page/about-basic"><span class="menu-title">About Basic</span></a> </li> </ul> </div> </div> </div> </li> <li class="level2 "> <a title="Services Page" class="level2 item-link" href="/ar/bonus-pages-2/our-services"><span class="menu-title">Services Page</span></a> </li> <li class="level2 "> <a title="Join now" class="level2 item-link" href="/ar/bonus-pages-2/join-now"><span class="menu-title">Join now</span></a> </li> <li class="level2 "> <a title="FAQ" class="level2 item-link" href="/ar/bonus-pages-2/faq"><span class="menu-title">FAQ</span></a> </li> <li class="level2 "> <a title="Portfolio" class="level2 item-link" href="/ar/bonus-pages-2/portfolio"><span class="menu-title">Portfolio</span></a> </li> <li class="level2 "> <a title="Page 404" class="level2 item-link" href="/ar/bonus-pages-2/page-404"><span class="menu-title">Page 404</span></a> </li> <li class="level2 "> <a title="Photo Gallery " class="level2 item-link" href="/ar/bonus-pages-2/photo-gallery"><span class="menu-title">Photo Gallery </span></a> </li> <li class="level2 "> <a title="Privacy Policy" class="level2 item-link" href="/ar/bonus-pages-2/testimonial2"><span class="menu-title">Privacy Policy</span></a> </li> <li class="level2 "> <a title="Terms of Service" class="level2 item-link" href="/ar/bonus-pages-2/terms-of-service"><span class="menu-title">Terms of Service</span></a> </li> <li class="level2 "> <a title="Portfolio Full Width" class="level2 item-link" href="/ar/bonus-pages-2/portfolio-full-width"><span class="menu-title">Portfolio Full Width</span></a> </li> <li class="level2 last "> <a title="On Scroll Animations" class="level2 last item-link" href="/ar/bonus-pages-2/on-scroll-animations"><span class="menu-title">On Scroll Animations</span></a> </li> </ul> </div> </div> </div> </li> <li class="level1 havechild "> <a title="Contact" class="level1 havechild item-link" href="#"><span class="menu-title">Contact</span></a> <!-- open mega-content div --> <div class="level2 menu mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first one" > <ul class="subnavi level2"><li class="level2 first "> <a title="Contact - Default" class="level2 first item-link" href="/ar/contact-3/contact-default"><span class="menu-title">Contact - Default</span></a> </li> <li class="level2 "> <a title="Contact - Big Map" class="level2 item-link" href="/ar/contact-3/contact-big-map"><span class="menu-title">Contact - Big Map</span></a> </li> <li class="level2 last "> <a title="Contact - Sidebar" class="level2 last item-link" href="/ar/contact-3/contact-sidebar"><span class="menu-title">Contact - Sidebar</span></a> </li> </ul> </div> </div> </div> </li> <li class="level1 last havechild full_megachild"> <a title="News" class="level1 last havechild full_megachild item-link" href="/ar/news-3"><span class="menu-title">News</span></a> <!-- open mega-content div --> <div class="level2 megachild mega-content" > <div class="mega-content-inner clearfix" > <div class="mega-col first more" style="width:33%;"> <div class="mega-group"> <div class="mega-group-title"> <a title="News 1" class="level2 item-link" href="#"><span class="menu-title">News 1</span></a> </div> <div class="mega-group-content"> <ul class="subnavi level3"> <li class="level3 first "> <a title="Audio & Video" class="level3 first item-link" href="#"><span class="menu-title">Audio & Video</span></a> </li> <li class="level3 "> <a title="Creative" class="level3 item-link" href="#"><span class="menu-title">Creative</span></a> </li> <li class="level3 "> <a title="Demography Interest" class="level3 item-link" href="#"><span class="menu-title">Demography Interest</span></a> </li> <li class="level3 "> <a title="Human & Nature Photography" class="level3 item-link" href="#"><span class="menu-title">Human & Nature Photography</span></a> </li> <li class="level3 "> <a title="Uncategorized" class="level3 item-link" href="#"><span class="menu-title">Uncategorized</span></a> </li> <li class="level3 "> <a title="Wedding" class="level3 item-link" href="#"><span class="menu-title">Wedding</span></a> </li> <li class="level3 "> <a title="Branding" class="level3 item-link" href="#"><span class="menu-title">Branding</span></a> </li> <li class="level3 last "> <a title="Worldwide Travelling" class="level3 last item-link" href="#"><span class="menu-title">Worldwide Travelling</span></a> </li> </ul> </div> </div> </div> <div class="mega-col more" style="width:33%;"> <div class="mega-group"> <div class="mega-group-title"> <a title="News 2" class="level2 item-link" href="#"><span class="menu-title">News 2</span></a> </div> <div class="mega-group-content"> <ul class="subnavi level3"> <li class="level3 first "> <a title="Litora Torquent" class="level3 first item-link" href="#"><span class="menu-title">Litora Torquent</span></a> </li> <li class="level3 "> <a title="conubia " class="level3 item-link" href="#"><span class="menu-title">conubia </span></a> </li> <li class="level3 "> <a title="Inceptos Himenaeos" class="level3 item-link" href="#"><span class="menu-title">Inceptos Himenaeos</span></a> </li> <li class="level3 "> <a title="Sodales" class="level3 item-link" href="#"><span class="menu-title">Sodales</span></a> </li> <li class="level3 "> <a title="Meggings" class="level3 item-link" href="#"><span class="menu-title">Meggings</span></a> </li> <li class="level3 "> <a title="vestibulum" class="level3 item-link" href="#"><span class="menu-title">vestibulum</span></a> </li> <li class="level3 "> <a title="Phasellus" class="level3 item-link" href="#"><span class="menu-title">Phasellus</span></a> </li> <li class="level3 last "> <a title="Quisque" class="level3 last item-link" href="#"><span class="menu-title">Quisque</span></a> </li> </ul> </div> </div> </div> <div class="mega-col last more" style="width:33%;"> <div class="mega-group"> <div class="mega-group-title"> <a title="Custom Box" class="level2 full_megachild item-link" href="#"><span class="menu-title">Custom Box</span></a> </div> <div class="mega-group-content"> <div class="mega-module custom-mega moduletable custom-mega"> <div class="mega-module-content"> <div class="image-item"><a href="#"><img src="/images/demo/mega-mod.png" alt="" /></a></div><p class="des">Lorem ipsum dolor sit amet, consecaion tetuer adipiscing elit, sed diam nonumio my nibh euismod</p> </div> </div> </div> </div> </div> </div> </div> </li> </ul> <script type="text/javascript"> jQuery(function($){ $('#meganavigator').megamenu({ 'wrap':'#yt_menuwrap .container', 'easing': 'easeInOutCirc', 'mm_timeout': '250' }); }); </script> <div id="yt-responivemenu" class="yt-resmenu "> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button"> <i class="fa fa-bars"></i> Menu </button> <div id="resmenu_sidebar" class="nav-collapse collapse" > <ul class="nav resmenu"> <li class="haveChild level1"><a title="Home" href='https://karlog.gr/'>Home</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="demo2" href='/ar/home/home2'>Home - layout2</a> </li> </ul> </div> </li> <li class="haveChild level1"><a title="Explore" href='#'>Explore</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Module Variations" href='/ar/explore-3/module-variations'>Module Variations</a> </li> <li><a title="Extensions" href='/ar/explore-3/extenstions'>Extensions</a> </li> <li class="haveChild level2"><a title="Module positions" href='/ar/explore-3/module-positions'>Module positions</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Positions Layout 1" href='/ar/explore-3/module-positions/positions-layout-1'>Positions Layout 1</a> </li> <li><a title="Positions Layout 2" href='/ar/explore-3/module-positions/positions-layout-2'>Positions Layout 2</a> </li> </ul> </div> </li> <li><a title="Page Breaks" href='/ar/explore-3/page-break-example'>Page Breaks</a> </li> <li><a title="Iframe Wrapper" href='/ar/explore-3/iframe-wrapper'>Iframe Wrapper</a> </li> <li class="haveChild level2"><a title="Layout" href='/ar/explore-3/layout'>Layout</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="All Sidebar Blocks " href='/ar/explore-3/layout/all-sidebar-blocks'>All Sidebar Blocks </a> </li> <li><a title="Left Sidebar" href='/ar/explore-3/layout/left-sidebar-content'>Left Sidebar</a> </li> <li><a title="Right Sidebar " href='/ar/explore-3/layout/right-sidebar'>Right Sidebar </a> </li> <li><a title="Full Width" href='/ar/explore-3/layout/full-width'>Full Width</a> </li> </ul> </div> </li> </ul> </div> </li> <li class="haveChild level1"><a title="Joomla" href='/ar/joomla-pages-5'>Joomla</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li class="haveChild level2"><a title="Blog Content" href='/ar/joomla-pages-5/blog-joomla'>Blog Content</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="List All Categories" href='/ar/joomla-pages-5/blog-joomla/list-all-categories'>List All Categories</a> </li> <li><a title="Featured Articles" href='/ar/joomla-pages-5/blog-joomla/featured-articles'>Featured Articles</a> </li> <li><a title="Category List" href='/ar/joomla-pages-5/blog-joomla/category-list'>Category List</a> </li> <li class="haveChild level3"><a title="Category Blog" href='/ar/joomla-pages-5/blog-joomla/category-blog'>Category Blog</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Category Blog (1 column)" href='/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-1-column'>Category Blog (1 column)</a> </li> <li><a title="Category Blog (2 columns)" href='/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-2-columns'>Category Blog (2 columns)</a> </li> <li><a title="Category Blog (3 columns)" href='/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-3-columns'>Category Blog (3 columns)</a> </li> <li><a title="Category Blog (4 columns)" href='/ar/joomla-pages-5/blog-joomla/category-blog/category-blog-4-columns'>Category Blog (4 columns)</a> </li> </ul> </div> </li> <li class="haveChild level3"><a title="Category Tag" href='/ar/joomla-pages-5/blog-joomla/tags'>Category Tag</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Compact list of tagged items" href='/ar/joomla-pages-5/blog-joomla/tags/compact-list-of-tagged-items'>Compact list of tagged items</a> </li> <li><a title="List of all tags" href='/ar/joomla-pages-5/blog-joomla/tags/list-of-all-tags'>List of all tags</a> </li> <li><a title="Tagged items" href='/ar/joomla-pages-5/blog-joomla/tags/tagged-items'>Tagged items</a> </li> </ul> </div> </li> <li><a title="Single Article" href='/ar/joomla-pages-5/blog-joomla/single-article'>Single Article</a> </li> </ul> </div> </li> <li><a title="Weblinks" href='/ar/joomla-pages-5/weblinks'>Weblinks</a> </li> <li class="haveChild level2"><a title="Search" href='/ar/joomla-pages-5/smart-seach'>Search</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Smart Search" href='/ar/joomla-pages-5/smart-seach/smart-search'>Smart Search</a> </li> </ul> </div> </li> <li><a title="Login Form" href='/ar/joomla-pages-5/login-form'>Login Form</a> </li> </ul> </div> </li> <li class="haveChild level1 open"><a title="K2" href='/ar/k2' class="active">K2</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li class="haveChild level2 open"><a title="K2 Listing" href='/ar/k2/k2-listing' class="active">K2 Listing</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Listing 1 Column" href='/ar/k2/k2-listing/listing-1-column'>Listing 1 Column</a> </li> <li><a title="Listing 2 Columns" href='/ar/k2/k2-listing/listing-2-columns'>Listing 2 Columns</a> </li> <li><a title="Listing 3 Columns" href='/ar/k2/k2-listing/listing-3-columns'>Listing 3 Columns</a> </li> <li><a title="Listing 4 Columns" href='/ar/k2/k2-listing/listing-4-columns'>Listing 4 Columns</a> </li> </ul> </div> </li> <li><a title="K2 Tags" href='/ar/k2/k2-tags'>K2 Tags</a> </li> <li><a title="K2 User" href='/ar/k2/k2-user'>K2 User</a> </li> <li class="haveChild level2"><a title="K2 Article" href='/ar/k2/k2-article'>K2 Article</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Article show images" href='/ar/k2/k2-article/article-show-images'>Article show images</a> </li> <li><a title="Article show Youtube" href='/ar/k2/k2-article/article-show-youtube'>Article show Youtube</a> </li> <li><a title="Article show Vimeo" href='/ar/k2/k2-article/article-show-vimeo'>Article show Vimeo</a> </li> </ul> </div> </li> </ul> </div> </li> <li><a title="Shortcodes" href='/ar/short-codes-2'>Shortcodes</a> </li> <li class="haveChild level1"><a title="Pages" href='/ar/bonus-pages-2'>Pages</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li class="haveChild level2"><a title="About Page" href='/ar/bonus-pages-2/about-page'>About Page</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="About Us" href='/ar/bonus-pages-2/about-page/about-us'>About Us</a> </li> <li><a title="About Basic" href='/ar/bonus-pages-2/about-page/about-basic'>About Basic</a> </li> </ul> </div> </li> <li><a title="Services Page" href='/ar/bonus-pages-2/our-services'>Services Page</a> </li> <li><a title="Join now" href='/ar/bonus-pages-2/join-now'>Join now</a> </li> <li><a title="FAQ" href='/ar/bonus-pages-2/faq'>FAQ</a> </li> <li><a title="Portfolio" href='/ar/bonus-pages-2/portfolio'>Portfolio</a> </li> <li><a title="Page 404" href='/ar/bonus-pages-2/page-404'>Page 404</a> </li> <li><a title="Photo Gallery " href='/ar/bonus-pages-2/photo-gallery'>Photo Gallery </a> </li> <li><a title="Privacy Policy" href='/ar/bonus-pages-2/testimonial2'>Privacy Policy</a> </li> <li><a title="Terms of Service" href='/ar/bonus-pages-2/terms-of-service'>Terms of Service</a> </li> <li><a title="Portfolio Full Width" href='/ar/bonus-pages-2/portfolio-full-width'>Portfolio Full Width</a> </li> <li><a title="On Scroll Animations" href='/ar/bonus-pages-2/on-scroll-animations'>On Scroll Animations</a> </li> </ul> </div> </li> <li class="haveChild level1"><a title="Contact" href='#'>Contact</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Contact - Default" href='/ar/contact-3/contact-default'>Contact - Default</a> </li> <li><a title="Contact - Big Map" href='/ar/contact-3/contact-big-map'>Contact - Big Map</a> </li> <li><a title="Contact - Sidebar" href='/ar/contact-3/contact-sidebar'>Contact - Sidebar</a> </li> </ul> </div> </li> <li class="haveChild level1"><a title="News" href='/ar/news-3'>News</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li class="haveChild level2"><a title="News 1" href='#'>News 1</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Audio & Video" href='#'>Audio & Video</a> </li> <li><a title="Creative" href='#'>Creative</a> </li> <li><a title="Demography Interest" href='#'>Demography Interest</a> </li> <li><a title="Human & Nature Photography" href='#'>Human & Nature Photography</a> </li> <li><a title="Uncategorized" href='#'>Uncategorized</a> </li> <li><a title="Wedding" href='#'>Wedding</a> </li> <li><a title="Branding" href='#'>Branding</a> </li> <li><a title="Worldwide Travelling" href='#'>Worldwide Travelling</a> </li> </ul> </div> </li> <li class="haveChild level2"><a title="News 2" href='#'>News 2</a> <span class="menuress-toggle"></span> <div class="res-wrapnav"> <ul class="nav"> <li><a title="Litora Torquent" href='#'>Litora Torquent</a> </li> <li><a title="conubia " href='#'>conubia </a> </li> <li><a title="Inceptos Himenaeos" href='#'>Inceptos Himenaeos</a> </li> <li><a title="Sodales" href='#'>Sodales</a> </li> <li><a title="Meggings" href='#'>Meggings</a> </li> <li><a title="vestibulum" href='#'>vestibulum</a> </li> <li><a title="Phasellus" href='#'>Phasellus</a> </li> <li><a title="Quisque" href='#'>Quisque</a> </li> </ul> </div> </li> <li><a title="Custom Box" href='#'>Custom Box</a> </li> </ul> </div> </li> </ul> </div> </div> <script type="text/javascript"> /*jQuery(document).click(function (e) { if (!jQuery(e.target).hasClass("nav-collapse") && jQuery(e.target).parents(".nav-collapse").length === 0) { jQuery('#resmenu_sidebar').removeClass('in'); } });*/ jQuery(document).ready(function($) { $('.btn-navbar').click(function(){ $(this).children().toggleClass('fa-times'); }); $("ul.resmenu li.haveChild").each(function() { $(this).children(".res-wrapnav").css('display', 'none'); var ua = navigator.userAgent, event = (ua.match(/iPad/i)) ? "touchstart" : "click"; $(this).children(".menuress-toggle").bind(event, function() { $(this).parent().addClass(function(){ if($(this).hasClass("active")){ //$(this).removeClass("active"); return ""; } return "active"; }); $(this).siblings(".res-wrapnav").slideDown(350); $(this).parent().siblings("li").children(".res-wrapnav").slideUp(350); $(this).parent().siblings("li").removeClass("active"); }); }); });</script> </div> <div id="search" class=" col-md-1 col-sm-12 col-xs-12" > <div class="module me_search clearfix" > <div class="modcontent clearfix"> <div class="dropdown "> <button id="dropdownMenu1" class=" dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1" > <div id="k2ModuleBox291" class="k2SearchBlock me_search k2LiveSearchBlock"> <form id="mod-finder-searchform" action="/ar/k2/k2-listing/itemlist/search" method="get" autocomplete="off" class="k2SearchBlockForm"> <input id="mod-finder-searchword" type="text" placeholder="Search" name="searchword" maxlength="20" size="20" class="inputbox" /> <button type="submit" class="button" onclick="this.form.searchword.focus();" > <i class="fa fa-search icon-white"></i></button> <input type="hidden" name="categories" value="" /> <input type="hidden" name="format" value="html" /> <input type="hidden" name="t" value="" /> <input type="hidden" name="tpl" value="search" /> </form> <div class="k2LiveSearchResults"></div> </div> </div></div> </div> </div> </div> </div> </div> </nav> <section id="yt_breadcrumb" class="block"> <div class="container"> <div class="row"> <div id="breadcrumb" class="col-sm-12" > <div class="module clearfix" > <div class="modcontent clearfix"> <ul class="breadcrumb "> <li class="active"></li><li><a href="/ar/" class="pathway">Home</a></li><li><a href="/ar/k2" class="pathway">K2</a></li><li><a href="/ar/k2/k2-listing" class="pathway">K2 Listing</a></li><li class="active"><span>Gimes pede elit</span></li></ul> </div> </div> </div> </div> </div> </section> <section id="content" class=" no-right nogroup-rightblock"> <div class="container"> <div class="row"> <aside id="content_left" class="col-md-3 col-sm-12"> <div id="left" class="col-sm-12" > <div class="module search-left clearfix" > <div class="modcontent clearfix"> <div class="search search-left"> <form action="/ar/k2/k2-listing" method="post" class="form-inline"> <button class="button btn btn-primary" onclick="this.form.searchword.focus();">البحث</button><input name="searchword" id="mod-search-searchword" maxlength="200" class="inputbox search-query" type="search" size="20" placeholder="Enter Keywords..." /> <input type="hidden" name="task" value="search" /> <input type="hidden" name="option" value="com_search" /> <input type="hidden" name="Itemid" value="1182" /> </form></div> </div> </div> <div class="module banner-slider clearfix" > <div class="modcontent clearfix"> <div class="carousel-custommer"><div id="yt-extra-carousel" style="width:100%; height:100%" class="yt-extra-carousel carousel slide pull-center" data-ride="carousel" data-interval='false'><div class="carousel-inner"> <div class='item'><div class="customslider"><div class="item-image"><img src="/images/karlog_photo_1.JPG" alt="" /> <h3 class="title-banner">Karlog Shipping Company Ltd</h3></div></div></div> <div class='item'><div class="customslider"><div class="item-image"><img src="/images/karlog_photo_2.JPG" alt="" /> <h3 class="title-banner">Karlog Shipping Company Ltd</h3></div></div></div> <div class='item'><div class="customslider"><div class="item-image"><img src="/images/karlog_photo_3.JPG" alt="" /> <h3 class="title-banner">Carlog Shipping Company Ltd</h3></div></div></div> </div><a class="carousel-control left" href="#yt-extra-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a><a class="carousel-control right" href="#yt-extra-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a><ol class="carousel-indicators" ><li data-slide-to="0" data-target="#yt-extra-carousel"></li><li data-slide-to="1" data-target="#yt-extra-carousel"></li><li data-slide-to="2" data-target="#yt-extra-carousel"></li></ol></div></div> </div> </div> <div class="module photo-galleries clearfix" > <h3 class="modtitle"> PHOTO GALLERY -- SHIPS <span class="title-color"></span> </h3> <div class="modcontent clearfix"> <div id="sj_gallery_1858126211714843353" class="sj-gallery preset01-3 preset02-3 preset03-4 preset04-3 preset05-3" data-interval="0" data-pause="hover"> <!--[if IE 8]> <div class="ie8 presets"> <![endif]--> <div class="pre-text"> </div> <div class="sj-content"> <div class="sj-items"> <div class="sj-item active item"> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/AmberL.jpg" title="AmberL"> <img src="/cache/resized/ce5bd7e15cb129728915b99c7c73bf80.jpg" alt="cache/resized/ce5bd7e15cb129728915b99c7c73bf80.jpg"/> </a> </div> <div class="clr1"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/JADEI.JPG" title="JADEI.JPG"> <img src="/cache/resized/8716369c4ba3c4f9553b53b064664deb.jpg" alt="cache/resized/8716369c4ba3c4f9553b53b064664deb.jpg"/> </a> </div> <div class="clr1 clr2"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/KAPETAN-NONDAS.jpg" title="KAPETAN-NONDAS"> <img src="/cache/resized/1a27e3ac0d338c4f5020ea0d202c246b.jpg" alt="cache/resized/1a27e3ac0d338c4f5020ea0d202c246b.jpg"/> </a> </div> <div class="clr1 clr3"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/lapis.jpg" title="Lapis"> <img src="/cache/resized/4c8b0770779f95350eb053f315805170.jpg" alt="cache/resized/4c8b0770779f95350eb053f315805170.jpg"/> </a> </div> <div class="clr1 clr2 clr4"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/SENSEI_PANAMA.jpg" title="SENSEI PANAMA"> <img src="/cache/resized/7aad395d2982b1bb8b73be5dd80ea22a.jpg" alt="cache/resized/7aad395d2982b1bb8b73be5dd80ea22a.jpg"/> </a> </div> <div class="clr1 clr5"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/solitairei.png" title="Solitairei"> <img src="/cache/resized/863c88bcdc30a7cefdf1d9b89aad9c5f.png" alt="cache/resized/863c88bcdc30a7cefdf1d9b89aad9c5f.png"/> </a> </div> <div class="clr1 clr2 clr3 clr6"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/ZILOS_PHOTO_4.jpg" title="ZILOS PHOTO 4"> <img src="/cache/resized/77b0a50ab7ad7901ce686a8c363a037d.jpg" alt="cache/resized/77b0a50ab7ad7901ce686a8c363a037d.jpg"/> </a> </div> <div class="clr1"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_1858126211714843353" href="/images/demo/ships/372371000_9496173_08c9bfeb-6fdc-fd60-6abc-1f0ed1076d3e_05.jpg" title="372371000 9496173 08c9bfeb-6fdc-fd60-6abc-1f0ed1076d3e 05"> <img src="/cache/resized/1aecee4441879a58e741abc5dce400cc.jpg" alt="cache/resized/1aecee4441879a58e741abc5dce400cc.jpg"/> </a> </div> <div class="clr1 clr2 clr4"></div> </div> </div> </div> <div class="post-text"> </div></div> <script type="text/javascript">//<![CDATA[jQuery(document).ready(function($) { $('#sj_gallery_1858126211714843353').each(function(){ var $this = $(this), options = options = !$this.data('modal') && $.extend({}, $this.data()); $this.jcarousel(options); $this.bind('jslide', function(e){ var index = $(this).find(e.relatedTarget).index(); // process for nav $('[data-jslide]').each(function(){ var $nav = $(this), $navData = $nav.data(), href, $target = $($nav.attr('data-target') || (href = $nav.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); if ( !$target.is($this) ) return; if (typeof $navData.jslide == 'number' && $navData.jslide==index){ $nav.addClass('sel'); } else { $nav.removeClass('sel'); } }); }); }); $("a[data-rel=sj_gallery_image_1858126211714843353]").fancybox({ 'transitionIn' : 'fade', 'transitionOut' : 'fade', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' - ' + title : '') + ''; }, easingIn: 'easeInOutQuad', easingOut: 'easeInOutQuad', onStart: function(){ var $btn = $('#sj_gallery_1858126211714843353'); $btn.jcarousel('pause'); }, onClosed: function(){ var $btn = $('#sj_gallery_1858126211714843353'); $btn.jcarousel('cycle'); } }); });//]]></script> </div> </div> </div> </aside> <div id="content_main" class="col-md-9 col-sm-12"> <div id="system-message-container"> </div> <div id="yt_component"> <!-- Start K2 Item Layout --><span id="startOfPageId95"></span> <div id="k2Container" class="itemView"> <!-- Plugins: BeforeDisplay --> <!-- K2 Plugins: K2BeforeDisplay --> <!-- Item category <div class="itemCategory"> <h2> <a href="/ar/k2/k2-listing">K2 listing</a> </h2> <div class="line"></div> </div> --> <div class="itemHeader"> <!-- Item title --> <h2 class="itemTitle"> <div class="me-inline"> Gimes pede elit </div> <div class="itemToolbar me-inline"> <ul class="icon-item size-mail"> <!-- Font Resizer --> <li class="fontsize"> <span class="itemTextResizerTitle">font size</span> <a href="#" id="fontIncrease"> + </a> <a href="#" id="fontDecrease"> – </a> </li> <!-- Email Button --> <li class="emailbutton"> <a class="itemEmailLink" rel="nofollow" href="/ar/component/mailto/?tmpl=component&template=sj_hexagon&link=c343b84704bbf6f913fdcd2edfdb631978299fbe" onclick="window.open(this.href,'emailWindow','width=400,height=350,location=no,menubar=no,resizable=no,scrollbars=no'); return false;"> <i class="fa fa-envelope-o"></i> </a> </li> <!-- Print Button --> <li class="printbutton"> <a class="itemPrintLink" rel="nofollow" href="/ar/k2/k2-listing/item/95-gimes-pede-elit?tmpl=component&print=1" onclick="window.open(this.href,'printWindow','width=900,height=600,location=no,menubar=no,resizable=yes,scrollbars=yes'); return false;"> <i class="fa fa-print"></i> </a> </li> </ul> <ul style="text-align: inherit;"> </ul> <div class="clr"></div> </div> </h2> </div> <!-- Plugins: AfterDisplayTitle --> <!-- K2 Plugins: K2AfterDisplayTitle --> <div class="itemToolbar"> <div class="icon-item action"> <!-- Date created --> <span class="itemDateCreated me-inline"> </i> 26 أيار 2011 </span> <!-- Item Author --> <span class="itemAuthor me-inline"> Author : <a rel="author" href="/ar/k2/k2-user">Super User</a> </span> </div> </div> <div class="itemBody"> <!-- Plugins: BeforeDisplayContent --> <!-- K2 Plugins: K2BeforeDisplayContent --> <!-- Item Image --> <div class="itemImageBlock"> <div class="itemImage"> <span class="itemImage"> <a class="" data-rel="prettyPhoto" href="/media/k2/items/cache/88f135a483ef01fac8d7b920488085e4_XL.jpg" title="Click to preview image"> <img src="/media/k2/items/cache/88f135a483ef01fac8d7b920488085e4_L.jpg" alt="Gimes pede elit" /> </a> </span> </div> <div class="clr"></div> </div> <!-- Item introtext --> <div class="itemIntroText"> <p>Suspendisse at libero porttitor nisi aliquet vulputate vitae at velit. Aliquam eget arcu magna, vel congue dui. Nunc auctor mauris tempor leo aliquam vel porta ante sodales. Nulla facilisi. In accumsan mattis odio vel luctus.</p> </div> <!-- Item fulltext --> <div class="itemFullText"> <p>Aenean vehicula vehicula aliquam. Aliquam lobortis cursus erat, in dictum neque suscipit id. In eget ante massa. Mauris ut mauris vel libero sagittis congue. Aenean id turpis lectus. Duis eget consequat velit. Suspendisse cursus nulla vel eros blandit placerat. Aliquam volutpat justo sit amet dui sollicitudin eget interdum nibh gravida. Cras nec placerat libero. Cras id risus sem. Maecenas sit amet ligula turpis, malesuada convallis dui. Ut ligula lorem, vestibulum sit amet fringilla lobortis, posuere at odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer egestas lectus egestas erat convallis et eleifend sapien tempor. Nulla aliquam nisi sed lorem rhoncus ut adipiscing leo semper. Vestibulum sit amet libero ante, a porta augue. Morbi ornare, leo a tristique rutrum, arcu nulla ornare purus, et pharetra tortor lectus at lectus. Cras congue rhoncus eros et facilisis. Maecenas vehicula pretium turpis, in volutpat mauris imperdiet vel. Nulla facilisi. Sed at justo sem, at iaculis ligula. Phasellus ligula tortor, porttitor in imperdiet et, dignissim in metus. Etiam vitae lorem at felis porta auctor. Nullam semper pharetra gravida.</p><p>Quisque arcu elit, condimentum eu convallis nec, mattis vitae elit. Aliquam eu justo eu ipsum ultricies rutrum non eu sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue porttitor ligula, in tempor ipsum sagittis ut. Suspendisse sit amet tortor urna, ut mattis massa. Curabitur eget elit leo. Integer mauris odio, semper quis aliquet id, mattis quis mauris. Proin consectetur vestibulum tellus eu tempor.</p><p>Vestibulum sit amet libero vel neque dapibus ultrices. Sed sollicitudin est neque, ac dictum ipsum. Nullam lobortis, nisi ut pulvinar pellentesque, orci metus bibendum velit, et adipiscing felis sapien fermentum dui. Mauris vulputate lobortis hendrerit. Cras condimentum vulputate ante in imperdiet. Donec vitae massa orci. Fusce orci ligula, gravida vel tincidunt ut, pretium in dolor. Nulla in odio diam, eu malesuada nisl. Sed porta metus at est suscipit sagittis. Suspendisse elementum tortor sit amet lorem elementum ornare. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris venenatis, quam fringilla lobortis luctus, nulla sapien ultricies nisi, ut fermentum arcu tortor vel orci.</p><p>Curabitur luctus tortor non quam gravida ultrices. In erat urna, tincidunt nec pulvinar ac, laoreet ut orci. Duis vestibulum, mi id malesuada pulvinar, arcu nibh facilisis augue, ut accumsan urna orci sagittis justo. Donec ut metus eros. Nulla at tortor et mauris accumsan adipiscing. Morbi pellentesque, dui ut blandit vehicula, lectus ligula aliquam nulla, sed mollis nunc odio at ipsum. Mauris scelerisque metus a justo facilisis ut semper ligula eleifend. Phasellus non odio nibh. Curabitur at tincidunt neque. Nunc euismod malesuada massa ac luctus. Pellentesque sed bibendum velit. Vivamus dictum pulvinar ipsum, vitae vestibulum eros ornare sit amet. Donec ut felis at sem auctor iaculis. Nullam hendrerit tempus tellus, ut fringilla diam vehicula quis. Nulla facilisi. Morbi at eros et leo pulvinar molestie at rutrum orci.</p> </div> <div class="clr"></div> <!-- Plugins: AfterDisplayContent --> <!-- K2 Plugins: K2AfterDisplayContent --> <div class="clr"></div> </div> <div class="itemLinks"> <!-- Social sharing --> <div class="itemSocialSharing"> <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_native_toolbox"></div> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f89a9d74637536f" async></script> <div class="clr"></div> </div> <div class="clr"></div> </div> <!-- Author Block --> <div class="itemAuthorBlock"> <div class="header-author"> <!-- Item Hits --> <span class="itemHits me-inline"> 3037061 Views </span> <!-- Item tags --> <div class="itemTagsBlock me-inline"> <span><i class="fa fa-tags"></i>Tag : </span> <ul class="itemTags"> <li><a href="/ar/k2/k2-listing/itemlist/tag/HTML5">HTML5</a></li> <li><a href="/ar/k2/k2-listing/itemlist/tag/responsive">responsive</a></li> <li><a href="/ar/k2/k2-listing/itemlist/tag/Text">Text</a></li> <li><a href="/ar/k2/k2-listing/itemlist/tag/joomla">joomla</a></li> <li><a href="/ar/k2/k2-listing/itemlist/tag/css">css</a></li> <li><a href="/ar/k2/k2-tags">Creative</a></li> </ul> <div class="clr"></div> </div> </div> <div class="line"></div> <div class="itemAuthorAvatar"> <img src="/templates/sj_hexagon/images/placeholder/user.png" alt="Super User" /> </div> <div class="itemAuthorDetails"> <h3 class="itemAuthorName"> <a rel="author" href="/ar/k2/k2-user">Super User</a> </h3> <span class="itemAuthorEmail">Email <span id="cloakceba9c957c3fa85ee85abfc43ffab4c0">عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته.</span><script type='text/javascript'> document.getElementById('cloakceba9c957c3fa85ee85abfc43ffab4c0').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addyceba9c957c3fa85ee85abfc43ffab4c0 = 'admin' + '@'; addyceba9c957c3fa85ee85abfc43ffab4c0 = addyceba9c957c3fa85ee85abfc43ffab4c0 + 'karlog' + '.' + 'gr'; var addy_textceba9c957c3fa85ee85abfc43ffab4c0 = 'admin' + '@' + 'karlog' + '.' + 'gr';document.getElementById('cloakceba9c957c3fa85ee85abfc43ffab4c0').innerHTML += '<a ' + path + '\'' + prefix + ':' + addyceba9c957c3fa85ee85abfc43ffab4c0 + '\'>'+addy_textceba9c957c3fa85ee85abfc43ffab4c0+'<\/a>'; </script></span> <div class="clr"></div> <!-- K2 Plugins: K2UserDisplay --> </div> <div class="clr"></div> </div> <!-- Latest items from author --> <div class="itemAuthorLatest"> <h3>Latest from Super User</h3> <div class="line"></div> <ul> <li class="even"> <a href="/ar/k2-categories/item/208-countries-we-ship-to">Countries we ship to</a> </li> <li class="odd"> <a href="/ar/k2-categories/item/209-sunberry-oceanways-ltd">Sunberry Oceanways Ltd</a> </li> <li class="even"> <a href="/ar/k2/k2-article">Article Show Youtube</a> </li> <li class="odd"> <a href="/ar/k2-categories/item/211-welcome-to-our-site">Welcome To Our Site</a> </li> <li class="even"> <a href="/ar/k2-categories/item/212-get-unique-layouts">Get Unique Layouts</a> </li> </ul> <div class="clr"></div> </div> <div class="clr"></div> <!-- Item navigation <div class="itemNavigation"> <span class="itemNavigationTitle"></span> <a class="itemPrevious" href="/ar/k2/k2-article/article-show-images"> « </a> <a class="itemNext" href="/ar/k2/k2-listing/item/86-aenean-vehicula-vehicula-aliquam"> » </a> </div> --> <!-- Plugins: AfterDisplay --> <!-- K2 Plugins: K2AfterDisplay --> <div class="itemBackToTop"> <a class="k2Anchor" href="/ar/k2/k2-listing/item/95-gimes-pede-elit#startOfPageId95"> </a> </div> <div class="clr"></div></div><!-- End K2 Item Layout --> <!-- JoomlaWorks "K2" (v2.6.8) | Learn more about K2 at http://getk2.org --> </div> </div> <aside id="content_right" class="col-md-3 col-sm-12 hidden"></aside> </div > </div > </section> <section id="yt_spotlight7" class="block"> <div class="container"> <div class="row"> <div id="bottom1" class="col-md-3 col-sm-6 col-xs-12" > <div class="module mod-contact-hexagon clearfix" > <div class="modcontent clearfix"> <ul class="contact-hexagon"><li><i class="fa fa-map-marker pull- " style=" "></i>15125 Maroussi, Granikou street 7, Greece</li><li><i class="fa fa-phone pull- " style=" "></i> <span class="style">+30 210 4282828 +30 210 4521705 +30 210 4521715</span></li><li><i class="fa fa-fax pull- " style=" "></i>+30 210 4535351</li><li><i class="fa fa-envelope pull- " style=" "></i> <span id="cloak3cc6b5d3daf526f397c330446e6ad31f">عنوان البريد الإلكتروني هذا محمي من روبوتات السبام. يجب عليك تفعيل الجافاسكربت لرؤيته.</span><script type='text/javascript'> document.getElementById('cloak3cc6b5d3daf526f397c330446e6ad31f').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addy3cc6b5d3daf526f397c330446e6ad31f = 'karlog' + '@'; addy3cc6b5d3daf526f397c330446e6ad31f = addy3cc6b5d3daf526f397c330446e6ad31f + 'otenet' + '.' + 'gr'; var addy_text3cc6b5d3daf526f397c330446e6ad31f = 'karlog' + '@' + 'otenet' + '.' + 'gr';document.getElementById('cloak3cc6b5d3daf526f397c330446e6ad31f').innerHTML += '<a ' + path + '\'' + prefix + ':' + addy3cc6b5d3daf526f397c330446e6ad31f + '\'>'+addy_text3cc6b5d3daf526f397c330446e6ad31f+'<\/a>'; </script></li></ul> </div> </div> </div> <div id="bottom2" class="col-md-3 col-sm-6 col-xs-12" > <div class="module menu-categories clearfix" > <h3 class="modtitle"> Organization <span class="title-color"></span> </h3> <div class="modcontent clearfix"> <ul class="menu "><li class="item-1015"><a href="/ar/2015-01-26-07-35-55" >Operations & Safety Department</a></li><li class="item-1016"><a href="/ar/2015-01-26-07-36-37" >Technical Department</a></li><li class="item-1017"><a href="/ar/2015-01-26-07-37-06" >Supply Department</a></li><li class="item-1018"><a href="/ar/2015-01-26-07-37-36" >Crewing Department</a></li><li class="item-1019"><a href="/ar/2015-01-26-07-38-11" >Accounting Department</a></li><li class="item-1020"><a href="/ar/2015-01-26-07-38-42" >Financial Department</a></li><li class="item-1021"><a href="/ar/2015-01-26-07-39-12" >Information & Technology</a></li></ul> </div> </div> </div> <div id="bottom3" class="col-md-3 col-sm-6 col-xs-12 " > <div class="module photo-galleries clearfix" > <h3 class="modtitle"> Photo Gallery <span class="title-color"></span> </h3> <div class="modcontent clearfix"> <div id="sj_gallery_8932529371714843352" class="sj-gallery slide preset01-3 preset02-3 preset03-4 preset04-3 preset05-3" data-interval="0" data-pause="hover"> <!--[if IE 8]> <div class="ie8 presets"> <![endif]--> <div class="pre-text"> </div> <div class="sj-content"> <div class="sj-items"> <div class="sj-item active item"> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/5-compressed.jpg" title="5-compressed"> <img src="/cache/resized/c4b3ab71469acd4488764c8bd6917e37.jpg" alt="cache/resized/c4b3ab71469acd4488764c8bd6917e37.jpg"/> </a> </div> <div class="clr1"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_1.jpg" title="Photo 1"> <img src="/cache/resized/a469d66d8580657a0156fc49e63b42dd.jpg" alt="cache/resized/a469d66d8580657a0156fc49e63b42dd.jpg"/> </a> </div> <div class="clr1 clr2"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_2.jpg" title="Photo 2"> <img src="/cache/resized/759eddf8252cc05ad8e9c9c113895362.jpg" alt="cache/resized/759eddf8252cc05ad8e9c9c113895362.jpg"/> </a> </div> <div class="clr1 clr3"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_3.jpg" title="Photo 3"> <img src="/cache/resized/f71312115af6a72dcebf27ab8a6d8ad8.jpg" alt="cache/resized/f71312115af6a72dcebf27ab8a6d8ad8.jpg"/> </a> </div> <div class="clr1 clr2 clr4"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_4.jpg" title="Photo 4"> <img src="/cache/resized/310b4496796f36b0ead76d6c4bc876fe.jpg" alt="cache/resized/310b4496796f36b0ead76d6c4bc876fe.jpg"/> </a> </div> <div class="clr1 clr5"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_5.jpg" title="Photo 5"> <img src="/cache/resized/a3e71210de30fa0a3018a942ec802f7c.jpg" alt="cache/resized/a3e71210de30fa0a3018a942ec802f7c.jpg"/> </a> </div> <div class="clr1 clr2 clr3 clr6"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_6.jpg" title="Photo 6"> <img src="/cache/resized/5894c753445a3c61c4637845d57ceea1.jpg" alt="cache/resized/5894c753445a3c61c4637845d57ceea1.jpg"/> </a> </div> <div class="clr1"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_7.jpg" title="Photo 7"> <img src="/cache/resized/963c9b9667f626725616b9de6e0ccd6b.jpg" alt="cache/resized/963c9b9667f626725616b9de6e0ccd6b.jpg"/> </a> </div> <div class="clr1 clr2 clr4"></div> <div class="item-info"> <a class="item-info-image" data-rel="sj_gallery_image_8932529371714843352" href="/images/demo/gallerypro/photo_8.jpg" title="Photo 8"> <img src="/cache/resized/87a38e303cdd514de565679191719bac.jpg" alt="cache/resized/87a38e303cdd514de565679191719bac.jpg"/> </a> </div> <div class="clr1 clr3"></div> </div> </div> </div> <div class="post-text"> </div></div> <script type="text/javascript">//<![CDATA[jQuery(document).ready(function($) { $('#sj_gallery_8932529371714843352').each(function(){ var $this = $(this), options = options = !$this.data('modal') && $.extend({}, $this.data()); $this.jcarousel(options); $this.bind('jslide', function(e){ var index = $(this).find(e.relatedTarget).index(); // process for nav $('[data-jslide]').each(function(){ var $nav = $(this), $navData = $nav.data(), href, $target = $($nav.attr('data-target') || (href = $nav.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); if ( !$target.is($this) ) return; if (typeof $navData.jslide == 'number' && $navData.jslide==index){ $nav.addClass('sel'); } else { $nav.removeClass('sel'); } }); }); }); $("a[data-rel=sj_gallery_image_8932529371714843352]").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return 'Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' - ' + title : '') + ''; }, easingIn: 'easeInOutQuad', easingOut: 'easeInOutQuad', onStart: function(){ var $btn = $('#sj_gallery_8932529371714843352'); $btn.jcarousel('pause'); }, onClosed: function(){ var $btn = $('#sj_gallery_8932529371714843352'); $btn.jcarousel('cycle'); } }); });//]]></script> </div> </div> </div> <div id="bottom4" class="col-md-3 col-sm-6 col-xs-12" > <div class="module contact-home clearfix" > <h3 class="modtitle"> Send Us A Message <span class="title-color"></span> </h3> <div class="modcontent clearfix"> <!--[if lt IE 9]><div class="contact-ajax msie lt-ie9" id="contact_ajax17148433521683344433" ><![endif]--> <!--[if IE 9]><div class="contact-ajax msie" id="contact_ajax17148433521683344433" ><![endif]--><!--[if gt IE 9]><!--><div class="contact-ajax" id="contact_ajax17148433521683344433" ><!--<![endif]--> <div class="ctajax-wrap"> <div class="ctajax-element"> <div class="el-inner cf"> <div class="el-form cf"> <form class="el-ctajax-form" id="el_ctajax_form" method="post" action="#"> <div class="input-left"> <div class="el-control"> <label for="cainput_name">Name</label> <input type="text" autocomplete="off" name="cainput_name" class="el-input" id="cainput_name" placeholder="Name"> <span class="ca-tooltip" title="" data-toggle="tooltip" data-original-title="Please fill in your name!"> <i class="fa fa-exclamation-circle el-error"></i> <i class="fa fa-check-circle el-ok"></i> </span> </div> <div class="el-control "> <label for="cainput_email">Email Address</label> <input autocomplete="off" type="text" name="cainput_email" class="el-input" id="cainput_email" placeholder="Email Address"> <span class="ca-tooltip" title="" data-toggle="tooltip" data-original-title="Please fill in your mail!"> <i class="fa fa-exclamation-circle el-error"></i> <i class="fa fa-check-circle el-ok"></i> </span> </div> <div class="el-control"> <label for="cainput_subject">Subject</label> <input type="text" autocomplete="off" name="cainput_subject" class="el-input" id="cainput_subject" placeholder="Subject"> <span class="ca-tooltip" title="" data-toggle="tooltip" data-original-title="Subject can not be null!"> <i class="fa fa-exclamation-circle el-error"></i> <i class="fa fa-check-circle el-ok"></i> </span> </div> <div class="el-control"> <label for="cainput_message">Messenger</label> <textarea name="cainput_message" maxlength="1000" class="el-input" id="cainput_message" placeholder="Messenger"></textarea> <span class="ca-tooltip" title="" data-toggle="tooltip" data-original-title="Number of characters cannot be less than 5 or greater than 1000!"> <i class="icon-exclamation-sign el-error"></i> </span> <i class="icon-ok-sign el-ok"></i> </div> <div class="el-control"> <input type="submit" class="button" value="Send" id="cainput_submit"> <span class="el-ctajax-loadding"></span> <span class="el-ctajax-return return-error"> <i class="icon-exclamation-sign icon-large"> Mail is not sent.</i> </span> <span class="el-ctajax-return return-success"> <i class="icon-ok-circle icon-large"> Your email has been sent.</i> </span> </div> </div> </form> </div> <div class="social-networks"> </div> <!--<span class="el-aircaft"></span>--> </div> </div> </div></div> <script type="text/javascript">//<![CDATA[ jQuery(document).ready(function($) { ;(function(element){ var $element = $(element); $('.ca-tooltip',$element).tooltip(); var $form = $('#el_ctajax_form',$element); var $ajax_url = 'https://karlog.gr/ar/k2/k2-listing/item/95-gimes-pede-elit?start=109530?contact_ajax=4220311714843352&ctajax_modid=318'; var $name = $('#cainput_name', $element); var $email = $('#cainput_email', $element); var $subject = $('#cainput_subject', $element); var $message = $('#cainput_message', $element); var $captcha = $('#cainput_captcha', $element); var $recaptcha = $('#dynamic_recaptcha_1', $element); var $smail_copy = $('#contact_email_copy', $element); var $ca_submit = $('#cainput_submit',$element); var $image_load = $('.el-ctajax-loadding', $element ); var $notice_return = $('.el-ctajax-return', $element ); var $return_error = $('.return-error',$element); var $return_success = $('.return-success',$element); function validateInput(input, type){ var validationResult = validation(input, type); checkFormValidationState(); return validationResult.valid; } function validation(input, type){ var result = new Object(); result.valid = true; result.mes = "The field is valid"; var value = $(input).val(); switch (type) { case "name": case "subject": if (value.length == '' ){ result.valid = false; result.mes = "Please enter a valid!"; } saveValidationState(input, result.valid); showValidationMessage(input, result); break; case "message": if (value.length == '' || value.length <= 5 ){ result.valid = false; result.mes = "Please enter a valid!"; } saveValidationState(input, result.valid); showValidationMessage(input, result); break; case "email": var re = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/; if (!re.test(value)){ result.valid = false; result.mes = "Please enter a valid email!"; } saveValidationState(input, result.valid); showValidationMessage(input, result); break; case 'captchaCode': if (value.length == '' || value.length < 6){ result.valid = false; result.mes = "Please enter a valid!"; saveValidationState(input, false); showValidationMessage(input, result); }else { saveValidationState(input, false); $(input).parent().removeClass('ctajax-error').removeClass('ctajax-ok'); $('.el-captcha-loadding', $element).css('display','inline-block'); $ca_submit.addClass('check-captcha'); $.ajax({ type:'POST', url: $ajax_url, data : { captcha: value , task: 'checkcaptcha' }, dataType: 'json', success:function(data){ $('.el-captcha-loadding', $element).css('display','none'); $ca_submit.removeClass('check-captcha'); saveValidationState(input, data.valid); showValidationMessage(input, data); checkFormValidationState(); } }); } break; default: break; } return result; } function saveValidationState(input, validationState){ $(input).data("validated", validationState); } function checkFormValidationState(){ var nameValid = $name.data("validated"); var emailValid = $email.data("validated"); var subjectValid = $subject.data("validated"); var messageValid = $message.data("validated"); var captchaValid = $captcha.data("validated"); var check_valid = ''; check_valid = nameValid && emailValid && subjectValid && messageValid ; if(check_valid){ return true; }else { return false; } } function showValidationMessage(input, validationResult){ if (validationResult.valid === false) { $(input).parent().addClass('ctajax-error').removeClass('ctajax-ok'); } else { $(input).parent().removeClass('ctajax-error').addClass('ctajax-ok'); } } var timer0 = 0; $name.on("keyup", function(e) { if(timer0){ clearTimeout (timer0); timer0 = 0; } timer0 = setTimeout(function() { validateInput($name, "name"); },1000); }); var timer1 = 0; $email.on("keyup", function(e) { if(timer1){ clearTimeout (timer1); timer1 = 0; } timer1 = setTimeout(function() { validateInput($email, "email"); },1000); }); var timer2 = 0; $subject.on("keyup", function(e) { if(timer2){ clearTimeout (timer2); timer2 = 0; } timer2 = setTimeout(function() { validateInput($subject, "subject"); },1000); }); var timer3 = 0; $message.on("keyup", function(e) { if(timer3){ clearTimeout (timer3); timer3 = 0; } timer3 = setTimeout(function() { validateInput($message, "message"); },1000); }); var timer4 = 0; $captcha.on("keyup", function(){ if(timer4){ clearTimeout (timer4); timer4 = 0; } timer4 = setTimeout(function() { validateInput($captcha, "captchaCode"); },1000); }); $('.el-captcha-refesh', $element).on('click.refesh', function(){ $captcha.val(''); }); $form.on('submit',function(){ var $name_value = $.trim($name.val()); var $email_value = $.trim($email.val()); var $subject_value = $.trim($subject.val()); var $message_value = $.trim($message.val()); var $captcha_value = $.trim($captcha.val()); //Recaptcha.response ('recaptcha_response_field'); var $smail_copy_value = $smail_copy.attr('checked') ? 1 : 0; var $check_empty = ''; $check_empty = $name_value == '' || $subject_value == '' || $email_value == '' || $message_value == ''; if(checkFormValidationState() == false || $check_empty ){ if($name_value == '' ){ validateInput($name, "name"); } if($email_value == ''){ validateInput($email, "email"); } if($subject_value == '' ){ validateInput($subject, "subject"); } if($message_value == '' || $message_value.length <= 5){ validateInput($message, "message"); } return false; }else{ if($ca_submit.hasClass('check-captcha') || $ca_submit.hasClass('ca-sending')){ return false; }else{ $ca_submit.addClass('ca-sending'); $image_load.css('display','inline-block'); $.ajax({ type:'POST', url: $ajax_url, data : { name: $name_value , email: $email_value, message: $message_value, subject: $subject_value, send_copy: $smail_copy_value, task: 'sendmail' }, success:function(data){ $image_load.css('display','none'); //$return_success.css('display','inline-block'); if(typeof data.error_captcha != 'undefined' && data.error_captcha == 0){ $recaptcha.parent().removeClass('ctajax-ok').addClass('ctajax-error'); }else{ $recaptcha.parent().removeClass('ctajax-error').addClass('ctajax-ok'); if(data.status == 1){ $return_success.css('display','inline-block'); }else{ $return_error.css('display','inline-block'); } } }, complete:function(data,xhr, status){ if(data.responseText == '{"error_captcha":0}'){ $recaptcha.parent().removeClass('ctajax-ok').addClass('ctajax-error'); }else{ $form.each(function(){ this.reset(); }); $notice_return.delay(3000).fadeOut(); $('.el-control').each(function(){ $(this).removeClass('ctajax-ok'); }); } $ca_submit.removeClass('ca-sending'); }, dataType: 'json', }); } } return false; }); })('#contact_ajax17148433521683344433') }); //]]> </script> </div> </div> </div> </div> </div> </section> <footer id="yt_footer" class="block"> <div class="container"> <div class="row"> <div id="yt_copyright" class="col-md-9" > <div class="copyright"> Copyright © 2024 SJ Hexagon. All Rights Reserved </div> <!-- You CAN NOT remove (or unreadable) those links without permission. Removing the link and template sponsor Please visit smartaddons.com or contact with e-mail (contact@ytcvn.com) If you don't want to link back to smartaddons.com, you can always pay a link removal donation. This will allow you to use the template link free on one domain name. Also, kindly send me the site's url so I can include it on my list of verified users. --> <div class="designby copyright_middle"> Designed by <a target="_blank" title="Visit SmartAddons!" href="http://www.smartaddons.com/">SmartAddons.Com</a> </div> </div> <div id="footer" class="col-md-3" > <div class="pull-right social-cus-mod"><div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb facebook default cicle " title="" href="http://www.facebook.com/"><i class="fa fa-facebook"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb twitter default cicle " title="" href="http://twitter.com/#!/ "><i class="fa fa-twitter"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb google-plus default cicle " title="" href="https://plus.google.com/"><i class="fa fa-google-plus"></i></a></div> <div class="yt-socialbt"><a data-placement="top" target="_blank" class="sb linkedin default cicle " title="" href="http://linkedin.com/"><i class="fa fa-linkedin"></i></a></div></div> </div> </div> </div> </footer> <a id="yt-totop" class="backtotop" href="#"><i class="fa fa-angle-up"></i> Top </a> <script type="text/javascript"> jQuery('.backtotop').click(function () { jQuery('body,html').animate({ scrollTop:0 }, 1200); return false; }); </script> <div id="cpanel_wrapper" style="direction:ltr" class="hidden-xs"> <div class="accordion" id="ytcpanel_accordion"> <div class="cpanel-head"> Template Settings <div class="cpanel-reset"> <a class="btn btn-info" href="#" onclick="javascript: onCPResetDefault(TMPL_COOKIE);" ><i class="fa fa-refresh fa-spin"></i> Reset</a> </div> </div> <!--Body--> <div class="cpanel-theme"> <!-- Style Color --> <div class="panel-group"> <h4 class="panel-heading">Theme Colors</h4> <div class="panel-theme-color"> <span data-placement="top" title="Blue" class="theme-color blue active">Blue</span> <span data-placement="top" title="Red" class="theme-color red">Red</span> <span data-placement="top" title="Oranges" class="theme-color oranges">Oranges</span> <span data-placement="top" title="Emerald" class="theme-color emerald">Emerald</span> </div> </div> <!-- Layouts --> <div class="panel-group nomarginbottom"> <h4 class="panel-heading">Layout</h4> <!-- Layout Style --> <div class="panel-layout typeLayout"> <select onchange="javascript: onCPApply();" name="ytcpanel_typelayout" class="cp_select"> <option value="wide" selected="selected">Wide</option> <option value="boxed">Boxed</option> </select> </div> </div> <div class="panel-group nomarginbottom"> <div class="panel-desc" style="margin:10px 0 3px;"> Patterns for Layout Style: Boxed </div> <div class="body-bg"> <a href="#" data-placement="top" title="pattern1" class="pattern pattern1">pattern1</a> <a href="#" data-placement="top" title="pattern2" class="pattern pattern2">pattern2</a> <a href="#" data-placement="top" title="pattern3" class="pattern pattern3">pattern3</a> <a href="#" data-placement="top" title="pattern4" class="pattern pattern4">pattern4</a> <a href="#" data-placement="top" title="pattern5" class="pattern pattern5">pattern5</a> <a href="#" data-placement="top" title="pattern6" class="pattern pattern6">pattern6</a> <a href="#" data-placement="top" title="pattern7" class="pattern pattern7">pattern7</a> <a href="#" data-placement="top" title="pattern8" class="pattern pattern8 active">pattern8</a> </div> <input type="hidden" name="ytcpanel_bgimage" value="pattern8"/> </div> </div> </div> <div id="cpanel_btn" class="isDown"> <i class="fa fa-wrench"></i> </div> </div> <script type="text/javascript"> jQuery(document).ready(function($){ var array = Array('bgimage'); var array_blue = Array('pattern8'); var array_red = Array('pattern8'); var array_emerald = Array('pattern8'); var array_oranges = Array('pattern8'); //1.Color Blue $('.theme-color.blue').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_blue); onCPApply(); }); //2.Color Red $('.theme-color.red').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_red); onCPApply(); }); //3.Color emerald $('.theme-color.emerald').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_emerald); onCPApply(); }); //4.Color Oranges $('.theme-color.oranges').click(function(){ $($(this).parent().find('.active')).removeClass('active'); $(this).addClass('active'); createCookie(TMPL_NAME+'_'+'themecolor', $(this).html().toLowerCase(), 365); setCpanelValues(array_oranges); onCPApply(); }); /* miniColorsCPanel */ function miniColorsCPanel(elC, elT, selector){ $(elC).miniColors({ change: function(hex, rgb) { if(typeof(elT)!='string'){ for(i=0;i<elT.length;i++){ $(elT[i]).css(selector, hex); } }else{ $(elT).css(selector, hex); } createCookie(TMPL_NAME+'_'+($(this).attr('name').match(/^ytcpanel_(.*)$/))[1], hex, 365); } }); } /* Begin: Set click pattern */ function patternClick(elC, paramCookie, elT){ $(elC).click(function(){ oldvalue = $(this).parent().find('.active').html(); $(elC).removeClass('active'); $(this).addClass('active'); value = $(this).html(); if(elT.length > 0){ for($i=0; $i < elT.length; $i++){ $(elT[$i]).removeClass(oldvalue); $(elT[$i]).addClass(value); } } if(paramCookie){ $('input[name$="ytcpanel_'+paramCookie+'"]').attr('value', value); createCookie(TMPL_NAME+'_'+paramCookie, value, 365); } }); } function setCpanelValues(array){ // Remove the # from the hash, as different browsers may or may not include it // append /remove anchor name from current url without refresh if(array['0']){ $('.body-backgroud-image .pattern').removeClass('active'); $('.body-backgroud-image .pattern.'+array['3']).addClass('active'); $('input[name$="ytcpanel_bgimage"]').attr('value', array['3']); } } }); </script> </div> <div id="outer" style="width:100%"><div id="cookieMessageContainer" style="width:100%;"><table style="width:100%"><tr><td ><div id="cookieMessageText" style="padding:15px;"><span >We use cookies to improve our website. By continuing to use this website, you are giving consent to cookies being used. <a id="cookieMessageDetailsLink" title="View our privacy policy page" href="/ar/component/content/article?id=204">Cookie policy</a>.</span><span class="accept"><span class="cookieMessageText"> I accept cookies from this site.</span></span> <a href="#" class="cookie_button" id="continue_button" onclick="SetCookie('cookieAcceptanceCookie','accepted',9999);">Agree</a></div></td></tr></table></div></div><script type="text/javascript" src="https://karlog.gr/plugins/system/EUCookieDirectiveLite/EUCookieDirectiveLite/EUCookieDirective.js"></script><script type="text/javascript"> function jSelectShortcode(text) { jQuery("#yt_shorcodes").removeClass("open"); text = text.replace(/'/g, '"'); //1.Editor Content if(document.getElementById('jform_articletext') != null) { jInsertEditorText(text, 'jform_articletext'); } if(document.getElementById('jform_description') != null) { jInsertEditorText(text, 'jform_description'); } //2.Editor K2 if(document.getElementById('description') != null) { jInsertEditorText(text, 'description'); } if(document.getElementById('text') != null) { jInsertEditorText(text, 'text'); } //3.Editor VirtueMart if(document.getElementById('category_description') != null) { jInsertEditorText(text, 'category_description'); } if(document.getElementById('product_desc') != null) { jInsertEditorText(text, 'product_desc'); } //4.Editor Contact if(document.getElementById('jform_misc') != null) { jInsertEditorText(text, 'jform_misc'); } //5.Editor Easyblog if(document.getElementById('write_content') != null) { jInsertEditorText(text, 'write_content'); } //6.Editor Joomshoping if(document.getElementById('description1') != null) { jInsertEditorText(text, 'description1'); } //6.Editor HTML if(document.getElementById('jform_content') != null) { jInsertEditorText(text, 'jform_content'); } SqueezeBox.close(); } </script></body></html>
