CINXE.COM

<!DOCTYPE html> <html lang="en-US" class="no-js no-svg"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="dlm-version" content="5.0.22"> <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore"> var ctPublicFunctions = {"_ajax_nonce":"a1832518fe","_rest_nonce":"060cdf1aca","_ajax_url":"\/wp-admin\/admin-ajax.php","_rest_url":"https:\/\/amitpatil.me\/wp-json\/","data__cookies_type":"native","data__ajax_type":"rest","data__bot_detector_enabled":0,"data__frontend_data_log_enabled":1,"cookiePrefix":"","wprocket_detected":false,"host_url":"amitpatil.me","text__ee_click_to_select":"Click to select the whole data","text__ee_original_email":"The original one is","text__ee_got_it":"Got it","text__ee_blocked":"Blocked","text__ee_cannot_connect":"Cannot connect","text__ee_cannot_decode":"Can not decode email. Unknown reason","text__ee_email_decoder":"CleanTalk email decoder","text__ee_wait_for_decoding":"The magic is on the way, please wait for a few seconds!","text__ee_decoding_process":"Decoding the contact data, let us a few seconds to finish."} </script> <script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore"> var ctPublic = {"_ajax_nonce":"a1832518fe","settings__forms__check_internal":"0","settings__forms__check_external":"0","settings__forms__force_protection":0,"settings__forms__search_test":"1","settings__data__bot_detector_enabled":0,"settings__sfw__anti_crawler":1,"blog_home":"https:\/\/amitpatil.me\/","pixel__setting":"0","pixel__enabled":false,"pixel__url":null,"data__email_check_before_post":1,"data__email_check_exist_post":0,"data__cookies_type":"native","data__key_is_ok":true,"data__visible_fields_required":true,"wl_brandname":"Anti-Spam by CleanTalk","wl_brandname_short":"CleanTalk","ct_checkjs_key":"363f05493b4ff43931b3fb9fc9f3254f7fdf7e2065d9d8bc83ae43d172884631","emailEncoderPassKey":"803b84ecd539eaa5de71ae41a25f7b91","bot_detector_forms_excluded":"W10=","advancedCacheExists":true,"varnishCacheExists":false,"wc_ajax_add_to_cart":false} </script>  <title>Home - Amit Patil</title> <link rel="canonical" href="https://amitpatil.me/" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://amitpatil.me/","url":"https://amitpatil.me/","name":"Home - Amit Patil","isPartOf":{"@id":"https://amitpatil.me/#website"},"datePublished":"2014-11-26T13:53:15+00:00","dateModified":"2024-01-02T08:02:16+00:00","breadcrumb":{"@id":"https://amitpatil.me/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://amitpatil.me/"]}]},{"@type":"BreadcrumbList","@id":"https://amitpatil.me/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://amitpatil.me/#website","url":"https://amitpatil.me/","name":"Amit Patil","description":"Web and JavaScript","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://amitpatil.me/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//v0.wordpress.com' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="Amit Patil » Feed" href="https://amitpatil.me/feed/" /> <link rel="alternate" type="application/rss+xml" title="Amit Patil » Comments Feed" href="https://amitpatil.me/comments/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:\/\/amitpatil.me\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! 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> <script id="amitp-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script> <link rel='stylesheet' id='fes-css' href='https://amitpatil.me/wp-content/plugins/feedburner-email-subscription/css/styles.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='urvanov_syntax_highlighter-css' href='https://amitpatil.me/wp-content/plugins/urvanov-syntax-highlighter/css/min/urvanov_syntax_highlighter.min.css?ver=2.8.34' type='text/css' media='all' /> <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://c0.wp.com/c/6.7.2/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/wp-mediaelement.min.css' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <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--color--vce-acc: #cf4d35;--wp--preset--color--vce-meta: #9b9b9b;--wp--preset--color--vce-txt: #444444;--wp--preset--color--vce-bg: #ffffff;--wp--preset--color--vce-cat-0: ;--wp--preset--color--vce-cat-3: #8224e3;--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: 21px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 28px;--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='ct_public_css-css' href='https://amitpatil.me/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-public.min.css?ver=6.53' type='text/css' media='all' /> <link rel='stylesheet' id='ct_email_decoder_css-css' href='https://amitpatil.me/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-email-decoder.min.css?ver=6.53' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://amitpatil.me/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.5' type='text/css' media='all' /> <link rel='stylesheet' id='mks_shortcodes_simple_line_icons-css' href='https://amitpatil.me/wp-content/plugins/meks-flexible-shortcodes/css/simple-line/simple-line-icons.css?ver=1.3.6' type='text/css' media='screen' /> <link rel='stylesheet' id='mks_shortcodes_css-css' href='https://amitpatil.me/wp-content/plugins/meks-flexible-shortcodes/css/style.css?ver=1.3.6' type='text/css' media='screen' /> <link rel='stylesheet' id='et_monarch-open-sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' type='text/css' media='all' /> <link rel='stylesheet' id='et_monarch-css-css' href='https://amitpatil.me/wp-content/plugins/monarch11/css/style.css?ver=1.1' type='text/css' media='all' /> <link rel='stylesheet' id='stcr-font-awesome-css' href='https://amitpatil.me/wp-content/plugins/subscribe-to-comments-reloaded/includes/css/font-awesome.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stcr-style-css' href='https://amitpatil.me/wp-content/plugins/subscribe-to-comments-reloaded/includes/css/stcr-style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='ultimate-style-css' href='https://amitpatil.me/wp-content/plugins/ultimate-widgets/css/style.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='vce-fonts-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A400%7CRoboto+Slab%3A400&subset=latin%2Clatin-ext&ver=2.9.8' type='text/css' media='all' /> <link rel='stylesheet' id='vce-style-css' href='https://amitpatil.me/wp-content/themes/voice/assets/css/min.css?ver=2.9.8' type='text/css' media='all' /> <style id='vce-style-inline-css' type='text/css'> body, button, input, select, textarea {font-size: 1.6rem;}.vce-single .entry-headline p{font-size: 2.2rem;}.main-navigation a{font-size: 1.6rem;}.sidebar .widget-title{font-size: 1.8rem;}.sidebar .widget, .vce-lay-c .entry-content, .vce-lay-h .entry-content {font-size: 1.4rem;}.vce-featured-link-article{font-size: 5.2rem;}.vce-featured-grid-big.vce-featured-grid .vce-featured-link-article{font-size: 3.4rem;}.vce-featured-grid .vce-featured-link-article{font-size: 2.2rem;}h1 { font-size: 4.5rem; }h2 { font-size: 4.0rem; }h3 { font-size: 3.5rem; }h4 { font-size: 2.5rem; }h5 { font-size: 2.0rem; }h6 { font-size: 1.8rem; }.comment-reply-title, .main-box-title{font-size: 2.2rem;}h1.entry-title{font-size: 4.5rem;}.vce-lay-a .entry-title a{font-size: 3.4rem;}.vce-lay-b .entry-title{font-size: 2.4rem;}.vce-lay-c .entry-title, .vce-sid-none .vce-lay-c .entry-title{font-size: 2.2rem;}.vce-lay-d .entry-title{font-size: 1.5rem;}.vce-lay-e .entry-title{font-size: 1.4rem;}.vce-lay-f .entry-title{font-size: 1.4rem;}.vce-lay-g .entry-title a, .vce-lay-g .entry-title a:hover{font-size: 3.0rem;}.vce-lay-h .entry-title{font-size: 2.4rem;}.entry-meta div,.entry-meta div a,.vce-lay-g .meta-item,.vce-lay-c .meta-item{font-size: 1.4rem;}.vce-lay-d .meta-category a,.vce-lay-d .entry-meta div,.vce-lay-d .entry-meta div a,.vce-lay-e .entry-meta div,.vce-lay-e .entry-meta div a,.vce-lay-e .fn,.vce-lay-e .meta-item{font-size: 1.3rem;}body {background-color:#f0f0f0;}body,.mks_author_widget h3,.site-description,.meta-category a,textarea {font-family: 'Open Sans';font-weight: 400;}h1,h2,h3,h4,h5,h6,blockquote,.vce-post-link,.site-title,.site-title a,.main-box-title,.comment-reply-title,.entry-title a,.vce-single .entry-headline p,.vce-prev-next-link,.author-title,.mks_pullquote,.widget_rss ul li .rsswidget,#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink {font-family: 'Roboto Slab';font-weight: 400;}.main-navigation a,.sidr a{font-family: 'Roboto Slab';font-weight: 400;}.vce-single .entry-content,.vce-single .entry-headline,.vce-single .entry-footer,.vce-share-bar {width: 700px;}.vce-lay-a .lay-a-content{width: 700px;max-width: 700px;}.vce-page .entry-content,.vce-page .entry-title-page {width: 600px;}.vce-sid-none .vce-single .entry-content,.vce-sid-none .vce-single .entry-headline,.vce-sid-none .vce-single .entry-footer {width: 700px;}.vce-sid-none .vce-page .entry-content,.vce-sid-none .vce-page .entry-title-page,.error404 .entry-content {width: 600px;max-width: 600px;}body, button, input, select, textarea{color: #444444;}h1,h2,h3,h4,h5,h6,.entry-title a,.prev-next-nav a,#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink,.woocommerce ul.products li.product .price .amount{color: #232323;}a,.entry-title a:hover,.vce-prev-next-link:hover,.vce-author-links a:hover,.required,.error404 h4,.prev-next-nav a:hover,#bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover,.woocommerce ul.products li.product h3:hover,.woocommerce ul.products li.product h3:hover mark,.main-box-title a:hover{color: #cf4d35;}.vce-square,.vce-main-content .mejs-controls .mejs-time-rail .mejs-time-current,button,input[type="button"],input[type="reset"],input[type="submit"],.vce-button,.pagination-wapper a,#vce-pagination .next.page-numbers,#vce-pagination .prev.page-numbers,#vce-pagination .page-numbers,#vce-pagination .page-numbers.current,.vce-link-pages a,#vce-pagination a,.vce-load-more a,.vce-slider-pagination .owl-nav > div,.vce-mega-menu-posts-wrap .owl-nav > div,.comment-reply-link:hover,.vce-featured-section a,.vce-lay-g .vce-featured-info .meta-category a,.vce-404-menu a,.vce-post.sticky .meta-image:before,#vce-pagination .page-numbers:hover,#bbpress-forums .bbp-pagination .current,#bbpress-forums .bbp-pagination a:hover,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce ul.products li.product .added_to_cart,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce ul.products li.product .added_to_cart:hover,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.comments-holder .navigation .page-numbers.current,.vce-lay-a .vce-read-more:hover,.vce-lay-c .vce-read-more:hover,body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button,body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {background-color: #cf4d35;}#vce-pagination .page-numbers,.comments-holder .navigation .page-numbers{background: transparent;color: #cf4d35;border: 1px solid #cf4d35;}.comments-holder .navigation .page-numbers:hover{background: #cf4d35;border: 1px solid #cf4d35;}.bbp-pagination-links a{background: transparent;color: #cf4d35;border: 1px solid #cf4d35 !important;}#vce-pagination .page-numbers.current,.bbp-pagination-links span.current,.comments-holder .navigation .page-numbers.current{border: 1px solid #cf4d35;}.widget_categories .cat-item:before,.widget_categories .cat-item .count{background: #cf4d35;}.comment-reply-link,.vce-lay-a .vce-read-more,.vce-lay-c .vce-read-more{border: 1px solid #cf4d35;}.entry-meta div,.entry-meta-count,.entry-meta div a,.comment-metadata a,.meta-category span,.meta-author-wrapped,.wp-caption .wp-caption-text,.widget_rss .rss-date,.sidebar cite,.site-footer cite,.sidebar .vce-post-list .entry-meta div,.sidebar .vce-post-list .entry-meta div a,.sidebar .vce-post-list .fn,.sidebar .vce-post-list .fn a,.site-footer .vce-post-list .entry-meta div,.site-footer .vce-post-list .entry-meta div a,.site-footer .vce-post-list .fn,.site-footer .vce-post-list .fn a,#bbpress-forums .bbp-topic-started-by,#bbpress-forums .bbp-topic-started-in,#bbpress-forums .bbp-forum-info .bbp-forum-content,#bbpress-forums p.bbp-topic-meta,span.bbp-admin-links a,.bbp-reply-post-date,#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer,.woocommerce .woocommerce-result-count,.woocommerce .product_meta{color: #9b9b9b;}.main-box-title, .comment-reply-title, .main-box-head{background: #ffffff;color: #232323;}.main-box-title a{color: #232323;}.sidebar .widget .widget-title a{color: #232323;}.main-box,.comment-respond,.prev-next-nav{background: #f9f9f9;}.vce-post,ul.comment-list > li.comment,.main-box-single,.ie8 .vce-single,#disqus_thread,.vce-author-card,.vce-author-card .vce-content-outside,.mks-bredcrumbs-container,ul.comment-list > li.pingback{background: #ffffff;}.mks_tabs.horizontal .mks_tab_nav_item.active{border-bottom: 1px solid #ffffff;}.mks_tabs.horizontal .mks_tab_item,.mks_tabs.vertical .mks_tab_nav_item.active,.mks_tabs.horizontal .mks_tab_nav_item.active{background: #ffffff;}.mks_tabs.vertical .mks_tab_nav_item.active{border-right: 1px solid #ffffff;}#vce-pagination,.vce-slider-pagination .owl-controls,.vce-content-outside,.comments-holder .navigation{background: #f3f3f3;}.sidebar .widget-title{background: #ffffff;color: #232323;}.sidebar .widget{background: #f9f9f9;}.sidebar .widget,.sidebar .widget li a,.sidebar .mks_author_widget h3 a,.sidebar .mks_author_widget h3,.sidebar .vce-search-form .vce-search-input,.sidebar .vce-search-form .vce-search-input:focus{color: #444444;}.sidebar .widget li a:hover,.sidebar .widget a,.widget_nav_menu li.menu-item-has-children:hover:after,.widget_pages li.page_item_has_children:hover:after{color: #cf4d35;}.sidebar .tagcloud a {border: 1px solid #cf4d35;}.sidebar .mks_author_link,.sidebar .tagcloud a:hover,.sidebar .mks_themeforest_widget .more,.sidebar button,.sidebar input[type="button"],.sidebar input[type="reset"],.sidebar input[type="submit"],.sidebar .vce-button,.sidebar .bbp_widget_login .button{background-color: #cf4d35;}.sidebar .mks_author_widget .mks_autor_link_wrap,.sidebar .mks_themeforest_widget .mks_read_more,.widget .meks-instagram-follow-link {background: #f3f3f3;}.sidebar #wp-calendar caption,.sidebar .recentcomments,.sidebar .post-date,.sidebar #wp-calendar tbody{color: rgba(68,68,68,0.7);}.site-footer{background: #373941;}.site-footer .widget-title{color: #ffffff;}.site-footer,.site-footer .widget,.site-footer .widget li a,.site-footer .mks_author_widget h3 a,.site-footer .mks_author_widget h3,.site-footer .vce-search-form .vce-search-input,.site-footer .vce-search-form .vce-search-input:focus{color: #f9f9f9;}.site-footer .widget li a:hover,.site-footer .widget a,.site-info a{color: #cf4d35;}.site-footer .tagcloud a {border: 1px solid #cf4d35;}.site-footer .mks_author_link,.site-footer .mks_themeforest_widget .more,.site-footer button,.site-footer input[type="button"],.site-footer input[type="reset"],.site-footer input[type="submit"],.site-footer .vce-button,.site-footer .tagcloud a:hover{background-color: #cf4d35;}.site-footer #wp-calendar caption,.site-footer .recentcomments,.site-footer .post-date,.site-footer #wp-calendar tbody,.site-footer .site-info{color: rgba(249,249,249,0.7);}.top-header,.top-nav-menu li .sub-menu{background: #3a3a3a;}.top-header,.top-header a{color: #ffffff;}.top-header .vce-search-form .vce-search-input,.top-header .vce-search-input:focus,.top-header .vce-search-submit{color: #ffffff;}.top-header .vce-search-form .vce-search-input::-webkit-input-placeholder { color: #ffffff;}.top-header .vce-search-form .vce-search-input:-moz-placeholder { color: #ffffff;}.top-header .vce-search-form .vce-search-input::-moz-placeholder { color: #ffffff;}.top-header .vce-search-form .vce-search-input:-ms-input-placeholder { color: #ffffff;}.header-1-wrapper{height: 110px;padding-top: 15px;}.header-2-wrapper,.header-3-wrapper{height: 110px;}.header-2-wrapper .site-branding,.header-3-wrapper .site-branding{top: 15px;left: 0px;}.site-title a, .site-title a:hover{color: #232323;}.site-description{color: #aaaaaa;}.main-header{background-color: #ffffff;}.header-bottom-wrapper{background: #fcfcfc;}.vce-header-ads{margin: 10px 0;}.header-3-wrapper .nav-menu > li > a{padding: 45px 15px;}.header-sticky,.sidr{background: rgba(252,252,252,0.95);}.ie8 .header-sticky{background: #ffffff;}.main-navigation a,.nav-menu .vce-mega-menu > .sub-menu > li > a,.sidr li a,.vce-menu-parent{color: #4a4a4a;}.nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul li:hover > a,.nav-menu ul .current-menu-item a,.nav-menu ul .current_page_item a,.vce-menu-parent:hover,.sidr li a:hover,.sidr li.sidr-class-current_page_item > a,.main-navigation li.current-menu-item.fa:before,.vce-responsive-nav{color: #cf4d35;}#sidr-id-vce_main_navigation_menu .soc-nav-menu li a:hover {color: #ffffff;}.nav-menu > li:hover > a,.nav-menu > .current_page_item > a,.nav-menu > .current-menu-item > a,.nav-menu > .current-menu-ancestor > a,.main-navigation a.vce-item-selected,.main-navigation ul ul,.header-sticky .nav-menu > .current_page_item:hover > a,.header-sticky .nav-menu > .current-menu-item:hover > a,.header-sticky .nav-menu > .current-menu-ancestor:hover > a,.header-sticky .main-navigation a.vce-item-selected:hover{background-color: #ffffff;}.search-header-wrap ul {border-top: 2px solid #cf4d35;}.vce-cart-icon a.vce-custom-cart span,.sidr-class-vce-custom-cart .sidr-class-vce-cart-count {background: #cf4d35;font-family: 'Open Sans';}.vce-border-top .main-box-title{border-top: 2px solid #cf4d35;}.tagcloud a:hover,.sidebar .widget .mks_author_link,.sidebar .widget.mks_themeforest_widget .more,.site-footer .widget .mks_author_link,.site-footer .widget.mks_themeforest_widget .more,.vce-lay-g .entry-meta div,.vce-lay-g .fn,.vce-lay-g .fn a{color: #FFF;}.vce-featured-header .vce-featured-header-background{opacity: 0.5}.vce-featured-grid .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity: 0.5}.vce-featured-grid .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after {opacity: 0.8}.vce-featured-grid.vce-featured-grid-big .vce-featured-header-background,.vce-post-big .vce-post-img:after,.vce-post-slider .vce-post-img:after{opacity: 0.5}.vce-featured-grid.vce-featured-grid-big .owl-item:hover .vce-grid-text .vce-featured-header-background,.vce-post-big li:hover .vce-post-img:after,.vce-post-slider li:hover .vce-post-img:after {opacity: 0.8}#back-top {background: #323232}.sidr input[type=text]{background: rgba(74,74,74,0.1);color: rgba(74,74,74,0.5);}.is-style-solid-color{background-color: #cf4d35;color: #ffffff;}.wp-block-image figcaption{color: #9b9b9b;}.wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2,p.has-drop-cap:not(:focus)::first-letter,p.wp-block-subhead{font-family: 'Roboto Slab';font-weight: 400;}.wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2{font-size: 2.5rem;}p.wp-block-subhead{font-size: 2.2rem;}.wp-block-button__link{background: #cf4d35}.wp-block-search .wp-block-search__button{color: #ffffff}.meta-image:hover a img,.vce-lay-h .img-wrap:hover .meta-image > img,.img-wrp:hover img,.vce-gallery-big:hover img,.vce-gallery .gallery-item:hover img,.wp-block-gallery .blocks-gallery-item:hover img,.vce_posts_widget .vce-post-big li:hover img,.vce-featured-grid .owl-item:hover img,.vce-post-img:hover img,.mega-menu-img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}.has-small-font-size{ font-size: 1.2rem;}.has-large-font-size{ font-size: 1.9rem;}.has-huge-font-size{ font-size: 2.3rem;}@media(min-width: 671px){.has-small-font-size{ font-size: 1.3rem;}.has-normal-font-size{ font-size: 1.6rem;}.has-large-font-size{ font-size: 2.1rem;}.has-huge-font-size{ font-size: 2.8rem;}}.has-vce-acc-background-color{ background-color: #cf4d35;}.has-vce-acc-color{ color: #cf4d35;}.has-vce-meta-background-color{ background-color: #9b9b9b;}.has-vce-meta-color{ color: #9b9b9b;}.has-vce-txt-background-color{ background-color: #444444;}.has-vce-txt-color{ color: #444444;}.has-vce-bg-background-color{ background-color: #ffffff;}.has-vce-bg-color{ color: #ffffff;}.has-vce-cat-0-background-color{ background-color: ;}.has-vce-cat-0-color{ color: ;}.has-vce-cat-3-background-color{ background-color: #8224e3;}.has-vce-cat-3-color{ color: #8224e3;}a.category-3, .sidebar .widget .vce-post-list a.category-3{ color: #8224e3;}body.category-3 .main-box-title, .main-box-title.cat-3 { border-top: 2px solid #8224e3;}.widget_categories li.cat-item-3 .count { background: #8224e3;}.widget_categories li.cat-item-3:before { background:#8224e3;}.vce-featured-section .category-3, .vce-post-big .meta-category a.category-3, .vce-post-slider .meta-category a.category-3{ background-color: #8224e3;}.vce-lay-g .vce-featured-info .meta-category a.category-3{ background-color: #8224e3;}.vce-lay-h header .meta-category a.category-3{ background-color: #8224e3;} </style> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel='stylesheet' id='meks-ads-widget-css' href='https://amitpatil.me/wp-content/plugins/meks-easy-ads-widget/css/style.css?ver=2.0.9' type='text/css' media='all' /> <link rel='stylesheet' id='meks_instagram-widget-styles-css' href='https://amitpatil.me/wp-content/plugins/meks-easy-instagram-widget/css/widget.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='meks-flickr-widget-css' href='https://amitpatil.me/wp-content/plugins/meks-simple-flickr-widget/css/style.css?ver=1.3' type='text/css' media='all' /> <link rel='stylesheet' id='meks-author-widget-css' href='https://amitpatil.me/wp-content/plugins/meks-smart-author-widget/css/style.css?ver=1.1.5' type='text/css' media='all' /> <link rel='stylesheet' id='meks-social-widget-css' href='https://amitpatil.me/wp-content/plugins/meks-smart-social-widget/css/style.css?ver=1.6.5' type='text/css' media='all' /> <link rel='stylesheet' id='meks-themeforest-widget-css' href='https://amitpatil.me/wp-content/plugins/meks-themeforest-smart-widget/css/style.css?ver=1.6' type='text/css' media='all' /> <link rel='stylesheet' id='meks_ess-main-css' href='https://amitpatil.me/wp-content/plugins/meks-easy-social-share/assets/css/main.css?ver=1.3' type='text/css' media='all' /> <link rel='stylesheet' id='wp_review-style-css' href='https://amitpatil.me/wp-content/plugins/wp-review/public/css/wp-review.css?ver=5.3.5' type='text/css' media='all' /> <link rel='stylesheet' id='an_style-css' href='https://amitpatil.me/wp-content/plugins/adblock-notify-by-bweb/css/an-style.css?ver=2.2.3' type='text/css' media='all' /> <link rel='stylesheet' id='lightboxStyle-css' href='https://amitpatil.me/wp-content/plugins/lightbox-plus/css/overtext/colorbox.min.css?ver=2.7.2' type='text/css' media='screen' /> <script>!(function(o,n,t){t=o.createElement(n),o=o.getElementsByTagName(n)[0],t.async=1,t.src="https://steadfastsystem.com/v2/0/uorYpAaIeL8u69zmQMwb2lNDDMx7ms-7PuJruhIhfMVfQP3A7ZcDxeSnT5pEOTbQMIOA5mGbEyegz22oSpLDXbUcPV6EuapiIYwgmmxOokvt2_cq6d0DvKIFCmsPhxFAgNZy1U5gg",o.parentNode.insertBefore(t,o)})(document,"script"),(function(o,n){o[n]=o[n]||function(){(o[n].q=o[n].q||[]).push(arguments)}})(window,"admiral");!(function(n,e,r,t){function o(){if((function o(t){try{return(t=localStorage.getItem("v4ac1eiZr0"))&&0<t.split(",")[4]}catch(n){}return!1})()){var t=n[e].pubads();typeof t.setTargeting===r&&t.setTargeting("admiral-engaged","true")}}(t=n[e]=n[e]||{}).cmd=t.cmd||[],typeof t.pubads===r?o():typeof t.cmd.unshift===r?t.cmd.unshift(o):t.cmd.push(o)})(window,"googletag","function");;;;;</script><script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" id="urvanov_syntax_highlighter_js-js-extra"> /* <![CDATA[ */ var UrvanovSyntaxHighlighterSyntaxSettings = {"version":"2.8.34","is_admin":"0","ajaxurl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php","prefix":"urvanov-syntax-highlighter-","setting":"urvanov-syntax-highlighter-setting","selected":"urvanov-syntax-highlighter-setting-selected","changed":"urvanov-syntax-highlighter-setting-changed","special":"urvanov-syntax-highlighter-setting-special","orig_value":"data-orig-value","debug":""}; var UrvanovSyntaxHighlighterSyntaxStrings = {"copy":"Copied to the clipboard","minimize":"Click To Expand Code"}; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/urvanov-syntax-highlighter/js/min/urvanov_syntax_highlighter.min.js?ver=2.8.34" id="urvanov_syntax_highlighter_js-js"></script> <script type="text/javascript" data-pagespeed-no-defer src="https://amitpatil.me/wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle.min.js?ver=6.53" id="ct_public_functions-js"></script> <link rel="https://api.w.org/" href="https://amitpatil.me/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://amitpatil.me/wp-json/wp/v2/pages/340" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://amitpatil.me/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://wp.me/P4OJuQ-5u' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://amitpatil.me/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famitpatil.me%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://amitpatil.me/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famitpatil.me%2F&format=xml" /> <meta name="generator" content="Redux 4.5.7" /><style type="text/css" id="et-social-custom-css"> </style><script type="text/javascript">(function(){var po = document.createElement("script");po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();</script><link rel='stylesheet' type='text/css' href='https://amitpatil.me/wp-content/plugins/wp-mashsocial-wigdet/cssstyles.css' /> <style>img#wpstats{display:none}</style> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/si-captcha-for-wordpress/captcha/si_captcha.js?ver=1743623710"></script>  <style type="text/css"> .si_captcha_small { width:175px; height:45px; padding-top:10px; padding-bottom:10px; } .si_captcha_large { width:250px; height:60px; padding-top:10px; padding-bottom:10px; } img#si_image_com { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_reg { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_log { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_side_login { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_checkout { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_jetpack { border-style:none; margin:0; padding-right:5px; float:left; } img#si_image_bbpress_topic { border-style:none; margin:0; padding-right:5px; float:left; } .si_captcha_refresh { border-style:none; margin:0; vertical-align:bottom; } div#si_captcha_input { display:block; padding-top:15px; padding-bottom:5px; } label#si_captcha_code_label { margin:0; } input#si_captcha_code_input { width:65px; } p#si_captcha_code_p { clear: left; padding-top:10px; } .si-captcha-jetpack-error { color:#DC3232; } </style>   <meta property="og:type" content="website" /> <meta property="og:title" content="Amit Patil" /> <meta property="og:description" content="Web and JavaScript" /> <meta property="og:url" content="https://amitpatil.me/" /> <meta property="og:site_name" content="Amit Patil" /> <meta property="og:image" content="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1.png" /> <meta property="og:image:width" content="512" /> <meta property="og:image:height" content="512" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta name="twitter:text:title" content="Home" /> <meta name="twitter:image" content="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1-270x270.png" /> <meta name="twitter:card" content="summary" />  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9369703192078019" crossorigin="anonymous"></script><link rel="icon" href="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://amitpatil.me/wp-content/uploads/2024/01/cropped-website-logo-1-270x270.png" /> <style type="text/css" id="wp-custom-css"> .button-link { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 8; -moz-border-radius: 8; border-radius: 2px; font-family: Arial; color: #ffffff; font-size: 18px; padding: 10px 20px 10px 20px; text-decoration: none !important; margin: 10px 10px; float: left; } .button-link:hover { text-decoration: none !importnat; background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); } </style> </head> <body class="home page-template page-template-template-modules page-template-template-modules-php page page-id-340 wp-embed-responsive et_monarch vce-sid-right voice-v_2_9_8 aa-prefix-amitp-"> <div id="vce-main"> <header id="header" class="main-header"> <div class="top-header"> <div class="container"> <div class="vce-wrap-left"> <ul id="vce_top_navigation_menu" class="top-nav-menu"><li id="menu-item-1782" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1782"><a href="https://amitpatil.me/about/">About</a></li> <li id="menu-item-1781" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1781"><a href="https://amitpatil.me/contact/">Contact</a></li> </ul> </div> <div class="vce-wrap-right"> <div class="menu-social-container"><ul id="vce_social_menu" class="soc-nav-menu"><li id="menu-item-1846" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1846"><a href="https://www.facebook.com/amitpatilme"><span class="vce-social-name">Facebook</span></a></li> <li id="menu-item-1848" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1848"><a href="http://www.twitter.com/amitspatil"><span class="vce-social-name">Twitter</span></a></li> </ul></div> </div> </div> </div><div class="container header-2-wrapper header-main-area"> <div class="vce-res-nav"> <a class="vce-responsive-nav" href="#sidr-main"><i class="fa fa-bars"></i></a> </div> <div class="site-branding"> <h1 class="site-title"><a href="https://amitpatil.me/" rel="home" class="">Amit Patil</a></h1><span class="site-description">Web and JavaScript</span></div> <div class="vce-header-ads"> </div> </div> <div class="header-bottom-wrapper header-left-nav"> <div class="container"> <nav id="site-navigation" class="main-navigation" role="navigation"> <ul id="vce_main_navigation_menu" class="nav-menu"><li id="menu-item-1919" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1919"><a href="https://amitpatil.me/home/">Home</a><li id="menu-item-2531" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2531 vce-cat-76"><a href="https://amitpatil.me/category/javascript/">Javascript</a> <ul class="sub-menu"> <li id="menu-item-2532" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2532 vce-cat-77"><a href="https://amitpatil.me/category/react/">React</a> <li id="menu-item-2533" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2533 vce-cat-73"><a href="https://amitpatil.me/category/angularjs/">Angularjs</a> <li id="menu-item-1197" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1197 vce-cat-6"><a href="https://amitpatil.me/category/jquery-scripts/">jQuery</a></ul> <li id="menu-item-2534" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2534 vce-cat-86"><a href="https://amitpatil.me/category/technology/">Technology</a><li id="menu-item-1201" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1201 vce-cat-4"><a href="https://amitpatil.me/category/php-scripts/">PHP</a><li id="menu-item-1199" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1199 vce-cat-3"><a href="https://amitpatil.me/category/ajax/">Ajax</a><li id="menu-item-1196" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1196 vce-cat-5"><a href="https://amitpatil.me/category/css-tricks/">CSS</a><li id="menu-item-1198" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1198 vce-cat-11"><a href="https://amitpatil.me/category/html-scripts/">HTML</a><li id="menu-item-1200" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1200 vce-cat-24"><a href="https://amitpatil.me/category/misc/">Misc</a><li class="search-header-wrap"><a class="search_header" href="javascript:void(0)"><i class="fa fa-search"></i></a><ul class="search-header-form-ul"><li><form class="vce-search-form" action="https://amitpatil.me/" method="get"> <input name="s" class="vce-search-input" size="20" type="text" value="Type here to search..." onfocus="(this.value == 'Type here to search...') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Type here to search...')" placeholder="Type here to search..." /> <button type="submit" class="vce-search-submit"><i class="fa fa-search"></i></button> <label id="apbct_label_id_66778" class="apbct_special_field"><input class="apbct_special_field apbct__email_id__search_form" name="apbct_email_id__search_form" type="text" size="30" maxlength="200" autocomplete="off" value="" /></label><input id="apbct_submit_id__search_form" class="apbct_special_field apbct__email_id__search_form" name="apbct_submit_id__search_form" type="submit" size="30" maxlength="200" value="36229" /></form></li></ul></li></ul></nav> </div> </div></header> <div id="sticky_header" class="header-sticky"> <div class="container"> <div class="vce-res-nav"> <a class="vce-responsive-nav" href="#sidr-main"><i class="fa fa-bars"></i></a> </div> <div class="site-branding"> <span class="site-title"><a href="https://amitpatil.me/" rel="home" class="">Amit Patil</a></span></div> <nav id="site-navigation" class="main-navigation" role="navigation"> <ul id="vce_main_navigation_menu" class="nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1919"><a href="https://amitpatil.me/home/">Home</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-2531 vce-cat-76"><a href="https://amitpatil.me/category/javascript/">Javascript</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2532 vce-cat-77"><a href="https://amitpatil.me/category/react/">React</a> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2533 vce-cat-73"><a href="https://amitpatil.me/category/angularjs/">Angularjs</a> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1197 vce-cat-6"><a href="https://amitpatil.me/category/jquery-scripts/">jQuery</a></ul> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2534 vce-cat-86"><a href="https://amitpatil.me/category/technology/">Technology</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1201 vce-cat-4"><a href="https://amitpatil.me/category/php-scripts/">PHP</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1199 vce-cat-3"><a href="https://amitpatil.me/category/ajax/">Ajax</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1196 vce-cat-5"><a href="https://amitpatil.me/category/css-tricks/">CSS</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1198 vce-cat-11"><a href="https://amitpatil.me/category/html-scripts/">HTML</a><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1200 vce-cat-24"><a href="https://amitpatil.me/category/misc/">Misc</a><li class="search-header-wrap"><a class="search_header" href="javascript:void(0)"><i class="fa fa-search"></i></a><ul class="search-header-form-ul"><li><form class="vce-search-form" action="https://amitpatil.me/" method="get"> <input name="s" class="vce-search-input" size="20" type="text" value="Type here to search..." onfocus="(this.value == 'Type here to search...') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Type here to search...')" placeholder="Type here to search..." /> <button type="submit" class="vce-search-submit"><i class="fa fa-search"></i></button> <label id="apbct_label_id_60984" class="apbct_special_field"><input class="apbct_special_field apbct__email_id__search_form" name="apbct_email_id__search_form" type="text" size="30" maxlength="200" autocomplete="off" value="" /></label><input id="apbct_submit_id__search_form" class="apbct_special_field apbct__email_id__search_form" name="apbct_submit_id__search_form" type="submit" size="30" maxlength="200" value="57714" /></form></li></ul></li></ul></nav> </div> </div> <div id="main-wrapper"> <div id="content" class="container site-content"> <div id="primary" class="vce-main-content"> <div id="main-box-1" class="main-box vce-border-top "> <h3 class="main-box-title ">Latest Articles</h3> <div class="main-box-inside "> <div class="vce-loop-wrap" > <article class="vce-post vce-lay-b post-2403 post type-post status-publish format-standard has-post-thumbnail hentry category-html-scripts category-javascript category-misc category-react"> <div class="meta-image"> <a href="https://amitpatil.me/image-crop-drag-resize-with-javascript-canvas/" title="Image crop, drag, resize with javascript canvas"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2020/03/cropper-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="javascript image crop, drag, resize" data-attachment-id="2406" data-permalink="https://amitpatil.me/image-crop-drag-resize-with-javascript-canvas/cropper/" data-orig-file="https://amitpatil.me/wp-content/uploads/2020/03/cropper.png" data-orig-size="623,456" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="javascript image crop, drag, resize" data-image-description="" data-image-caption="<p>javascript image crop, drag, resize</p> " data-medium-file="https://amitpatil.me/wp-content/uploads/2020/03/cropper-300x220.png" data-large-file="https://amitpatil.me/wp-content/uploads/2020/03/cropper.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/html-scripts/" class="category-11">HTML</a> <span>•</span> <a href="https://amitpatil.me/category/javascript/" class="category-76">Javascript</a> <span>•</span> <a href="https://amitpatil.me/category/misc/" class="category-24">Misc</a> <span>•</span> <a href="https://amitpatil.me/category/react/" class="category-77">React</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/image-crop-drag-resize-with-javascript-canvas/" title="Image crop, drag, resize with javascript canvas">Image crop, drag, resize with javascript canvas</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">5 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/image-crop-drag-resize-with-javascript-canvas/#respond">Add Comment</a></div><div class="meta-item views">715 Views</div></div> </header> <div class="entry-content"> <p>This is the demo script I made for one of the interview, Unfortunately it didn’t got...</p> </div> </article> <article class="vce-post vce-lay-b post-2390 post type-post status-publish format-standard has-post-thumbnail hentry category-html-scripts category-javascript tag-html5-2 tag-javascript tag-react tag-speech-recognition"> <div class="meta-image"> <a href="https://amitpatil.me/voice-controlled-form-with-using-speech-recognition-api/" title="Voice controlled form using HTML5 Speech Recognition API"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2020/03/screenshot-amitpatil321.github.io-2020.03.05-15_01_24-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="HTML5 Speech Recognition" data-attachment-id="2397" data-permalink="https://amitpatil.me/voice-controlled-form-with-using-speech-recognition-api/screenshot-amitpatil321-github-io-2020-03-05-15_01_24/" data-orig-file="https://amitpatil.me/wp-content/uploads/2020/03/screenshot-amitpatil321.github.io-2020.03.05-15_01_24.png" data-orig-size="464,521" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="HTML5 Speech Recognition" data-image-description="<p>HTML5 Speech Recognition</p> " data-image-caption="<p>HTML5 Speech Recognition</p> " data-medium-file="https://amitpatil.me/wp-content/uploads/2020/03/screenshot-amitpatil321.github.io-2020.03.05-15_01_24-267x300.png" data-large-file="https://amitpatil.me/wp-content/uploads/2020/03/screenshot-amitpatil321.github.io-2020.03.05-15_01_24.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/html-scripts/" class="category-11">HTML</a> <span>•</span> <a href="https://amitpatil.me/category/javascript/" class="category-76">Javascript</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/voice-controlled-form-with-using-speech-recognition-api/" title="Voice controlled form using HTML5 Speech Recognition API">Voice controlled form using HTML5 Speech Recognition API</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">5 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/voice-controlled-form-with-using-speech-recognition-api/#respond">Add Comment</a></div><div class="meta-item views">1,844 Views</div></div> </header> <div class="entry-content"> <p>Recently I attended conference UINXT 2020 in pune, india organised by Globant, There they showcased...</p> </div> </article> <article class="vce-post vce-lay-b post-2220 post type-post status-publish format-standard has-post-thumbnail hentry category-ajax category-angularjs tag-ajax tag-angularjs tag-css3"> <div class="meta-image"> <a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/" title="Address book application with angularjs and google firebase – Part 1"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="Address book application with angularjs" data-attachment-id="2257" data-permalink="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/screen-shot-2017-05-21-at-1-00-02-am/" data-orig-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM.png" data-orig-size="1196,557" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Address book application with angularjs" data-image-description="<p>Address book application with angularjs</p> " data-image-caption="<p>Address book application with angularjs</p> " data-medium-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-300x140.png" data-large-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-1024x477.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/ajax/" class="category-3">Ajax</a> <span>•</span> <a href="https://amitpatil.me/category/angularjs/" class="category-73">Angularjs</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/" title="Address book application with angularjs and google firebase – Part 1">Address book application with angularjs and google firebase – Part 1</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">8 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/#comments">1 Comment</a></div><div class="meta-item views">1,367 Views</div></div> </header> <div class="entry-content"> <p>n my previous post we learned how to code CRUD application with angularjs which was collaboration...</p> </div> </article> <article class="vce-post vce-lay-b post-2248 post type-post status-publish format-standard has-post-thumbnail hentry category-ajax category-angularjs tag-ajax tag-angularjs"> <div class="meta-image"> <a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part2/" title="Address book application with angularjs and google firebase – Part 2"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="Address book application with angularjs" data-attachment-id="2257" data-permalink="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/screen-shot-2017-05-21-at-1-00-02-am/" data-orig-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM.png" data-orig-size="1196,557" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Address book application with angularjs" data-image-description="<p>Address book application with angularjs</p> " data-image-caption="<p>Address book application with angularjs</p> " data-medium-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-300x140.png" data-large-file="https://amitpatil.me/wp-content/uploads/2017/05/Screen-Shot-2017-05-21-at-1.00.02-AM-1024x477.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/ajax/" class="category-3">Ajax</a> <span>•</span> <a href="https://amitpatil.me/category/angularjs/" class="category-73">Angularjs</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part2/" title="Address book application with angularjs and google firebase – Part 2">Address book application with angularjs and google firebase – Part 2</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">8 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part2/#respond">Add Comment</a></div><div class="meta-item views">799 Views</div></div> </header> <div class="entry-content"> <p>In part 1 we saw firebase setup, application setup and required css,js files and libraries. In this...</p> </div> </article> <article class="vce-post vce-lay-b post-2174 post type-post status-publish format-standard has-post-thumbnail hentry category-ajax category-angularjs category-css-tricks category-php-scripts tag-ajax tag-angularjs tag-php"> <div class="meta-image"> <a href="https://amitpatil.me/crud-application-angularjs/" title="CRUD application with Angularjs, REST api, Slim framework and Semantic UI"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2017/02/Screen-Shot-2017-01-24-at-1.39.12-AM-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="CRUD application with Angularjs" data-attachment-id="2214" data-permalink="https://amitpatil.me/crud-application-angularjs/screen-shot-2017-01-24-at-1-39-12-am/" data-orig-file="https://amitpatil.me/wp-content/uploads/2017/02/Screen-Shot-2017-01-24-at-1.39.12-AM.png" data-orig-size="1389,323" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="CRUD application with Angularjs" data-image-description="<p>CRUD application with Angularjs</p> " data-image-caption="<p>CRUD application with Angularjs</p> " data-medium-file="https://amitpatil.me/wp-content/uploads/2017/02/Screen-Shot-2017-01-24-at-1.39.12-AM-300x70.png" data-large-file="https://amitpatil.me/wp-content/uploads/2017/02/Screen-Shot-2017-01-24-at-1.39.12-AM-1024x238.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/ajax/" class="category-3">Ajax</a> <span>•</span> <a href="https://amitpatil.me/category/angularjs/" class="category-73">Angularjs</a> <span>•</span> <a href="https://amitpatil.me/category/css-tricks/" class="category-5">CSS</a> <span>•</span> <a href="https://amitpatil.me/category/php-scripts/" class="category-4">PHP</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/crud-application-angularjs/" title="CRUD application with Angularjs, REST api, Slim framework and Semantic UI">CRUD application with Angularjs, REST api, Slim framework and Semantic UI</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">8 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/crud-application-angularjs/#respond">Add Comment</a></div><div class="meta-item views">3,635 Views</div></div> </header> <div class="entry-content"> <p>have already posted 2-3 demos targeting database record manipulation which is Create,Read,Update...</p> </div> </article> <article class="vce-post vce-lay-b post-2132 post type-post status-publish format-standard has-post-thumbnail hentry category-jquery-scripts tag-jquery tag-jquery-plugin"> <div class="meta-image"> <a href="https://amitpatil.me/face-detection-with-jquery/" title="Face detection with jquery"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2015/10/final_minified-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" data-attachment-id="2162" data-permalink="https://amitpatil.me/face-detection-with-jquery/final_minified/" data-orig-file="https://amitpatil.me/wp-content/uploads/2015/10/final_minified.png" data-orig-size="517,317" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Face detection with jquery" data-image-description="" data-image-caption="" data-medium-file="https://amitpatil.me/wp-content/uploads/2015/10/final_minified-300x184.png" data-large-file="https://amitpatil.me/wp-content/uploads/2015/10/final_minified.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/jquery-scripts/" class="category-6">jQuery</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/face-detection-with-jquery/" title="Face detection with jquery">Face detection with jquery</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">9 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/face-detection-with-jquery/#comments">1 Comment</a></div><div class="meta-item views">3,576 Views</div></div> </header> <div class="entry-content"> <p>acebook has always been fascinating for me, their simple UI and speed makes me fall in love with it...</p> </div> </article> <article class="vce-post vce-lay-b post-2121 post type-post status-publish format-standard has-post-thumbnail hentry category-php-scripts tag-php"> <div class="meta-image"> <a href="https://amitpatil.me/adding-user-to-list-using-mailchimp-api-2/" title="Adding user to list using MailChimp API"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2015/08/Banner-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" data-attachment-id="2124" data-permalink="https://amitpatil.me/adding-user-to-list-using-mailchimp-api-2/banner/" data-orig-file="https://amitpatil.me/wp-content/uploads/2015/08/Banner.png" data-orig-size="600,300" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Mailchimp api" data-image-description="" data-image-caption="" data-medium-file="https://amitpatil.me/wp-content/uploads/2015/08/Banner-300x150.png" data-large-file="https://amitpatil.me/wp-content/uploads/2015/08/Banner.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/php-scripts/" class="category-4">PHP</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/adding-user-to-list-using-mailchimp-api-2/" title="Adding user to list using MailChimp API">Adding user to list using MailChimp API</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">10 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/adding-user-to-list-using-mailchimp-api-2/#comments">1 Comment</a></div><div class="meta-item views">1,150 Views</div></div> </header> <div class="entry-content"> <p>Create MailChimp API key Login to your mailchimp account and navigate to Account -> Extras -> API...</p> </div> </article> <article class="vce-post vce-lay-b post-2056 post type-post status-publish format-standard has-post-thumbnail hentry category-mobile tag-android tag-ionic tag-mobile-app"> <div class="meta-image"> <a href="https://amitpatil.me/google-admob-ads-with-ionic-android-app/" title="Google admob ads with ionic android app"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2015/07/admob2_540-375x195.jpg" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" data-attachment-id="2086" data-permalink="https://amitpatil.me/google-admob-ads-with-ionic-android-app/admob2_540/" data-orig-file="https://amitpatil.me/wp-content/uploads/2015/07/admob2_540.jpg" data-orig-size="1600,622" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="admob2_540" data-image-description="" data-image-caption="" data-medium-file="https://amitpatil.me/wp-content/uploads/2015/07/admob2_540-300x117.jpg" data-large-file="https://amitpatil.me/wp-content/uploads/2015/07/admob2_540-1024x398.jpg" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/mobile/" class="category-70">Mobile</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/google-admob-ads-with-ionic-android-app/" title="Google admob ads with ionic android app">Google admob ads with ionic android app</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">10 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/google-admob-ads-with-ionic-android-app/#comments">2 Comments</a></div><div class="meta-item views">1,920 Views</div></div> </header> <div class="entry-content"> <p>spent many hours to implement google admob ads with ionic with no luck, I found many tutorial but...</p> </div> </article> <article class="vce-post vce-lay-b post-1978 post type-post status-publish format-standard has-post-thumbnail hentry category-ajax category-css-tricks category-html-scripts category-jquery-scripts tag-android tag-cordova tag-ionic tag-mobile-app"> <div class="meta-image"> <a href="https://amitpatil.me/mobile-app-development-with-ionic-angularjs-cordova/" title="Mobile app development with ionic,angularjs and cordova"> <img width="204" height="195" src="https://amitpatil.me/wp-content/uploads/2015/06/icon1-204x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" data-attachment-id="2020" data-permalink="https://amitpatil.me/mobile-app-development-with-ionic-angularjs-cordova/icon1/" data-orig-file="https://amitpatil.me/wp-content/uploads/2015/06/icon1.png" data-orig-size="204,200" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Mobile app development with ionic" data-image-description="" data-image-caption="" data-medium-file="https://amitpatil.me/wp-content/uploads/2015/06/icon1.png" data-large-file="https://amitpatil.me/wp-content/uploads/2015/06/icon1.png" /> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/ajax/" class="category-3">Ajax</a> <span>•</span> <a href="https://amitpatil.me/category/css-tricks/" class="category-5">CSS</a> <span>•</span> <a href="https://amitpatil.me/category/html-scripts/" class="category-11">HTML</a> <span>•</span> <a href="https://amitpatil.me/category/jquery-scripts/" class="category-6">jQuery</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/mobile-app-development-with-ionic-angularjs-cordova/" title="Mobile app development with ionic,angularjs and cordova">Mobile app development with ionic,angularjs and cordova</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">10 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/mobile-app-development-with-ionic-angularjs-cordova/#comments">2 Comments</a></div><div class="meta-item views">2,467 Views</div></div> </header> <div class="entry-content"> <p>had been in touch with mobile app development from long back, I used to use jquery mobile, I...</p> </div> </article> <article class="vce-post vce-lay-b post-1961 post type-post status-publish format-video has-post-thumbnail hentry category-ajax category-css-tricks category-html-scripts category-jquery-scripts category-php-scripts tag-ajax tag-css tag-html tag-jquery tag-php post_format-post-format-video"> <div class="meta-image"> <a href="https://amitpatil.me/editable-add-edit-delete-rows-dynamically-using-jquery-and-php/" title="Edi-Table – Add edit delete rows dynamically using jquery and php"> <img width="375" height="195" src="https://amitpatil.me/wp-content/uploads/2015/06/editable-375x195.png" class="attachment-vce-lay-b size-vce-lay-b wp-post-image" alt="" data-attachment-id="1974" data-permalink="https://amitpatil.me/editable-add-edit-delete-rows-dynamically-using-jquery-and-php/editable/" data-orig-file="https://amitpatil.me/wp-content/uploads/2015/06/editable.png" data-orig-size="1206,491" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Add edit delete rows dynamically using jquery and php" data-image-description="" data-image-caption="" data-medium-file="https://amitpatil.me/wp-content/uploads/2015/06/editable-300x122.png" data-large-file="https://amitpatil.me/wp-content/uploads/2015/06/editable-1024x417.png" /> <span class="vce-format-icon"> <i class="fa fa-play"></i> </span> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="https://amitpatil.me/category/ajax/" class="category-3">Ajax</a> <span>•</span> <a href="https://amitpatil.me/category/css-tricks/" class="category-5">CSS</a> <span>•</span> <a href="https://amitpatil.me/category/html-scripts/" class="category-11">HTML</a> <span>•</span> <a href="https://amitpatil.me/category/jquery-scripts/" class="category-6">jQuery</a> <span>•</span> <a href="https://amitpatil.me/category/php-scripts/" class="category-4">PHP</a></span> <h2 class="entry-title"><a href="https://amitpatil.me/editable-add-edit-delete-rows-dynamically-using-jquery-and-php/" title="Edi-Table – Add edit delete rows dynamically using jquery and php">Edi-Table – Add edit delete rows dynamically using jquery and php</a></h2> <div class="entry-meta"><div class="meta-item date"><span class="updated">10 years ago</span></div><div class="meta-item comments"><a href="https://amitpatil.me/editable-add-edit-delete-rows-dynamically-using-jquery-and-php/#comments">9 Comments</a></div><div class="meta-item views">9,211 Views</div></div> </header> <div class="entry-content"> <p>Continuing my previous free post Add edit delete rows dynamically using jquery and php, I am...</p> </div> </article> </div> <nav id="vce-pagination" class="vce-load-more"> <a href="https://amitpatil.me/page/2/"> Load more</a> </nav> </div> </div> </div> <aside id="sidebar" class="sidebar right"> <div id="socialcountplus-2" class="widget widget_socialcountplus"><h4 class="widget-title">Follow Us</h4><div class="social-count-plus"><ul class="circle"><li class="count-comments"><a class="icon" href="https://amitpatil.me" rel="nofollow noopener noreferrer"></a><span class="items"><span class="count" style="color: #333333 !important;">1594</span><span class="label" style="color: #333333 !important;">comments</span></span></li><li class="count-twitter"><a class="icon" href="https://twitter.com/amitspatil" rel="nofollow noopener noreferrer" target="_blank"></a><span class="items"><span class="count" style="color: #333333 !important;">231</span><span class="label" style="color: #333333 !important;">followers</span></span></li><li class="count-facebook"><a class="icon" href="https://www.facebook.com/amitpatilme" rel="nofollow noopener noreferrer" target="_blank"></a><span class="items"><span class="count" style="color: #333333 !important;">5490</span><span class="label" style="color: #333333 !important;">likes</span></span></li><li class="count-linkedin"><a class="icon" href="https://www.linkedin.com/company/38160868" rel="nofollow noopener noreferrer" target="_blank"></a><span class="items"><span class="count" style="color: #333333 !important;">0</span><span class="label" style="color: #333333 !important;">followers</span></span></li></ul></div></div><div id="feedburner-email-subscription-2" class="widget feedburner-email-subscription"><h4 class="widget-title">Subscribe</h4><form class="fes fes-default" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=amitpatilme', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" ><div class="form-group"><label class="sr-only"><span class="screen-reader-text">Email Subscription</span></label><input class="form-control search-field" type="text" value="Your email here" onfocus="if(this.value=='Your email here')this.value='';" onblur="if(this.value=='')this.value='Your email here'" name="email" /></div><button type="submit" class="btn btn-default btn-submit">Subscribe</button><input type="hidden" value="amitpatilme" name="uri" /><input type="hidden" name="loc" value="en_US" /></form></div><div id="text-2" class="widget widget_text"><h4 class="widget-title">Sponsers</h4> <div class="textwidget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9369703192078019" data-ad-slot="8794119302" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> <div id="recent-posts-4" class="widget widget_recent_entries"> <h4 class="widget-title">Recent Posts</h4> <ul> <li> <a href="https://amitpatil.me/image-crop-drag-resize-with-javascript-canvas/">Image crop, drag, resize with javascript canvas</a> <span class="post-date">March 5, 2020</span> </li> <li> <a href="https://amitpatil.me/voice-controlled-form-with-using-speech-recognition-api/">Voice controlled form using HTML5 Speech Recognition API</a> <span class="post-date">March 5, 2020</span> </li> <li> <a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part1/">Address book application with angularjs and google firebase – Part 1</a> <span class="post-date">May 20, 2017</span> </li> <li> <a href="https://amitpatil.me/address-book-application-with-angularjs-and-google-firebase-part2/">Address book application with angularjs and google firebase – Part 2</a> <span class="post-date">May 20, 2017</span> </li> <li> <a href="https://amitpatil.me/crud-application-angularjs/">CRUD application with Angularjs, REST api, Slim framework and Semantic UI</a> <span class="post-date">February 3, 2017</span> </li> </ul> </div><div id="categories-4" class="widget widget_categories"><h4 class="widget-title">Categories</h4> <ul> <li class="cat-item cat-item-3"><a href="https://amitpatil.me/category/ajax/"><span class="category-text">Ajax</span><span class="count"><span class="count-hidden">24</span></span></a> </li> <li class="cat-item cat-item-73"><a href="https://amitpatil.me/category/angularjs/"><span class="category-text">Angularjs</span><span class="count"><span class="count-hidden">3</span></span></a> </li> <li class="cat-item cat-item-5"><a href="https://amitpatil.me/category/css-tricks/"><span class="category-text">CSS</span><span class="count"><span class="count-hidden">38</span></span></a> </li> <li class="cat-item cat-item-11"><a href="https://amitpatil.me/category/html-scripts/"><span class="category-text">HTML</span><span class="count"><span class="count-hidden">28</span></span></a> </li> <li class="cat-item cat-item-76"><a href="https://amitpatil.me/category/javascript/"><span class="category-text">Javascript</span><span class="count"><span class="count-hidden">2</span></span></a> </li> <li class="cat-item cat-item-6"><a href="https://amitpatil.me/category/jquery-scripts/"><span class="category-text">jQuery</span><span class="count"><span class="count-hidden">37</span></span></a> </li> <li class="cat-item cat-item-24"><a href="https://amitpatil.me/category/misc/"><span class="category-text">Misc</span><span class="count"><span class="count-hidden">15</span></span></a> </li> <li class="cat-item cat-item-70"><a href="https://amitpatil.me/category/mobile/"><span class="category-text">Mobile</span><span class="count"><span class="count-hidden">1</span></span></a> </li> <li class="cat-item cat-item-4"><a href="https://amitpatil.me/category/php-scripts/"><span class="category-text">PHP</span><span class="count"><span class="count-hidden">15</span></span></a> </li> <li class="cat-item cat-item-40"><a href="https://amitpatil.me/category/plugins/"><span class="category-text">Plugins</span><span class="count"><span class="count-hidden">1</span></span></a> </li> <li class="cat-item cat-item-77"><a href="https://amitpatil.me/category/react/"><span class="category-text">React</span><span class="count"><span class="count-hidden">1</span></span></a> </li> <li class="cat-item cat-item-1"><a href="https://amitpatil.me/category/uncategorized/"><span class="category-text">Uncategorized</span><span class="count"><span class="count-hidden">8</span></span></a> </li> </ul> </div> </aside> </div> <footer id="footer" class="site-footer"> <div class="container-full site-info"> <div class="container"> <div class="vce-wrap-right"> <ul id="vce_footer_menu" class="bottom-nav-menu"><li id="menu-item-1895" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1895"><a href="https://amitpatil.me" aria-current="page">www.amitpatil.me</a></li> <li id="menu-item-371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-371"><a href="https://amitpatil.me/contact-2/">Contact</a></li> </ul> </div> <div class="vce-wrap-center"> <p>Copyright @ 2024</p> </div> </div> </div> </footer> </div> </div> <a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a> <script> document.addEventListener('DOMContentLoaded', function () { setTimeout(function(){ if( document.querySelectorAll('[name^=ct_checkjs]').length > 0 ) { if (typeof apbct_public_sendREST === 'function' && typeof apbct_js_keys__set_input_value === 'function') { apbct_public_sendREST( 'js_keys__get', { callback: apbct_js_keys__set_input_value }) } } },0) }) </script><div id="an-Modal" class="reveal-modal" style="background:#dddddd;max-width:720px;z-index:9999999; "></div> <script type="text/javascript">/* <![CDATA[ */var anOptions ={"anOptionChoice":"2","anOptionStats":"1","anOptionAdsSelectors":"","anOptionCookie":"2","anOptionCookieLife":"30","anPageRedirect":"0","anPermalink":"undefined","anOptionModalEffect":"fadeAndPop","anOptionModalspeed":"350","anOptionModalclose":true,"anOptionModalOverlay":"rgba( 0,0,0,0.8 )","anAlternativeActivation":false,"anAlternativeElement":"","anAlternativeText":"<p><strong>AdBlock detected!<\/strong><\/p>\n<p>Please add <a title=\"http:\/\/b-website.com\/\" href=\"b-website.com\" target=\"_blank\">www.b-website.com<\/a> to your adblocking whitelist or disable your adblocking software.<\/p>\n","anAlternativeClone":"2","anAlternativeProperties":"","anOptionModalShowAfter":0,"anPageMD5":"","anSiteID":0,"modalHTML":"<div class=\"reveal-modal-default\">\n\t<h1 style=\"\">Adblocker detected!<\/h1>\n\t<p><span style=\"color: #0000ff;\"><b>Please support us by disabling adBlocking software!<br \/>\n<\/b><\/span><\/p>\n<p>We've detected that you are using AdBlock Plus or some other adblocking software.<\/p>\n<p>We need money to operate the site, and all of it comes from our online advertising.<\/p>\n<p><strong>Please add <a title=\"Amit Patil\" href=\"https:\/\/amitpatil.me\" target=\"_blank\">www.amitpatil.me<\/a> to your ad blocking whitelist or disable your adblocking software.<\/strong><\/p>\n<\/div>\n<a class=\"close-modal close-reveal-modal\">×<\/a>"}/* ]]> */</script><div id="adsense" class="an-sponsored" style="position:absolute; z-index:-1; height:1px; width:1px; visibility: hidden; top: -1px; left: 0;"><img class="an-advert-banner" alt="sponsored" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"></div><div class="et_social_sidebar_networks et_social_slideright et_social_animated et_social_rounded et_social_sidebar_slide et_social_sidebar_withcounts et_social_withtotalcount et_social_mobile_off"> <div class="et_social_totalcount et_social_dark"> <span class="et_social_totalcount_count et_social_total_share" data-post_id="340"></span> <span class="et_social_totalcount_label">Shares</span> </div> <ul class="et_social_icons_container"><li class="et_social_facebook"> <a href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Famitpatil.me%2F&t=Home" class="et_social_share et_social_display_count" rel="nofollow" data-social_name="facebook" data-post_id="340" data-social_type="share"data-min_count="10"> <i class="et_social_icon et_social_icon_facebook"></i> <span class="et_social_overlay"></span> </a> </li><li class="et_social_twitter"> <a href="http://twitter.com/home?status=Home%20https%3A%2F%2Famitpatil.me%2F%20@amitspatil" class="et_social_share et_social_display_count" rel="nofollow" data-social_name="twitter" data-post_id="340" data-social_type="share"data-min_count="10"> <i class="et_social_icon et_social_icon_twitter"></i> <span class="et_social_overlay"></span> </a> </li><li class="et_social_linkedin"> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Famitpatil.me%2F&title=Home" class="et_social_share et_social_display_count" rel="nofollow" data-social_name="linkedin" data-post_id="340" data-social_type="share"data-min_count="10"> <i class="et_social_icon et_social_icon_linkedin"></i> <span class="et_social_overlay"></span> </a> </li></ul> </div> <div id="jp-carousel-loading-overlay"> <div id="jp-carousel-loading-wrapper"> <span id="jp-carousel-library-loading"> </span> </div> </div> <div class="jp-carousel-overlay" style="display: none;"> <div class="jp-carousel-container">  <div class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" itemscope itemtype="https://schema.org/ImageGallery"> <div class="jp-carousel swiper-wrapper"></div> <div class="jp-swiper-button-prev swiper-button-prev"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> </mask> <g mask="url(#maskPrev)"> <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <div class="jp-swiper-button-next swiper-button-next"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> </mask> <g mask="url(#maskNext)"> <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> </g> </svg> </div> </div>  <div class="jp-carousel-close-hint"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> </mask> <g mask="url(#maskClose)"> <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div>  <div class="jp-carousel-info"> <div class="jp-carousel-info-footer"> <div class="jp-carousel-pagination-container"> <div class="jp-swiper-pagination swiper-pagination"></div> <div class="jp-carousel-pagination"></div> </div> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-caption"></h2> </div> <div class="jp-carousel-photo-icons-container"> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> </mask> <g mask="url(#maskInfo)"> <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </span> </a> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-comments" aria-label="Toggle photo comments visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskComments" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3271 2H20.2486C21.3432 2 22.2388 2.9 22.2388 4V16C22.2388 17.1 21.3432 18 20.2486 18H6.31729L2.33691 22V4C2.33691 2.9 3.2325 2 4.3271 2ZM6.31729 16H20.2486V4H4.3271V18L6.31729 16Z" fill="white"/> </mask> <g mask="url(#maskComments)"> <rect x="0.34668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-has-comments-indicator" aria-label="This image has comments."></span> </span> </a> </div> </div> <div class="jp-carousel-info-extra"> <div class="jp-carousel-info-content-wrapper"> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-title"></h2> </div> <div class="jp-carousel-comments-wrapper"> <div id="jp-carousel-comments-loading"> <span>Loading Comments...</span> </div> <div class="jp-carousel-comments"></div> <div id="jp-carousel-comment-form-container"> <span id="jp-carousel-comment-form-spinner"> </span> <div id="jp-carousel-comment-post-results"></div> <form id="jp-carousel-comment-form"> <label for="jp-carousel-comment-form-comment-field" class="screen-reader-text">Write a Comment...</label> <textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a Comment..." ></textarea> <div id="jp-carousel-comment-form-submit-and-info-wrapper"> <div id="jp-carousel-comment-form-commenting-as"> <fieldset> <label for="jp-carousel-comment-form-email-field">Email (Required)</label> <input type="text" name="email" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-email-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-author-field">Name (Required)</label> <input type="text" name="author" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-author-field" /> </fieldset> <fieldset> <label for="jp-carousel-comment-form-url-field">Website</label> <input type="text" name="url" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-url-field" /> </fieldset> </div> <input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="Post Comment" /> </div> </form> </div> </div> <div class="jp-carousel-image-meta"> <div class="jp-carousel-title-and-caption"> <div class="jp-carousel-photo-info"> <h3 class="jp-carousel-caption" itemprop="caption description"></h3> </div> <div class="jp-carousel-photo-description"></div> </div> <ul class="jp-carousel-image-exif" style="display: none;"></ul> <a class="jp-carousel-image-download" href="#" target="_blank" style="display: none;"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> </mask> <g mask="url(#mask0)"> <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-download-text"></span> </a> <div class="jp-carousel-image-map" style="display: none;"></div> </div> </div> </div> </div> </div> </div>  <script type="text/javascript"> jQuery(document).ready(function($){ $("a[rel*=lightbox]").colorbox({initialWidth:"30%",initialHeight:"30%",maxWidth:"90%",maxHeight:"90%",opacity:0.8}); }); </script> <link rel='stylesheet' id='jetpack-carousel-swiper-css-css' href='https://c0.wp.com/p/jetpack/14.5/modules/carousel/swiper-bundle.css' type='text/css' media='all' /> <link rel='stylesheet' id='jetpack-carousel-css' href='https://c0.wp.com/p/jetpack/14.5/modules/carousel/jetpack-carousel.css' type='text/css' media='all' /> <link rel='stylesheet' id='social-count-plus-css' href='https://amitpatil.me/wp-content/plugins/social-count-plus/assets/css/counter.css?ver=3.4.1' type='text/css' media='all' /> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/i18n.min.js" 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://amitpatil.me/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.5" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/amitpatil.me\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.5" id="contact-form-7-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/meks-flexible-shortcodes/js/main.js?ver=1" id="mks_shortcodes_js-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/monarch11/js/ouibounce.js?ver=1.1" id="et_monarch-ouibounce-js"></script> <script type="text/javascript" id="et_monarch-custom-js-js-extra"> /* <![CDATA[ */ var monarchSettings = {"ajaxurl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php","pageurl":"https:\/\/amitpatil.me\/","stats_nonce":"c71f8fbd39","share_counts":"4e162881be","follow_counts":"b4322905b9","total_counts":"fd6de5ad51","media_single":"9c5198a498","media_total":"015931c323"}; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/monarch11/js/custom.js?ver=1.1" id="et_monarch-custom-js-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/ultimate-widgets/js/flexslider-min.js?ver=2.2.2" id="flexslider-js"></script> <script type="text/javascript" id="dlm-xhr-js-extra"> /* <![CDATA[ */ var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."}; /* ]]> */ </script> <script type="text/javascript" id="dlm-xhr-js-before"> /* <![CDATA[ */ const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://amitpatil.me/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://amitpatil.me/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1" /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.0.22" id="dlm-xhr-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/imagesloaded.min.js" id="imagesloaded-js"></script> <script type="text/javascript" id="vce-main-js-extra"> /* <![CDATA[ */ var vce_js_settings = {"sticky_header":"1","sticky_header_offset":"700","sticky_header_logo":"","logo":"","logo_retina":"","logo_mobile":"","logo_mobile_retina":"","rtl_mode":"0","ajax_url":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php","ajax_wpml_current_lang":null,"ajax_mega_menu":"1","mega_menu_slider":"","mega_menu_subcats":"","lay_fa_grid_center":"","full_slider_autoplay":"","grid_slider_autoplay":"","grid_big_slider_autoplay":"","fa_big_opacity":{"1":"0.5","2":"0.7"},"top_bar_mobile":"1","top_bar_mobile_group":"","top_bar_more_link":"More"}; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/themes/voice/assets/js/min.js?ver=2.9.8" id="vce-main-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/meks-easy-social-share/assets/js/main.js?ver=1.3" id="meks_ess-main-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/wp-review/public/js/js.cookie.min.js?ver=2.1.4" id="js-cookie-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/underscore.min.js" 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://c0.wp.com/c/6.7.2/wp-includes/js/wp-util.min.js" id="wp-util-js"></script> <script type="text/javascript" id="wp_review-js-js-extra"> /* <![CDATA[ */ var wpreview = {"ajaxurl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php","loginRequiredMessage":"You must log in to add your review"}; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/wp-review/public/js/main.js?ver=5.3.5" id="wp_review-js-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfFWCkaAAAAAAAItF1DrWHfzYIOn0AA23CQuNUb&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LfFWCkaAAAAAAAItF1DrWHfzYIOn0AA23CQuNUb", "actions": { "homepage": "homepage", "contactform": "contactform" } }; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0.5" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" id="an_scripts-js-extra"> /* <![CDATA[ */ var ajax_object = {"nonce":"7845d3e64c","ajaxurl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/adblock-notify-by-bweb/js/an-scripts.js?ver=2.2.3" id="an_scripts-js"></script> <script type="text/javascript" id="jetpack-stats-js-before"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"71196636\",\"post\":\"340\",\"tz\":\"0\",\"srv\":\"amitpatil.me\",\"j\":\"1:14.5\"}") ]); _stq.push([ "clickTrackerInit", "71196636", "340" ]); /* ]]> */ </script> <script type="text/javascript" src="https://stats.wp.com/e-202514.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/lightbox-plus/js/jquery.colorbox.1.5.9-min.js?ver=1.5.9" id="jquery-colorbox-js"></script> <script type="text/javascript" src="https://amitpatil.me/wp-content/plugins/lightbox-plus/css/overtext/helper.min.js?ver=2.7.2" id="lbp-helper-js"></script> <script type="text/javascript" id="jetpack-carousel-js-extra"> /* <![CDATA[ */ var jetpackSwiperLibraryPath = {"url":"https:\/\/amitpatil.me\/wp-content\/plugins\/jetpack\/_inc\/build\/carousel\/swiper-bundle.min.js"}; var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/amitpatil.me\/wp-admin\/admin-ajax.php","nonce":"75766a484e","display_exif":"1","display_comments":"1","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"black","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","image_label":"Open image in full-screen.","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"0","require_name_email":"1","login_url":"https:\/\/amitpatil.me\/wp-login.php?redirect_to=https%3A%2F%2Famitpatil.me%2Fimage-crop-drag-resize-with-javascript-canvas%2F","blog_id":"1","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"]}; /* ]]> */ </script> <script type="text/javascript" src="https://c0.wp.com/p/jetpack/14.5/_inc/build/carousel/jetpack-carousel.min.js" id="jetpack-carousel-js"></script> <script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> </body> </html>