HTML

HTML Iframes

February 9, 2025February 9, 2025 by Kailas Deshmukhe

The HTML Iframes element is used to embed another HTML document or external content (like videos, maps, or other web pages) within the current document. It is a powerful tool for integrating external resources seamlessly into your webpage. Below is a comprehensive guide to using , from basic usage to advanced features, with examples.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-740" class="post-740 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-id-attribute/" rel="bookmark">HTML id Attribute</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-09T12:10:27+05:30" itemprop="datePublished">February 9, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>The HTML id Attribute is one of the most fundamental and widely used attributes. It is used to uniquely identify an element within an HTML document. This guide will explain everything about the id attribute, from its basic usage to advanced applications, best practices, and common pitfalls.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-732" class="post-732 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-class-attribute/" rel="bookmark">HTML class Attribute</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-09T11:48:55+05:30" itemprop="datePublished">February 9, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>The HTML class Attribute is a cornerstone of web development, enabling developers to group elements and apply consistent styles or behaviors across a website.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-728" class="post-728 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-block-and-inline-elements/" rel="bookmark">HTML Block and Inline Elements</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-09T06:16:33+05:30" itemprop="datePublished">February 9, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>Understanding the difference between HTML Block and Inline Elements is fundamental to creating well-structured and visually appealing web pages.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-721" class="post-721 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-lists/" rel="bookmark">HTML Lists</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-09T05:47:16+05:30" itemprop="datePublished">February 9, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>HTML lists are a powerful and versatile tool for organizing content on the web. Whether you’re creating a simple bullet-point list or a complex nested structure, understanding how to use </p> <ul>, </p> <ol>, and </p> <dl> effectively is essential for web development.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-714" class="post-714 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-tables/" rel="bookmark">HTML Tables</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-09T05:04:31+05:30" itemprop="datePublished">February 9, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>HTML Tables allow you to arrange data into rows and columns on a web page, making it easy to display information like schedules, statistics, or other structured data in a clear format.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-701" class="post-701 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-page-title/" rel="bookmark">HTML Page Title</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-08T18:27:58+05:30" itemprop="datePublished">February 8, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>The HTML Page Title is defined by the <title> tag, displayed in the browser tab, search results, and bookmarks. It’s vital for SEO, user experience, and accessibility—keep it concise, descriptive, and unique for each page.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-694" class="post-694 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-favicon/" rel="bookmark">HTML Favicon</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-08T18:11:31+05:30" itemprop="datePublished">February 8, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>A HTML favicon (short for “favorite icon”) is a small, iconic image that represents a website or web page. It is displayed in various places by web browsers, such as:</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-690" class="post-690 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-images/" rel="bookmark">HTML Images</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-08T17:47:57+05:30" itemprop="datePublished">February 8, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>Images are a crucial part of web design, making websites visually appealing and engaging. In HTML images are embedded using the <img> tag.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <article id="post-684" class="post-684 post type-post status-publish format-standard hentry category-html" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header"> <h2 class="entry-title" itemprop="headline"><a href="https://codewithkailas.com/html/html-links/" rel="bookmark">HTML Links</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="entry-date published" datetime="2025-02-08T17:07:28+05:30" itemprop="datePublished">February 8, 2025</time></span> <span class="byline">by <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://codewithkailas.com/author/deshmukhekailas2006/" title="View all posts by Kailas Deshmukhe" rel="author" itemprop="url"><span class="author-name" itemprop="name">Kailas Deshmukhe</span></a></span></span> </div> </header> <div class="entry-summary" itemprop="text"> <p>HTML links, or hyperlinks, are elements that allow users to navigate between web pages, resources, or sections within the same page.</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://codewithkailas.com/category/html/" rel="category tag">HTML</a></span> </footer> </div> </article> <nav id="nav-below" class="paging-navigation" aria-label="Archive Page"> <div class="nav-previous"> <span class="gp-icon icon-arrow"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M305.913 197.085c0 2.266-1.133 4.815-2.833 6.514L171.087 335.593c-1.7 1.7-4.249 2.832-6.515 2.832s-4.815-1.133-6.515-2.832L26.064 203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816 2.832-6.515l14.162-14.163c1.7-1.699 3.966-2.832 6.515-2.832 2.266 0 4.815 1.133 6.515 2.832l111.316 111.317 111.316-111.317c1.7-1.699 4.249-2.832 6.515-2.832s4.815 1.133 6.515 2.832l14.162 14.163c1.7 1.7 2.833 4.249 2.833 6.515z" /></svg></span> <span class="prev" title="Previous"><a href="https://codewithkailas.com/category/html/page/3/" >Older posts</a></span> </div> <div class="nav-next"> <span class="gp-icon icon-arrow"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M305.913 197.085c0 2.266-1.133 4.815-2.833 6.514L171.087 335.593c-1.7 1.7-4.249 2.832-6.515 2.832s-4.815-1.133-6.515-2.832L26.064 203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816 2.832-6.515l14.162-14.163c1.7-1.699 3.966-2.832 6.515-2.832 2.266 0 4.815 1.133 6.515 2.832l111.316 111.317 111.316-111.317c1.7-1.699 4.249-2.832 6.515-2.832s4.815 1.133 6.515 2.832l14.162 14.163c1.7 1.7 2.833 4.249 2.833 6.515z" /></svg></span> <span class="next" title="Next"><a href="https://codewithkailas.com/category/html/" >Newer posts</a></span> </div> <div class="nav-links"><a class="prev page-numbers" href="https://codewithkailas.com/category/html/"><span aria-hidden="true">←</span> Previous</a> <a class="page-numbers" href="https://codewithkailas.com/category/html/"><span class="screen-reader-text">Page</span>1</a> <span aria-current="page" class="page-numbers current"><span class="screen-reader-text">Page</span>2</span> <a class="page-numbers" href="https://codewithkailas.com/category/html/page/3/"><span class="screen-reader-text">Page</span>3</a> <a class="page-numbers" href="https://codewithkailas.com/category/html/page/4/"><span class="screen-reader-text">Page</span>4</a> <a class="next page-numbers" href="https://codewithkailas.com/category/html/page/3/">Next <span aria-hidden="true">→</span></a></div> </nav> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="block-23" class="widget inner-padding widget_block widget_recent_entries"><ul style="font-size:16px;" class="wp-block-latest-posts__list has-dates wp-block-latest-posts"><li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://codewithkailas.com/projects/image-slider-in-html-and-css/" aria-label="Image Slider In HTML And CSS"><img decoding="async" width="150" height="150" src="https://codewithkailas.com/wp-content/uploads/2025/03/Image-Slider-In-HTML-And-CSS-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Image Slider In HTML And CSS" style="max-width:75px;max-height:75px;" /></a></div><a class="wp-block-latest-posts__post-title" href="https://codewithkailas.com/projects/image-slider-in-html-and-css/">Image Slider In HTML And CSS</a><time datetime="2025-03-12T19:00:38+05:30" class="wp-block-latest-posts__post-date">March 12, 2025</time></li> <li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://codewithkailas.com/projects/stylish-login-page-in-html-with-css-code-2/" aria-label="stylish login page in html with css code"><img decoding="async" width="150" height="150" src="https://codewithkailas.com/wp-content/uploads/2025/03/stylish-login-page-in-html-with-css-code-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="stylish login page in html with css code" style="max-width:75px;max-height:75px;" /></a></div><a class="wp-block-latest-posts__post-title" href="https://codewithkailas.com/projects/stylish-login-page-in-html-with-css-code-2/">stylish login page in html with css code</a><time datetime="2025-03-06T16:28:07+05:30" class="wp-block-latest-posts__post-date">March 6, 2025</time></li> <li><div class="wp-block-latest-posts__featured-image alignleft"><a href="https://codewithkailas.com/projects/html-code-for-login-page-with-username-and-password/" aria-label="HTML code for login page with username and password"><img decoding="async" width="150" height="150" src="https://codewithkailas.com/wp-content/uploads/2025/02/HTML-code-for-login-page-with-username-and-password-150x150.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="HTML code for login page with username and password" style="max-width:75px;max-height:75px;" /></a></div><a class="wp-block-latest-posts__post-title" href="https://codewithkailas.com/projects/html-code-for-login-page-with-username-and-password/">HTML code for login page with username and password</a><time datetime="2025-02-10T16:52:40+05:30" class="wp-block-latest-posts__post-date">February 10, 2025</time></li> </ul></aside> </div> </div> </div> </div> <div class="site-footer footer-bar-active footer-bar-align-right"> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info"> <div class="footer-bar"> <aside id="nav_menu-4" class="widget inner-padding widget_nav_menu"><div class="menu-footer-1-container"><ul id="menu-footer-1" class="menu"><li id="menu-item-911" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-911"><a href="https://codewithkailas.com/about-us/">About Us</a></li> <li id="menu-item-390" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-390"><a rel="privacy-policy" href="https://codewithkailas.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-438"><a href="https://codewithkailas.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-437"><a href="https://codewithkailas.com/disclaimer/">Disclaimer</a></li> </ul></div></aside> </div> <div class="copyright-bar"> © 2025 CodeWithKailas. Made with 💙 by @codewithkailas </div> </div> </footer> </div> <a title="Scroll back to top" aria-label="Scroll back to top" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button"> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> </a><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script id="pt-cv-content-views-script-js-extra"> var PT_CV_PUBLIC = {"_prefix":"pt-cv-","page_to_show":"5","_nonce":"f61cc80103","is_admin":"","is_mobile":"","ajaxurl":"https:\/\/codewithkailas.com\/wp-admin\/admin-ajax.php","lang":"","loading_image_src":"data:image\/gif;base64,R0lGODlhDwAPALMPAMrKygwMDJOTkz09PZWVla+vr3p6euTk5M7OzuXl5TMzMwAAAJmZmWZmZszMzP\/\/\/yH\/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAPACwAAAAADwAPAAAEQvDJaZaZOIcV8iQK8VRX4iTYoAwZ4iCYoAjZ4RxejhVNoT+mRGP4cyF4Pp0N98sBGIBMEMOotl6YZ3S61Bmbkm4mAgAh+QQFCgAPACwAAAAADQANAAAENPDJSRSZeA418itN8QiK8BiLITVsFiyBBIoYqnoewAD4xPw9iY4XLGYSjkQR4UAUD45DLwIAIfkEBQoADwAsAAAAAA8ACQAABC\/wyVlamTi3nSdgwFNdhEJgTJoNyoB9ISYoQmdjiZPcj7EYCAeCF1gEDo4Dz2eIAAAh+QQFCgAPACwCAAAADQANAAAEM\/DJBxiYeLKdX3IJZT1FU0iIg2RNKx3OkZVnZ98ToRD4MyiDnkAh6BkNC0MvsAj0kMpHBAAh+QQFCgAPACwGAAAACQAPAAAEMDC59KpFDll73HkAA2wVY5KgiK5b0RRoI6MuzG6EQqCDMlSGheEhUAgqgUUAFRySIgAh+QQFCgAPACwCAAIADQANAAAEM\/DJKZNLND\/kkKaHc3xk+QAMYDKsiaqmZCxGVjSFFCxB1vwy2oOgIDxuucxAMTAJFAJNBAAh+QQFCgAPACwAAAYADwAJAAAEMNAs86q1yaWwwv2Ig0jUZx3OYa4XoRAfwADXoAwfo1+CIjyFRuEho60aSNYlOPxEAAAh+QQFCgAPACwAAAIADQANAAAENPA9s4y8+IUVcqaWJ4qEQozSoAzoIyhCK2NFU2SJk0hNnyEOhKR2AzAAj4Pj4GE4W0bkJQIAOw=="}; var PT_CV_PAGINATION = {"first":"\u00ab","prev":"\u2039","next":"\u203a","last":"\u00bb","goto_first":"Go to first page","goto_prev":"Go to previous page","goto_next":"Go to next page","goto_last":"Go to last page","current_page":"Current page is","goto_page":"Go to page"}; </script> <script src="https://codewithkailas.com/wp-content/plugins/content-views-query-and-display-post-page/public/assets/js/cv.js?ver=4.2" id="pt-cv-content-views-script-js"></script> <script id="ez-toc-scroll-scriptjs-js-extra"> var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; </script> <script src="https://codewithkailas.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.74" id="ez-toc-scroll-scriptjs-js"></script> <script src="https://codewithkailas.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script> <script src="https://codewithkailas.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script> <script id="ez-toc-js-js-extra"> var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"1","width":"auto","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>","visibility_hide_by_device":"1","chamomile_theme_is_on":""}; </script> <script src="https://codewithkailas.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.74-1748249393" id="ez-toc-js-js"></script>  <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://codewithkailas.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script id="generate-back-to-top-js-extra"> var generatepressBackToTop = {"smooth":"1"}; </script> <script src="https://codewithkailas.com/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id="generate-back-to-top-js"></script> <script src="https://codewithkailas.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-wpforms-3b23b71ea60c39fa1552.js" id="googlesitekit-events-provider-wpforms-js" defer></script> </body> </html>