<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-3775006551465985424</atom:id><lastBuildDate>Fri, 05 Jun 2026 14:35:50 +0000</lastBuildDate><category>Traffic and SEO</category><category>Blogger Blog</category><category>Tools</category><category>Affiliate Marketing</category><title>Infinite Insights</title><description>is a  concise blog that takes you on an exhilarating journey into a realm of boundless ideas and enigmatic perspectives. It serves as your favorite destination for exploring the minds of thinkers, writers, and scientists who view the world through unique lenses and infinite horizons. Here, you'll discover inspiring articles covering a wide range of topics spanning philosophy, science, culture, and technology, offering you an opportunity to uncover diverse ways of understanding and and thinking.</description><link>https://infiniteinsightsonline.blogspot.com/</link><managingEditor>noreply@blogger.com (Jack SEO)</managingEditor><generator>Blogger</generator><openSearch:totalResults>66</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:summary>is a concise blog that takes you on an exhilarating journey into a realm of boundless ideas and enigmatic perspectives. It serves as your favorite destination for exploring the minds of thinkers, writers, and scientists who view the world through unique lenses and infinite horizons. Here, you'll discover inspiring articles covering a wide range of topics spanning philosophy, science, culture, and technology, offering you an opportunity to uncover diverse ways of understanding and and thinking.</itunes:summary><itunes:subtitle>is a concise blog that takes you on an exhilarating journey into a realm of boundless ideas and enigmatic perspectives. It serves as your favorite destination for exploring the minds of thinkers, writers, and scientists who view the world through unique l</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-4034204162849864291</guid><pubDate>Thu, 01 Aug 2024 18:19:00 +0000</pubDate><atom:updated>2024-08-01T11:19:05.062-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Affiliate Marketing</category><title>Откройте мир возможностей: как рынок Футьен в Китае может улучшить ваш бизнес и открыть новые горизонты</title><description>
&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta name="description" content="Узнайте, как посещение рынка Футьен в Китае может повысить ваши бизнес-возможности. Исследуйте ключевые преимущества, советы по обновлению ассортимента и налаживанию партнерских связей для успешной торговли."&gt;

  &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2024/01/domain-marketing.html"
    /&gt;

  &lt;title&gt;Откройте мир возможностей: как рынок Футьен в Китае может улучшить ваш бизнес и открыть новые горизонты&lt;/title&gt;
&lt;style amp-custom&gt;
      .custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
    }
&lt;/style&gt;
&lt;/head&gt;
  
&lt;body&gt;
 &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
         Откройте мир возможностей: как рынок Футьен в Китае может улучшить ваш бизнес и открыть новые горизонты&lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
 &lt;/h1&gt;
 &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Откройте мир возможностей: как рынок Футьен в Китае может улучшить ваш бизнес и открыть новые горизонты"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2LL_Qi3JmfxHD53TJSw0-bQHwYUnqdHQ1ehkERsfrgZS5VWB5pnqZxTd498KlRLz74hZckcGZvKw4z64TUQqcQREwj9Yd_ZkNECTHX6nEEVlKJ9D8pTyZIo7vA_4mPu06qgDzjDtrD9mnmEPmOnevqD7wll4iqUhHYkSqhNJHiSIMAcZ_2m8p4a1Kub4/s320/1.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
&lt;article&gt;
      &lt;!-- Introduction --&gt;
               &lt;p&gt;Закупка товаров в Китае выгодна благодаря низким ценам и широкому ассортименту. Китай предлагает доступ к тысячам производителей и уникальным товарам, что позволяет снизить затраты и увеличить прибыль. К тому же, посещение крупнейших рынков, таких как Футьен в Иу, открывает новые возможности для бизнеса и партнерства в сфере торговли.&lt;/p&gt;


&lt;h2 id="key-factors"&gt;Теперь добавим текст с ссылкой:&lt;/h2&gt;

&lt;h3&gt;&#128104;‍&#128188;&#128188; ПРОФЕССИОНАЛЬНЫЙ БИЗНЕС-ПОМОЩНИК В КИТАЕ &#128073;&lt;/h3&gt;
&lt;p&gt; &lt;a href="https://www.biron-tour.ru/" rel="nofollow" target="_blank"&gt;BIRON.TOUR&lt;/a&gt;. Наладь поставки из Китая.Турпоездки в крупнейший торговый город Китая — Иу. Тысячи продавцов и производителей в одном месте. Рынок Футьен — новые возможности твоего бизнеса.&lt;/p&gt;
      &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Китай"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgizeEoYl7JsAZfDjIJxiYwHvclQ3V-8aoOh36w2PTALZxZnC-A1xGW8jf7gbB4e4jA6zp0Jw2Tvtg6UGlrIn2DVbaoGc6xcqWpBLfnx0Y7bZdEzyKUaS2l02rtFJrxP-8-1g93WvX0eGjMHnk1Ja5PXgocsK8PPjWY8BGamTfEqWTslXgV_MGwmkrg4/s320/2.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
      
&lt;p&gt;✅ Бизнес-тур в Китай в город Иу. Наладь поставки из Китая. Турпоездки в крупнейший торговый город Китая — Иу. Тысячи продавцов и производителей в одном месте. Рынок Футьен — новые возможности твоего бизнеса.&lt;/p&gt;

&lt;p&gt;✅ Закупка товаров из Китая. Закупка и экспорт товаров из Китая, предоставлении комплекса услуг в сфере бизнеса. Команда опытных менеджеров выполнит все требования клиента исходя из отраслевой специфики товаров и оборудования, предложат вам товары разных типов и категорий по самым низким ценам прямо от производителя.&lt;/p&gt;

&lt;p&gt;✅ Доставка товара из Китая по всей России. Ваш успех в международной доставке! Мы предлагаем быструю и надежную доставку грузов без ограничения по весу и объему. Мы гарантируем не только скорость, но и сохранность вашего груза через всю дорогу.&lt;/p&gt;
      &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Помощник"       src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspsuZbaiAFimsdETukdqs5vPG1a8w5VOLOD2sihGel3lW3OKFguMkfRFpSvqktUQ5biZJ936SSs9bItZrT4O_1rVLiRkGvglyIAOaPgIicrliWC8vxtJcA_15UjOgFhs2lJEbzRuBw5XDQmxpf8TxUTrKbp0BT7DnR4zMrVRnwzg_P5juX9RuvMKUg70/s320/3.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
      

&lt;p&gt;&#128722; Рынок Футьен в городе Иу, расположенном в провинции Чжецзян, Китай, — это истинный рай для бизнесменов и покупателей! Самый крупный оптовый рынок во всем мире. Футьен занимает 4,3 млн м² площади, состоит из пяти частей-секторов, в каждом 3-4 этажа, а всего здесь около 100 000 магазинов. Это настоящая кладезь для поиска уникальных товаров и надежных поставщиков. Здесь вы найдете все, что нужно для успешного развития своего бизнеса и расширения ассортимента товаров.&lt;/p&gt;

&lt;p&gt;&#128175; Преимущества посещения рынка Футьен просто очевидны.&lt;/p&gt;

&lt;p&gt;➡️ Во-первых, здесь вы сможете встретиться с огромным выбором товаров по доступным ценам, что открывает перед вами широкие возможности для увеличения прибыли и привлечения новых клиентов.&lt;/p&gt;

&lt;p&gt;➡️ Во-вторых, посещение рынка Футьен даст вам возможность обновить свой ассортимент товаров, добавив в него уникальные идеи, которые помогут сделать ваш бизнес более конкурентоспособным на рынке. Кроме того, здесь вы сможете обнаружить новые тренды и направления для развития вашего бизнеса.&lt;/p&gt;

&lt;p&gt;➡️ Наконец, посещение рынка Футьен откроет перед вами возможность завести новые деловые связи и познакомиться с надежными поставщиками, которые помогут вам обеспечить постоянный и качественный товарный ассортимент. Это непревзойденный шанс расширить вашу деловую сеть и стать еще успешнее!&lt;/p&gt;
        &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Рынок"       src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGgJjhyphenhyphen1mzrThhPZqaD7F-LdN44Z0-qDa8tf8s-zwm3Dw1DbTGhscHsPp1rdCbeqIC4e7b4rFe7uTf2m0eeZOxeRGDEKX1mdwLYQ7MDofKYFGkxGjqryp8jzzOyCvE1KHOWckJjxG2J0mkMvqKCmRqEsY5Cly3t2ePO-6eFRdt24vlx6zWq6FwVAskug/s320/4.jpg"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;

&lt;p&gt;Не упустите возможность посетить рынок Футьен в городе Иу и обогатить свой бизнес новыми идеями, товарами и партнерствами!&lt;/p&gt;

&lt;p&gt;&#127760; &lt;a href="https://www.biron-tour.ru/" rel="nofollow" target="_blank"&gt;https://www.biron-tour.ru/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;#Китай #Бизнес #Помощник #Рынок #Футьен &#129303;&lt;/p&gt;
  
 &lt;/article&gt;

&lt;/body&gt;
&lt;/html&gt;



</description><link>https://infiniteinsightsonline.blogspot.com/2024/08/kak-rynok-futien-povysit-vas-biznes.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2LL_Qi3JmfxHD53TJSw0-bQHwYUnqdHQ1ehkERsfrgZS5VWB5pnqZxTd498KlRLz74hZckcGZvKw4z64TUQqcQREwj9Yd_ZkNECTHX6nEEVlKJ9D8pTyZIo7vA_4mPu06qgDzjDtrD9mnmEPmOnevqD7wll4iqUhHYkSqhNJHiSIMAcZ_2m8p4a1Kub4/s72-c/1.webp" width="72"/><thr:total>1</thr:total><georss:featurename>1281 Russin, Switzerland</georss:featurename><georss:point>46.1880652 6.0135719000000014</georss:point><georss:box>17.877831363821151 -29.142678099999998 74.49829903617885 41.1698219</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-9174477509191548568</guid><pubDate>Sat, 13 Jan 2024 21:17:00 +0000</pubDate><atom:updated>2024-02-24T13:45:11.548-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Affiliate Marketing</category><title>Choosing the Best Domain Name for Affiliate Marketing Success</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta name="description" content="Learn how to choose the perfect domain name for affiliate marketing success. Explore key factors, best practices, and considerations for Amazon affiliate marketing."&gt;
  &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2024/01/domain-marketing.html"
    /&gt;

  &lt;title&gt;Choosing the Best Domain Name for Affiliate Marketing Success&lt;/title&gt;
&lt;style amp-custom&gt;
      .custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
    }
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
 &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
         Choosing the Best Domain Name for Affiliate Marketing Success&lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="How To Choose A Domain Name For Affiliate Marketing"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBRuT4zD0RcQjfsL8tf_TvvL2zH31V61F5xMUMoMHeLxT-sMUCcqBfvCwJgY5pm-mIA6G0rpBdhiamplgslExerkFfgMzdE67U0VP3ppp-z2UhKx4DIObrsiAxgYDUQVVsSR5QeXe4QuHypLqCufoJ_k7CQH2kGrAHbH1CpgHx25PTaPftB67HpH8R3Q/s1024-rw/Best%20Domain%20Name.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
    &lt;article&gt;

        &lt;!-- Table of Contents 
        &lt;h1&gt;How To Choose A Domain Name For Affiliate Marketing&lt;/h1&gt;

        &lt;h2&gt;Table of Contents&lt;/h2&gt;
        &lt;ol&gt;
            &lt;li&gt;&lt;a href="#intro"&gt;Introduction&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#key-factors"&gt;Key Factors in Choosing a Domain Name&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#best-practices"&gt;Best Practices for Affiliate Domain Names&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#amazon-affiliate"&gt;Choosing the Best Domain for Amazon Affiliate Marketing&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#practical-case-study"&gt;Practical Case Study: Optimizing Domain Name for Amazon Affiliate Success&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#conclusion"&gt;Conclusion&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#faq"&gt;Frequently Asked Questions&lt;/a&gt;&lt;/li&gt;
        &lt;/ol&gt;--&gt;

        &lt;!-- Introduction --&gt;
        &lt;h2 id="intro"&gt;Introduction&lt;/h2&gt;
        &lt;p&gt;Welcome to the exciting world of affiliate marketing! As you go out on this adventure, one of the crucial decisions you'll make is selecting the perfect domain name for your affiliate marketing website. A domain name is more than just a web address; it's your online identity, and choosing the right one can significantly impact your success.&lt;/p&gt;

        &lt;!-- Key Factors in Choosing a Domain Name --&gt;
        &lt;h2 id="key-factors"&gt;Key Factors in Choosing a Domain Name&lt;/h2&gt;
        &lt;p&gt;Before we dive into the specifics, let's explore the key factors you should consider when selecting a domain name for your affiliate marketing venture:&lt;/p&gt;

        &lt;ol&gt;
            &lt;li&gt;Relevance: Ensure your domain name reflects the niche or products you'll be promoting.&lt;/li&gt;
          &lt;p&gt;In the vast landscape of the internet, your domain name serves as your digital storefront. It's the first impression visitors have of your website, and its relevance plays a crucial role in attracting the right audience. When your domain name aligns with the niche or products you're promoting, it immediately communicates to users what they can expect.&lt;/p&gt;
          &lt;p&gt;For example, if your affiliate marketing website focuses on reviewing and promoting fitness products, a relevant domain name could be something like "FitGearReviews.com" or "HealthyLifestyleHub.com." These names clearly convey the website's purpose and content, making it more likely that individuals interested in fitness will find and remember your site.&lt;/p&gt;
           &lt;p&gt;On the flip side, an irrelevant domain name might confuse potential visitors and hinder your site's discoverability. Imagine a fitness-focused website with a domain name like "TechGizmoCentral.com" – the lack of relevance could deter fitness enthusiasts who are specifically searching for health and wellness content.&lt;/p&gt;
          &lt;p&gt;In essence, a relevant domain name acts as a virtual signpost, guiding the right audience to your online platform and setting the stage for a positive user experience.&lt;/p&gt;
      
            &lt;li&gt;Memorability: Opt for a name that is easy to remember, avoiding complex spellings or unnecessary symbols.&lt;/li&gt;
          &lt;p&gt;In the fast-paced digital era, where attention spans are limited, having a memorable domain name is paramount. When users encounter a website, the ability to recall the domain easily contributes to repeated visits and word-of-mouth recommendations.&lt;/p&gt;
           &lt;p&gt;Consider the following example: "CleverGadgetz4U.com" versus "GadgetHaven.com." The latter, with its simple and straightforward name, is more likely to stick in the minds of users. It avoids complex spellings and eliminates the need for numbers, making it easier for visitors to remember when they want to revisit the site or recommend it to others.&lt;/p&gt;
           &lt;p&gt;Complex spellings or the inclusion of unnecessary symbols can create confusion and hinder memorability. For instance, "EpicSolutionsXpress" might be challenging for users to recall accurately, leading to potential misspelling and failed attempts to reach the website.&lt;/p&gt;
           &lt;p&gt;In essence, a memorable domain name acts as a valuable asset in the online landscape. It facilitates brand recall, encourages user engagement, and ultimately contributes to the overall success of your affiliate marketing venture. Keep it simple, make it memorable, and watch as your audience effortlessly returns to your digital doorstep.&lt;/p&gt;
          
            &lt;li&gt;Keywords: Integrate relevant keywords to enhance search engine visibility.&lt;/li&gt;
          &lt;p&gt;In the realm of online discoverability, search engines play a pivotal role in directing traffic to your website. Incorporating relevant keywords into your domain name can significantly boost your site's visibility in search engine results.&lt;/p&gt;
          &lt;p&gt;For instance, if your affiliate marketing niche revolves around sustainable living, a domain name like "EcoFriendlyLivingHub.com" immediately communicates the website's focus. In this case, "Eco-Friendly" and "Living" are keywords that potential visitors might use when searching for information related to sustainable lifestyles. The inclusion of these keywords in the domain name signals to search engines that your site is pertinent to these topics, increasing the likelihood of it appearing in relevant search results.&lt;/p&gt;
          &lt;p&gt;On the flip side, a generic or unrelated domain name like "XYZEnterprises.com" may not capture the essence of your content, making it harder for search engines to accurately categorize and present your site to users interested in your niche.&lt;/p&gt;
          &lt;p&gt;By strategically incorporating keywords, you not only enhance search engine optimization (SEO) but also make it easier for your target audience to find you. It's a powerful way to align your domain name with the content you offer, ensuring that your website stands out amidst the vast digital landscape.&lt;/p&gt;
         
            &lt;li&gt;Brandability: Choose a name that allows for future branding and recognition.&lt;/li&gt;
          &lt;p&gt;In the dynamic world of online marketing, your domain name is more than just an address; it's the foundation of your brand identity. Opting for a domain name that is brandable means selecting a name that not only encapsulates your current offerings but also allows for future growth, diversification, and brand recognition.&lt;/p&gt;
           &lt;p&gt;For instance, if your affiliate marketing journey starts with reviewing tech gadgets, a domain name like "TechGizmoGuru.com" not only conveys your current niche but also sets the stage for potential brand expansion. It's specific enough to indicate your expertise in tech gadgets while leaving room for future diversification into related areas like software, accessories, or even broader tech lifestyle content.&lt;/p&gt;
           &lt;p&gt;On the contrary, a highly niche-specific domain like "BestGamingHeadsetsReviews.com" might limit your brand's potential for growth if you decide to expand beyond gaming-related products in the future.&lt;/p&gt;
          &lt;p&gt;A brandable domain name is like a canvas on which you can paint the evolving story of your affiliate marketing venture. It should be versatile, memorable, and able to withstand the test of time as your brand evolves and gains recognition in the competitive online landscape. So, when choosing your domain name, envision the brand you aspire to build and select a name that aligns with that vision.&lt;/p&gt;
       
            &lt;li&gt;Extension: While '.com' is the gold standard, explore other options based on your target audience and niche.&lt;/li&gt;
             &lt;p&gt;Traditionally, '.com' has been synonymous with the internet, representing the default choice for domain extensions. However, as the digital landscape has evolved, numerous alternatives have emerged, each catering to specific niches or regions. When choosing a domain name, it's essential to weigh the pros and cons of various extensions based on your target audience and niche.&lt;/p&gt;
             &lt;p&gt;For instance, if your affiliate marketing venture is primarily targeted at a local audience, using a country-specific domain extension like '.co.uk' (for the United Kingdom) or '.ca' (for Canada) can enhance your site's relevance to users in those regions. This can be especially beneficial if your content includes region-specific products or services.&lt;/p&gt;
             &lt;p&gt;Additionally, industry-specific extensions like '.tech,' '.blog,' or '.guru' can provide immediate context to your website's purpose. If your affiliate marketing focus is on technology products, a domain like "TechInnovators.tech" could be both memorable and reflective of your niche.&lt;/p&gt;
             &lt;p&gt;While '.com' remains the most widely recognized and trusted extension globally, the availability of new extensions allows for more creativity and specificity. Just ensure that the chosen extension aligns with your content and resonates with your target audience, contributing to a stronger online presence. The key is finding the right balance between convention and innovation in the ever-expanding domain extension landscape.&lt;/p&gt;
          
        &lt;/ol&gt;

        &lt;!-- Best Practices for Affiliate Domain Names --&gt;
        &lt;h2 id="best-practices"&gt;Best Practices for Affiliate Domain Names&lt;/h2&gt;
        &lt;p&gt;Now that you understand the key factors, Now let's explore some best practices for selecting the ideal domain name:&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;Keep it Short: Shorter names are easier to remember and type.&lt;/li&gt;
            &lt;li&gt;Avoid Hyphens and Numbers: These can be confusing and are often mistyped.&lt;/li&gt;
            &lt;li&gt;Research Competitors: Analyze successful affiliate websites in your niche for inspiration.&lt;/li&gt;
            &lt;li&gt;Use a Domain Name Generator: Leverage online tools to generate creative and available domain name ideas.&lt;/li&gt;
        &lt;/ul&gt;

        &lt;!-- Choosing the Best Domain for Amazon Affiliate Marketing --&gt;
        &lt;h2 id="amazon-affiliate"&gt;Choosing the Best Domain for Amazon Affiliate Marketing&lt;/h2&gt;
        &lt;p&gt;If your focus is on Amazon affiliate marketing, there are additional considerations to keep in mind:&lt;/p&gt;
 &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Best Domain for Amazon Affiliate Marketing"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKtY_y_wu53l76aOdWxU6SiSPl3YJqHgGcWFMbH3wedZmz1kb4kU3wvSA5CHZgFrxioDXWstniLhIt98N_RFSmvYi-k-2kW2h2mH1kr2O9WQiWHxMgoqD9NiYjX1zDpGbMVJrlzLKa4iHyGcw15ftjAAxsXGIH29hwLuFNJz8StQpGfuHXPnT3HLfv-TY/s1220-rw/Amazon%20Affiliate%20Marketing.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
             &lt;ol&gt;
            &lt;li&gt;Include "Amazon" in the Domain: Enhance your site's credibility by incorporating the brand name.&lt;/li&gt;
            &lt;li&gt;Product Keywords: Integrate relevant product keywords to attract your target audience.&lt;/li&gt;
            &lt;li&gt;Legal Compliance: Ensure your domain name complies with Amazon's affiliate program policies.&lt;/li&gt;
        &lt;/ol&gt;
&lt;h2 id="practical-case-study"&gt;Practical Case Study: Optimizing Domain Name for Amazon Affiliate Success&lt;/h2&gt;
&lt;p&gt;One outstanding case study that vividly illustrates the practical implications of domain name selection in Amazon affiliate marketing involves a specialized Amazon affiliate site. This case study delves into the meticulous process of aligning the chosen domain name with the promoted products and its direct correlation with a substantial increase in the conversion rate.&lt;/p&gt;

&lt;p&gt;The journey of this niche-specific Amazon affiliate site serves as a practical guide, shedding light on the challenges encountered and successfully overcome during the process. By examining this case study, aspiring affiliate marketers can gain valuable insights into the intricate relationship between domain name choice, product alignment, and the ultimate success of an affiliate marketing venture.&lt;/p&gt;

&lt;p&gt;In particular, the case study emphasizes the domain name as a virtual storefront, effectively communicating the site's purpose and content to potential visitors. The detailed examination of challenges faced, such as potential pitfalls in choosing a domain name unrelated to the niche, provides readers with tangible lessons and actionable strategies.&lt;/p&gt;

&lt;p&gt;Moreover, the case study underscores the dynamic nature of the affiliate marketing landscape, urging readers to stay informed about industry trends and any changes in the policies of affiliate programs, including that of Amazon. By incorporating real-world examples and experiences, this case study aims to empower affiliate marketers with practical knowledge, guiding them towards informed decisions when selecting domain names that align with both present and future considerations.&lt;/p&gt;

        &lt;!-- Conclusion --&gt;
        &lt;h2 id="conclusion"&gt;Conclusion&lt;/h2&gt;
        &lt;p&gt;Choosing the right domain name for your affiliate marketing venture is a critical step towards success. By considering the key factors and following best practices, you'll create a memorable and effective online presence that resonates with your audience.&lt;/p&gt;

        &lt;!-- Frequently Asked Questions --&gt;
        &lt;h2 id="faq"&gt;Frequently Asked Questions&lt;/h2&gt;
        &lt;p&gt;Still have questions? Check out these frequently asked questions for more insights:&lt;/p&gt;

        &lt;ul&gt;
            &lt;li&gt;Q: How important is the domain extension for affiliate marketing?&lt;/li&gt;
            &lt;li&gt;A: The domain extension can impact credibility, but it's more crucial to focus on relevance and memorability.&lt;/li&gt;
            &lt;li&gt;Q: Can I change my domain name later?&lt;/li&gt;
            &lt;li&gt;A: While possible, it's best to choose a name you won't outgrow to maintain consistency.&lt;/li&gt;
        &lt;/ul&gt;

    &lt;/article&gt;

&lt;/body&gt;

&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2024/01/domain-marketing.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBRuT4zD0RcQjfsL8tf_TvvL2zH31V61F5xMUMoMHeLxT-sMUCcqBfvCwJgY5pm-mIA6G0rpBdhiamplgslExerkFfgMzdE67U0VP3ppp-z2UhKx4DIObrsiAxgYDUQVVsSR5QeXe4QuHypLqCufoJ_k7CQH2kGrAHbH1CpgHx25PTaPftB67HpH8R3Q/s72-c-rw/Best%20Domain%20Name.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-8640697544092822853</guid><pubDate>Thu, 28 Dec 2023 02:33:00 +0000</pubDate><atom:updated>2024-01-05T14:28:41.703-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Traffic and SEO</category><title>Elevating Business Horizons: A Cutting-Edge Expedition into the World of Digital Marketing Mastery</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Explore the cutting-edge realm of digital marketing mastery. Learn why digital marketing is essential, its wide-reaching impact, and advanced strategies for success."
    /&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/digital-marketing.html"
    /&gt;

    &lt;title&gt;
      Elevating Business Horizons: A Cutting-Edge Expedition into the World of
      Digital Marketing Mastery
    &lt;/title&gt;
   &lt;style amp-custom&gt;
    body {
        font-family: 'Arial', sans-serif;
        line-height: 1.6;
        margin: 20px;
    }

    .entry-text h2 {
        background-image: linear-gradient(to right, #408cff, #4add95, #30dd8a, #2bb673);
        box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
        color: white;
        padding: 10px;
        border-radius: 7px;
    }

    .custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
    }
&lt;/style&gt;

  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
          Elevating Business Horizons: A Cutting-Edge Expedition into the World
          of Digital Marketing Mastery&lt;/span
        &gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;
   &lt;div style="text-align: center;"&gt;
  &lt;img
    alt="Elevating Business Horizons: A Cutting-Edge Expedition into the World of Digita Marketing"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1GKeRFY-kKOe8WbihK4Y-ORrvF1tQyPH6PcAmuGfH8jmLmv85lfkQyWOGb63A0pelGfcArQLMllBZLD1e3w4cXEVRkswGocerqenIaglmOas0XQrLQRf7KpOVGVz78CiCfqAAK_IokFM9iBqtPMM5rILN8CKo8il466wCSZMVvSTX0fqftlSboXh0Ys/s1200-rw/Digital%20marketing.webp"
    loading="lazy"
    style="height: auto; max-width: 100%;"
  /&gt;
&lt;/div&gt;

    &lt;br /&gt;
    &lt;p&gt;
      In a digital landscape where change is the only constant, traditional
      marketing methods have given way to an era of unparalleled transformation.
      Join us on a riveting exploration of the cutting-edge realm of digital
      marketing mastery, where businesses unlock the true potential of
      connecting with their audience in unprecedented ways.
    &lt;/p&gt;
    &lt;br /&gt;
    &lt;p&gt;
      Picture this: a world where every click, every interaction, is a
      brushstroke on the canvas of your brand's digital presence. This is the
      essence of digital marketing – a dynamic force propelling businesses into
      the forefront of the digital age. As we embark on this journey, we unravel
      the mysteries of digital marketing and uncover how it can redefine the way
      you engage with your audience.
    &lt;/p&gt;
    &lt;section&gt;
      &lt;h2&gt;What is Digital Marketing?&lt;/h2&gt;
      &lt;p&gt;
        Simply put, digital marketing is the art of promoting a company or its
        products online. Whether it's influencers boosting their personal brand
        or companies peddling physical, service-oriented, or digital products
        like e-books, as long as you're promoting something online, you're in
        the realm of digital marketing.
      &lt;/p&gt;
    &lt;/section&gt;
    &lt;section&gt;
      &lt;h2&gt;Who Needs Digital Marketing Anyway?&lt;/h2&gt;
      &lt;p&gt;
        You might ask, who needs digital marketing? The answer is clear:
        everyone. Whether you're a local business or a global corporation,
        digital marketing is not just a choice; it's a necessity. It's the key
        to staying relevant and competitive in today's fast-paced digital
        landscape.
      &lt;/p&gt;
      &lt;h2&gt;Why Is Digital Marketing Important?&lt;/h2&gt;
      &lt;p&gt;
        In the ever-evolving landscape of business, digital marketing has become
        not just a choice but a strategic necessity. Here's why it stands as a
        linchpin in the success of modern businesses:
      &lt;/p&gt;
      &lt;ol&gt;
        &lt;li&gt;
          &lt;b&gt;Wide Reach:&lt;/b&gt; The Internet, a global network devoid of
          geographical constraints, serves as the stage for digital marketing.
          This platform allows your business to cast a wide net, reaching a vast
          and diverse audience that transcends physical boundaries.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Targeted Advertising:&lt;/b&gt; Precision is the essence of digital
          marketing. Tailor your advertisements with surgical precision, honing
          in on your ideal customers based on demographics, interests, online
          behavior, and even specific keywords they use. It's the epitome of
          reaching the right audience with the right message.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Measurable Results:&lt;/b&gt; In the realm of digital marketing,
          quantifiable success is not a myth but a reality. Unlike traditional
          marketing, digital campaigns provide measurable and trackable results.
          Dive into real-time analytics, allowing for swift adjustments and
          optimization of your strategies based on performance.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Cost-Effective:&lt;/b&gt; Digital marketing often demands a smaller
          budget compared to traditional methods like TV or print ads. This
          cost-efficiency democratizes the playing field, making it accessible
          to businesses of all sizes, from startups to established corporations.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Real-Time Engagement:&lt;/b&gt; In the digital sphere, engagement is not
          just a buzzword; it's a real-time interaction. Respond to inquiries,
          address concerns, and build relationships with your audience
          instantly. This direct communication fosters trust and loyalty,
          solidifying your brand's presence in the minds of consumers.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Data-Driven Decision-Making:&lt;/b&gt; Digital marketing is not just
          about promotions; it's about generating a wealth of data. Gain
          profound insights into customer behavior, preferences, and trends.
          Armed with this information, make informed decisions that steer your
          strategy towards success.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Scalability:&lt;/b&gt; Digital marketing is not a one-size-fits-all
          endeavor. Whether you're a budding startup or a multinational
          powerhouse, its scalability allows you to tailor your efforts to meet
          your current needs. Start small, test the waters, and gradually expand
          your digital footprint as your business grows.
        &lt;/li&gt;
      &lt;/ol&gt;
      &lt;p&gt;
        In essence, digital marketing is not merely a tool; it's the dynamic
        force propelling businesses towards success in the digital age. Embrace
        it, and watch your brand transcend boundaries and thrive in the
        interconnected world of the internet.
      &lt;/p&gt;
    &lt;/section&gt;
    &lt;section&gt;
      &lt;h2&gt;Navigating the Digital Landscape: Understanding Digital Marketing&lt;/h2&gt;
      &lt;p&gt;
        The Evolution from Traditional to Digital Marketing: Explore the
        revolutionary shift that has made digital marketing the cornerstone of
        business success in today's dynamic environment.
      &lt;/p&gt;
      &lt;h2&gt;Unveiling the Basics : Key Components of Digital Marketing&lt;/h2&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="Website advertisement email social media network, SEO, SEM video and mobile application icons in virtual screen."
             class="lazyload"
    data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBNsar_wmeTUIm4fFRlpocy9t5-3QywNLzFp8vrM2ZAY6jZJSHjR755FTCOmh7d6E1j01wno_TDV-8hIqiSI8TrSNEh2AqM3m9Elvl3po0GEJFy9ytcnrZmDRlB0Evbadg-lIV2mLM2cEdeJyhymSz1up4ktYnThBiUnkubWYtDDm4zHpp4SPQtqS4YX4/s1200-rw/Digital%20marketing1.webp"
             loading="lazy"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
            &lt;br /&gt;
      &lt;ol&gt;
        &lt;li&gt;
          &lt;b&gt;Search Engine Optimization (SEO):&lt;/b&gt; This involves the art of
          enhancing a website's visibility in search engine results,
          strategically positioning it to attract organic (non-paid) traffic.
          Think of it as the compass guiding users to your digital doorstep.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Social Media Marketing:&lt;/b&gt; Imagine building a brand persona that
          resonates across the virtual landscape. Social media platforms like
          Facebook, Instagram, Twitter, and LinkedIn serve as canvases for
          cultivating a brand presence. Through engaging content, businesses
          forge connections with their audience in real-time, fostering a sense
          of community.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Email Marketing:&lt;/b&gt; Picture a direct line of communication to your
          audience's inbox—a personalized avenue for delivering messages and
          promotions. Email marketing is the art of crafting compelling
          campaigns that resonate with subscribers, creating a direct and
          impactful channel for brand communication.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Content Marketing: &lt;/b&gt; In the vast digital expanse, content is
          king. The creation and distribution of valuable, relevant content
          serve as the cornerstone of content marketing. This strategy aims not
          only to attract but also to retain a clearly defined audience. It's
          about delivering substance that speaks directly to the hearts and
          minds of your audience.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Pay-Per-Click (PPC) Advertising: &lt;/b&gt; Sometimes, a strategic push
          is needed to expedite results. Enter PPC advertising, where businesses
          run paid advertisements on platforms like Google Ads and Bing Ads.
          This targeted approach ensures that the right audience sees your
          message, driving traffic and conversions with precision.
        &lt;/li&gt;
      &lt;/ol&gt;
    &lt;/section&gt;
    &lt;section&gt;
      &lt;h2&gt;Getting Started with Digital Marketing: A Roadmap for Success&lt;/h2&gt;
      &lt;ol&gt;
        &lt;li&gt;
          &lt;b&gt;Define Your Goals:&lt;/b&gt; The first step in your digital odyssey is to
          set clear objectives. Define what you aim to achieve—whether it's
          boosting brand awareness, generating leads, or propelling sales
          growth. Having a well-defined destination is crucial for charting your
          course.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Understand Your Audience:&lt;/b&gt; In the digital landscape,
          understanding your audience is akin to having a reliable compass.
          Create detailed buyer personas to delve deep into your target
          audience's demographics, interests, and pain points. This insight is
          the wind in your sails, guiding your efforts in the right direction.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Choose the Right Channels:&lt;/b&gt; The digital sea is vast, with
          numerous channels beckoning. Choose wisely. Select the digital
          marketing channels that not only align with your goals but also
          resonate with your audience. Whether it's the waves of social media,
          the currents of SEO, or the winds of email marketing, tailor your
          approach to your unique journey.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Create Compelling Content:&lt;/b&gt; In the digital realm, content is not
          just king; it's the anchor that grounds your strategy. Develop
          high-quality, relevant content that adds value to your audience and
          supports your goals. Your content is the narrative that captivates,
          engages, and propels your audience forward in their digital voyage.
        &lt;/li&gt;
        &lt;li&gt;
          &lt;b&gt;Analyse and Optimize:&lt;/b&gt; As you navigate through the digital
          currents, regular course correction is key. Embrace the power of
          analysis. Evaluate the effectiveness of your online marketing
          initiatives in real time. Armed with data, optimize your strategies to
          maximize results. It's the compass that ensures you stay on course and
          reach your destination efficiently.
        &lt;/li&gt;
      &lt;/ol&gt;
    &lt;/section&gt;
    &lt;section&gt;
      &lt;h2&gt;
        Advanced Strategies in Digital Marketing: Unveiling the Masterclass
      &lt;/h2&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="Advanced Strategies in Digital Marketing: Unveiling the Masterclass"
          class="lazyload"
    data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE3ejf4oObCHJBsbd3-MGOGvs98MfM3qXvMK_VwD3h-DDkDezMuHUFT1m8Mn2SNY_wJfKsg69tGYxMQXMg5G6iExnLBYsHsqdx6nnj9U8E-02K01fJksDLokzTTgxIHdCTbn5VopEv2ooO1SwKAdd7hygORfT1yjmVcA1XExIj77I9XMzYS1YmkZ26K5U/s1200-rw/Digital%20marketing2.webp"
        loading="lazy"     
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
      &lt;br /&gt;
      &lt;p&gt;
        Embarking on a comprehensive digital marketing course is like opening
        the door to a treasure trove of knowledge, encompassing not only the
        fundamentals but also advanced strategies that can elevate your prowess
        in the digital realm. Let's delve into the strategies and how to execute
        them, enriched with real-world examples:
      &lt;/p&gt;

      &lt;h3&gt;Advanced SEO Techniques:&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Beyond the basics, delve into advanced SEO
        techniques such as schema markup, voice search optimization, and
        mobile-first indexing.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Implement structured data using schema
        markup to enhance search results. Pay attention to conversational
        keywords while optimizing for voice search. Prioritize mobile
        responsiveness for improved rankings.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; A clothing brand implements schema markup to
        showcase product details directly in search results, enhancing user
        experience.
      &lt;/p&gt;

      &lt;h3&gt;Personalization and Behavioral Targeting:&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Tailor content and advertisements based on
        user behavior and preferences through advanced personalization and
        behavioral targeting.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Utilize data to create personalized content
        for different audience segments. Implement retargeting ads based on user
        interactions.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; An e-commerce platform delivers personalized
        product recommendations based on a user's browsing history, increasing
        the likelihood of conversion.
      &lt;/p&gt;

      &lt;h3&gt;Conversion Rate Optimization (CRO):&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Enhance website and landing page experiences
        to maximize the percentage of visitors converting into customers.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Conduct A/B testing on website elements,
        improve page load times, and optimize call-to-action buttons.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; An e-commerce site increases conversion rates
        by simplifying the checkout process and strategically placing trust
        badges on the website.
      &lt;/p&gt;

      &lt;h3&gt;Masters of Advertising Spending:&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Explore the realm of advertising titans who
        invest heavily to stay at the forefront.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Identify top-spending companies, analyze
        their advertising strategies, and understand how these investments
        contribute to market dominance.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; Company X allocates a significant budget to
        high-impact TV and online campaigns, consistently reinforcing brand
        presence and attracting a massive audience, leading to increased market
        share.
      &lt;/p&gt;

      &lt;h3&gt;Diving into the Most Advertised Products:&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Satiate your curiosity about products
        dominating airwaves and digital spaces.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Explore the most advertised products,
        understanding how these brands capture attention and create lasting
        impressions.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; Tech gadgets like smartphones often dominate
        advertising spaces, emphasizing features and creating buzz through
        captivating commercials and online promotions.
      &lt;/p&gt;

      &lt;h3&gt;Exploring Popular Advertising Websites in the Digital Era:&lt;/h3&gt;
      &lt;p&gt;
        &lt;strong&gt;Strategy:&lt;/strong&gt; Navigate the digital age's advertising
        landscape and discover new virtual homes for businesses.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Execution:&lt;/strong&gt; Explore the most popular advertising
        websites, witnessing how businesses showcase offerings to a vast online
        audience.
      &lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;Example:&lt;/strong&gt; Platforms like Google Ads and Facebook Ads
        serve as virtual billboards, attracting attention and driving engagement
        through targeted advertising and sponsored content.
      &lt;/p&gt;

      &lt;p&gt;
        In embracing these advanced digital marketing strategies, you transform
        from a practitioner into a maestro. Learn, apply, and witness the impact
        as your digital marketing efforts reach new heights, resonating with
        your audience and achieving unparalleled success in the online arena.
      &lt;/p&gt;
    &lt;/section&gt;
    &lt;h2&gt;Conclusion: Navigating the Digital Horizon&lt;/h2&gt;
    &lt;p&gt;
      In conclusion, Digital marketing represents a fundamental shift in the way
      businesses communicate with their audience, not merely a fad. From
      understanding the basics to crafting intricate strategies, this guide has
      equipped you with the knowledge to thrive in the digital landscape.
    &lt;/p&gt;

    &lt;!--Add the rest of your content here--&gt;

    &lt;h2&gt;FAQs: Answering Your Digital Marketing Queries&lt;/h2&gt;
    &lt;dl&gt;
      &lt;dt&gt;
        Q1: What are the key elements of a successful digital marketing
        strategy?
      &lt;/dt&gt;
      &lt;dd&gt;
        A successful digital marketing strategy includes defining clear goals,
        identifying your target audience, utilizing various channels, and
        consistently analyzing and optimizing your efforts.
      &lt;/dd&gt;

      &lt;dt&gt;Q2:Is social media marketing essential for all businesses?&lt;/dt&gt;
      &lt;dd&gt;
        Yes, social media marketing is crucial for almost all businesses in
        today's digital age. It provides a platform for direct engagement with
        your audience and helps build brand awareness.
      &lt;/dd&gt;

      &lt;dt&gt;
        Q3: How long does it take to learn digital marketing for beginners?
      &lt;/dt&gt;
      &lt;dd&gt;
        &lt;p&gt;
          The duration required to learn digital marketing for beginners can
          vary based on several factors, including individual commitment, prior
          knowledge, and the depth of understanding one aims to achieve. Here
          are some general considerations:
        &lt;/p&gt;

        &lt;ul&gt;
          &lt;li&gt;
            &lt;strong&gt;Basic Understanding (1-2 Months):&lt;/strong&gt; If you're
            starting from scratch and aiming for a fundamental understanding,
            dedicating 1 to 2 months to grasp the basic concepts of digital
            marketing, including its various channels and strategies, can be a
            good starting point.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Focused Learning (3-6 Months):&lt;/strong&gt; For a more in-depth
            understanding and practical skills, consider spending 3 to 6 months
            on focused learning. This involves delving into specific areas such
            as SEO, social media marketing, content creation, and analytics.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Hands-On Experience (6-12 Months):&lt;/strong&gt; To truly master
            digital marketing, it's essential to gain hands-on experience.
            Working on real projects, experimenting with different strategies,
            and analyzing the results can take an additional 6 to 12 months or
            more.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Continuous Learning (Ongoing):&lt;/strong&gt; Digital marketing is
            a dynamic field, with constant updates and evolving trends.
            Continuous learning and staying updated with industry changes are
            crucial for long-term success. Consider allocating time for ongoing
            learning and professional development.
          &lt;/li&gt;
        &lt;/ul&gt;

        &lt;p&gt;&lt;strong&gt;Tips for Efficient Learning:&lt;/strong&gt;&lt;/p&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;strong&gt;Online Courses:&lt;/strong&gt; Enroll in reputable online courses
            or certification programs. Platforms like Google Digital Garage,
            HubSpot Academy, and Coursera offer valuable digital marketing
            courses.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Practical Application:&lt;/strong&gt; Apply your knowledge by
            working on personal or small projects. This hands-on experience is
            invaluable.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Networking:&lt;/strong&gt; Connect with professionals in the
            field, attend webinars, and participate in digital marketing
            communities to stay informed and seek advice.
          &lt;/li&gt;

          &lt;li&gt;
            &lt;strong&gt;Stay Updated:&lt;/strong&gt; Subscribe to industry blogs, follow
            influential figures on social media, and engage with the latest
            trends and updates.
          &lt;/li&gt;
        &lt;/ul&gt;

        &lt;p&gt;
          Remember that the learning process is ongoing, and practical
          experience is often as important as theoretical knowledge in the
          dynamic field of digital marketing.
        &lt;/p&gt;
      &lt;/dd&gt;
    &lt;/dl&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/digital-marketing.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1GKeRFY-kKOe8WbihK4Y-ORrvF1tQyPH6PcAmuGfH8jmLmv85lfkQyWOGb63A0pelGfcArQLMllBZLD1e3w4cXEVRkswGocerqenIaglmOas0XQrLQRf7KpOVGVz78CiCfqAAK_IokFM9iBqtPMM5rILN8CKo8il466wCSZMVvSTX0fqftlSboXh0Ys/s72-c-rw/Digital%20marketing.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-5963424627825397276</guid><pubDate>Sat, 23 Dec 2023 21:01:00 +0000</pubDate><atom:updated>2024-01-05T14:35:05.775-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Affiliate Marketing</category><title>Pinterest Affiliate Marketing: Unlocking 2023's Money-Making Secrets</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Unlock the secrets of Pinterest Affiliate Marketing in 2023. Learn how to make money, join affiliate programs, and avoid common pitfalls."
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/pinterest-affiliate-marketing.html"
    /&gt;
    &lt;title&gt;
      Pinterest Affiliate Marketing: Unlocking 2023's Money-Making Secrets
    &lt;/title&gt;
&lt;style amp-custom&gt;
      .custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
    }
&lt;/style&gt;
    
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
          Pinterest Affiliate Marketing: Unlocking 2023's Money-Making
          Secrets&lt;/span
        &gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Affiliate Marketing Pinterest"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlCJ_GR06wQBkHEilnyfPPUu_0KnDTk_rCezmZu2gnuEiMb95T29xqUS4OLoJSOgnI5ibmMoSGdOWOYwW3vz9j_HOcLYH7P6tFP7C8GcCmn3t3FOywIbIFNuCG4mbis-w1H5KBZ6qboM_Kki89go2Gu3jT-sJp1RUMPur-Szt7oi4uFkTZxEzNDb4Hvrc/s1220-rw/pinterest-affiliate-marketing.webp"
           loading="lazy"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
    &lt;p&gt;
      Are you ready to dive into the world of Pinterest affiliate marketing and
      turn your pins into profit? In this guide, we'll walk you through the
      steps to harness the power of Pinterest for affiliate marketing, providing
      you with actionable tips to make 2023 your most lucrative year yet.
    &lt;/p&gt;

    &lt;h2&gt;Understanding Pinterest's Potential&lt;/h2&gt;

    &lt;p&gt;
      Pinterest, a social media haven for creativity, enables users to curate
      and share visually stunning content on virtual bulletin boards. Businesses
      have caught on to its popularity and are tapping into the platform's
      expansive reach through affiliate marketing.
    &lt;/p&gt;

    &lt;p&gt;
      Affiliate marketing, a symbiotic relationship between businesses and
      individuals or companies known as affiliates, involves earning commissions
      for promoting products and driving sales. Pinterest's visual nature makes
      it an ideal canvas for showcasing products and expanding outreach.
    &lt;/p&gt;

    &lt;p&gt;
      Consider a fashion brand utilizing Pinterest to spotlight its latest
      collections, collaborating with affiliates to boost visibility and drive
      sales.
    &lt;/p&gt;

    &lt;p&gt;
      As a Blogger or Content Creator, you can craft visually captivating pins
      related to products or services, embedding your affiliate links.
      Alternatively, redirecting traffic to your website becomes a strategic
      move to elevate your affiliate sales.
    &lt;/p&gt;

    &lt;p&gt;
      In essence, Pinterest affiliate marketing offers a potent avenue for
      businesses and individuals to enhance sales, elevate brand visibility, and
      provide affiliates with a revenue stream promoting products they genuinely
      believe in.
    &lt;/p&gt;

    &lt;h2&gt;How to Get Started with Affiliate Marketing on Pinterest&lt;/h2&gt;

    &lt;p&gt;&lt;strong&gt;A. Creating a Pinterest Account&lt;/strong&gt;&lt;/p&gt;

    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong&gt;Visit the Pinterest website:&lt;/strong&gt; Head to the
        &lt;a href="https://www.pinterest.ca/" rel="nofollow" target="_blank"
          &gt;Pinterest website&lt;/a
        &gt;
        to initiate the account creation process.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Sign up:&lt;/strong&gt; Click the "Sign up" button at the top right
        corner, opting for email, Facebook, or Google for a seamless signup.
      &lt;/li&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="Sign Up Pinterest"
           class="lazyload"
    data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTmmPoNmiin6O4ryBi8mlqjGmK1ppXDY-LXAODbYTsgu2uiczTStDh5rAihkSug9CcNi77hmerHYybXXC9UJsnw5neVFl9Y4QcZ9tOLJWzU7Ubkrcp4QLOIEDl4_lAB2p7aqnnxY-yYSUgO5lRrMOkNGQ0qRw7MEsrPShiCNL_wD7QZ0B4j7qli9qSrcc/s1220-rw/sign-up-pinterest.webp"
             loading="lazy"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
      &lt;li&gt;
        &lt;strong&gt;Choose username and password:&lt;/strong&gt; Select a username and
        password, defining your profile's identity.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Complete your profile:&lt;/strong&gt; Add a profile picture, craft a
        bio, and furnish relevant information to share with the Pinterest
        community.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Start using Pinterest:&lt;/strong&gt; Dive into the Pinterest
        universe, exploring content, creating boards, and pinning items to your
        boards.
      &lt;/li&gt;
    &lt;/ol&gt;

    &lt;p&gt;
      &lt;strong&gt;Pro Tip:&lt;/strong&gt; If starting fresh, consider creating a Business
      account directly.
    &lt;/p&gt;
    &lt;!--Continued HTML content--&gt;

    &lt;h2&gt;B. Create a Business Account&lt;/h2&gt;

    &lt;p&gt;
      Once your personal account is in place, elevate your experience by
      creating a Business account. This grants access to analytics and pin
      promotion features.
    &lt;/p&gt;

    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong&gt;Visit the Pinterest Business page:&lt;/strong&gt; Head to
        &lt;a href="https://business.pinterest.com" rel="nofollow" target="_blank"
          &gt;business.pinterest.com&lt;/a
        &gt;.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Join as a business:&lt;/strong&gt; Click on "Join as a business" and
        follow the prompts to link your business information and website to your
        Pinterest account.
      &lt;/li&gt;
    &lt;/ol&gt;

    &lt;h2&gt;C. Grasp Pinterest's Algorithm&lt;/h2&gt;

    &lt;p&gt;
      Understanding Pinterest's smart feed algorithm is key. It tailors content
      based on user interests and engagement history. Optimize your content with
      high-quality, visually appealing pins, clear descriptions, and relevant
      keywords. Engage with others by commenting and following, ensuring your
      content aligns with the algorithm's preferences.
    &lt;/p&gt;

    &lt;h2&gt;D. Create Boards and Pins&lt;/h2&gt;

    &lt;p&gt;
      Armed with a business account and algorithm insights, delve into creating
      boards and pins. Organize boards around specific topics, ensuring each has
      a clear theme. Craft pins using high-quality images, clear descriptions,
      and relevant keywords to enhance discoverability. Vertical format images
      with a 2:3 aspect ratio perform well, while video content adds dynamism to
      your Pinterest strategy.
    &lt;/p&gt;

    &lt;h2&gt;E. Join Affiliate Programs&lt;/h2&gt;

    &lt;p&gt;
      To monetize your Pinterest efforts, join relevant affiliate programs.
      Research options aligning with your niche and audience. Consider product
      relevance, commission rates, and any program-specific requirements.
    &lt;/p&gt;

    &lt;p&gt;
      &lt;strong&gt;Pro Tip:&lt;/strong&gt; Ensure affiliate products align with your boards
      and content.
    &lt;/p&gt;

    &lt;h2&gt;Best Practices for Pinterest Affiliate Marketing&lt;/h2&gt;

    &lt;ol&gt;
      &lt;li&gt;&lt;strong&gt;1. Create Visually Appealing Pins&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Pinterest thrives on visuals, so craft eye-catching pins with
        high-quality images and graphics. Showcase products in use or in
        appealing settings to capture attention.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;2. Use Keywords Strategically&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Harness Pinterest's keyword-driven discovery by strategically
        incorporating relevant keywords in pin and board descriptions. Align
        your content with user search habits to enhance visibility.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;3. Organize Boards Around Specific Topics&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Facilitate content discovery and engagement by organizing boards around
        specific niches or topics. Each board should have a clear theme, aiding
        users in finding content that resonates with their interests.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;4. Engage With Other Users&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Boost visibility by engaging with other users. Follow those relevant to
        your niche, comment, like, and repin their content. Joining group boards
        expands your reach and connects you with like-minded individuals.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;5. Disclose Affiliate Links&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Maintain transparency by disclosing affiliate links in pin descriptions.
        Include a statement like "This post contains affiliate links" to build
        trust with your followers.
      &lt;/p&gt;
    &lt;/ol&gt;
    &lt;!--Continued HTML content--&gt;

    &lt;h2&gt;Monetizing Your Pinterest Efforts&lt;/h2&gt;

    &lt;ol&gt;
      &lt;li&gt;&lt;strong&gt;1. Join Affiliate Programs&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Leverage affiliate programs to earn commissions through product
        promotions. Explore popular options like Amazon Associates, ShareASale,
        and Commission Junction. Direct users to your unique affiliate link to
        track sales.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;2. Promote Your Products or Services&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        If you have your own products or services, create high-quality pins to
        showcase them. Include links to your website or sales page, offering a
        direct pathway for users to make purchases.
      &lt;/p&gt;
      &lt;p&gt;
        Example: If you offer handcrafted jewelry, for instance, you may design
        pins that showcase your pieces and provide a link to your website so
        customers may buy what you're selling.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;3. Collaborate With Brands&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Explore collaborations with brands for sponsored content or product
        promotion. Reach out to brands directly or sign up for influencer
        marketing platforms to access brand partnerships.
      &lt;/p&gt;
      &lt;p&gt;
        There are two ways to locate brand collaborations: either you join
        influencer marketing networks like AspireIQ or Upfluence, or you
        approach them directly and offer your talents.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;4. Offer Services&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        If you possess skills like graphic design or social media management,
        advertise your services through pins. Include links to your website or
        contact information for potential clients to reach out.
      &lt;/p&gt;
      &lt;p&gt;
        Example: If you're a graphic designer, for instance, you might make pins
        promoting your services and include a link to your contact page or
        portfolio.
      &lt;/p&gt;
    &lt;/ol&gt;

    &lt;h2&gt;Avoiding Common Pitfalls&lt;/h2&gt;

    &lt;ol&gt;
      &lt;li&gt;&lt;strong&gt;1. Violating Pinterest's Guidelines&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Respect Pinterest's guidelines on spam, intellectual property, and
        content quality. Uphold high standards to avoid account suspension or
        termination.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;2. Over-Promoting Affiliate Products&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Maintain a balance in your content to avoid over-promotion. Provide
        diverse value to your followers beyond product endorsements.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;3. Not Disclosing Affiliate Links&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Build trust by consistently disclosing affiliate links in pin
        descriptions. Be transparent about your affiliate marketing practices.
      &lt;/p&gt;

      &lt;li&gt;&lt;strong&gt;4. Focusing Solely on Affiliate Marketing&lt;/strong&gt;&lt;/li&gt;
      &lt;p&gt;
        Diversify your content to prevent follower disengagement. Combine
        affiliate marketing with content promoting your products, brand
        collaborations, and helpful tips.
      &lt;/p&gt;
    &lt;/ol&gt;

    &lt;h2&gt;Conclusion&lt;/h2&gt;

    &lt;p&gt;
      In conclusion, Pinterest will serve as a dynamic platform for affiliate
      marketing success in 2023. By following these steps, you can transform
      your Pinterest account into a lucrative venture, earning money through
      affiliate marketing, promoting your products or services, collaborating
      with brands, or offering your skills to fellow users.
    &lt;/p&gt;

    &lt;p&gt;
      Remember to adhere to Pinterest's guidelines, maintain a variety of
      content, and stay transparent with your audience. With the right approach,
      2023 could be the year your Pinterest pins become a powerful source of
      income.
    &lt;/p&gt;

    &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;

    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong
          &gt;Q1: Can I use Pinterest for affiliate marketing without a business
          account?&lt;/strong
        &gt;
      &lt;/li&gt;
      &lt;p&gt;
        A1: While it's possible, a business account unlocks additional features
        like analytics and pin promotion, enhancing your affiliate marketing
        strategy.
      &lt;/p&gt;

      &lt;li&gt;
        &lt;strong
          &gt;Q2: How often should I post affiliate content on Pinterest?&lt;/strong
        &gt;
      &lt;/li&gt;
      &lt;p&gt;
        A2: Strike a balance between promoting affiliate products and offering
        diverse content to maintain follower engagement. Quality over quantity
        is key.
      &lt;/p&gt;

      &lt;li&gt;
        &lt;strong
          &gt;Q3: Are there specific industries that excel in Pinterest affiliate
          marketing?&lt;/strong
        &gt;
      &lt;/li&gt;
      &lt;p&gt;
        A3: Pinterest caters to various niches. The key is aligning your content
        with user interests, ensuring relevance to your chosen affiliate
        products.
      &lt;/p&gt;

      &lt;li&gt;
        &lt;strong
          &gt;Q4: Can I use Pinterest for affiliate marketing if I don't have my
          own products?&lt;/strong
        &gt;
      &lt;/li&gt;
      &lt;p&gt;
        A4: Absolutely. By advertising the products of other companies, you can
        earn commissions through affiliate marketing. Focus on products relevant
        to your niche and audience.
      &lt;/p&gt;
    &lt;/ol&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/pinterest-affiliate-marketing.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlCJ_GR06wQBkHEilnyfPPUu_0KnDTk_rCezmZu2gnuEiMb95T29xqUS4OLoJSOgnI5ibmMoSGdOWOYwW3vz9j_HOcLYH7P6tFP7C8GcCmn3t3FOywIbIFNuCG4mbis-w1H5KBZ6qboM_Kki89go2Gu3jT-sJp1RUMPur-Szt7oi4uFkTZxEzNDb4Hvrc/s72-c-rw/pinterest-affiliate-marketing.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-5084210071288637290</guid><pubDate>Sat, 23 Dec 2023 01:58:00 +0000</pubDate><atom:updated>2023-12-30T14:41:29.076-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Affiliate Marketing</category><title>A Guide to Profiting with Affiliate Links from Amazon, Flipkart, Myntra, and Others</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Learn how to make money through affiliate links from popular online portals like Amazon, Flipkart, Myntra, and more. Affiliate Marketing"
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/earn-money-affiliate.html"
    /&gt;
    &lt;title&gt;
      A Guide to Profiting with Affiliate Links from Amazon, Flipkart, Myntra,
      and Others
    &lt;/title&gt;

    &lt;style amp-custom&gt;
       h1.custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
      }
                           article blockquote, article .commentContent i[rel="quote"] {
                             position: relative;
                             font-size: .97rem;
                             color: var(--body-color);
                             line-height: 1.7em;
                             margin-left: 0;
                             margin-right: 0;
                             padding: 30px 25px;
                             border-left: 3px solid #ff5722;
                             background: aliceblue;
                         }
                         article .affiliate-box {
                       position: relative;
                       padding: 20px 30px 20px 50px;
                       background-color: #e1f5fe;
                       color: #01579b;
                       font-size: 1rem;
                       font-family: var(--font-body);
                       line-height: 1.62em;
                       border-radius: 2px;
                     }
                    article .affiliate-box1 {
                       position: relative;
                       padding: 20px 30px 20px 50px;
                       background-color: #bdf0af;
                       color: #9b1301;
                       font-size: 1rem;
                       font-family: var(--font-body);
                       line-height: 1.62em;
                       border-radius: 2px;
                     }

                     @media screen and (max-width: 640px) {
                       article .affiliate-box,affiliate-box1 {
                         width: calc(100% + 40px);
                         left: -20px;
                         font-size: 1rem;
                         border-radius: 0;
                       }

              ol {
                                     list-style-type: decimal;
                                     margin-bottom: 20px;
                                 }

                                 li {
                                     margin-bottom: 10px;
                                 }

                                 h2 {
                                     color: #01579b;
                                     margin-top: 30px;
                                 }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
          A Guide to Profiting with Affiliate Links from Amazon, Flipkart,
          Myntra, and Others
        &lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Affiliate Marketing Websites"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycH-dWrmQm8tCrubqb4erio97qHP3z0tGxexPXLD4jlTw7Khw58_BiBoAwONcqQraZS6ZBCPvhQWgQzyfnGJUI96mVsXXltT9XudzTV1gkPXCd3ptZs-2CpbVaYv4SkUIi1fdM8P-hMxYRwyBVoyoI8sTVJ0TVl7JUZffiMhrs572kBiWeJRg_2kDSZM/s1220-rw/affiliate-marketing-websites.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;p&gt;
      &lt;b
        &gt;&lt;span style="color: #2b00fe;"&gt;
          Ever wondered how you could make money online without spending a
          dime?&lt;/span
        &gt;&lt;/b
      &gt;&amp;nbsp;
    &lt;/p&gt;
    &lt;p&gt;
      Welcome to the world of affiliate marketing – a game-changer in the
      digital landscape. In this guide, I'll share the secrets to turning the
      tide in your favor by reselling products from major online portals like
      Amazon, Flipkart, and Myntra.
    &lt;/p&gt;

    &lt;h2&gt;The Lowdown on Affiliate Marketing&lt;/h2&gt;

    &lt;p&gt;
      Picture this – you don't need to shell out any money; all you need are
      some persuasive skills. It's about convincing people to make purchases
      through your affiliate links. A simple YouTube product review could be
      your ticket to a commission.
    &lt;/p&gt;

    &lt;p&gt;
      For instance, imagine you're reviewing the latest mobile phone on YouTube.
      In the video description, drop your affiliate link and encourage your
      audience to use it for their purchase. Voila! A wider audience means more
      potential earnings.
    &lt;/p&gt;

    &lt;p&gt;
      If YouTube isn't your turf, fear not. Share your affiliate links with
      friends, and you can still earn commissions for a lifetime. It's that
      easy!
    &lt;/p&gt;

    &lt;h2&gt;Meet Your Affiliate Partners&lt;/h2&gt;
    &lt;blockquote class="affiliate-box"&gt;
      &amp;nbsp;1MG Exclusive, Adda247,Amazon, Amazon Audible, Arata, Beardo, Byjus
      CoolWinks, Dominos, Eduonix, Edureka, Expedia, Ferns N Petals, Flipkart,
      GoDaddy, Gyft, Healthkart, HostGator, Hotels.com, India Jiva, Ayurveda,
      Jockey, Koovs, Lenovo Laptops, Licious, Lifestylestore MTR Foods,
      Mamaearth , Medlife, MyProtein, Myntra, NNNow, OnSiteGo, OnePlus, Redwolf,
      Samsung&amp;nbsp;Shyaway, Soxytoes, Tata CLIQ, Tata Cliq, Smartphones,
      Testbook, The Man Company, The Moms Co, The Souled Store, Times Prime,
      Udemy, Vidyakul, WOW Skin Care, We Make Creators, WooHoo, Zivame, upGrad.
    &lt;/blockquote&gt;
    &lt;div class="affiliate-box1"&gt;
      &lt;h2 style="text-align: center;"&gt;
        &lt;span style="color: #2b00fe;"&gt;
          But wait, there's a game-changer in affiliate marketing. Let me
          introduce you to the best affiliate marketing websites and the cream
          of the crop – a platform with a dedicated application for real
          money-making opportunities.
        &lt;/span&gt;
      &lt;/h2&gt;
    &lt;/div&gt;
    &lt;h3&gt;
      &lt;span style="color: #2b00fe;"
        &gt;First: Best Affiliate Marketing Platforms:&lt;/span
      &gt;
    &lt;/h3&gt;
    &lt;div class="affiliate-box"&gt;
      &lt;li&gt;
        &lt;strong&gt;Amazon Associates:&lt;/strong&gt; Amazon has a vast product range, and
        its affiliate program is widely used due to its trustworthiness and the
        ability to promote a diverse array of products.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;ShareASale:&lt;/strong&gt; known for its large network of advertisers,
        ShareASale covers various niches, making it suitable for affiliates with
        different interests.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;ClickBank: &lt;/strong&gt; Particularly popular in the digital
        products space, ClickBank offers a wide range of products, including
        e-books, courses, and software.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;CJ Affiliate (formerly Commission Junction):&lt;/strong&gt; CJ
        Affiliate has an extensive network of advertisers, providing affiliates
        with a range of products and services to promote.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Rakuten Advertising:&lt;/strong&gt; Rakuten offers a global affiliate
        network and is known for working with well-known brands.
      &lt;/li&gt;
    &lt;/div&gt;
    &lt;h3&gt;
      &lt;span style="color: #2b00fe;"
        &gt;Second: Best Affiliate Marketing Products:&lt;/span
      &gt;
    &lt;/h3&gt;
    &lt;div class="affiliate-box"&gt;
      &lt;li&gt;
        &lt;strong&gt;Electronics and Tech Gadgets:&lt;/strong&gt; Products like
        smartphones, smartwatches, and other gadgets often have high demand.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Health and Wellness Products: &lt;/strong&gt; Dietary supplements,
        fitness equipment, and health-related products are popular in affiliate
        marketing.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Fashion and Beauty Products:&lt;/strong&gt; Clothing, accessories, and
        beauty products can be lucrative, especially when targeting
        fashion-conscious audiences.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Digital Products: &lt;/strong&gt; E-books, online courses, and
        software are popular choices due to their digital nature and often
        higher commission rates.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong&gt;Home and Kitchen Appliances:&lt;/strong&gt; Everyday items such as
        kitchen gadgets, home decor, and appliances can appeal to a broad
        audience.
      &lt;/li&gt;
    &lt;/div&gt;
    &lt;p&gt;
      Remember to choose products and platforms that align with your interests
      and the interests of your target audience. Additionally, always check the
      terms and conditions of affiliate programs and stay updated on industry
      changes.&amp;nbsp;Follow this step-by-step guide:
    &lt;/p&gt;

    &lt;h3&gt;
      &lt;span style="color: #ff00fe;"
        &gt;A Step-by-step Guide to Using Affiliate Marketing Sites:&lt;/span
      &gt;
    &lt;/h3&gt;

    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong&gt;Navigate to the Website:&lt;/strong&gt; Start by opening your
        preferred web browser and entering the URL of the affiliate marketing
        website in the address bar. If you have a dedicated application, you can
        alternatively download it from the official app store.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Create an Account:&lt;/strong&gt; Upon landing on the website or
        opening the application, locate the "Sign Up" or "Create Account"
        button. Click on it to initiate the account creation process. Fill in
        the required details, such as your email address, username, and
        password.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Verify Your Account:&lt;/strong&gt; After providing the necessary
        information, you may need to verify your email address. Check your email
        inbox for a verification link or code and follow the instructions to
        complete the verification process.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Explore Affiliate Partners:&lt;/strong&gt; Once your account is
        verified, log in to the platform. Navigate to the section that lists
        affiliate partners. This could be a dedicated tab or page showcasing a
        comprehensive list of companies and brands you can partner with.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Select Your Preferred Partners:&lt;/strong&gt; Browse through the list
        of affiliate partners, and select the ones that align with your
        interests or target audience. Click on each partner to explore the
        commission rates, terms, and any specific guidelines they may have.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Generate Affiliate Links:&lt;/strong&gt; After choosing your preferred
        partners, look for an option to generate affiliate links. This could be
        a button that says "Generate Link" or something similar. Clicking on
        this option should provide you with a unique affiliate link for each
        partner.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Customize Your Links (Optional):&lt;/strong&gt; Some platforms allow
        you to customize your affiliate links to make them more appealing or
        trackable. If customization is available, consider adding a relevant tag
        or description to differentiate between various campaigns or channels.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Promote Your Links:&lt;/strong&gt; Armed with your affiliate links,
        it's time to start promoting them. You can share these links through
        various channels such as social media, blogs, or even directly with
        friends and family. The more clicks and purchases made through your
        links, the higher your potential earnings.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Track Your Performance:&lt;/strong&gt; Most affiliate marketing
        platforms provide a dashboard or analytics section where you can track
        the performance of your affiliate links. Monitor clicks, conversions,
        and commissions earned. Use this data to refine your strategies and
        focus on what works best.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;Cash in Your Earnings:&lt;/strong&gt; As your audience makes purchases
        through your affiliate links, you'll start earning commissions.
        Depending on the platform's payment schedule, you can cash in your
        earnings through various payout methods, such as bank transfers or
        digital wallets.
      &lt;/li&gt;
    &lt;/ol&gt;

    &lt;p&gt;
      Following these steps, you can leverage the best affiliate marketing
      website to maximize your earning potential through strategic partnerships
      and effective promotion.
    &lt;/p&gt;

    &lt;h2&gt;&lt;span style="color: #38761d;"&gt;Frequently Asked Questions&lt;/span&gt;&lt;/h2&gt;

    &lt;p class="dotted-paragraph"&gt;
      &lt;b
        &gt;&lt;span style="color: red;"&gt;
          Q1: Can I really earn a commission from my own affiliate link?
        &lt;/span&gt;&lt;/b
      &gt;
    &lt;/p&gt;
    &lt;p class="numbered-paragraph"&gt;
      &lt;span style="color: #2b00fe;"&gt;
        A1: Absolutely! Once you've set up your affiliate link, you can earn
        commissions on your own purchases.
      &lt;/span&gt;
    &lt;/p&gt;

    &lt;p class="dotted-paragraph"&gt;
      &lt;span style="color: red;"
        &gt;&lt;b&gt; Q2: Is creating affiliate links as easy as it sounds? &lt;/b&gt;&lt;/span
      &gt;
    &lt;/p&gt;
    &lt;p class="numbered-paragraph"&gt;
      &lt;span style="color: #2b00fe;"&gt;
        A2: Yes, indeed. You can create affiliate links with just a single click
        with the recommended website.
      &lt;/span&gt;
    &lt;/p&gt;
    &lt;p class="dotted-paragraph"&gt;
      &lt;span style="color: red;"
        &gt;&lt;b&gt; Q3: How to make money with affiliate marketing? &lt;/b&gt;&lt;/span
      &gt;
    &lt;/p&gt;
    &lt;p class="numbered-paragraph"&gt;
      &lt;span style="color: #2b00fe;"&gt;
        A3: Certainly! Affiliate marketing is a popular way to make money online
        by promoting other people's products and earning a commission for each
        sale or action generated through your affiliate link. Here's a
        step-by-step guide on how to make money with affiliate marketing:
      &lt;/span&gt;
    &lt;/p&gt;
    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong&gt;&lt;span style="color: #2b00fe;"&gt;Choose a Niche:&lt;/span&gt;&lt;/strong&gt;
        Choose a market or sector that you are knowledgeable or enthusiastic
        about. You may now more easily produce content and establish a
        connection with your intended audience.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;span style="color: #2b00fe;"
          &gt;&lt;strong&gt;Research Affiliate Programs:&lt;/strong&gt; &lt;/span
        &gt;Look for affiliate programs related to your chosen niche. Many
        companies offer affiliate programs, including Amazon, ClickBank,
        ShareASale, and others. Think about the goods or services you want to
        advertise.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;span style="color: #2b00fe;"
          &gt;&lt;strong&gt;Join Affiliate Programs:&lt;/strong&gt; &lt;/span
        &gt;Enroll in the affiliate programs according to your area of expertise.
        Follow their application process, which often involves providing some
        basic information about yourself and how you plan to promote their
        products.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;span style="color: #2b00fe;"&gt;&lt;strong&gt;Build a Platform:&lt;/strong&gt; &lt;/span
        &gt;Create a platform where you can share your affiliate links. A blog,
        YouTube channel, social media profiles, or a mix of these could be used
        for this. The key is to have a space where you can engage with your
        audience and promote products.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Create Quality Content:&lt;/span&gt;&lt;/strong
        &gt;
        Develop valuable and relevant content for your audience. This can
        include blog posts, reviews, tutorials, videos, or social media updates.
        The interests and demands of your target audience should be catered to
        in your content.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Use SEO Techniques:&lt;/span&gt;&lt;/strong
        &gt;
        Make sure your material is search engine optimized (SEO) to draw in
        natural traffic. This involves using relevant keywords, creating
        high-quality content, and optimizing meta tags. Higher visibility on
        search engines can lead to more clicks on your affiliate links.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Build an Email List:&lt;/span&gt;&lt;/strong
        &gt;
        Capture leads by building an email list. Offering a freebie, such as an
        ebook or a course related to your niche, can encourage people to
        subscribe. Email marketing allows you to nurture relationships and
        promote affiliate products directly to your subscribers.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;span style="color: #2b00fe;"
          &gt;&lt;strong&gt;Promote Strategically:&lt;/strong&gt; &lt;/span
        &gt;Be strategic in how you promote affiliate products. Don't just spam
        your audience with links. Instead, integrate affiliate links naturally
        into your content and recommendations. Provide genuine reviews and
        recommendations based on your own experiences.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Use Multiple Platforms:&lt;/span&gt;&lt;/strong
        &gt;
        Diversify your efforts by using multiple platforms. If you have a blog,
        consider promoting affiliate products on social media as well. Using
        many channels can assist you in reaching more people.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Track and Analyze Performance:&lt;/span
          &gt;&lt;/strong
        &gt;
        Use tracking tools provided by affiliate programs or third-party
        analytics tools to monitor the performance of your affiliate links.
        Understand which products and strategies are generating the most
        revenue, and optimize your approach accordingly.
      &lt;/li&gt;
      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Stay Updated and Adapt:&lt;/span&gt;&lt;/strong
        &gt;
        The affiliate marketing landscape is dynamic, so stay informed about
        industry trends and adapt your strategies accordingly. Explore new
        products, test different promotional methods, and always look for ways
        to improve.
      &lt;/li&gt;
    &lt;/ol&gt;
    &lt;p&gt;
      Recall that it takes time and effort to succeed in affiliate marketing.
      Gaining the trust of your audience is essential, and sincere
      recommendations will probably lead to greater long-term success.
    &lt;/p&gt;

    &lt;p class="dotted-paragraph"&gt;
      &lt;span style="color: red;"
        &gt;&lt;b&gt; Q4: How to create an Amazon affiliate account? &lt;/b&gt;&lt;/span
      &gt;
    &lt;/p&gt;
    &lt;p class="numbered-paragraph"&gt;
      &lt;span style="color: #2b00fe;"&gt;
        A4: The process of opening an Amazon Affiliate account is simple. Take
        these actions:
      &lt;/span&gt;
    &lt;/p&gt;
    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Visit the Amazon Affiliate Program website:&lt;/span
          &gt;&lt;/strong
        &gt;
        Go to the Amazon Associates website at
        &lt;a href="https://affiliate-program.amazon.com/" rel="nofollow"
          &gt;https://affiliate-program.amazon.com/.
        &lt;/a&gt;
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"&gt;Sign up for an account:&lt;/span&gt;&lt;/strong
        &gt;
        Click on the "Join Now for Free" button. If you already have an Amazon
        account, you can sign in with your existing credentials. You'll have to
        register for a new Amazon account if not.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Fill out the application:&lt;/span
          &gt;&lt;/strong
        &gt;
        You'll be asked to provide information about your website, app, or other
        platforms where you plan to promote Amazon products. You'll also need to
        provide information about how you plan to drive traffic and monetize
        your content.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Enter your payment information:&lt;/span
          &gt;&lt;/strong
        &gt;
        Amazon will ask you for your payment and tax information. This is
        necessary for you to receive payments for the commissions you earn.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Read and accept the terms and conditions:&lt;/span
          &gt;&lt;/strong
        &gt;
        Examine the program policies and operating agreement for Amazon
        Associates. If you agree with the terms, click on the "Finish" button.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;span style="color: #2b00fe;"&gt;&lt;strong&gt;Wait for approval:&lt;/strong&gt; &lt;/span
        &gt;Amazon will assess your application after you submit it. Usually, it
        takes one to three business days for approval. Once approved, you'll
        receive an email notification.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Set up your affiliate links:&lt;/span
          &gt;&lt;/strong
        &gt;
        Go into your Amazon Associates account after being accepted. You can
        begin constructing affiliate connections for the goods you wish to
        advertise. Simply search for the product within your account and
        generate the affiliate link.
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong
          &gt;&lt;span style="color: #2b00fe;"
            &gt;Integrate affiliate links into your content:&lt;/span
          &gt;&lt;/strong
        &gt;
        Place the generated affiliate links on your website, blog, or other
        platforms where you have an audience. When people click on these links
        and make qualifying purchases on Amazon, you earn a commission.
      &lt;/li&gt;
    &lt;/ol&gt;
    &lt;p&gt;
      Remember to comply with Amazon's Affiliate Program policies to ensure that
      you maintain your affiliate status.
    &lt;/p&gt;

    &lt;h2&gt;&lt;span style="color: #ffa400;"&gt;Conclusion&lt;/span&gt;&lt;/h2&gt;

    &lt;p&gt;
      In conclusion, affiliate marketing opens up a world of possibilities for
      anyone with a knack for persuasion. Whether you choose YouTube or opt for
      a more personal approach with friends, the potential for earning is
      limitless. Embrace the power of affiliate links and watch the cash flow.
    &lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/earn-money-affiliate.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycH-dWrmQm8tCrubqb4erio97qHP3z0tGxexPXLD4jlTw7Khw58_BiBoAwONcqQraZS6ZBCPvhQWgQzyfnGJUI96mVsXXltT9XudzTV1gkPXCd3ptZs-2CpbVaYv4SkUIi1fdM8P-hMxYRwyBVoyoI8sTVJ0TVl7JUZffiMhrs572kBiWeJRg_2kDSZM/s72-c-rw/affiliate-marketing-websites.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-6070625319566504051</guid><pubDate>Thu, 21 Dec 2023 02:03:00 +0000</pubDate><atom:updated>2023-12-30T14:42:49.543-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Affiliate Marketing</category><title>Affiliate Marketing Made Easy: A Beginner's Guide to Getting Started</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ⚡&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Discover the ins and outs of affiliate marketing for beginners in 2023. Learn how to kickstart your journey, choose the right niche, Affiliate Marketi"
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/affiliate-marketing-for-Newbies.html"
    /&gt;
    &lt;title&gt;
      Affiliate Marketing Made Easy: A Beginner's Guide to Getting Started
    &lt;/title&gt;

    &lt;style amp-custom&gt;
      .custom-header {
        background: linear-gradient(to right, #290dbf, #f09);
        border-radius: 0 22px;
        border: 0;
        box-sizing: border-box;
        color: #fff;
        line-height: 1.4;
        list-style: none;
        margin: 0 0 .5em;
        outline: 0;
        padding: 5px 22px;
        text-align: center;
        text-transform: capitalize;
    }
     h2, h3 {
          color: #007bff;
      }

      section {
          margin-bottom: 30px;
      }

      ul {
          list-style-type: disc;
          margin-left: 20px;
      }

      footer {
          text-align: center;
          margin-top: 30px;
      }
    &lt;/style&gt;
    
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt; Affiliate Marketing Made Easy&lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Affiliate Marketing"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFNIJsgzj6KUX0nbgZCYwyVmgLqeWfgHUwzhyyBnGSMxkzkMTUIgsObFbHObnOvPsthiOuO2zoVm3u1SyWYv7pQ_MhqbmV7LzppkqzK_-rWaK2aUSxI8l2bNgj8BAZKQCfzT11b6AZGvCoRxYy6xJf8HqnBOnr-2u4fvRf3vDTQXySOiPexovR_wmfSYE/s1220-rw/affiliate_marketing.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;main&gt;
      &lt;section&gt;
        &lt;p&gt;
          &lt;br /&gt;
          Are you a newbie looking to pocket some extra cash online? Enter
          affiliate marketing—a beginner-friendly avenue to make money by
          promoting products or services and earning commissions on successful
          sales.
        &lt;/p&gt;
        &lt;p&gt;
          This comprehensive guide breaks down the basics of affiliate
          marketing, making it easy for you to understand, kickstart your
          journey, and optimize your success. Let's dive in and unravel the
          world of affiliate marketing together!
        &lt;/p&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;Demystifying Affiliate Marketing&lt;/h2&gt;
        &lt;p&gt;
          Affiliate marketing, a performance-based marketing model, rewards
          affiliates for directing customers to a merchant's products or
          services. Simply put, as an affiliate, you'll showcase products to
          your audience using a unique affiliate link. If someone makes a
          purchase through your link, voila! You earn a commission.
        &lt;/p&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;Varieties of Affiliate Marketing&lt;/h2&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;strong&gt;&lt;span style="color: #2b00fe;"&gt;Pay per Sale:&lt;/span&gt;&lt;/strong&gt;
            The most prevalent type is that you earn a commission for each sale
            made through your affiliate link. Commissions vary but can range
            from a few percent to a whopping 50%.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;span style="color: #2b00fe;"&gt;&lt;strong&gt;Pay per Click:&lt;/strong&gt; &lt;/span
            &gt;Lesser known than pay-per-sale, this model earns you a commission
            for every click on your affiliate link. Rates are generally lower.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;&lt;span style="color: #2b00fe;"&gt;Pay per Lead:&lt;/span&gt;&lt;/strong&gt;
            Earn commissions for generating leads through your affiliate link. A
            lead refers to a potential customer sharing their contact details
            for something valuable, like a free trial or newsletter
            subscription.
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;The Affiliate Marketing Trio: How It Works&lt;/h2&gt;
        &lt;p&gt;
          Affiliate marketing involves three main players: the affiliate, the
          merchant, and the consumer. You, the affiliate, promote the merchant's
          goods, and if a consumer buys through your link, the merchant pays you
          a commission. It's a win-win!
        &lt;/p&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;The Players in Affiliate Marketing&lt;/h2&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;span style="color: #2b00fe;"&gt;&lt;strong&gt;Affiliate:&lt;/strong&gt; &lt;/span&gt;The
            promoter—individual or business—showcases a merchant's products to
            earn commissions.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;&lt;span style="color: #2b00fe;"&gt;Merchant:&lt;/span&gt;&lt;/strong&gt; The
            business providing products or services, partnering with affiliates
            to amplify their reach.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;&lt;span style="color: #2b00fe;"&gt;Consumer:&lt;/span&gt;&lt;/strong&gt; The
            buyer, clicks on an affiliate link and makes a purchase.
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;Embarking on Your Affiliate Marketing Journey&lt;/h2&gt;
        &lt;h3&gt;
          &lt;span style="color: #2b00fe;"&gt;A) Choosing the Right Niche&lt;/span&gt;
        &lt;/h3&gt;
        &lt;p&gt;
          Selecting the right niche is paramount. Identify your target audience,
          understand their interests, and pinpoint the problems you can solve.
          Align your niche with your passions—be it fitness, cooking, or any
          other area with profit potential.
        &lt;/p&gt;

        &lt;h3&gt;
          &lt;span style="color: #2b00fe;"&gt;B) Finding Affiliate Programs&lt;/span&gt;
        &lt;/h3&gt;
        &lt;p&gt;
          Once your niche is set, scout for affiliate programs that match.
          Utilize search engines or affiliate directories like :
        &lt;/p&gt;
        &lt;p&gt;&lt;/p&gt;
        &lt;ul style="text-align: left;"&gt;
          &lt;li&gt;
            &amp;nbsp;&lt;a href="https://www.clickbank.com/" rel="nofollow"
              &gt;ClickBank&lt;/a
            &gt;
          &lt;/li&gt;
          &lt;li&gt;
            &amp;nbsp;&lt;a href="https://www.shareasale.com/info/" rel="nofollow"
              &gt;ShareASale&lt;/a
            &gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="https://www.cj.com/" rel="nofollow"&gt;&amp;nbsp;CJ Affiliate&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="https://impact.com/" rel="nofollow"&gt;Impact&lt;/a&gt;.&lt;/li&gt;
        &lt;/ul&gt;
        &lt;p&gt;&lt;/p&gt;

        &lt;h3&gt;&lt;span style="color: #2b00fe;"&gt;C) Creating a Website&lt;/span&gt;&lt;/h3&gt;
        &lt;p&gt;
          Your online presence is crucial. Choose an easy-to-remember domain
          name, reliable hosting, and a content management system like
          WordPress. Customize your site, introduce yourself on the About page,
          set up a Contact page, and build an email list for future engagement.
        &lt;/p&gt;

        &lt;h3&gt;
          &lt;span style="color: #2b00fe;"
            &gt;D) Creating Content and Promoting Products&lt;/span
          &gt;
        &lt;/h3&gt;
        &lt;p&gt;
          Now, the fun part begins. Craft high-quality, engaging content for
          your audience. Naturally, incorporate affiliate links, avoid
          over-promotion, and use social media, email marketing, or even YouTube
          to drive traffic.
        &lt;/p&gt;

        &lt;h3&gt;
          &lt;span style="color: #2b00fe;"
            &gt;E) Best Practices for Affiliate Marketing&lt;/span
          &gt;
        &lt;/h3&gt;
        &lt;p&gt;
          &lt;span style="color: #800180;"
            &gt;&lt;b&gt;Follow these tips for success:&lt;/b&gt;&lt;/span
          &gt;
        &lt;/p&gt;
        &lt;ul&gt;
          &lt;li&gt;Disclose your affiliate relationships transparently.&lt;/li&gt;
          &lt;li&gt;
            Promote products aligned with your values to maintain credibility.
          &lt;/li&gt;
          &lt;li&gt;Be transparent about incentives received for promotions.&lt;/li&gt;
          &lt;li&gt;Create authentic value for your audience.&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;Where to Promote Affiliate Products&lt;/h2&gt;
        &lt;p&gt;
          Explore various channels &lt;b&gt;like your blog&lt;/b&gt;,
          &lt;b&gt;social media platforms&lt;/b&gt;, &lt;b&gt;email marketing&lt;/b&gt;, &lt;b&gt;YouTube&lt;/b&gt;,
          and &lt;b&gt;online communities&lt;/b&gt;. Be open and honest about your affiliate
          relationship at all times.
        &lt;/p&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;Conclusion&lt;/h2&gt;
        &lt;p&gt;
          Affiliate marketing offers a lucrative entry into online earnings for
          beginners. Armed with knowledge on choosing the right niche, finding
          quality programs, creating engaging content, and following best
          practices, you're poised for success. Dedication and hard work will
          lead you to a profitable affiliate marketing venture and financial
          freedom.
        &lt;/p&gt;
        &lt;p&gt;
          &lt;b
            &gt;&lt;span style="color: #ffa400;"
              &gt;Start your journey today—Affiliate Marketing 2023 awaits!&lt;/span
            &gt;&lt;/b
          &gt;
        &lt;/p&gt;
      &lt;/section&gt;

      &lt;section&gt;
        &lt;h2&gt;&lt;span style="color: #800180;"&gt;Frequently Asked Questions&lt;/span&gt;&lt;/h2&gt;
        &lt;p&gt;
          &lt;span style="color: red;"
            &gt;&lt;strong&gt;Q: What is affiliate marketing?&lt;/strong&gt;&lt;br /&gt;&lt;/span
          &gt;&lt;span style="color: #2b00fe;"
            &gt;A: Affiliate marketing is a performance-based model where
            individuals or businesses earn commissions to promote a merchant's
            products or services and drive sales.
          &lt;/span&gt;
        &lt;/p&gt;

        &lt;p&gt;
          &lt;span style="color: red;"
            &gt;&lt;strong&gt;Q: How do I choose the right niche?&lt;/strong&gt;&lt;br /&gt;&lt;/span
          &gt;&lt;span style="color: #2b00fe;"
            &gt;A: Identify your target audience, understand their interests, and
            align your niche with your passions to ensure sustained interest and
            profitability.
          &lt;/span&gt;
        &lt;/p&gt;

        &lt;p&gt;
          &lt;span style="color: red;"
            &gt;&lt;strong&gt;Q: Where can I promote affiliate products?&lt;/strong
            &gt;&lt;br /&gt;&lt;/span
          &gt;&lt;span style="color: #2b00fe;"
            &gt;A: You can promote affiliate products on your blog, social media,
            through email marketing, YouTube, and in online communities related
            to your niche.
          &lt;/span&gt;
        &lt;/p&gt;

        &lt;p&gt;
          &lt;span style="color: red;"
            &gt;&lt;strong
              &gt;Q: Are there any best practices for affiliate marketing?&lt;/strong
            &gt;&lt;br /&gt;&lt;/span
          &gt;&lt;span style="color: #2b00fe;"
            &gt;A: Yes, some best practices include transparently disclosing
            affiliate relationships, promoting quality products aligned with
            your values, and providing genuine value to your audience.
          &lt;/span&gt;
        &lt;/p&gt;

        &lt;p&gt;
          &lt;span style="color: red;"
            &gt;&lt;strong
              &gt;Q: Can I start affiliate marketing without a website?&lt;/strong
            &gt;&lt;br /&gt;&lt;/span
          &gt;&lt;span style="color: #2b00fe;"
            &gt;A: While having a website is recommended for a more robust online
            presence, some affiliate programs allow promotion through social
            media and other channels without a website.
          &lt;/span&gt;
        &lt;/p&gt;
      &lt;/section&gt;
    &lt;/main&gt;

    &lt;footer&gt;
      &lt;p style="text-align: center;"&gt;
        &lt;span style="color: #ffa400;"
          &gt;© 2023 Affiliate Marketing Guide. All rights reserved.&lt;/span
        &gt;
      &lt;/p&gt;
    &lt;/footer&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/affiliate-marketing-for-Newbies.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFNIJsgzj6KUX0nbgZCYwyVmgLqeWfgHUwzhyyBnGSMxkzkMTUIgsObFbHObnOvPsthiOuO2zoVm3u1SyWYv7pQ_MhqbmV7LzppkqzK_-rWaK2aUSxI8l2bNgj8BAZKQCfzT11b6AZGvCoRxYy6xJf8HqnBOnr-2u4fvRf3vDTQXySOiPexovR_wmfSYE/s72-c-rw/affiliate_marketing.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-817785623369616290</guid><pubDate>Sun, 17 Dec 2023 00:58:00 +0000</pubDate><atom:updated>2023-12-17T09:09:32.182-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Generator for Direct Links to Google Drive</title><description>&lt;link
  href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/gdlinks.css"
  rel="stylesheet"
/&gt;
&lt;div&gt;
  &lt;h1 class="custom-header"&gt;
    &lt;span style="color: white;"&gt;
      Generator for Direct Links to Google Drive
    &lt;/span&gt;
    &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  &lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;
  The Google Drive Direct Download Link Generator tool allows you to generate
  direct links for files stored on Google Drive. These direct links bypass the
  preview page and immediately begin downloading the file.
&lt;/p&gt;

&lt;form class="GD_download"&gt;
  &lt;label&gt;Google Drive Link:&lt;/label&gt;
  &lt;input
    id="drive-link"
    placeholder="https://drive.google.com/file/..."
    type="text"
  /&gt;
  &lt;button id="submit-button" type="button"&gt;Submit&lt;/button&gt;
&lt;/form&gt;
&lt;div id="output"&gt;&lt;/div&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;div class="separator"&gt;
  &lt;div
    style="background: rgb(251, 251, 251); height: auto; margin-left: 1em; margin-right: 1em; width: 100%;"
  &gt;
    &lt;h2
      style="background: rgb(255, 213, 79); color: black; padding: 5px 10px; text-align: center;"
    &gt;
      Guide: Obtaining Your Google Drive Sharing URL
    &lt;/h2&gt;

    &lt;p&gt;1. Begin by uploading the file to Google Drive.&lt;/p&gt;
    &lt;p&gt;2. Now Right click on the file and click on the "get Link" option.&lt;/p&gt;
    &lt;img
      alt="Google drive Share link"
      border="0"
      data-original-height="628"
      data-original-width="1220"
      height="329"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgJiwlf8Gz6CYoAAl6Ybz1VzCc-TBqmBKt6kxZMmawQ06ZBjXdV26r_qyG4-Q3mVh7S7tuboiStCu5qx8mpifXc8XjaZlt_RPA-Zpap8xoLVvh4hMxTNRVXwCj-5ACkpMmFmDoZ2IhMPxJtsHZy-5Jzs1Oytz6-saQ7vri9i8JDlEYG30XixHHzTEX5w/w640-h329/Google%20drive%20Share%20link.webp"
      style="border-radius: 8px; border: 1px solid rgb(226, 226, 226); box-shadow: rgb(67, 65, 78) 7px 7px 0px; padding: 10px; text-align: center;"
      width="717"
    /&gt;
    &lt;br /&gt;&lt;br /&gt;
    &lt;p&gt;
      3. Adjust the Visibility settings from "Restricted" to "Anyone with the
      Link".
    &lt;/p&gt;
    &lt;p&gt;4. Now, copy the file preview link.&lt;/p&gt;
    &lt;img
      alt="Google Drive direct download link"
      border="0"
      data-original-height="491"
      data-original-width="514"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj3ozuahUFxVcYKvhnrmP-4OklrWMlfftJMD-ZIb9atMDKM7ZhLj4KMwyWVVgMavOy5iSzUmePbfa849CrshMKehkIA4WE7-CLyfoE0BbswGkqGtlkMTNZtAed18JdOciVLixmRiFr9YBCbNXSgJ2na5pqRX3x6iLVO8I4MvIdNs9NaJo7o1dq12YJ_WY/s1600/Google%20Drive%20direct%20download%20link.webp"
      style="border-radius: 8px; border: 1px solid rgb(226, 226, 226); box-shadow: rgb(67, 65, 78) 7px 7px 0px; padding: 10px;text-align: center;"
      width="514"
    /&gt;

    &lt;br /&gt;&lt;br /&gt;
    &lt;p&gt;
      5. Finally, you can paste the copied link here to generate a direct
      download link.
    &lt;/p&gt;
    &lt;p&gt;
      We trust that you found this tool for obtaining a Google Drive direct
      download link to be useful. If you require further assistance, please feel
      free to
      &lt;a
        href="https://infiniteinsightsonline.blogspot.com/p/contact-us.html"
        target="_blank"
        &gt;contact us&lt;/a
      &gt;
      here.
    &lt;/p&gt;
    &lt;div
      style="background: rgb(251, 251, 251); height: auto; width: 100%;"
    &gt;&lt;/div&gt;
    &lt;script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/gdlinks.js"
    &gt;&lt;/script&gt;
  &lt;/div&gt;
&lt;/div&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/google-direct-link.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgJiwlf8Gz6CYoAAl6Ybz1VzCc-TBqmBKt6kxZMmawQ06ZBjXdV26r_qyG4-Q3mVh7S7tuboiStCu5qx8mpifXc8XjaZlt_RPA-Zpap8xoLVvh4hMxTNRVXwCj-5ACkpMmFmDoZ2IhMPxJtsHZy-5Jzs1Oytz6-saQ7vri9i8JDlEYG30XixHHzTEX5w/s72-w640-h329-c/Google%20drive%20Share%20link.webp" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-161930906021648131</guid><pubDate>Fri, 15 Dec 2023 23:35:00 +0000</pubDate><atom:updated>2023-12-16T16:48:19.719-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>CSS Minifier tool : Boost SEO with CSS Compression!</title><description> &lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/minifier.css" rel="stylesheet" /&gt;
&lt;style scoped="" type="text/css"&gt;
  .fixed-leftSd,.fixed-rightSd{position:fixed;top:80px;width:160px;height:600px; margin: 40px; z-index:9999;transform:translateZ(0)}
  .fixed-leftSd{left:0}
  .fixed-rightSd{right:0}
  .close-fixedSd{position:absolute;width:160px;height:21px;line-height:15px;font-size:11px;font-weight:400;top:-20px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
  @media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
&lt;/style&gt;

&lt;div style="text-align: center;"&gt;
  &lt;img alt="minifier" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNN8z4evYXruzrRaHaIxHAnMuYOv_AF-UsDK6JQsRRhbb3sfFm8vL8sRAyOCSF26DKHmj2wbwM9k9fVHxgpUteJXweJTqkbq3Bfjr0oB5wihYvGXxriDVPw4gStVAJc1QGtk7esN_3X9umgVTVphDIp9nSWD-DsgYmVuFnt5cImEQz_W9FMfAsJD03bUU/s713-rw/minifier.webp" style="height: auto; max-width: 100%;" /&gt;
&lt;/div&gt;
&lt;h1&gt;CSS Minifier tool Free!&lt;/h1&gt;
&lt;div class="blog-content"&gt;

  &lt;div class="container"&gt;
    &lt;textarea id="input" placeholder="Paste your CSS code here"&gt;&lt;/textarea&gt;
    &lt;div class="buttons"&gt;
      &lt;button onclick="minifyCSS()"&gt;Minification CSS&lt;/button&gt;
      &lt;button onclick="copyOutput()"&gt;Copy Minified CSS&lt;/button&gt;
    &lt;/div&gt;
    &lt;textarea id="output" placeholder="Minified CSS Output" readonly=""&gt;&lt;/textarea&gt;
  &lt;/div&gt;


  &lt;h2&gt;What is CSS Minification?&lt;/h2&gt;
  &lt;p&gt;
    CSS Minification involves eliminating superfluous or redundant data from a CSS file, including white space, comments, and block delimiters, with the aim of reducing the file size and enhancing load times.
  &lt;/p&gt;
  &lt;h2&gt;Reasons to Utilize Our CSS Minifier&lt;/h2&gt;
  &lt;p&gt;
    Utilizing a CSS minifier offers several advantages for improving the performance of your website or web application:
  &lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;
      &lt;b&gt;Reduced file size:&lt;/b&gt;By eliminating unnecessary or redundant data from your CSS files, a CSS minifier can substantially decrease the file size, leading to quicker download times for users.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;b&gt;Improved Loading Times:&lt;/b&gt; Smaller CSS file sizes result in faster loading, enhancing the overall performance and user experience of your website or application.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;b&gt;Enhanced Server Performance:&lt;/b&gt; Quicker loading times also benefit server performance, preventing it from being burdened by large CSS files and enabling it to accommodate more traffic while delivering a superior user experience.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;b&gt;Improved Page Rendering Speed:&lt;/b&gt;Quicker loading times for CSS files can lead to faster page rendering, as the browser won't need to wait for the CSS files to download and parse before displaying the page.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;b&gt;Enhanced Code Structure:&lt;/b&gt;Minifying your CSS files can enhance code organization by eliminating redundant data and reducing file size, which simplifies
    &lt;/li&gt;
  &lt;/ol&gt;
  &lt;h2&gt;How to use CSS Minifier tool?&lt;/h2&gt;
  &lt;p&gt;To utilize the CSS Minifier tool, perform the following steps:&lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;Paste your CSS code into the designated input text area on the page.&lt;/li&gt;
    &lt;li&gt;Click the "Minification CSS" button to minimize the CSS code.&lt;/li&gt;
    &lt;li&gt;The minimized CSS code will be displayed in the second text area.&lt;/li&gt;
    &lt;li&gt;
      If you want to copy the minified code, simply click the "Copy Minified
      CSS" button.
    &lt;/li&gt;
  &lt;/ol&gt;
  &lt;p&gt;
    The CSS Minifier tool simplifies your CSS code, making it lighter and faster to load for your website visitors.
  &lt;/p&gt;

  &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/minifier.js"&gt;&lt;/script&gt;

</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/minification-tools.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNN8z4evYXruzrRaHaIxHAnMuYOv_AF-UsDK6JQsRRhbb3sfFm8vL8sRAyOCSF26DKHmj2wbwM9k9fVHxgpUteJXweJTqkbq3Bfjr0oB5wihYvGXxriDVPw4gStVAJc1QGtk7esN_3X9umgVTVphDIp9nSWD-DsgYmVuFnt5cImEQz_W9FMfAsJD03bUU/s72-c-rw/minifier.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-775247112200643003</guid><pubDate>Mon, 11 Dec 2023 20:23:00 +0000</pubDate><atom:updated>2023-12-16T10:48:06.692-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Code Converter: Your Go-To Solution for Adapting Codes to Any Template!</title><description>&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/conv.min.css" rel="stylesheet" /&gt; 
&lt;div&gt;
  &lt;h1 class="custom-header"&gt;
    &lt;span style="color: white;"&gt;
      Your Go-To Solution for Adapting Codes to Any Template!
    &lt;/span&gt;
    &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
  &lt;/h1&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
  &lt;img alt="code" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqQbTneZ0bM-gy0y8y0XRbSv9XmAuZJKZobhOU4sZlcMBjHtXLHccVf6jkIjMZn3ehUnYCFm-eZglNGsCOgYqatGQhe7uhNTA_A7B3QO0Q1BAZbLgEwKksOUHicFhyMW_VEI7RG_xfjGrSGYitHafcUxBIcf-rpcjh3I399AHiJkwZ4j1BqFzU_94J5UU/s739-rw/code.webp" style="height: auto; max-width: 100%;" /&gt;
&lt;/div&gt;
&lt;div style="text-align: justify;"&gt;
    &lt;span style="font-weight: bold;"&gt;&lt;span style="color: #2b00fe; font-weight: bold;"&gt;This converter provides&lt;/span&gt; &lt;span style="font-weight: normal;"&gt;a solution
      for modifying the coding of scripts that may not be accepted by certain
      templates, such as Adsense ad codes or additional codes in Blogger
      comments. It facilitates the process of adapting and integrating scripts
      seamlessly into different platforms. The converter offers a user-friendly
      interface for code conversion, allowing users to input their code and
      obtain a modified version that suits their template requirements.&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

&lt;div style="text-align: center;"&gt;
  &lt;style scoped="" type="text/css"&gt;
    #parser2{position:relative;overflow:hidden}
    #parser2 .btn,#parser2 .btn:active{background-image:none}
    #parser2 .btn{font-weight:400;padding:6px 12px;margin-bottom:5px;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:4px;cursor:pointer;transition:all .3s}
    #parser2 .btn:active:focus,#parser2 .btn:focus{outline:0}
    #parser2 .btn:focus,#parser2 .btn:hover{color:#333;text-decoration:none;outline:0}
    #parser2 .btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
    #parser2 .btn-primary{color:#fff;background:#3e51b5}
    #parser2 .btn-primary:focus,.button-group button:disabled{color:#fff;background:#286090}
    #parser2 .btn-primary:active,#parser2 .btn-primary:hover{color:#fff;opacity:.9}
    #parser2 .btn-danger{color:#fff;background:#f39c12}
    #parser2 .btn-danger:focus{color:#fff;opacity:.9}
    #parser2 .btn-danger:active,#parser2 .btn-danger:hover{color:#fff;opacity:.9}
    #parser2 .btn-info{color:#fff;background:#5bc0de}
    #parser2 .btn-info:focus{color:#fff;background:#31b0d5}
    #parser2 .btn-info:active,#parser2 .btn-info:hover{color:#fff;background:#31b0d5}
    #parser2 .btn-xs{font-size:12px;line-height:1.5;border-radius:3px;padding:1px 5px}
    #parser2 textarea#somewhere{background:#fef1c8;border:0;height:300px;width:100%;margin:0 0 10px;box-sizing:border-box;font-family:Consolas,Monaco,'Andale Mono',monospace;color:#111;border-radius:10px;box-shadow:inset 0 -5px 5px rgba(0,0,0,0.05);padding:20px}
    #parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus{outline:0}
    #parser2 .btn-sm{display:inline-block;font-size:13px;line-height:1.5;border-radius:5px;padding:12px;margin:0 auto 10px auto;width:30%;box-shadow:0 3px 1.2rem -0.8rem rgba(0,0,0,0.8)}
    #parser2 .btn-xs{font-size:13px;line-height:1.5;border-radius:5px;padding:12px;margin:auto;width:30%;box-shadow:0 3px 1.2rem -0.8rem rgba(0,0,0,0.8)}
    .collapse{display:none}
    .alert-success{color:#222;background:#fff}
    .alert{border:0;padding:5px 15px;border-radius:10px;position:absolute;top:20px;right:20px;min-width:210px;color:#0984e3;font-size:13px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16)}
    button.close{padding:0;cursor:pointer;background:none;border:0;-webkit-appearance:none}
    .close{float:right;font-size:1.3rem;color:#0984e3;margin:1px 0 0 0}
    button.close:focus{outline:0}
    .close:hover{opacity:1!important}
    #btnInfo h4{margin:0;font-size:13px;line-height:2}
    #button-link{display:none}
    .clear{clear:both;display:block;margin-bottom:2px}
    .alert br{display:none}
  &lt;/style&gt;
  &lt;div id="parser2"&gt;&lt;br /&gt;&lt;/div&gt;
  &lt;div id="parser2"&gt;&lt;br /&gt;&lt;/div&gt;
  &lt;div id="parser2"&gt;&lt;br /&gt;&lt;/div&gt;
  &lt;div id="parser2"&gt;
    &lt;textarea id="somewhere"&gt;&lt;/textarea&gt;
    &lt;div class="alert alert-success margin-bottom-20 collapse" id="btnInfo" role="alert"&gt;
      &lt;button class="close close-copy" onclick="document.getElementById(&amp;quot;btnInfo&amp;quot;).style.display = &amp;quot;none&amp;quot;;cdClear();" type="button"&gt;
        &lt;span aria-hidden="true"&gt;×&lt;/span&gt;
      &lt;/button&gt;
      &lt;h4&gt;The code has been copied to the clipboard&lt;/h4&gt;
    &lt;/div&gt;
    &lt;br /&gt;
    &lt;button class="btn btn-primary btn-sm btn-parse" onclick="convert();" type="button"&gt;
      Code Conversion
    &lt;/button&gt;
    &lt;div class="clear"&gt;&lt;/div&gt;
    &lt;button class="btn button-link btn-xs btn-info" data-clipboard-action="copy" data-clipboard-target="#somewhere" id="button-link" type="submit"&gt;
      Copy
    &lt;/button&gt;
    &lt;button class="btn btn-danger btn-xs" id="btn_clear" onclick="cdClear();"&gt;
      Cleaning
    &lt;/button&gt;
  &lt;/div&gt;

     &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/converter.js"&gt;&lt;/script&gt;
    
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="text-align: right;"&gt;&lt;br /&gt;&lt;/h3&gt;

&lt;h2&gt;How to Use the Code:&lt;/h2&gt;

&lt;h3&gt;1. Input Your Script:&lt;/h3&gt;
&lt;p&gt;
  Copy and paste your script into the designated textarea with the ID
  "somewhere." This is where the magic begins!
&lt;/p&gt;

&lt;h3&gt;2. Initiate the Conversion:&lt;/h3&gt;
&lt;p&gt;
  Click the &lt;button&gt;"Code Conversion"&lt;/button&gt; button, and witness the
  transformation. Your script will be adapted to seamlessly fit your desired
  template.
&lt;/p&gt;

&lt;h3&gt;3. Copy the Result:&lt;/h3&gt;
&lt;p&gt;
  Press the &lt;button&gt;(Copy)&lt;/button&gt; button to effortlessly copy the modified
  code to your clipboard. A success message will confirm the completion.
&lt;/p&gt;

&lt;h3&gt;4. Start Fresh (Optional):&lt;/h3&gt;
&lt;p&gt;
  If you want a clean slate for a new script, click the
  &lt;button&gt;"Cleaning"&lt;/button&gt; button to clear the textarea.
&lt;/p&gt;

&lt;p&gt;&lt;b&gt;&lt;span style="color: #2b00fe;"&gt;
  That's it! Your code is now ready to enhance your website or application. It's
  a straightforward process designed to make your coding experience smooth and
  efficient. Enjoy!
&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/code-converter.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqQbTneZ0bM-gy0y8y0XRbSv9XmAuZJKZobhOU4sZlcMBjHtXLHccVf6jkIjMZn3ehUnYCFm-eZglNGsCOgYqatGQhe7uhNTA_A7B3QO0Q1BAZbLgEwKksOUHicFhyMW_VEI7RG_xfjGrSGYitHafcUxBIcf-rpcjh3I399AHiJkwZ4j1BqFzU_94J5UU/s72-c-rw/code.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-3684629032735516389</guid><pubDate>Sat, 09 Dec 2023 01:38:00 +0000</pubDate><atom:updated>2023-12-30T16:28:05.676-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title> Crafting Confidence: Unveiling Our SEO-Optimized Disclaimer Generator for Your Online Sanctuary</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Start using our Disclaimer Generator : ✅ No Registration Needed ✅ Free ✅ Done in a Few Minutes ✅ Personalized for your business or industry."
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/Disclaimer.html"
    /&gt;
    &lt;title&gt;
      Crafting Confidence: Unveiling Our SEO-Optimized Disclaimer Generator for
      Your Online Sanctuary
    &lt;/title&gt;
    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="separator"&gt;
      &lt;div style="margin-left: 1em; margin-right: 1em;"&gt;
        &lt;h1 class="custom-header"&gt;
          &lt;span style="color: white;"&gt;&lt;span&gt; Disclaimer Generator&lt;/span&gt; &lt;/span&gt;
          &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
        &lt;/h1&gt;
        &lt;img
          alt="Disclaimer Generator"
          class="float-right img-thumbnail rounded"
          height="400"
          importance="low"
          loading="lazy"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRflgH6lU8jIVTmfk3_hw1Vl74pUuVTPZY64F-r0-J9RHldfKxzii5baexqd_1lOxXPupFw77iS-AIkbvWbePS_tdU2ms6KelDlVIXXf_-5Z6O3hr-YOgaCa3elmHitviTYhcw_zrUrfRQBmwh4X5obNWzLVT7QCtkz7x4It3s_U_lIqf7qeXQgtmT4JiH/w640-h400/disclaimer.png"
          width="640"
        /&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;p&gt;
      IIn the expansive digital realm, disclaimers act as crucial shields,
      outlining the rights and responsibilities of website owners and visitors.
      Crafting an effective disclaimer is a complex task that demands
      forethought, legal expertise, and an understanding of potential
      content-related risks.
    &lt;/p&gt;
    &lt;h2&gt;
      What is a
      &lt;a
        href="https://disclaimershield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Disclaimer&lt;/a
      &gt;?
    &lt;/h2&gt;
    &lt;p&gt;
      Legally speaking, a disclaimer is a statement that aims to limit the scope
      of rights and obligations within a recognized relationship. It is the
      legal fence that website owners put in place to manage expectations and
      mitigate potential legal issues. For instance, it can disclaim warranties,
      limit liabilities, or clarify the intended use of information.
    &lt;/p&gt;
    &lt;h2&gt;
      Solution:
      &lt;a
        href="https://disclaimershield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Disclaimer Generator&lt;/a
      &gt;
    &lt;/h2&gt;
    &lt;p&gt;
      Enter the&lt;strong&gt; Disclaimer Generator&lt;/strong&gt;, a tool designed to
      simplify the complex process of creating a disclaimer. If you're
      struggling with the complexities of drafting a disclaimer for your
      company, this tool is your shortcut to a custom solution. Fill out the
      fields below, right away! It offers you an instant template tailored to
      your company's needs.
    &lt;/p&gt;
    &lt;p&gt;
      &lt;strong
        &gt;Ready to fortify your online presence? Fill in the details, and let's
        craft your
        &lt;a
          href="https://disclaimershield.blogspot.com/"
          rel="nofollow"
          target="_blank"
          &gt;Disclaimer
        &lt;/a&gt;
        together!&lt;/strong
      &gt;
    &lt;/p&gt;
    &lt;p&gt;
      &lt;strong&gt;
        Looking For Privacy Policy Generator
        &lt;a
          href="https://privacypolicyshield.blogspot.com/"
          id="creditlink"
          rel="ugc"
          &gt;Privacy Policy Generator&lt;/a
        &gt;&lt;/strong
      &gt;
    &lt;/p&gt;
    &lt;p&gt;
      &lt;strong
        &gt;Looking For Terms and Conditions Generator
        &lt;a
          href="https://termconditionshield.blogspot.com/"
          id="creditlink"
          rel="ugc"
          &gt;Terms and Conditions Generator&lt;/a
        &gt;&lt;/strong
      &gt;
    &lt;/p&gt;
    &lt;h3 class="text-center text-muted"&gt;
      How to Use the
      &lt;a
        href="https://disclaimershield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Disclaimer Generator&lt;/a
      &gt;
    &lt;/h3&gt;

    &lt;div class="main"&gt;
      &lt;div class="article" id="how"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
            &lt;br /&gt;
            &lt;ol&gt;
              &lt;li&gt;
                Fill in all the necessary information on the right sidebar.
              &lt;/li&gt;
              &lt;li&gt;Click &lt;strong&gt;Generate&lt;/strong&gt; at the end.&lt;/li&gt;
              &lt;li&gt;Done! Your Disclaimer has been generated.&lt;/li&gt;
            &lt;/ol&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            &lt;img
              alt="Disclaimer Generator"
              class="float-right img-thumbnail rounded"
              height="400"
              importance="low"
              loading="lazy"
              src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRflgH6lU8jIVTmfk3_hw1Vl74pUuVTPZY64F-r0-J9RHldfKxzii5baexqd_1lOxXPupFw77iS-AIkbvWbePS_tdU2ms6KelDlVIXXf_-5Z6O3hr-YOgaCa3elmHitviTYhcw_zrUrfRQBmwh4X5obNWzLVT7QCtkz7x4It3s_U_lIqf7qeXQgtmT4JiH/w640-h400/disclaimer.png"
              width="640"
            /&gt;
            &lt;!--Replace image--&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3 class="text-center"&gt;
      FAQs about Disclaimer our
      &lt;a
        href="https://disclaimershield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Disclaimer Generator&lt;/a
      &gt;
    &lt;/h3&gt;
    &lt;div class="main"&gt;
      &lt;div class="article" id="how"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
            &lt;h2&gt;Why do I need a disclaimer for my website?&lt;/h2&gt;
            &lt;p&gt;
              A disclaimer outlines rights and responsibilities, managing
              expectations and mitigating legal risks.
            &lt;/p&gt;

            &lt;h2&gt;
              Is the
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Disclaimer Generator&lt;/a
              &gt;
              suitable for all industries?
            &lt;/h2&gt;
            &lt;p&gt;
              Yes, the tool offers templates tailored to various industries,
              ensuring broad applicability.
            &lt;/p&gt;

            &lt;h2&gt;How does the generator ensure legal compliance?&lt;/h2&gt;
            &lt;p&gt;
              The
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Disclaimer Generator&lt;/a
              &gt;
              aligns templates with local regulations, enhancing legal
              compliance.
            &lt;/p&gt;

            &lt;h2&gt;
              Can I edit the
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;generated disclaimer&lt;/a
              &gt;
              template?
            &lt;/h2&gt;
            &lt;p&gt;
              Absolutely, the generated template is customizable to suit your
              specific needs.
            &lt;/p&gt;

            &lt;h2&gt;
              What sets the
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Disclaimer Generator&lt;/a
              &gt;
              apart from manual drafting?
            &lt;/h2&gt;
            &lt;p&gt;
              Efficiency, accuracy, and time-saving are key advantages, making
              it a superior choice.
            &lt;/p&gt;

            &lt;h2&gt;
              Is the
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Disclaimer Generator&lt;/a
              &gt;
              suitable for small businesses?
            &lt;/h2&gt;
            &lt;p&gt;
              Yes, the
              &lt;a
                href="https://disclaimershield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Disclaimer Generator&lt;/a
              &gt;
              is designed to cater to businesses of all sizes, offering
              scalability and customization to meet the specific needs of small
              enterprises.
            &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/Disclaimer.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRflgH6lU8jIVTmfk3_hw1Vl74pUuVTPZY64F-r0-J9RHldfKxzii5baexqd_1lOxXPupFw77iS-AIkbvWbePS_tdU2ms6KelDlVIXXf_-5Z6O3hr-YOgaCa3elmHitviTYhcw_zrUrfRQBmwh4X5obNWzLVT7QCtkz7x4It3s_U_lIqf7qeXQgtmT4JiH/s72-w640-h400-c/disclaimer.png" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-3563378979307269041</guid><pubDate>Sat, 09 Dec 2023 00:51:00 +0000</pubDate><atom:updated>2023-12-30T16:28:23.911-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title> Crafting Confidence: Unveiling Our SEO-Optimized Terms and Conditions Generator for Your Online Sanctuary</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Use our Terms Conditions Generator: ✅ No Registration Needed ✅ Free ✅ Done in a Few Minutes ✅ Personalized for your business ⇒ Try it yourself!"
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/terms-conditions.html"
    /&gt;
    &lt;title&gt;
      Crafting Confidence: Unveiling Our SEO-Optimized Terms and Conditions
      Generator for Your Online Sanctuary
    &lt;/title&gt;
    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"
          &gt;&lt;span&gt; Terms and Conditions Generator&lt;/span&gt;
        &lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
      &lt;img
        alt="Terms and Conditions Generator"
        class="float-right img-thumbnail rounded"
        height="400"
        importance="low"
        loading="lazy"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Y-mf0Kh3RaPyLT_UUBhtXD7h2oFcpUy0AF890FLXuEZcr9Yt1Vf8MzGapbbLAM7W-U8QY4oSjnuaa5GWKO8viYro3mqu2GS4fhmpur-KecXhfYc1aD2Uh6Txj_6AxyALT9dI1ldH3w-NeYQo4XuuGcYagfYdldD1nVXIQH9fa4bV5PCnaPAfaapCw-c/w640-h400/T_Conditions.png"
        width="640"
      /&gt;
    &lt;/div&gt;
    &lt;p&gt;
      Creating a solid foundation for your online presence is crucial, and
      having a comprehensive
      &lt;strong
        &gt;&lt;a
          href="https://termconditionshield.blogspot.com/"
          rel="nofollow"
          target="_blank"
          &gt;Terms and Conditions&lt;/a
        &gt;
        agreement&lt;/strong
      &gt;
      is the cornerstone of that foundation. Whether your website is a personal
      blog, an e-commerce platform, or a thriving online community, safeguarding
      your interests is a must.
    &lt;/p&gt;
    &lt;h2&gt;Why You Need It&lt;/h2&gt;
    &lt;p&gt;
      Online, it's not just advisable but essential. Our terms and conditions
      builder ensures your protection with a personalized agreement, offering
      crucial security for every internet user, business owner or not.
    &lt;/p&gt;
    &lt;h2&gt;Your Protection, Our Priority&lt;/h2&gt;
    &lt;p&gt;
      Navigating the legal landscape can be daunting, but we have your back. Our
      easy-to-use generator simplifies the process. Simply fill in the blanks
      below, and instant! Your custom terms and conditions will be generated
      directly.
    &lt;/p&gt;
    &lt;h2&gt;It's Free and Easy&lt;/h2&gt;
    &lt;p&gt;So, let's get started - your digital fortress is waiting for you!&lt;/p&gt;
    &lt;p&gt;
      &lt;strong&gt;Please note:&lt;/strong&gt; For optimal results, kindly provide the
      requested information in English.
    &lt;/p&gt;
    &lt;p&gt;
      &lt;strong
        &gt;Ready to fortify your online presence? Fill in the details, and let's
        craft your terms and conditions together!&lt;/strong
      &gt;
    &lt;/p&gt;
    &lt;h3 class="text-center text-muted"&gt;
      How to Use the
      &lt;a
        href="https://termconditionshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Terms &amp;amp; Conditions Generator&lt;/a
      &gt;
    &lt;/h3&gt;

    &lt;div class="main"&gt;
      &lt;div class="article" id="how"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-6"&gt;
            &lt;br /&gt;
            &lt;ol&gt;
              &lt;li&gt;
                Fill in all the necessary information on the right sidebar.
              &lt;/li&gt;
              &lt;li&gt;Click &lt;strong&gt;Generate&lt;/strong&gt; at the end.&lt;/li&gt;
              &lt;li&gt;Done! Your Terms and Conditions has been generated.&lt;/li&gt;
            &lt;/ol&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            &lt;img
              alt="Terms and Conditions Generator"
              class="float-right img-thumbnail rounded"
              height="400"
              importance="low"
              loading="lazy"
              src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Y-mf0Kh3RaPyLT_UUBhtXD7h2oFcpUy0AF890FLXuEZcr9Yt1Vf8MzGapbbLAM7W-U8QY4oSjnuaa5GWKO8viYro3mqu2GS4fhmpur-KecXhfYc1aD2Uh6Txj_6AxyALT9dI1ldH3w-NeYQo4XuuGcYagfYdldD1nVXIQH9fa4bV5PCnaPAfaapCw-c/w640-h400/T_Conditions.png"
              width="640"
            /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3 class="text-center"&gt;
      FAQs about Terms and Conditions &amp;amp; our Terms and Conditions Generator
    &lt;/h3&gt;
    &lt;div class="main"&gt;
      &lt;div class="article" id="how"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
            &lt;h2&gt;What is the purpose of terms and conditions?&lt;/h2&gt;
            &lt;p&gt;
              &lt;a
                href="https://termconditionshield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Terms and conditions&lt;/a
              &gt;
              are designed to safeguard businesses by allowing owners to
              establish rules within the bounds of the law for the use of their
              services or products. This includes specifying aspects such as
              copyright conditions, age limits, and the governing law of the
              contract.
            &lt;/p&gt;

            &lt;h2&gt;Why is it essential to be aware of terms and conditions?&lt;/h2&gt;
            &lt;p&gt;
              &lt;a
                href="https://termconditionshield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Terms and conditions&lt;/a
              &gt;
              provide clarity in various situations, outlining the key
              commercial terms offered to clients. They help contractual parties
              understand their duties, rights, roles, and responsibilities.
            &lt;/p&gt;

            &lt;h2&gt;
              Is it free to utilize the Terms and Conditions generator on our
              website?
            &lt;/h2&gt;
            &lt;p&gt;
              YAbsolutely! Crafting your terms and conditions shouldn't cost a
              dime. Enjoy the convenience of our free generator to shape
              policies that suit your unique needs and protect your online
              venture. Unlock the power of hassle-free legalities with us!
            &lt;/p&gt;

            &lt;h2&gt;Where should I place my terms and conditions?&lt;/h2&gt;
            &lt;p&gt;
              Strategically placing your terms and conditions is key. We
              recommend featuring them prominently on your website, typically in
              the footer, ensuring easy access for users. This way, you
              establish transparency and build trust effortlessly.
            &lt;/p&gt;

            &lt;h2&gt;What are the essential clauses in terms and conditions?&lt;/h2&gt;
            &lt;p&gt;
              In general, almost every
              &lt;a
                href="https://termconditionshield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;Terms and Conditions&lt;/a
              &gt;
              agreement should encompass the following clauses:
            &lt;/p&gt;
            &lt;ul style="list-style-type: none; padding-left: 0px;"&gt;
              &lt;li&gt; ★ Introduction.&lt;/li&gt;
              &lt;li&gt; ★ Right to make changes to the agreement.&lt;/li&gt;
              &lt;li&gt; ★ User guidelines (rules, restrictions, requirements).&lt;/li&gt;
              &lt;li&gt; ★ Copyright and intellectual property.&lt;/li&gt;
              &lt;li&gt; ★ Governing law.&lt;/li&gt;
              &lt;li&gt; ★ Warranty disclaimer.&lt;/li&gt;
              &lt;li&gt; ★ Limitation of liability.&lt;/li&gt;
            &lt;/ul&gt;

            &lt;h2&gt;Why do terms and conditions undergo changes?&lt;/h2&gt;
            &lt;p&gt;
              Companies continually update their
              &lt;a
                href="https://termconditionshield.blogspot.com/"
                rel="nofollow"
                target="_blank"
                &gt;terms and conditions&lt;/a
              &gt;
              for several reasons:
            &lt;/p&gt;
            &lt;ul style="list-style-type: none; padding-left: 0px;"&gt;
              &lt;li&gt; ★To maintain compliance with laws and regulations.&lt;/li&gt;
              &lt;li&gt; ★To provide protection against contractual risks.&lt;/li&gt;
              &lt;li&gt; ★To minimize and manage dispute risks with customers.&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/terms-conditions.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Y-mf0Kh3RaPyLT_UUBhtXD7h2oFcpUy0AF890FLXuEZcr9Yt1Vf8MzGapbbLAM7W-U8QY4oSjnuaa5GWKO8viYro3mqu2GS4fhmpur-KecXhfYc1aD2Uh6Txj_6AxyALT9dI1ldH3w-NeYQo4XuuGcYagfYdldD1nVXIQH9fa4bV5PCnaPAfaapCw-c/s72-w640-h400-c/T_Conditions.png" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-4758048205132044781</guid><pubDate>Fri, 08 Dec 2023 11:46:00 +0000</pubDate><atom:updated>2023-12-30T16:28:45.099-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Crafting Confidence: Unveiling Our SEO-Optimized Privacy Policy Generator for Your Online Sanctuary</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Privacy Policy Generator Free, Simply generate &amp; download a Privacy Policy in seconds!"
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/12/free-privacy.html"
    /&gt;
    &lt;title&gt;
      Crafting Confidence: Unveiling Our SEO-Optimized Privacy Policy Generator
      for Your Online Sanctuary
    &lt;/title&gt;
    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"
          &gt;&lt;span&gt; Privacy Policy Generator&lt;/span&gt;
        &lt;/span&gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;

    &lt;div class="col-md-6"&gt;
      &lt;img
        alt="Privacy Policy Generator"
        class="float-right img-thumbnail rounded"
        height="437"
        importance="low"
        loading="lazy"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH69vu38kObNnPBeZLX9xqpnvc0DeEDpp63IQxLzlTFUAvuTvazowYaVe7sF3pWn_1NA7-3M-ApzbfP3nSVRTmMwkNX4z2oVVf3Z3N6tns2xZgmF0iGyrLUy1IlXc9cJb4YdNrMpZHU_QJlAo_G0ZcoEavuD3QzorKGBF_ct3Sbt1fub3BZYGgOsO8nIc/w640-h437/policygenerator.png"
        width="640"
      /&gt;
      &lt;!--Replace image--&gt;
    &lt;/div&gt;

    &lt;p&gt;
      &lt;strong
        &gt;&lt;a
          href="https://privacypolicyshield.blogspot.com/"
          rel="nofollow"
          target="_blank"
          &gt;Privacy policies&lt;/a
        &gt;
        are essential for any website &lt;/strong
      &gt;providing a legal framework that safeguards businesses, individuals, and
      customers alike. In this digital age, where information is exchanged at an
      unprecedented pace, having a comprehensive&lt;strong&gt;
        &lt;a
          href="https://privacypolicyshield.blogspot.com/"
          rel="nofollow"
          target="_blank"
          &gt;Privacy Policy&lt;/a
        &gt;&lt;/strong
      &gt;
      is not just a recommendation; it's a necessity. To make this crucial
      aspect of your online presence more manageable, let's explore
      &lt;strong
        &gt;the
        &lt;a
          href="https://privacypolicyshield.blogspot.com/"
          rel="nofollow"
          target="_blank"
          &gt;Privacy Policy Generator&lt;/a
        &gt;.&lt;/strong
      &gt;
    &lt;/p&gt;

    &lt;h2&gt;
      Why a
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Privacy Policy&lt;/a
      &gt;
      Matters
    &lt;/h2&gt;
    &lt;p&gt;
      &lt;strong&gt;A Privacy Policy &lt;/strong&gt;acts as a protective shield for your
      business online, outlining rules for personal information use. The Privacy
      Policy Generator simplifies this complex task for legal compliance. Beyond
      legalities, it builds trust by transparently communicating how user data
      is handled, ensuring security for your business and customers.
    &lt;/p&gt;

    &lt;p&gt;
      &lt;strong&gt;A privacy policy &lt;/strong&gt;is a legal document that outlines how a
      website collects, uses, shares, discloses, and manages visitor data.
    &lt;/p&gt;

    &lt;h2&gt;
      About the
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Privacy Policy Generator&lt;/a
      &gt;
    &lt;/h2&gt;
    &lt;p&gt;
      &lt;strong&gt;The Privacy Policy Generator &lt;/strong&gt;simplifies the often
      daunting task of creating a Privacy Policy. Fill out the blank spaces on
      the form and we will create a privacy policy for your business website. No
      account registration required.&lt;strong
        &gt;Simply generate &amp;amp; download a Privacy Policy in seconds!&lt;/strong
      &gt;
    &lt;/p&gt;
    &lt;p&gt;
      Looking For Terms and Conditions Generator
      &lt;a
        href="https://termconditionshield.blogspot.com/"
        id="creditlink"
        rel="ugc"
        &gt;Terms and Conditions Generator&lt;/a
      &gt;
    &lt;/p&gt;
    &lt;p&gt;
      &lt;strong&gt; Privacy Policy Generator By Infinite Insights Online&lt;/strong&gt;
    &lt;/p&gt;
    &lt;h3&gt;How to Use the Privacy Policy Generator&lt;/h3&gt;
    &lt;ol&gt;
      &lt;li&gt;Fill in all the necessary information on the right sidebar.&lt;/li&gt;
      &lt;li&gt;Click &lt;strong&gt;Generate&lt;/strong&gt; at the end.&lt;/li&gt;
      &lt;li&gt;Done! Your Privacy Policy has been generated.&lt;/li&gt;
    &lt;/ol&gt;
    &lt;h3&gt;
      FAQs about
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Privacy Policies&lt;/a
      &gt;
      &amp;amp; our
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;Privacy Policy Generator&lt;/a
      &gt;
    &lt;/h3&gt;

    &lt;h2&gt;What constitutes a privacy policy?&lt;/h2&gt;
    &lt;p&gt;
      A privacy policy is a legal document that articulates the information your
      website gathers from users, delineates data management practices, and
      explicates how collected data is utilized. Its primary objective is to
      transparently inform users about the processes of data collection,
      utilization, and management.
    &lt;/p&gt;
    &lt;h2&gt;
      Is the usage of the
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;privacy policy generator&lt;/a
      &gt;
      free?
    &lt;/h2&gt;
    &lt;p&gt;
      TYes, the Privacy Policy Generator on (yourwebsitename.com) is a
      complimentary tool for generating privacy policies applicable to websites,
      apps, and Facebook pages/apps. Utilize our free generator to formulate a
      customized privacy policy for your business.
    &lt;/p&gt;
    &lt;h2&gt;
      Why is a
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;privacy policy&lt;/a
      &gt;
      crucial?
    &lt;/h2&gt;
    &lt;p&gt;
      The paramount importance of a privacy policy lies in its legal necessity
      when collecting data directly or indirectly from users. For instance,
      having a contact form mandates a privacy policy, and the same applies if
      utilizing analytics tools like Google Analytics.
    &lt;/p&gt;
    &lt;h2&gt;
      Where should I place
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;my privacy policy&lt;/a
      &gt;?
    &lt;/h2&gt;
    &lt;p&gt;
      Typically, privacy policies are located in the footer of a website. We
      recommend placing your privacy policy in easily accessible areas on your
      website for user convenience.
    &lt;/p&gt;
    &lt;h2&gt;What elements should be covered in a privacy policy?&lt;/h2&gt;
    &lt;p&gt;
      A comprehensive privacy policy should encompass details on the data
      collected from visitors, the methods of collection, the purpose behind
      collecting the data, and how the collected data is utilized.
    &lt;/p&gt;
    &lt;h2&gt;
      Is it acceptable to replicate another entity's
      &lt;a
        href="https://privacypolicyshield.blogspot.com/"
        rel="nofollow"
        target="_blank"
        &gt;privacy policy&lt;/a
      &gt;?
    &lt;/h2&gt;
    &lt;p&gt;
      Copying someone else's privacy policy is not advisable. Privacy policies
      are legally protected documents, and more critically, they must align with
      the specific data your business collects. Our privacy policy generator is
      designed to assist you in creating a tailored policy based on your exact
      data collection needs.
    &lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/free-privacy.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH69vu38kObNnPBeZLX9xqpnvc0DeEDpp63IQxLzlTFUAvuTvazowYaVe7sF3pWn_1NA7-3M-ApzbfP3nSVRTmMwkNX4z2oVVf3Z3N6tns2xZgmF0iGyrLUy1IlXc9cJb4YdNrMpZHU_QJlAo_G0ZcoEavuD3QzorKGBF_ct3Sbt1fub3BZYGgOsO8nIc/s72-w640-h437-c/policygenerator.png" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-4772556532723190516</guid><pubDate>Sat, 02 Dec 2023 00:07:00 +0000</pubDate><atom:updated>2023-12-14T15:51:49.825-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Keyword Finder – Free forever!</title><description>&lt;div style="text-align: center;"&gt;
  &lt;img alt="findkey" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEgpCfk1kV9VVrCXEHAkr6mmAgBgMl6p2b2mnM4YI28k41T6DRGkZ_xhrfUqd9N5qf7HReO9fwK8Qv10pa1GHRODjZ1XJV8bPuwFxt76xV_n_832zvu6S6vAFj_OvGZa6rOE4ZHFZQNosJVL2BZmE29KXKyjAcWpeYLx6SwDpXN_kvDW9tEMGU3YcNPc/w433-h283/findkey.webp" style="height: auto; max-width: 100%;" /&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class="container"&gt;
  &lt;div class="jumbotron"&gt;
    &lt;input class="technicalarplang" id="gg-lang" type="hidden" value="en" /&gt;

    &lt;div class="row panel-keyword"&gt;
      &lt;div class="col-xs-12"&gt;
        &lt;input aria-describedby="startjob" class="form-control input-lg text-center" id="search" type="text" /&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 text-center"&gt;
        &lt;label class="radio-inline"&gt;
          &lt;input id="Method1" name="MethodOptions" type="radio" value="1" /&gt;
          Method 1
        &lt;/label&gt;
        &lt;label class="radio-inline"&gt;
          &lt;input checked="" id="Method2" name="MethodOptions" type="radio" value="2" /&gt;
          Method 2
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 text-center padding-top"&gt;
        &lt;div class="btn-group" role="group"&gt;
          &lt;div class="btn-group" role="group"&gt;
            &lt;button aria-expanded="false" aria-haspopup="true" class="btn btn-default btn-group dropdown-toggle" data-toggle="dropdown" role="group" type="button"&gt;
              &lt;span id="lang"&gt;English&lt;/span&gt;
              &lt;span class="caret"&gt;&lt;/span&gt;
            &lt;/button&gt;
          &lt;/div&gt;
          &lt;button class="btn btn-primary" id="startjob" role="group" type="button"&gt;
            Find Keywords
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 padding-top hidden"&gt;
        &lt;div class="alert alert-warning text-center" role="alert"&gt;
          &lt;h2 id="keywordtoquery"&gt;&lt;/h2&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4 hidden"&gt;
        &lt;div class="text-center"&gt;
          &lt;div&gt;Done&lt;/div&gt;
          &lt;h3&gt;&lt;span class="label label-warning" id="done"&gt;&lt;/span&gt;&lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4 hidden"&gt;
        &lt;div class="text-center"&gt;
          To Do&lt;br /&gt;
          &lt;h3&gt;&lt;span class="label label-danger" id="to-do"&gt;&lt;/span&gt;&lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-4 hidden"&gt;
        &lt;div class="text-center"&gt;
          Found
          &lt;h3&gt;
            &lt;span class="label label-success" id="keywordsCounter"&gt;&lt;/span&gt;
          &lt;/h3&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;br /&gt;
    &lt;div class="progress progress-striped active hidden"&gt;
      &lt;div aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="progress-bar" role="progressbar"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;div class="col-md-12"&gt;
    &lt;table border="0" cellpadding="0" cellspacing="0" class="table table-striped dt-responsive nowrap" id="example"&gt;&lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="col-md-12" id="technicalarpresult"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="container body-content"&gt;
  &lt;hr /&gt;
  &lt;div class="adspacebytechnicalarp container"&gt;
    &lt;h1 style="border: 0px; color: #2e3244; font-size: 28px; text-align: center;"&gt;
      &lt;span style="color: #2969b0; text-shadow: rgba(0, 0, 0, 0) -40px -40px 0px;"&gt;What is an Online Keyword Finder?&lt;/span&gt;
    &lt;/h1&gt;
    &lt;p style="text-align: center;"&gt;&lt;br /&gt;&lt;/p&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img alt="findkeytools" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGg00FHoubSkPibChQtsQJ7tRK6JeErBXBcrVpvZf1SC52z0kcupoxJouoRfSJQZNNQnX_nV9Cqehy_W2su7a9xslDgeA5OCqY_NTiVcNm9Vnq3QcdT7y2QVELfMJdXri3jQ4EQcsoYjv0kWUA0dQdcYCU4vfX_BfWyNo5WPw5i2LTrT_Jhwc-TPVZIsc/w1240-h720/keytools.webp" style="height: auto; max-width: 100%;" /&gt;
    &lt;/div&gt;

    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: center;"&gt;
      &lt;br /&gt;
    &lt;/div&gt;
    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: left;"&gt;
      &lt;span style="text-shadow: rgba(0, 0, 0, 0) -2px 0px 1px;"&gt;The Online Keyword Finder tool is an application that helps you optimize your online content for search engines. It analyzes search queries, provides insights into search volume and competition for specific keywords, and suggests related terms and long-tail keywords. Popular tools include Google Keyword Planner, SEMrush, Ahrefs, and Moz Keyword Explorer. These tools allow individuals and businesses to refine their content strategies, improve SEO efforts, and drive targeted traffic to their websites.&lt;/span&gt;
    &lt;/div&gt;
    &lt;p style="text-align: left;"&gt;
      &lt;span color="initial" style="border: 0px; font-size: 15px; text-align: start; text-shadow: rgba(0, 0, 0, 0) -2px 0px 1px;"&gt;&lt;a name="more" style="border: 0px; color: #ec5f1a;"&gt;&lt;/a&gt;&lt;/span&gt;
    &lt;/p&gt;
    &lt;span&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;/span&gt;
    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: center;"&gt;
      &lt;br /&gt;
    &lt;/div&gt;
    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: start;"&gt;
      &lt;strong&gt;
        &lt;h2 style="border: 0px; color: inherit; font-size: 24px; text-align: center;"&gt;
          &lt;span style="color: #2969b0;"&gt;What is an&amp;nbsp;online keyword finder and how do I use it?&lt;/span&gt;
        &lt;/h2&gt;
      &lt;/strong&gt;
      &lt;div style="border: 0px; text-align: left;"&gt;
       Online keyword research tools are digital resources that help you identify relevant keywords to optimize your online content. To use it effectively, clearly define the topic or niche you're targeting. Choose a reliable tool like Google Keyword Planner or SEMrush and enter seed keywords related to your content. Analyze tool suggestions by considering relevance, search volume, and competition. Refine your keyword list by selecting high-performing terms and expanding them to include related keywords. Consider the search intent behind each keyword and incorporate it naturally into your content. Use analytics tools to regularly track keyword performance and adapt your strategy based on  trends and changes in user behavior. This ongoing process ensures that your content remains optimized for search engines and continues to attract the right audience.
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: center;"&gt;
      &lt;br /&gt;
    &lt;/div&gt;
    &lt;div style="border: 0px; color: initial; font-size: 15px; text-align: start;"&gt;
      &lt;strong&gt;
        &lt;h2 style="border: 0px; color: inherit; font-size: 24px; text-align: center;"&gt;
          &lt;span style="color: #2969b0;"&gt;How To Create a Keyword Finder Online Tools?&lt;/span&gt;
        &lt;/h2&gt;
      &lt;/strong&gt;
      &lt;p style="text-align: left;"&gt;
        Creating a keyword finder online tool involves several key steps. First,
        establish the tool's purpose and target audience, determining whether it
        will focus on general keyword research or cater to specific industries.
        Next, design a user-friendly interface with input fields for users to
        enter seed keywords or topics. Integrate an algorithm that can analyze
        search volumes, and competition levels, and provide relevant keyword
        suggestions. Additionally, incorporate features such as filtering
        options and data visualization to enhance user experience. Ensure
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;script crossorigin="anonymous" integrity="sha512-AFwxAkWdvxRd9qhYYp1qbeRZj6/iTNmJ2GFwcxsMOzwwTaRwz2a/2TX225Ebcj3whXte1WGQb38cXE5j7ZQw3g==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"&gt;&lt;/script&gt;
&lt;script src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"&gt;&lt;/script&gt;

&lt;script src="https://cdn.jsdelivr.net/gh/IamArpain/free-keywords-generator/Scripts/buttons.html5.js"&gt;&lt;/script&gt;
&lt;script src="https://cdn.jsdelivr.net/gh/IamArpain/free-keywords-generator/Scripts/jquery.keywords.finder.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/keyf.js"&gt;&lt;/script&gt;
 
</description><link>https://infiniteinsightsonline.blogspot.com/2023/12/keywords-finder.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEgpCfk1kV9VVrCXEHAkr6mmAgBgMl6p2b2mnM4YI28k41T6DRGkZ_xhrfUqd9N5qf7HReO9fwK8Qv10pa1GHRODjZ1XJV8bPuwFxt76xV_n_832zvu6S6vAFj_OvGZa6rOE4ZHFZQNosJVL2BZmE29KXKyjAcWpeYLx6SwDpXN_kvDW9tEMGU3YcNPc/s72-w433-h283-c/findkey.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-131266979256554677</guid><pubDate>Thu, 30 Nov 2023 22:26:00 +0000</pubDate><atom:updated>2023-12-30T16:29:13.973-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Mastering Visual Appeal: Elevate Your Blog with SVG Icons and Graphics</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Explore SVG Resources for Bloggers. Learn about Scalable Vector Graphics (SVG) in HTML, advantages, and free SVG icons for social media, menu, etc."
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/11/svg-icons.html"
    /&gt;
    &lt;title&gt;
      Mastering Visual Appeal: Elevate Your Blog with SVG Icons and Graphics
    &lt;/title&gt;
    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/svg.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
          Mastering Visual Appeal: Elevate Your Blog with SVG Icons and
          Graphics&lt;/span
        &gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="SVG ICONS"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB5ccj4htXab9HJnxXnFyN9lAY4CpSVBHPriiTk1tt4n5EvWNLPMUXoL02HbxqAD7zhY6-VHXqOFoQw-Fm-Mj1rfs8TLiM1RcG45LoNP3ozPKutv0UvXxCTU7qJdVfHQC_GU87SGMuVlpn1OFOFc7NavKxD_mvUTbLYxrRLopa_KRgFibBOUhP8HfnTSc/s1240-rw/svg-icons.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;p&gt;
      Discover the power of Scalable Vector Graphicon-section (SVG) in HTML, a
      versatile XML-based vector image format designed for 2D graphic-section
      with animation support. Ideal for icons and logos, SVG ensures image
      quality remains pristine even after zooming.
    &lt;/p&gt;

    &lt;h2&gt;Advantages of SVG&lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;Scalable images&lt;/li&gt;
      &lt;li&gt;High-quality printing at any resolution&lt;/li&gt;
      &lt;li&gt;Editable with any text editor&lt;/li&gt;
      &lt;li&gt;Searchable, indexable, scriptable, and compressible&lt;/li&gt;
      &lt;li&gt;Pure XML files&lt;/li&gt;
      &lt;li&gt;Doesn't impact page loading time&lt;/li&gt;
    &lt;/ul&gt;

    &lt;h2&gt;
      &lt;span&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;/span&gt;FREE SVG Icons For Bloggers
    &lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;a href="#social-media-icons"&gt;&lt;strong&gt;Social Media Icons&lt;/strong&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a href="#menu-icons"&gt;&lt;strong&gt;Menu Icons&lt;/strong&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a href="#Utility"&gt;&lt;strong&gt;Utility Icons&lt;/strong&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a href="#Arrow"&gt;&lt;strong&gt;Arrow (Dark)&lt;/strong&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a href="#Emoji"&gt;&lt;strong&gt;Emoji Fill Icons&lt;/strong&gt;&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;

    &lt;p class="note"&gt;Copy SVG Codes with a Double Click&lt;/p&gt;
    &lt;h3
      id="social-media-icons"
      style="border-bottom: 2px solid; margin-bottom: 20px; text-align: left;"
    &gt;
      Social media Icons
    &lt;/h3&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 64 64"&gt;
          &lt;path
            d="M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Facebook"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 64 64"&amp;gt;&amp;lt;path d="M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z"&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 64 64"&gt;
          &lt;path
            d="M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="WhatsApp"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 64 64"&amp;gt;&amp;lt;path d="M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          id="svg5"
          style="enable-background: new 0 0 1668.56 1221.19;"
          version="1.1"
          viewbox="0 0 1668.56 1221.19"
          x="0px"
          xml:space="preserve"
          xmlns:svg="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
          y="0px"
        &gt;
          &lt;g id="layer1" transform="translate(52.390088,-25.058597)"&gt;
            &lt;path
              d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99
		h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"
              id="path1009"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Twitter"&gt;
        &lt;pre&gt;
&amp;lt;svg version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve"&amp;gt; &amp;lt;g id="layer1" transform="translate(52.390088,-25.058597)"&amp;gt; &amp;lt;path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99 h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"/&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 64 64"&gt;
          &lt;path
            d="M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="LinkedIn"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 64 64"&amp;gt;&amp;lt;path d="M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 64 64"&gt;
          &lt;path
            d="M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Telegram"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 64 64"&amp;gt;&amp;lt;path d="M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 64 64"&gt;
          &lt;path
            d="M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="pinterest"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 64 64"&amp;gt;&amp;lt;path d="M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 500 500"&gt;
          &lt;path
            d="M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Email"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 500 500"&amp;gt;&amp;lt;path d="M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg viewbox="0 0 512 512"&gt;
          &lt;path
            d="M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Plus"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 512 512"&amp;gt;&amp;lt;path d="M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12,2C6.36,2 2,6.13 2,11.7C2,14.61 3.19,17.14 5.14,18.87C5.3,19 5.4,19.22 5.41,19.44L5.46,21.22C5.5,21.79 6.07,22.16 6.59,21.93L8.57,21.06C8.74,21 8.93,20.97 9.1,21C10,21.27 11,21.4 12,21.4C17.64,21.4 22,17.27 22,11.7C22,6.13 17.64,2 12,2M18,9.46L15.07,14.13C14.6,14.86 13.6,15.05 12.9,14.5L10.56,12.77C10.35,12.61 10.05,12.61 9.84,12.77L6.68,15.17C6.26,15.5 5.71,15 6,14.54L8.93,9.87C9.4,9.14 10.4,8.95 11.1,9.47L13.44,11.23C13.66,11.39 13.95,11.39 14.16,11.23L17.32,8.83C17.74,8.5 18.29,9 18,9.46Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="messenger"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M12,2C6.36,2 2,6.13 2,11.7C2,14.61 3.19,17.14 5.14,18.87C5.3,19 5.4,19.22 5.41,19.44L5.46,21.22C5.5,21.79 6.07,22.16 6.59,21.93L8.57,21.06C8.74,21 8.93,20.97 9.1,21C10,21.27 11,21.4 12,21.4C17.64,21.4 22,17.27 22,11.7C22,6.13 17.64,2 12,2M18,9.46L15.07,14.13C14.6,14.86 13.6,15.05 12.9,14.5L10.56,12.77C10.35,12.61 10.05,12.61 9.84,12.77L6.68,15.17C6.26,15.5 5.71,15 6,14.54L8.93,9.87C9.4,9.14 10.4,8.95 11.1,9.47L13.44,11.23C13.66,11.39 13.95,11.39 14.16,11.23L17.32,8.83C17.74,8.5 18.29,9 18,9.46Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="YouTube"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Playstore"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-google"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Google"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-quora"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8.73 12.476c-.554-1.091-1.204-2.193-2.473-2.193-.242 0-.484.04-.707.142l-.43-.863c.525-.45 1.373-.808 2.464-.808 1.697 0 2.568.818 3.26 1.86.41-.89.605-2.093.605-3.584 0-3.724-1.165-5.636-3.885-5.636-2.68 0-3.839 1.912-3.839 5.636 0 3.704 1.159 5.596 3.84 5.596.425 0 .811-.046 1.166-.15Zm.665 1.3a7.127 7.127 0 0 1-1.83.244C3.994 14.02.5 11.172.5 7.03.5 2.849 3.995 0 7.564 0c3.63 0 7.09 2.828 7.09 7.03 0 2.337-1.09 4.236-2.675 5.464.512.767 1.04 1.277 1.773 1.277.802 0 1.125-.62 1.179-1.105h1.043c.061.647-.262 3.334-3.178 3.334-1.767 0-2.7-1.024-3.4-2.224Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="quora"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-quora" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8.73 12.476c-.554-1.091-1.204-2.193-2.473-2.193-.242 0-.484.04-.707.142l-.43-.863c.525-.45 1.373-.808 2.464-.808 1.697 0 2.568.818 3.26 1.86.41-.89.605-2.093.605-3.584 0-3.724-1.165-5.636-3.885-5.636-2.68 0-3.839 1.912-3.839 5.636 0 3.704 1.159 5.596 3.84 5.596.425 0 .811-.046 1.166-.15Zm.665 1.3a7.127 7.127 0 0 1-1.83.244C3.994 14.02.5 11.172.5 7.03.5 2.849 3.995 0 7.564 0c3.63 0 7.09 2.828 7.09 7.03 0 2.337-1.09 4.236-2.675 5.464.512.767 1.04 1.277 1.773 1.277.802 0 1.125-.62 1.179-1.105h1.043c.061.647-.262 3.334-3.178 3.334-1.767 0-2.7-1.024-3.4-2.224Z"/&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M12 2.03998C6.5 2.03998 2 6.52998 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.84998C10.44 7.33998 11.93 5.95998 14.22 5.95998C15.31 5.95998 16.45 6.14998 16.45 6.14998V8.61998H15.19C13.95 8.61998 13.56 9.38998 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96C15.9164 21.5878 18.0622 20.3855 19.6099 18.57C21.1576 16.7546 22.0054 14.4456 22 12.06C22 6.52998 17.5 2.03998 12 2.03998Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Facebook 2"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M12 2.03998C6.5 2.03998 2 6.52998 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.84998C10.44 7.33998 11.93 5.95998 14.22 5.95998C15.31 5.95998 16.45 6.14998 16.45 6.14998V8.61998H15.19C13.95 8.61998 13.56 9.38998 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96C15.9164 21.5878 18.0622 20.3855 19.6099 18.57C21.1576 16.7546 22.0054 14.4456 22 12.06C22 6.52998 17.5 2.03998 12 2.03998Z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;path
                d="M113,446c24.8,0,45.1-20.2,45.1-45.1c0-9.8-3.2-18.9-8.5-26.3c-8.2-11.3-21.5-18.8-36.5-18.8s-28.3,7.4-36.5,18.8 c-5.3,7.4-8.5,16.5-8.5,26.3C68,425.8,88.2,446,113,446z"
              &gt;&lt;/path&gt;
              &lt;polygon
                points="211.4,345.9 211.4,308.1 211.4,302.5 205.8,302.5 168,302.6 168.2,346 "
              &gt;&lt;/polygon&gt;
              &lt;path
                d="M183,401c0,38.6-31.4,70-70,70c-38.6,0-70-31.4-70-70c0-9.3,1.9-18.2,5.2-26.3H10v104.8C10,493,21,504,34.5,504h157 c13.5,0,24.5-11,24.5-24.5V374.7h-38.2C181.2,382.8,183,391.7,183,401z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,374.7v104.8 c0,27.3-22.2,49.5-49.5,49.5h-157C7.2,529-15,506.8-15,479.5V374.7v-52.3c0-27.3,22.2-49.5,49.5-49.5h157 c27.3,0,49.5,22.2,49.5,49.5V374.7z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="instagram 2"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;path d="M113,446c24.8,0,45.1-20.2,45.1-45.1c0-9.8-3.2-18.9-8.5-26.3c-8.2-11.3-21.5-18.8-36.5-18.8s-28.3,7.4-36.5,18.8 c-5.3,7.4-8.5,16.5-8.5,26.3C68,425.8,88.2,446,113,446z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;polygon points="211.4,345.9 211.4,308.1 211.4,302.5 205.8,302.5 168,302.6 168.2,346 "&amp;gt;&amp;lt;/polygon&amp;gt; &amp;lt;path d="M183,401c0,38.6-31.4,70-70,70c-38.6,0-70-31.4-70-70c0-9.3,1.9-18.2,5.2-26.3H10v104.8C10,493,21,504,34.5,504h157 c13.5,0,24.5-11,24.5-24.5V374.7h-38.2C181.2,382.8,183,391.7,183,401z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,374.7v104.8 c0,27.3-22.2,49.5-49.5,49.5h-157C7.2,529-15,506.8-15,479.5V374.7v-52.3c0-27.3,22.2-49.5,49.5-49.5h157 c27.3,0,49.5,22.2,49.5,49.5V374.7z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M41.4,508.1H-8.5V348.4h49.9 V508.1z M15.1,328.4h-0.4c-18.1,0-29.8-12.2-29.8-27.7c0-15.8,12.1-27.7,30.5-27.7c18.4,0,29.7,11.9,30.1,27.7 C45.6,316.1,33.9,328.4,15.1,328.4z M241,508.1h-56.6v-82.6c0-21.6-8.8-36.4-28.3-36.4c-14.9,0-23.2,10-27,19.6 c-1.4,3.4-1.2,8.2-1.2,13.1v86.3H71.8c0,0,0.7-146.4,0-159.7h56.1v25.1c3.3-11,21.2-26.6,49.8-26.6c35.5,0,63.3,23,63.3,72.4V508.1z "
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Linkedin 2"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M41.4,508.1H-8.5V348.4h49.9 V508.1z M15.1,328.4h-0.4c-18.1,0-29.8-12.2-29.8-27.7c0-15.8,12.1-27.7,30.5-27.7c18.4,0,29.7,11.9,30.1,27.7 C45.6,316.1,33.9,328.4,15.1,328.4z M241,508.1h-56.6v-82.6c0-21.6-8.8-36.4-28.3-36.4c-14.9,0-23.2,10-27,19.6 c-1.4,3.4-1.2,8.2-1.2,13.1v86.3H71.8c0,0,0.7-146.4,0-159.7h56.1v25.1c3.3-11,21.2-26.6,49.8-26.6c35.5,0,63.3,23,63.3,72.4V508.1z "&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M113,528.3 c-12.6,0-24.8-1.9-36.3-5.3c4.9-7.7,10.2-17.6,12.9-27.4c1.6-5.7,9-35.2,9-35.2c4.4,8.5,17.4,15.9,31.3,15.9 c41.2,0,69.1-37.5,69.1-87.7c0-38-32.2-73.3-81-73.3c-60.8,0-91.5,43.6-91.5,80c0,22,8.3,41.6,26.2,48.9c2.9,1.2,5.5,0,6.4-3.2 c0.6-2.2,2-7.9,2.6-10.3c0.9-3.2,0.5-4.3-1.8-7.1c-5.1-6.1-8.4-13.9-8.4-25.1c0-32.3,24.2-61.3,63-61.3c34.4,0,53.3,21,53.3,49 c0,36.9-16.3,68-40.6,68c-13.4,0-23.4-11.1-20.2-24.6c3.8-16.2,11.3-33.7,11.3-45.4c0-10.5-5.6-19.2-17.3-19.2 c-13.7,0-24.7,14.2-24.7,33.1c0,12.1,4.1,20.2,4.1,20.2s-14,59.4-16.5,69.7c-2.3,9.7-2.6,20.5-2.2,29.4 C16.5,497.8-15,452.7-15,400.3c0-70.7,57.3-128,128-128s128,57.3,128,128S183.7,528.3,113,528.3z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Pinterest 2"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M113,528.3 c-12.6,0-24.8-1.9-36.3-5.3c4.9-7.7,10.2-17.6,12.9-27.4c1.6-5.7,9-35.2,9-35.2c4.4,8.5,17.4,15.9,31.3,15.9 c41.2,0,69.1-37.5,69.1-87.7c0-38-32.2-73.3-81-73.3c-60.8,0-91.5,43.6-91.5,80c0,22,8.3,41.6,26.2,48.9c2.9,1.2,5.5,0,6.4-3.2 c0.6-2.2,2-7.9,2.6-10.3c0.9-3.2,0.5-4.3-1.8-7.1c-5.1-6.1-8.4-13.9-8.4-25.1c0-32.3,24.2-61.3,63-61.3c34.4,0,53.3,21,53.3,49 c0,36.9-16.3,68-40.6,68c-13.4,0-23.4-11.1-20.2-24.6c3.8-16.2,11.3-33.7,11.3-45.4c0-10.5-5.6-19.2-17.3-19.2 c-13.7,0-24.7,14.2-24.7,33.1c0,12.1,4.1,20.2,4.1,20.2s-14,59.4-16.5,69.7c-2.3,9.7-2.6,20.5-2.2,29.4 C16.5,497.8-15,452.7-15,400.3c0-70.7,57.3-128,128-128s128,57.3,128,128S183.7,528.3,113,528.3z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M43.1,518.7 c-6.2,6.2-14.7,9.9-24.1,9.9c-9.4,0-17.8-3.8-24-9.9c-6.2-6.2-10-14.6-10-23.9c0-9.4,3.8-17.8,10-24s14.6-10,24-10 c9.4,0,17.9,3.8,24,10c6.2,6.2,10,14.6,10,24C53,504.2,49.2,512.6,43.1,518.7z M104.8,529c-0.1-32.1-12.5-62.3-35.1-84.9 c-22.6-22.6-52.8-35.2-84.7-35.2V360c46.6,0,88.7,19,119.3,49.6c30.6,30.6,49.5,72.8,49.6,119.4H104.8z M192,529 c-0.1-114.2-92.8-207.1-206.9-207.1V273c70.6,0,134.5,28.7,180.8,75.1c46.3,46.4,75,110.3,75.1,180.9H192z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="RSS"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M43.1,518.7 c-6.2,6.2-14.7,9.9-24.1,9.9c-9.4,0-17.8-3.8-24-9.9c-6.2-6.2-10-14.6-10-23.9c0-9.4,3.8-17.8,10-24s14.6-10,24-10 c9.4,0,17.9,3.8,24,10c6.2,6.2,10,14.6,10,24C53,504.2,49.2,512.6,43.1,518.7z M104.8,529c-0.1-32.1-12.5-62.3-35.1-84.9 c-22.6-22.6-52.8-35.2-84.7-35.2V360c46.6,0,88.7,19,119.3,49.6c30.6,30.6,49.5,72.8,49.6,119.4H104.8z M192,529 c-0.1-114.2-92.8-207.1-206.9-207.1V273c70.6,0,134.5,28.7,180.8,75.1c46.3,46.4,75,110.3,75.1,180.9H192z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="0 0 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;path
                d="M301.4,286.7h-91.1c-8.6,0-15.5,6.9-15.5,15.4c0,8.4,6.9,15.4,15.5,15.4h91.1c8.5,0,15.4-7,15.4-15.4 C316.8,293.6,309.9,286.7,301.4,286.7z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M210.3,225h44.8c8.6,0,15.5-7,15.5-15.5s-6.9-15.4-15.5-15.4h-44.8c-8.6,0-15.5,6.9-15.5,15.4S201.8,225,210.3,225z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M383,303.3 c-0.3,44.4-36.4,80.7-80.8,80.7h-92.9c-44.5,0-80.8-36.4-80.8-80.7v-94.4c0-44.5,36.4-80.9,80.8-80.9h56.6 c20.9,2.5,51.2,20.4,62.4,44.1c3.1,6.7,4.7,7.7,7.3,27.5c1.4,10.2,2,17.7,6.6,21.9c6.5,5.8,30.2,1.9,34.9,5.6l3.6,2.8l2.1,4.4 l0.8,3.6L383,303.3z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Blogger"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;path d="M301.4,286.7h-91.1c-8.6,0-15.5,6.9-15.5,15.4c0,8.4,6.9,15.4,15.5,15.4h91.1c8.5,0,15.4-7,15.4-15.4 C316.8,293.6,309.9,286.7,301.4,286.7z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M210.3,225h44.8c8.6,0,15.5-7,15.5-15.5s-6.9-15.4-15.5-15.4h-44.8c-8.6,0-15.5,6.9-15.5,15.4S201.8,225,210.3,225z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M383,303.3 c-0.3,44.4-36.4,80.7-80.8,80.7h-92.9c-44.5,0-80.8-36.4-80.8-80.7v-94.4c0-44.5,36.4-80.9,80.8-80.9h56.6 c20.9,2.5,51.2,20.4,62.4,44.1c3.1,6.7,4.7,7.7,7.3,27.5c1.4,10.2,2,17.7,6.6,21.9c6.5,5.8,30.2,1.9,34.9,5.6l3.6,2.8l2.1,4.4 l0.8,3.6L383,303.3z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;path
                d="M13.4,379.1c-6.2-2.6-13.8-0.4-18.4,5.1s-5.1,13.8-1.1,19.7C-1.4,394.3,5.3,386.2,13.4,379.1z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M195.9,325.6c6.4,0,11.5-5.3,11.5-11.7c0-6.4-5.1-11.5-11.5-11.6c-6.4,0-11.6,5.1-11.7,11.5 C184.1,320.3,189.5,325.6,195.9,325.6z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M174.7,380.5c-17.5-9.8-36.5-14.6-56.4-16c-23.6-1.7-46.6,1.2-68.5,10.4c-13.7,5.7-25.9,13.5-35.3,25.2 C0.8,417.3,0.3,438,13.2,455.7c6.7,9.2,15.5,16.1,25.4,21.6c21.1,11.6,43.9,16.1,65.1,16.2c22.3,0,41.4-3.2,59.6-10.9 c13.6-5.7,25.9-13.5,35.2-25.3c13.7-17.3,14.1-37.7,1.2-55.6C193.1,392.7,184.4,385.9,174.7,380.5z M48.6,415 c0.2-12,9.8-21.3,21.8-21.1c11.6,0.2,20.9,9.9,20.8,21.6c-0.1,11.8-10,21.2-22,21C57.8,436.2,48.5,426.5,48.6,415z M151.1,466.8 c-7.1,6.5-15.6,10.2-24.8,12.1c-6.6,1.4-13.3,1.9-20,2.9c-11.4-0.6-22.4-2.2-32.6-7.4c-3.8-1.9-7.3-4.4-10.6-7.1 c-3.9-3.3-4.1-8.2-1-11.6c3.1-3.3,7.9-3.2,11.6,0.1c5.5,4.9,12.1,7.2,19.2,8.5c12.4,2.3,24.7,1.8,36.6-2.8c3.9-1.5,7.5-3.9,11-6.4 c3.6-2.6,8.3-2.5,11.1,0.6C154.6,459,154.4,463.8,151.1,466.8z M144.9,436.4c-11.4-0.2-20.9-10-20.7-21.5c0.2-12,10-21.4,22.2-21.1 c11.4,0.3,20.7,10.1,20.5,21.6C166.7,427.5,157,436.7,144.9,436.4z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M200,379.1c3.6,4,7.4,7.7,10.7,11.8c3.2,4.2,5.9,8.8,8.9,13.1c4-5.5,3.6-13.7-0.8-19.4C214.2,378.8,206.3,376.5,200,379.1z "
              &gt;&lt;/path&gt;
              &lt;path
                d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M238,399 c-0.1,0.2-0.3,0.5-0.3,0.7c-1.4,8.8-5.6,15.8-12.5,21.4c-0.5,0.4-0.7,1.5-0.6,2.2c1,12.5-1.6,24.1-7.9,34.9 c-8.6,14.7-21.1,25.1-35.8,33.2c-20,11-41.7,16.3-64.4,17.6c-26.1,1.5-51.3-2.4-75.2-13.1c-16-7.1-30.1-16.9-40.6-31.2 c-9.2-12.5-13.8-26.4-12.2-42c0.1-0.8-0.6-1.8-1.3-2.4c-4.1-3.5-7.4-7.6-9.3-12.7c-1-2.8-1.7-5.7-2.5-8.5c0-2.6,0-5.1,0-7.7 c1.6-4.4,2.6-9.1,4.9-13.1c9.2-15.8,29.9-20.6,45.3-10.7c1.6,1,2.7,1,4.3,0.1c18.4-10.7,38.4-16.2,59.5-18.3 c3.1-0.3,6.3-0.5,9.5-0.6c1.6,0,2.3-0.7,2.9-2.2c6.3-18.2,12.8-36.4,19.2-54.6c0.3-0.8,0.6-1.6,1-2.6c6.8,1.6,13.5,3.2,20.2,4.8 c9.1,2.2,18.3,4.3,27.4,6.6c1.7,0.4,2.5,0.2,3.5-1.3c6.7-10.5,19-15,30.8-11.5c11.6,3.5,19.5,14.3,19.5,26.6 c-0.1,13.3-10.5,25.1-23.5,26.6c-14.2,1.7-27.3-7.2-30.2-20.7c-0.6-2.9-1.7-4.1-4.7-4.8c-10.9-2.4-21.7-5.1-32.9-7.7 c-4.8,13.6-9.5,27.1-14.3,40.7c6,0.8,11.8,1.4,17.6,2.3c17.2,2.8,33.4,8.3,48.5,17.1c1.3,0.8,2.2,0.9,3.6,0 c20.1-13,45.9-1.8,50.3,21.8c0.1,0.4,0.3,0.8,0.5,1.1C238,393.5,238,396.2,238,399z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Reddit"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;path d="M13.4,379.1c-6.2-2.6-13.8-0.4-18.4,5.1s-5.1,13.8-1.1,19.7C-1.4,394.3,5.3,386.2,13.4,379.1z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M195.9,325.6c6.4,0,11.5-5.3,11.5-11.7c0-6.4-5.1-11.5-11.5-11.6c-6.4,0-11.6,5.1-11.7,11.5 C184.1,320.3,189.5,325.6,195.9,325.6z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M174.7,380.5c-17.5-9.8-36.5-14.6-56.4-16c-23.6-1.7-46.6,1.2-68.5,10.4c-13.7,5.7-25.9,13.5-35.3,25.2 C0.8,417.3,0.3,438,13.2,455.7c6.7,9.2,15.5,16.1,25.4,21.6c21.1,11.6,43.9,16.1,65.1,16.2c22.3,0,41.4-3.2,59.6-10.9 c13.6-5.7,25.9-13.5,35.2-25.3c13.7-17.3,14.1-37.7,1.2-55.6C193.1,392.7,184.4,385.9,174.7,380.5z M48.6,415 c0.2-12,9.8-21.3,21.8-21.1c11.6,0.2,20.9,9.9,20.8,21.6c-0.1,11.8-10,21.2-22,21C57.8,436.2,48.5,426.5,48.6,415z M151.1,466.8 c-7.1,6.5-15.6,10.2-24.8,12.1c-6.6,1.4-13.3,1.9-20,2.9c-11.4-0.6-22.4-2.2-32.6-7.4c-3.8-1.9-7.3-4.4-10.6-7.1 c-3.9-3.3-4.1-8.2-1-11.6c3.1-3.3,7.9-3.2,11.6,0.1c5.5,4.9,12.1,7.2,19.2,8.5c12.4,2.3,24.7,1.8,36.6-2.8c3.9-1.5,7.5-3.9,11-6.4 c3.6-2.6,8.3-2.5,11.1,0.6C154.6,459,154.4,463.8,151.1,466.8z M144.9,436.4c-11.4-0.2-20.9-10-20.7-21.5c0.2-12,10-21.4,22.2-21.1 c11.4,0.3,20.7,10.1,20.5,21.6C166.7,427.5,157,436.7,144.9,436.4z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M200,379.1c3.6,4,7.4,7.7,10.7,11.8c3.2,4.2,5.9,8.8,8.9,13.1c4-5.5,3.6-13.7-0.8-19.4C214.2,378.8,206.3,376.5,200,379.1z "&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M238,399 c-0.1,0.2-0.3,0.5-0.3,0.7c-1.4,8.8-5.6,15.8-12.5,21.4c-0.5,0.4-0.7,1.5-0.6,2.2c1,12.5-1.6,24.1-7.9,34.9 c-8.6,14.7-21.1,25.1-35.8,33.2c-20,11-41.7,16.3-64.4,17.6c-26.1,1.5-51.3-2.4-75.2-13.1c-16-7.1-30.1-16.9-40.6-31.2 c-9.2-12.5-13.8-26.4-12.2-42c0.1-0.8-0.6-1.8-1.3-2.4c-4.1-3.5-7.4-7.6-9.3-12.7c-1-2.8-1.7-5.7-2.5-8.5c0-2.6,0-5.1,0-7.7 c1.6-4.4,2.6-9.1,4.9-13.1c9.2-15.8,29.9-20.6,45.3-10.7c1.6,1,2.7,1,4.3,0.1c18.4-10.7,38.4-16.2,59.5-18.3 c3.1-0.3,6.3-0.5,9.5-0.6c1.6,0,2.3-0.7,2.9-2.2c6.3-18.2,12.8-36.4,19.2-54.6c0.3-0.8,0.6-1.6,1-2.6c6.8,1.6,13.5,3.2,20.2,4.8 c9.1,2.2,18.3,4.3,27.4,6.6c1.7,0.4,2.5,0.2,3.5-1.3c6.7-10.5,19-15,30.8-11.5c11.6,3.5,19.5,14.3,19.5,26.6 c-0.1,13.3-10.5,25.1-23.5,26.6c-14.2,1.7-27.3-7.2-30.2-20.7c-0.6-2.9-1.7-4.1-4.7-4.8c-10.9-2.4-21.7-5.1-32.9-7.7 c-4.8,13.6-9.5,27.1-14.3,40.7c6,0.8,11.8,1.4,17.6,2.3c17.2,2.8,33.4,8.3,48.5,17.1c1.3,0.8,2.2,0.9,3.6,0 c20.1-13,45.9-1.8,50.3,21.8c0.1,0.4,0.3,0.8,0.5,1.1C238,393.5,238,396.2,238,399z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;polygon points="78.9,450.3 162.7,401.1 78.9,351.9 "&gt;&lt;/polygon&gt;
              &lt;path
                d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,446.8L241,446.8 c0,44.1-44.1,44.1-44.1,44.1H29.1c-44.1,0-44.1-44.1-44.1-44.1v-91.5c0-44.1,44.1-44.1,44.1-44.1h167.8c44.1,0,44.1,44.1,44.1,44.1 V446.8z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="YouTube 2"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;polygon points="78.9,450.3 162.7,401.1 78.9,351.9 "&amp;gt;&amp;lt;/polygon&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M241,446.8L241,446.8 c0,44.1-44.1,44.1-44.1,44.1H29.1c-44.1,0-44.1-44.1-44.1-44.1v-91.5c0-44.1,44.1-44.1,44.1-44.1h167.8c44.1,0,44.1,44.1,44.1,44.1 V446.8z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;path
                d="M177.1,398.4c-8.6-1.5-17.6-1.3-26.4-0.8c-20,1.1-40,3-60,1.2c-9.5-0.9-19.1-1.8-28.7-1.6c-17.4,0.3-32,6-40.6,22.6 c-4.3,8.2-5.3,17-5,26.1c0.7,25.6,11.8,40.2,36.2,47.5c19.6,5.8,39.7,6.6,59.9,6.2c7.5,0,15,0.4,22.5-0.1 c15.5-0.9,30.7-3.2,45.4-8.6c15.2-5.6,24.3-16.3,27.6-31.8c1.3-6,1.9-12.3,1.8-18.4C209.6,420,195.6,401.5,177.1,398.4z M78.7,466.1c-6.5,7.1-15.9,7.2-22.6,0.3c-4.9-5-7.7-12.7-7.7-22.3c0.2-6.5,2.1-13.6,7.7-19.3c6.7-6.9,16.1-6.8,22.6,0.2 C88.5,435.6,88.5,455.5,78.7,466.1z M169.6,466.6c-6.1,6.3-14.9,6.5-21.4,0.7c-11.2-10.2-11.2-32.9,0-43.2 c6.4-5.9,15.2-5.7,21.4,0.6c5.7,5.8,7.6,13.1,7.9,20.9C177.2,453.5,175.2,460.7,169.6,466.6z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M244.2,423.4 c-1.4,11.4-3.8,23.1-7.9,33.8c-12,30.7-36,47.6-67.8,52.7c-18.2,2.9-36.9,3-57.1,4.5c-18.1-1.6-38-1.8-57.3-5.2 c-37.4-6.6-62.8-32.8-70.2-70.3c-3.8-19.1-4.9-38.3,1-57.3c3.1-9.8,8.2-18.5,14.8-26.4c0.9-1,1.7-2.5,1.6-3.8 c-1.1-17.2,0.9-34.2,6-50.6c4.2-13.7,1.1-12.9,16.3-8.9c18.3,4.8,34.3,14.7,50,25c1.8,1.2,4.6,1.7,6.8,1.3 c22.2-3.4,44.3-3.6,66.5,0.3c1.6,0.3,3.7-0.3,5.2-1.2c13.5-8.8,27.4-16.7,42.6-22.2c5.5-2,11.3-3.3,16.9-5c2.5-0.7,3.6,0.2,4.5,2.6 c6.8,19,9.6,38.5,8.6,58.6c-0.1,1.1,0.5,2.6,1.2,3.5C243,374.6,247.3,398.2,244.2,423.4z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Github"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;path d="M177.1,398.4c-8.6-1.5-17.6-1.3-26.4-0.8c-20,1.1-40,3-60,1.2c-9.5-0.9-19.1-1.8-28.7-1.6c-17.4,0.3-32,6-40.6,22.6 c-4.3,8.2-5.3,17-5,26.1c0.7,25.6,11.8,40.2,36.2,47.5c19.6,5.8,39.7,6.6,59.9,6.2c7.5,0,15,0.4,22.5-0.1 c15.5-0.9,30.7-3.2,45.4-8.6c15.2-5.6,24.3-16.3,27.6-31.8c1.3-6,1.9-12.3,1.8-18.4C209.6,420,195.6,401.5,177.1,398.4z M78.7,466.1c-6.5,7.1-15.9,7.2-22.6,0.3c-4.9-5-7.7-12.7-7.7-22.3c0.2-6.5,2.1-13.6,7.7-19.3c6.7-6.9,16.1-6.8,22.6,0.2 C88.5,435.6,88.5,455.5,78.7,466.1z M169.6,466.6c-6.1,6.3-14.9,6.5-21.4,0.7c-11.2-10.2-11.2-32.9,0-43.2 c6.4-5.9,15.2-5.7,21.4,0.6c5.7,5.8,7.6,13.1,7.9,20.9C177.2,453.5,175.2,460.7,169.6,466.6z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M244.2,423.4 c-1.4,11.4-3.8,23.1-7.9,33.8c-12,30.7-36,47.6-67.8,52.7c-18.2,2.9-36.9,3-57.1,4.5c-18.1-1.6-38-1.8-57.3-5.2 c-37.4-6.6-62.8-32.8-70.2-70.3c-3.8-19.1-4.9-38.3,1-57.3c3.1-9.8,8.2-18.5,14.8-26.4c0.9-1,1.7-2.5,1.6-3.8 c-1.1-17.2,0.9-34.2,6-50.6c4.2-13.7,1.1-12.9,16.3-8.9c18.3,4.8,34.3,14.7,50,25c1.8,1.2,4.6,1.7,6.8,1.3 c22.2-3.4,44.3-3.6,66.5,0.3c1.6,0.3,3.7-0.3,5.2-1.2c13.5-8.8,27.4-16.7,42.6-22.2c5.5-2,11.3-3.3,16.9-5c2.5-0.7,3.6,0.2,4.5,2.6 c6.8,19,9.6,38.5,8.6,58.6c-0.1,1.1,0.5,2.6,1.2,3.5C243,374.6,247.3,398.2,244.2,423.4z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z M23,506.3l-2.1-3.6l-35.2-60.3l-0.7-1.3l0.7-1.2l80.9-140.1l2.1-3.6l2.1,3.6l35.2,60.3l0.7,1.2l-0.7,1.2L25.1,502.6L23,506.3z M238.9,451.6l-34.7,60.6l-0.7,1.2h-1.4H40.4h-4.2l2.1-3.7L73,449.1l0.7-1.2h1.4h161.7h4.2L238.9,451.6z M236.8,433.5l-69.8,0.3 h-1.4l-0.7-1.2L84,292.5l-2.1-3.7h4.2l69.9-0.3h1.4l0.7,1.2L239,429.8l2.1,3.7H236.8z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Google Drive"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z M23,506.3l-2.1-3.6l-35.2-60.3l-0.7-1.3l0.7-1.2l80.9-140.1l2.1-3.6l2.1,3.6l35.2,60.3l0.7,1.2l-0.7,1.2L25.1,502.6L23,506.3z M238.9,451.6l-34.7,60.6l-0.7,1.2h-1.4H40.4h-4.2l2.1-3.7L73,449.1l0.7-1.2h1.4h161.7h4.2L238.9,451.6z M236.8,433.5l-69.8,0.3 h-1.4l-0.7-1.2L84,292.5l-2.1-3.7h4.2l69.9-0.3h1.4l0.7,1.2L239,429.8l2.1,3.7H236.8z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="-143 145 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M-15,401 c0-18.6,4-36.2,11.1-52.1l61.1,167.3C14.4,495.5-15,451.6-15,401z M113,529c-12.6,0-24.7-1.8-36.2-5.2l38.4-111.6L154.5,520 c0.2,0.6,0.6,1.2,0.9,1.7C142.2,526.4,127.9,529,113,529z M130.7,341c7.7-0.4,14.6-1.2,14.6-1.2c6.9-0.8,6.1-11-0.8-10.6 c0,0-20.8,1.6-34.1,1.6c-12.6,0-33.7-1.6-33.7-1.6c-6.9-0.4-7.7,10.1-0.8,10.6c0,0,6.5,0.8,13.4,1.2l20,54.6l-28,84L34.7,341 c7.7-0.4,14.6-1.2,14.6-1.2c6.9-0.8,6.1-11-0.8-10.6c0,0-20.7,1.6-34.1,1.6c-2.4,0-5.2-0.1-8.2-0.2c22.9-34.7,62.2-57.7,107-57.7 c33.3,0,63.7,12.8,86.4,33.6c-0.6,0-1.1-0.1-1.6-0.1c-12.6,0-21.5,11-21.5,22.7c0,10.6,6.1,19.5,12.6,30 c4.9,8.5,10.6,19.5,10.6,35.3c0,11-3.3,24.7-9.7,41.4l-12.8,42.6L130.7,341z M177.4,511.6l39.1-113c7.3-18.3,9.7-32.9,9.7-45.8 c0-4.7-0.3-9.1-0.9-13.2c10,18.2,15.7,39.2,15.7,61.4C241,448.2,215.4,489.4,177.4,511.6z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Wordpress"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-143 145 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M113,145c-141.4,0-256,114.6-256,256s114.6,256,256,256s256-114.6,256-256S254.4,145,113,145z M-15,401 c0-18.6,4-36.2,11.1-52.1l61.1,167.3C14.4,495.5-15,451.6-15,401z M113,529c-12.6,0-24.7-1.8-36.2-5.2l38.4-111.6L154.5,520 c0.2,0.6,0.6,1.2,0.9,1.7C142.2,526.4,127.9,529,113,529z M130.7,341c7.7-0.4,14.6-1.2,14.6-1.2c6.9-0.8,6.1-11-0.8-10.6 c0,0-20.8,1.6-34.1,1.6c-12.6,0-33.7-1.6-33.7-1.6c-6.9-0.4-7.7,10.1-0.8,10.6c0,0,6.5,0.8,13.4,1.2l20,54.6l-28,84L34.7,341 c7.7-0.4,14.6-1.2,14.6-1.2c6.9-0.8,6.1-11-0.8-10.6c0,0-20.7,1.6-34.1,1.6c-2.4,0-5.2-0.1-8.2-0.2c22.9-34.7,62.2-57.7,107-57.7 c33.3,0,63.7,12.8,86.4,33.6c-0.6,0-1.1-0.1-1.6-0.1c-12.6,0-21.5,11-21.5,22.7c0,10.6,6.1,19.5,12.6,30 c4.9,8.5,10.6,19.5,10.6,35.3c0,11-3.3,24.7-9.7,41.4l-12.8,42.6L130.7,341z M177.4,511.6l39.1-113c7.3-18.3,9.7-32.9,9.7-45.8 c0-4.7-0.3-9.1-0.9-13.2c10,18.2,15.7,39.2,15.7,61.4C241,448.2,215.4,489.4,177.4,511.6z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="0 0 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;g&gt;
              &lt;path
                d="M230.4,165.2c-4.1,0-7.4,3.3-7.4,7.4s3.3,7.4,7.4,7.4c4.1,0,7.4-3.3,7.4-7.4C237.8,168.5,234.5,165.2,230.4,165.2z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M289.8,165.2c-4.1,0-7.4,3.3-7.4,7.4s3.3,7.4,7.4,7.4c4.1,0,7.4-3.3,7.4-7.4C297.3,168.5,294,165.2,289.8,165.2z"
              &gt;&lt;/path&gt;
              &lt;path
                d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M180.8,288.2c0,8.2-6.7,14.9-14.9,14.9 c-8.2,0-14.9-6.7-14.9-14.9v-63.6c0-8.2,6.7-14.9,14.9-14.9c8.2,0,14.9,6.7,14.9,14.9V288.2z M329.5,222.1v10.1v86.6 c0,8.7-7,15.7-15.7,15.7h-11.3c0.4,1.3,0.6,2.7,0.6,4.1v0.8v5V370c0,8.2-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9v-25.6v-5v-0.8 c0-1.4,0.2-2.8,0.6-4.1h-27.6c0.4,1.3,0.6,2.7,0.6,4.1v0.8v5V370c0,8.2-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9v-25.6v-5v-0.8 c0-1.4,0.2-2.8,0.6-4.1h-11.3c-8.7,0-15.7-7-15.7-15.7v-86.6v-10.1v-12.4h1.1h136.6h1.1L329.5,222.1L329.5,222.1z M190.7,199.9 c0-21.2,14.2-39.8,35.3-49.6l-2.8-4.2l-2.8-4.1l-6.2-9.3c-0.7-1.1-0.4-2.7,0.7-3.4c1.1-0.8,2.7-0.4,3.4,0.7l6.6,9.9l2.8,4.2 l2.8,4.2c9-3.5,18.9-5.4,29.5-5.4c10.5,0,20.5,1.9,29.5,5.4l2.8-4.2l2.8-4.2l6.6-9.9c0.7-1.1,2.3-1.5,3.4-0.7s1.5,2.3,0.7,3.4 l-6.2,9.3l-2.6,4.1l-2.8,4.2c21,9.8,35.2,28.3,35.2,49.6L190.7,199.9L190.7,199.9z M369.1,288.2c0,8.2-6.7,14.9-14.9,14.9 c-8.2,0-14.9-6.7-14.9-14.9v-63.6c0-8.2,6.7-14.9,14.9-14.9c8.2,0,14.9,6.7,14.9,14.9V288.2z"
              &gt;&lt;/path&gt;
            &lt;/g&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Android"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;g&amp;gt; &amp;lt;path d="M230.4,165.2c-4.1,0-7.4,3.3-7.4,7.4s3.3,7.4,7.4,7.4c4.1,0,7.4-3.3,7.4-7.4C237.8,168.5,234.5,165.2,230.4,165.2z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M289.8,165.2c-4.1,0-7.4,3.3-7.4,7.4s3.3,7.4,7.4,7.4c4.1,0,7.4-3.3,7.4-7.4C297.3,168.5,294,165.2,289.8,165.2z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M180.8,288.2c0,8.2-6.7,14.9-14.9,14.9 c-8.2,0-14.9-6.7-14.9-14.9v-63.6c0-8.2,6.7-14.9,14.9-14.9c8.2,0,14.9,6.7,14.9,14.9V288.2z M329.5,222.1v10.1v86.6 c0,8.7-7,15.7-15.7,15.7h-11.3c0.4,1.3,0.6,2.7,0.6,4.1v0.8v5V370c0,8.2-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9v-25.6v-5v-0.8 c0-1.4,0.2-2.8,0.6-4.1h-27.6c0.4,1.3,0.6,2.7,0.6,4.1v0.8v5V370c0,8.2-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9v-25.6v-5v-0.8 c0-1.4,0.2-2.8,0.6-4.1h-11.3c-8.7,0-15.7-7-15.7-15.7v-86.6v-10.1v-12.4h1.1h136.6h1.1L329.5,222.1L329.5,222.1z M190.7,199.9 c0-21.2,14.2-39.8,35.3-49.6l-2.8-4.2l-2.8-4.1l-6.2-9.3c-0.7-1.1-0.4-2.7,0.7-3.4c1.1-0.8,2.7-0.4,3.4,0.7l6.6,9.9l2.8,4.2 l2.8,4.2c9-3.5,18.9-5.4,29.5-5.4c10.5,0,20.5,1.9,29.5,5.4l2.8-4.2l2.8-4.2l6.6-9.9c0.7-1.1,2.3-1.5,3.4-0.7s1.5,2.3,0.7,3.4 l-6.2,9.3l-2.6,4.1l-2.8,4.2c21,9.8,35.2,28.3,35.2,49.6L190.7,199.9L190.7,199.9z M369.1,288.2c0,8.2-6.7,14.9-14.9,14.9 c-8.2,0-14.9-6.7-14.9-14.9v-63.6c0-8.2,6.7-14.9,14.9-14.9c8.2,0,14.9,6.7,14.9,14.9V288.2z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="0 0 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M472,0H40C17.9,0,0,17.9,0,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V40C512,17.9,494.1,0,472,0z M265.1,142.1 c9.4-11.4,25.4-20.1,39.1-21.1c2.3,15.6-4.1,30.8-12.5,41.6c-9,11.6-24.5,20.5-39.5,20C249.6,167.7,256.6,152.4,265.1,142.1z M349.4,339.9c-10.8,16.4-26,36.9-44.9,37.1c-16.8,0.2-21.1-10.9-43.8-10.8c-22.7,0.1-27.5,11-44.3,10.8 c-18.9-0.2-33.3-18.7-44.1-35.1c-30.2-46-33.4-99.9-14.7-128.6c13.2-20.4,34.1-32.3,53.8-32.3c20,0,32.5,11,49.1,11 c16,0,25.8-11,48.9-11c17.5,0,36,9.5,49.2,26c-43.2,23.7-36.2,85.4,7.5,101.9C360,322.1,357.1,328.1,349.4,339.9z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Apple"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M472,0H40C17.9,0,0,17.9,0,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V40C512,17.9,494.1,0,472,0z M265.1,142.1 c9.4-11.4,25.4-20.1,39.1-21.1c2.3,15.6-4.1,30.8-12.5,41.6c-9,11.6-24.5,20.5-39.5,20C249.6,167.7,256.6,152.4,265.1,142.1z M349.4,339.9c-10.8,16.4-26,36.9-44.9,37.1c-16.8,0.2-21.1-10.9-43.8-10.8c-22.7,0.1-27.5,11-44.3,10.8 c-18.9-0.2-33.3-18.7-44.1-35.1c-30.2-46-33.4-99.9-14.7-128.6c13.2-20.4,34.1-32.3,53.8-32.3c20,0,32.5,11,49.1,11 c16,0,25.8-11,48.9-11c17.5,0,36,9.5,49.2,26c-43.2,23.7-36.2,85.4,7.5,101.9C360,322.1,357.1,328.1,349.4,339.9z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3
      id="menu-icons"
      style="border-bottom: 2px solid; margin-bottom: 20px; text-align: left;"
    &gt;
      Menu Icons
    &lt;/h3&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;g transform="translate(2.400000, 2.000000)"&gt;
            &lt;line x1="6.6787" x2="12.4937" y1="14.1354" y2="14.1354"&gt;&lt;/line&gt;
            &lt;path
              class="fill"
              d="M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Home"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(2.400000, 2.000000)"&amp;gt;&amp;lt;line x1="6.6787" x2="12.4937" y1="14.1354" y2="14.1354"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d="M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g transform="translate(2.749500, 2.549500)"&gt;
            &lt;path
              d="M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z"
            &gt;&lt;/path&gt;
            &lt;path
              d="M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z"
            &gt;&lt;/path&gt;
            &lt;path
              d="M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323"
            &gt;&lt;/path&gt;
            &lt;path
              d="M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="About"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(2.749500, 2.549500)"&amp;gt;&amp;lt;path d="M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;g transform="translate(2.452080, 2.851980)"&gt;
            &lt;path
              d="M15.0928322,6.167017 C15.0928322,6.167017 11.8828071,10.0196486 9.53493746,10.0196486 C7.18807029,10.0196486 3.941955,6.167017 3.941955,6.167017"
            &gt;&lt;/path&gt;
            &lt;path
              d="M1.04805054e-13,9.11679198 C1.04805054e-13,2.27869674 2.38095238,8.8817842e-15 9.52380952,8.8817842e-15 C16.6666667,8.8817842e-15 19.047619,2.27869674 19.047619,9.11679198 C19.047619,15.9538847 16.6666667,18.233584 9.52380952,18.233584 C2.38095238,18.233584 1.04805054e-13,15.9538847 1.04805054e-13,9.11679198 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="contact"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(2.452080, 2.851980)"&amp;gt;&amp;lt;path d="M15.0928322,6.167017 C15.0928322,6.167017 11.8828071,10.0196486 9.53493746,10.0196486 C7.18807029,10.0196486 3.941955,6.167017 3.941955,6.167017"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d="M1.04805054e-13,9.11679198 C1.04805054e-13,2.27869674 2.38095238,8.8817842e-15 9.52380952,8.8817842e-15 C16.6666667,8.8817842e-15 19.047619,2.27869674 19.047619,9.11679198 C19.047619,15.9538847 16.6666667,18.233584 9.52380952,18.233584 C2.38095238,18.233584 1.04805054e-13,15.9538847 1.04805054e-13,9.11679198 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;g transform="translate(3.610000, 2.750100)"&gt;
            &lt;line x1="11.9858" x2="4.7658" y1="12.9463" y2="12.9463"&gt;&lt;/line&gt;
            &lt;line x1="11.9858" x2="4.7658" y1="9.1865" y2="9.1865"&gt;&lt;/line&gt;
            &lt;line x1="7.521" x2="4.766" y1="5.4272" y2="5.4272"&gt;&lt;/line&gt;
            &lt;path
              d="M7.63833441e-14,9.25 C7.63833441e-14,16.187 2.098,18.5 8.391,18.5 C14.685,18.5 16.782,16.187 16.782,9.25 C16.782,2.313 14.685,0 8.391,0 C2.098,0 7.63833441e-14,2.313 7.63833441e-14,9.25 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Sitemap"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(3.610000, 2.750100)"&amp;gt;&amp;lt;line x1="11.9858" x2="4.7658" y1="12.9463" y2="12.9463"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;line x1="11.9858" x2="4.7658" y1="9.1865" y2="9.1865"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;line x1="7.521" x2="4.766" y1="5.4272" y2="5.4272"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d="M7.63833441e-14,9.25 C7.63833441e-14,16.187 2.098,18.5 8.391,18.5 C14.685,18.5 16.782,16.187 16.782,9.25 C16.782,2.313 14.685,0 8.391,0 C2.098,0 7.63833441e-14,2.313 7.63833441e-14,9.25 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;g transform="translate(3.500000, 2.000000)"&gt;
            &lt;path
              d="M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033"
            &gt;&lt;/path&gt;
            &lt;line x1="8.4103" x2="8.4103" y1="12.1562" y2="14.3772"&gt;&lt;/line&gt;
            &lt;path
              d="M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Privacy Policy"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(3.500000, 2.000000)"&amp;gt;&amp;lt;path d="M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;line x1="8.4103" x2="8.4103" y1="12.1562" y2="14.3772"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d="M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;circle cx="12" cy="12" r="10"&gt;&lt;/circle&gt;
          &lt;line x1="12" x2="12" y1="8" y2="12"&gt;&lt;/line&gt;
          &lt;line x1="12" x2="12" y1="16" y2="16"&gt;&lt;/line&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Term &amp;amp; conditions"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&amp;gt;&amp;lt;circle cx="12" cy="12" r="10"&amp;gt;&amp;lt;/circle&amp;gt;&amp;lt;line x1="12" x2="12" y1="8" y2="12"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;line x1="12" x2="12" y1="16" y2="16"&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;g transform="translate(3.500000, 2.000000)"&gt;
            &lt;path
              d="M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z"
            &gt;&lt;/path&gt;
            &lt;polyline
              points="5.8859 9.8748 7.7779 11.7698 11.6759 7.8698"
            &gt;&lt;/polyline&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Disclaimer"&gt;
        &lt;pre&gt;
&amp;lt;svg class="line" viewBox="0 0 24 24"&amp;gt;&amp;lt;g transform="translate(3.500000, 2.000000)"&amp;gt;&amp;lt;path d="M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;polyline points="5.8859 9.8748 7.7779 11.7698 11.6759 7.8698"&amp;gt;&amp;lt;/polyline&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Home_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-house-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
            fill-rule="evenodd"
          &gt;
            &lt;path
              d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
              fill-rule="evenodd"
            &gt;&lt;/path&gt;
          &lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Home_2"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/&amp;gt; &amp;lt;path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="About_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M22,6V4L14,9L6,4V6L14,11L22,6M22,2A2,2 0 0,1 24,4V16A2,2 0 0,1 22,18H6C4.89,18 4,17.1 4,16V4C4,2.89 4.89,2 6,2H22M2,6V20H20V22H2A2,2 0 0,1 0,20V6H2Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Contact_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M22,6V4L14,9L6,4V6L14,11L22,6M22,2A2,2 0 0,1 24,4V16A2,2 0 0,1 22,18H6C4.89,18 4,17.1 4,16V4C4,2.89 4.89,2 6,2H22M2,6V20H20V22H2A2,2 0 0,1 0,20V6H2Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="SiteMap_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Privacy-Policy_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M20,3H5A2,2 0 0,0 3,5V11H7V9L11,12L7,15V13H3V19A2,2 0 0,0 5,21H20A2,2 0 0,0 22,19V5A2,2 0 0,0 20,3M17,17H13V15H17V17M20,13H13V11H20V13M20,9H13V7H20V9M3,13H0V11H3V13Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Term &amp;amp; condition_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M20,3H5A2,2 0 0,0 3,5V11H7V9L11,12L7,15V13H3V19A2,2 0 0,0 5,21H20A2,2 0 0,0 22,19V5A2,2 0 0,0 20,3M17,17H13V15H17V17M20,13H13V11H20V13M20,9H13V7H20V9M3,13H0V11H3V13Z" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M20 13H16C16 14.1 15.1 15 14 15H10C8.9 15 8 14.1 8 13H4L2 18V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V18M6 20C5.11 20 4.66 18.92 5.29 18.29C5.92 17.66 7 18.11 7 19C7 19.55 6.55 20 6 20M10 20C9.11 20 8.66 18.92 9.29 18.29C9.92 17.66 11 18.11 11 19C11 19.55 10.55 20 10 20M14 20C13.11 20 12.66 18.92 13.29 18.29C13.92 17.66 15 18.11 15 19C15 19.55 14.55 20 14 20M18 20C17.11 20 16.66 18.92 17.29 18.29C17.92 17.66 19 18.11 19 19C19 19.55 18.55 20 18 20M18 10V3H6V10H3V12H21V10M8 5H16V6H8M8 7H14V8H8"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Write for Us_dark"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M20 13H16C16 14.1 15.1 15 14 15H10C8.9 15 8 14.1 8 13H4L2 18V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V18M6 20C5.11 20 4.66 18.92 5.29 18.29C5.92 17.66 7 18.11 7 19C7 19.55 6.55 20 6 20M10 20C9.11 20 8.66 18.92 9.29 18.29C9.92 17.66 11 18.11 11 19C11 19.55 10.55 20 10 20M14 20C13.11 20 12.66 18.92 13.29 18.29C13.92 17.66 15 18.11 15 19C15 19.55 14.55 20 14 20M18 20C17.11 20 16.66 18.92 17.29 18.29C17.92 17.66 19 18.11 19 19C19 19.55 18.55 20 18 20M18 10V3H6V10H3V12H21V10M8 5H16V6H8M8 7H14V8H8" /&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          height="40"
          preserveaspectratio="xMidYMid meet"
          version="1.0"
          viewbox="0 0 30 30.000001"
          width="40"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
          zoomandpan="magnify"
        &gt;
          &lt;defs&gt;
            &lt;clippath id="id1"&gt;
              &lt;path
                clip-rule="nonzero"
                d="M 3.386719 7.164062 L 26.613281 7.164062 L 26.613281 22.40625 L 3.386719 22.40625 Z M 3.386719 7.164062 "
              &gt;&lt;/path&gt;
            &lt;/clippath&gt;
          &lt;/defs&gt;
          &lt;g clip-path="url(#id1)"&gt;
            &lt;path
              d="M 3.398438 22.40625 L 26.601562 22.40625 L 26.601562 19.867188 L 3.398438 19.867188 Z M 3.398438 16.054688 L 26.601562 16.054688 L 26.601562 13.515625 L 3.398438 13.515625 Z M 3.398438 7.164062 L 3.398438 9.703125 L 26.601562 9.703125 L 26.601562 7.164062 Z M 3.398438 7.164062 "
              fill-opacity="1"
              fill-rule="nonzero"
              fill="rgb(0%, 0%, 0%)"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Hamburger menu"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"&amp;gt;&amp;lt;defs&amp;gt;&amp;lt;clipPath id="id1"&amp;gt;&amp;lt;path d="M 3.386719 7.164062 L 26.613281 7.164062 L 26.613281 22.40625 L 3.386719 22.40625 Z M 3.386719 7.164062 " clip-rule="nonzero"/&amp;gt;&amp;lt;/clipPath&amp;gt;&amp;lt;/defs&amp;gt;&amp;lt;g clip-path="url(#id1)"&amp;gt;&amp;lt;path fill="rgb(0%, 0%, 0%)" d="M 3.398438 22.40625 L 26.601562 22.40625 L 26.601562 19.867188 L 3.398438 19.867188 Z M 3.398438 16.054688 L 26.601562 16.054688 L 26.601562 13.515625 L 3.398438 13.515625 Z M 3.398438 7.164062 L 3.398438 9.703125 L 26.601562 9.703125 L 26.601562 7.164062 Z M 3.398438 7.164062 " fill-opacity="1" fill-rule="nonzero"/&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-folder-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Folder Fill"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z"/&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-info-circle-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Info Fill"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/&amp;gt; &amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3
      id="Utility"
      style="border-bottom: 2px solid; margin-bottom: 20px; text-align: left;"
    &gt;
      Utility
    &lt;/h3&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g transform="translate(2.000000, 2.000000)"&gt;
            &lt;line x1="10.0001" x2="10.0001" y1="14.086" y2="5.914"&gt;&lt;/line&gt;
            &lt;path
              d="M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218"
            &gt;&lt;/path&gt;
            &lt;path
              d="M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Down-Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(2.000000, 2.000000)'&amp;gt;&amp;lt;line x1='10.0001' y1='14.086' x2='10.0001' y2='5.914'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g
            transform="translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)"
          &gt;
            &lt;line x1="10.0001" x2="10.0001" y1="14.086" y2="5.914"&gt;&lt;/line&gt;
            &lt;path
              d="M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218"
            &gt;&lt;/path&gt;
            &lt;path
              d="M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Up-Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)'&amp;gt;&amp;lt;line x1='10.0001' y1='14.086' x2='10.0001' y2='5.914'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g
            transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)"
          &gt;
            &lt;line x1="10.0001" x2="10.0001" y1="14.086" y2="5.914"&gt;&lt;/line&gt;
            &lt;path
              d="M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218"
            &gt;&lt;/path&gt;
            &lt;path
              d="M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Right-Arrow"&gt;
        &lt;pre&gt;
&amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)'&amp;gt;&amp;lt;line x1='10.0001' y1='14.086' x2='10.0001' y2='5.914'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g
            transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)"
          &gt;
            &lt;line x1="10.0001" x2="10.0001" y1="14.086" y2="5.914"&gt;&lt;/line&gt;
            &lt;path
              d="M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218"
            &gt;&lt;/path&gt;
            &lt;path
              d="M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Left-Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)'&amp;gt;&amp;lt;line x1='10.0001' y1='14.086' x2='10.0001' y2='5.914'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M13.752,10.3218 C13.752,10.3218 11.224,14.0858 10,14.0858 C8.776,14.0858 6.252,10.3218 6.252,10.3218'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g&gt;
            &lt;rect
              height="16.45385"
              rx="4"
              width="16.45385"
              x="5.54615"
              y="5.54615"
            &gt;&lt;/rect&gt;
            &lt;path
              d="M171.33311,181.3216v-8.45385a4,4,0,0,1,4-4H183.787"
              transform="translate(-169.33311 -166.86775)"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Copy-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g&amp;gt;&amp;lt;rect x='5.54615' y='5.54615' width='16.45385' height='16.45385' rx='4'&amp;gt;&amp;lt;/rect&amp;gt;&amp;lt;path d='M171.33311,181.3216v-8.45385a4,4,0,0,1,4-4H183.787' transform='translate(-169.33311 -166.86775)'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g&gt;
            &lt;circle cx="11.36167" cy="11.36167" r="9.36167"&gt;&lt;/circle&gt;
            &lt;line x1="22" x2="19.9332" y1="22" y2="19.9332"&gt;&lt;/line&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Search-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g&amp;gt;&amp;lt;circle cx='11.36167' cy='11.36167' r='9.36167'&amp;gt;&amp;lt;/circle&amp;gt;&amp;lt;line x1='22' y1='22' x2='19.9332' y2='19.9332'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g&gt;
            &lt;path
              d="M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z"
              transform="translate(-83.28571 -252.73452)"
            &gt;&lt;/path&gt;
            &lt;circle cx="18.48892" cy="5.49436" r="3.51099"&gt;&lt;/circle&gt;
            &lt;circle cx="18.48892" cy="18.50564" r="3.51099"&gt;&lt;/circle&gt;
            &lt;line x1="12.53012" x2="8.65012" y1="8.476" y2="10.416"&gt;&lt;/line&gt;
            &lt;line x1="12.53012" x2="8.65012" y1="15.496" y2="13.556"&gt;&lt;/line&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Share-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g&amp;gt;&amp;lt;path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;circle cx='18.48892' cy='5.49436' r='3.51099'&amp;gt;&amp;lt;/circle&amp;gt;&amp;lt;circle cx='18.48892' cy='18.50564' r='3.51099'&amp;gt;&amp;lt;/circle&amp;gt;&amp;lt;line x1='12.53012' y1='8.476' x2='8.65012' y2='10.416'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;line x1='12.53012' y1='15.496' x2='8.65012' y2='13.556'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g transform="translate(3.000000, 3.000000)"&gt;
            &lt;path
              d="M9,0 C6.96384545,0 6.77134103,3.54652262 5.55911318,4.79957421 C4.34688533,6.05262581 0.578198764,4.61991709 0.0545867365,6.84402682 C-0.467925266,9.06927362 2.92235261,9.82428837 3.34036221,11.7334296 C3.76057187,13.6425708 1.68922429,16.3249199 3.45916494,17.6598406 C5.2291056,18.9936242 7.13434937,15.9747022 9,15.9747022 C10.8656351,15.9747022 12.7708788,18.9936242 14.5408195,17.6598406 C16.3107602,16.3249199 14.2405126,13.6425708 14.6596222,11.7334296 C15.0787319,9.82428837 18.4679097,9.06927362 17.9453977,6.84402682 C17.4228857,4.61991709 13.6530991,6.05262581 12.4419713,4.79957421 C11.2297434,3.54652262 11.036139,0 9,0 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Star-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(3.000000, 3.000000)'&amp;gt;&amp;lt;path d='M9,0 C6.96384545,0 6.77134103,3.54652262 5.55911318,4.79957421 C4.34688533,6.05262581 0.578198764,4.61991709 0.0545867365,6.84402682 C-0.467925266,9.06927362 2.92235261,9.82428837 3.34036221,11.7334296 C3.76057187,13.6425708 1.68922429,16.3249199 3.45916494,17.6598406 C5.2291056,18.9936242 7.13434937,15.9747022 9,15.9747022 C10.8656351,15.9747022 12.7708788,18.9936242 14.5408195,17.6598406 C16.3107602,16.3249199 14.2405126,13.6425708 14.6596222,11.7334296 C15.0787319,9.82428837 18.4679097,9.06927362 17.9453977,6.84402682 C17.4228857,4.61991709 13.6530991,6.05262581 12.4419713,4.79957421 C11.2297434,3.54652262 11.036139,0 9,0 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g transform="translate(3.500000, 2.000000)"&gt;
            &lt;path
              d="M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033"
            &gt;&lt;/path&gt;
            &lt;line x1="8.4103" x2="8.4103" y1="12.1562" y2="14.3772"&gt;&lt;/line&gt;
            &lt;path
              d="M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Lock-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(3.500000, 2.000000)'&amp;gt;&amp;lt;path d='M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;line x1='8.4103' y1='12.1562' x2='8.4103' y2='14.3772'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="line"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g transform="translate(2.000000, 2.500000)"&gt;
            &lt;path
              d="M0.7501,0.7499 L2.8301,1.1099 L3.7931,12.5829 C3.8701,13.5199 4.6531,14.2389 5.5931,14.2359094 L16.5021,14.2359094 C17.3991,14.2379 18.1601,13.5779 18.2871,12.6899 L19.2361,6.1319 C19.3421,5.3989 18.8331,4.7189 18.1011,4.6129 C18.0371,4.6039 3.1641,4.5989 3.1641,4.5989"
            &gt;&lt;/path&gt;
            &lt;line x1="12.1251" x2="14.8981" y1="8.2948" y2="8.2948"&gt;&lt;/line&gt;
            &lt;path
              d="M5.1544,17.7025 C5.4554,17.7025 5.6984,17.9465 5.6984,18.2465 C5.6984,18.5475 5.4554,18.7915 5.1544,18.7915 C4.8534,18.7915 4.6104,18.5475 4.6104,18.2465 C4.6104,17.9465 4.8534,17.7025 5.1544,17.7025 Z"
            &gt;&lt;/path&gt;
            &lt;path
              d="M16.4347,17.7025 C16.7357,17.7025 16.9797,17.9465 16.9797,18.2465 C16.9797,18.5475 16.7357,18.7915 16.4347,18.7915 C16.1337,18.7915 15.8907,18.5475 15.8907,18.2465 C15.8907,17.9465 16.1337,17.7025 16.4347,17.7025 Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Buy(SHOP)-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&amp;gt;&amp;lt;g transform='translate(2.000000, 2.500000)'&amp;gt;&amp;lt;path d='M0.7501,0.7499 L2.8301,1.1099 L3.7931,12.5829 C3.8701,13.5199 4.6531,14.2389 5.5931,14.2359094 L16.5021,14.2359094 C17.3991,14.2379 18.1601,13.5779 18.2871,12.6899 L19.2361,6.1319 C19.3421,5.3989 18.8331,4.7189 18.1011,4.6129 C18.0371,4.6039 3.1641,4.5989 3.1641,4.5989'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;line x1='12.1251' y1='8.2948' x2='14.8981' y2='8.2948'&amp;gt;&amp;lt;/line&amp;gt;&amp;lt;path d='M5.1544,17.7025 C5.4554,17.7025 5.6984,17.9465 5.6984,18.2465 C5.6984,18.5475 5.4554,18.7915 5.1544,18.7915 C4.8534,18.7915 4.6104,18.5475 4.6104,18.2465 C4.6104,17.9465 4.8534,17.7025 5.1544,17.7025 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M16.4347,17.7025 C16.7357,17.7025 16.9797,17.9465 16.9797,18.2465 C16.9797,18.5475 16.7357,18.7915 16.4347,18.7915 C16.1337,18.7915 15.8907,18.5475 15.8907,18.2465 C15.8907,17.9465 16.1337,17.7025 16.4347,17.7025 Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M179.38391,179.442a5.02556,5.02556,0,0,0,7.5831.5436l3.01715-3.02a5.031,5.031,0,0,0-7.11042-7.1173l-1.72983,1.72145"
            transform="translate(-169.39568 -166.4353)"
          &gt;&lt;/path&gt;
          &lt;path
            d="M183.40745,177.42863a5.02556,5.02556,0,0,0-7.5831-.5436l-3.01715,3.02a5.031,5.031,0,0,0,7.11042,7.1173l1.71976-1.72145"
            transform="translate(-169.39568 -166.4353)"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Link-Icon"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M179.38391,179.442a5.02556,5.02556,0,0,0,7.5831.5436l3.01715-3.02a5.031,5.031,0,0,0-7.11042-7.1173l-1.72983,1.72145' transform='translate(-169.39568 -166.4353)'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M183.40745,177.42863a5.02556,5.02556,0,0,0-7.5831-.5436l-3.01715,3.02a5.031,5.031,0,0,0,7.11042,7.1173l1.71976-1.72145' transform='translate(-169.39568 -166.4353)'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M21.0799 8.58003V15.42C21.0799 16.54 20.4799 17.58 19.5099 18.15L13.5699 21.58C12.5999 22.14 11.3999 22.14 10.4199 21.58L4.47992 18.15C3.50992 17.59 2.90991 16.55 2.90991 15.42V8.58003C2.90991 7.46003 3.50992 6.41999 4.47992 5.84999L10.4199 2.42C11.3899 1.86 12.5899 1.86 13.5699 2.42L19.5099 5.84999C20.4799 6.41999 21.0799 7.45003 21.0799 8.58003Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M9.75 11.9999V10.7999C9.75 9.25989 10.84 8.62993 12.17 9.39993L13.21 9.9999L14.25 10.5999C15.58 11.3699 15.58 12.6299 14.25 13.3999L13.21 13.9999L12.17 14.5999C10.84 15.3699 9.75 14.7399 9.75 13.1999V11.9999Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Video 1"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M21.0799 8.58003V15.42C21.0799 16.54 20.4799 17.58 19.5099 18.15L13.5699 21.58C12.5999 22.14 11.3999 22.14 10.4199 21.58L4.47992 18.15C3.50992 17.59 2.90991 16.55 2.90991 15.42V8.58003C2.90991 7.46003 3.50992 6.41999 4.47992 5.84999L10.4199 2.42C11.3899 1.86 12.5899 1.86 13.5699 2.42L19.5099 5.84999C20.4799 6.41999 21.0799 7.45003 21.0799 8.58003Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M9.75 11.9999V10.7999C9.75 9.25989 10.84 8.62993 12.17 9.39993L13.21 9.9999L14.25 10.5999C15.58 11.3699 15.58 12.6299 14.25 13.3999L13.21 13.9999L12.17 14.5999C10.84 15.3699 9.75 14.7399 9.75 13.1999V11.9999Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M9.09998 12V10.52C9.09998 8.60999 10.45 7.83999 12.1 8.78999L13.38 9.52999L14.66 10.27C16.31 11.22 16.31 12.78 14.66 13.73L13.38 14.47L12.1 15.21C10.45 16.16 9.09998 15.38 9.09998 13.48V12Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path
            d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Video 2"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M9.09998 12V10.52C9.09998 8.60999 10.45 7.83999 12.1 8.78999L13.38 9.52999L14.66 10.27C16.31 11.22 16.31 12.78 14.66 13.73L13.38 14.47L12.1 15.21C10.45 16.16 9.09998 15.38 9.09998 13.48V12Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15Z"
          &gt;&lt;/path&gt;
          &lt;path d="M2.52002 7.11011H21.48"&gt;&lt;/path&gt;
          &lt;path d="M8.52002 2.11011V6.97011"&gt;&lt;/path&gt;
          &lt;path d="M15.48 2.11011V6.52011"&gt;&lt;/path&gt;
          &lt;path
            d="M9.75 14.4501V13.2501C9.75 11.7101 10.84 11.0801 12.17 11.8501L13.21 12.4501L14.25 13.0501C15.58 13.8201 15.58 15.0801 14.25 15.8501L13.21 16.4501L12.17 17.0501C10.84 17.8201 9.75 17.1901 9.75 15.6501V14.4501V14.4501Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Reels"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2.52002 7.11011H21.48'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8.52002 2.11011V6.97011'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M15.48 2.11011V6.52011'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M9.75 14.4501V13.2501C9.75 11.7101 10.84 11.0801 12.17 11.8501L13.21 12.4501L14.25 13.0501C15.58 13.8201 15.58 15.0801 14.25 15.8501L13.21 16.4501L12.17 17.0501C10.84 17.8201 9.75 17.1901 9.75 15.6501V14.4501V14.4501Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-hand-thumbs-up"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="thumbs Up"&gt;
        &lt;pre&gt;
 &amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-hand-thumbs-down"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964l-.261.065zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="thumbs down"&gt;
        &lt;pre&gt;
 &amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964l-.261.065zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path d="M12 7.75V13"&gt;&lt;/path&gt;
          &lt;path
            d="M21.08 8.58003V15.42C21.08 16.54 20.48 17.58 19.51 18.15L13.57 21.58C12.6 22.14 11.4 22.14 10.42 21.58L4.47998 18.15C3.50998 17.59 2.90997 16.55 2.90997 15.42V8.58003C2.90997 7.46003 3.50998 6.41999 4.47998 5.84999L10.42 2.42C11.39 1.86 12.59 1.86 13.57 2.42L19.51 5.84999C20.48 6.41999 21.08 7.45003 21.08 8.58003Z"
          &gt;&lt;/path&gt;
          &lt;path d="M12 16.2V16.2999"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="warning"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M12 7.75V13'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M21.08 8.58003V15.42C21.08 16.54 20.48 17.58 19.51 18.15L13.57 21.58C12.6 22.14 11.4 22.14 10.42 21.58L4.47998 18.15C3.50998 17.59 2.90997 16.55 2.90997 15.42V8.58003C2.90997 7.46003 3.50998 6.41999 4.47998 5.84999L10.42 2.42C11.39 1.86 12.59 1.86 13.57 2.42L19.51 5.84999C20.48 6.41999 21.08 7.45003 21.08 8.58003Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 16.2V16.2999'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Play Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Copy Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Share Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Star Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Shooping Cart Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12,1A9,9 0 0,1 21,10V17A3,3 0 0,1 18,20H15V12H19V10A7,7 0 0,0 12,3A7,7 0 0,0 5,10V12H9V20H6A3,3 0 0,1 3,17V10A9,9 0 0,1 12,1M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Music Dark"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M12,1A9,9 0 0,1 21,10V17A3,3 0 0,1 18,20H15V12H19V10A7,7 0 0,0 12,3A7,7 0 0,0 5,10V12H9V20H6A3,3 0 0,1 3,17V10A9,9 0 0,1 12,1M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-hand-thumbs-up-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a9.84 9.84 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733.058.119.103.242.138.363.077.27.113.567.113.856 0 .289-.036.586-.113.856-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.163 3.163 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.82 4.82 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text=" thumbs up"&gt;
        &lt;pre&gt;
 &amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a9.84 9.84 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733.058.119.103.242.138.363.077.27.113.567.113.856 0 .289-.036.586-.113.856-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.163 3.163 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.82 4.82 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-hand-thumbs-down-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.378 1.378 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51.136.02.285.037.443.051.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.896 1.896 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2.094 2.094 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.162 3.162 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.823 4.823 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text=" thumbs Down"&gt;
        &lt;pre&gt;
 &amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.378 1.378 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51.136.02.285.037.443.051.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.896 1.896 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2.094 2.094 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.162 3.162 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.823 4.823 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M18.14 21.62C17.26 21.88 16.22 22 15 22H8.99998C7.77998 22 6.73999 21.88 5.85999 21.62C6.07999 19.02 8.74998 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M15 2H9C4 2 2 4 2 9V15C2 18.78 3.14 20.85 5.86 21.62C6.08 19.02 8.75 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62C20.86 20.85 22 18.78 22 15V9C22 4 20 2 15 2ZM12 14.17C10.02 14.17 8.42 12.56 8.42 10.58C8.42 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58C15.58 12.56 13.98 14.17 12 14.17Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M15.58 10.58C15.58 12.56 13.98 14.17 12 14.17C10.02 14.17 8.42004 12.56 8.42004 10.58C8.42004 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="User"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M18.14 21.62C17.26 21.88 16.22 22 15 22H8.99998C7.77998 22 6.73999 21.88 5.85999 21.62C6.07999 19.02 8.74998 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M15 2H9C4 2 2 4 2 9V15C2 18.78 3.14 20.85 5.86 21.62C6.08 19.02 8.75 16.97 12 16.97C15.25 16.97 17.92 19.02 18.14 21.62C20.86 20.85 22 18.78 22 15V9C22 4 20 2 15 2ZM12 14.17C10.02 14.17 8.42 12.56 8.42 10.58C8.42 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58C15.58 12.56 13.98 14.17 12 14.17Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M15.58 10.58C15.58 12.56 13.98 14.17 12 14.17C10.02 14.17 8.42004 12.56 8.42004 10.58C8.42004 8.60002 10.02 7 12 7C13.98 7 15.58 8.60002 15.58 10.58Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path d="M8.38 12L10.79 14.42L15.62 9.57996"&gt;&lt;/path&gt;
          &lt;path
            d="M10.75 2.44995C11.44 1.85995 12.57 1.85995 13.27 2.44995L14.85 3.80995C15.15 4.06995 15.71 4.27995 16.11 4.27995H17.81C18.87 4.27995 19.74 5.14995 19.74 6.20995V7.90995C19.74 8.29995 19.95 8.86995 20.21 9.16995L21.57 10.7499C22.16 11.4399 22.16 12.5699 21.57 13.2699L20.21 14.8499C19.95 15.1499 19.74 15.7099 19.74 16.1099V17.8099C19.74 18.8699 18.87 19.7399 17.81 19.7399H16.11C15.72 19.7399 15.15 19.9499 14.85 20.2099L13.27 21.5699C12.58 22.1599 11.45 22.1599 10.75 21.5699L9.17 20.2099C8.87 19.9499 8.31 19.7399 7.91 19.7399H6.18C5.12 19.7399 4.25 18.8699 4.25 17.8099V16.0999C4.25 15.7099 4.04 15.1499 3.79 14.8499L2.44 13.2599C1.86 12.5699 1.86 11.4499 2.44 10.7599L3.79 9.16995C4.04 8.86995 4.25 8.30995 4.25 7.91995V6.19995C4.25 5.13995 5.12 4.26995 6.18 4.26995H7.91C8.3 4.26995 8.87 4.05995 9.17 3.79995L10.75 2.44995Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Verify"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M8.38 12L10.79 14.42L15.62 9.57996'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M10.75 2.44995C11.44 1.85995 12.57 1.85995 13.27 2.44995L14.85 3.80995C15.15 4.06995 15.71 4.27995 16.11 4.27995H17.81C18.87 4.27995 19.74 5.14995 19.74 6.20995V7.90995C19.74 8.29995 19.95 8.86995 20.21 9.16995L21.57 10.7499C22.16 11.4399 22.16 12.5699 21.57 13.2699L20.21 14.8499C19.95 15.1499 19.74 15.7099 19.74 16.1099V17.8099C19.74 18.8699 18.87 19.7399 17.81 19.7399H16.11C15.72 19.7399 15.15 19.9499 14.85 20.2099L13.27 21.5699C12.58 22.1599 11.45 22.1599 10.75 21.5699L9.17 20.2099C8.87 19.9499 8.31 19.7399 7.91 19.7399H6.18C5.12 19.7399 4.25 18.8699 4.25 17.8099V16.0999C4.25 15.7099 4.04 15.1499 3.79 14.8499L2.44 13.2599C1.86 12.5699 1.86 11.4499 2.44 10.7599L3.79 9.16995C4.04 8.86995 4.25 8.30995 4.25 7.91995V6.19995C4.25 5.13995 5.12 4.26995 6.18 4.26995H7.91C8.3 4.26995 8.87 4.05995 9.17 3.79995L10.75 2.44995Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
          &gt;&lt;/path&gt;
          &lt;path d="M7.75 12L10.58 14.83L16.25 9.17004"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="tick Mark"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M7.75 12L10.58 14.83L16.25 9.17004'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M9.11008 5.0799C9.98008 4.8199 10.9401 4.6499 12.0001 4.6499C16.7901 4.6499 20.6701 8.5299 20.6701 13.3199C20.6701 18.1099 16.7901 21.9899 12.0001 21.9899C7.21008 21.9899 3.33008 18.1099 3.33008 13.3199C3.33008 11.5399 3.87008 9.8799 4.79008 8.4999"
          &gt;&lt;/path&gt;
          &lt;path d="M7.87012 5.32L10.7601 2"&gt;&lt;/path&gt;
          &lt;path d="M7.87012 5.32007L11.2401 7.78007"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Refresh"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M9.11008 5.0799C9.98008 4.8199 10.9401 4.6499 12.0001 4.6499C16.7901 4.6499 20.6701 8.5299 20.6701 13.3199C20.6701 18.1099 16.7901 21.9899 12.0001 21.9899C7.21008 21.9899 3.33008 18.1099 3.33008 13.3199C3.33008 11.5399 3.87008 9.8799 4.79008 8.4999'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M7.87012 5.32L10.7601 2'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M7.87012 5.32007L11.2401 7.78007'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M22 12C22 17.52 17.52 22 12 22C6.48 22 3.11 16.44 3.11 16.44M3.11 16.44H7.63M3.11 16.44V21.44M2 12C2 6.48 6.44 2 12 2C18.67 2 22 7.56 22 7.56M22 7.56V2.56M22 7.56H17.56"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Refresh 2"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M22 12C22 17.52 17.52 22 12 22C6.48 22 3.11 16.44 3.11 16.44M3.11 16.44H7.63M3.11 16.44V21.44M2 12C2 6.48 6.44 2 12 2C18.67 2 22 7.56 22 7.56M22 7.56V2.56M22 7.56H17.56'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.34997 19.58 9.34997H15.58C14.98 9.34997 14.48 8.84997 14.58 8.14997L15.08 4.94997C15.28 4.04997 14.68 3.04997 13.78 2.74997C12.98 2.44997 11.98 2.84997 11.58 3.44997L7.47998 9.54997"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path
            d="M2.38 18.35V8.55002C2.38 7.15002 2.98 6.65002 4.38 6.65002H5.38C6.78 6.65002 7.38 7.15002 7.38 8.55002V18.35C7.38 19.75 6.78 20.25 5.38 20.25H4.38C2.98 20.25 2.38 19.75 2.38 18.35Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Like"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M7.47998 18.35L10.58 20.75C10.98 21.15 11.88 21.35 12.48 21.35H16.28C17.48 21.35 18.78 20.45 19.08 19.25L21.48 11.95C21.98 10.55 21.08 9.34997 19.58 9.34997H15.58C14.98 9.34997 14.48 8.84997 14.58 8.14997L15.08 4.94997C15.28 4.04997 14.68 3.04997 13.78 2.74997C12.98 2.44997 11.98 2.84997 11.58 3.44997L7.47998 9.54997' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2.38 18.35V8.55002C2.38 7.15002 2.98 6.65002 4.38 6.65002H5.38C6.78 6.65002 7.38 7.15002 7.38 8.55002V18.35C7.38 19.75 6.78 20.25 5.38 20.25H4.38C2.98 20.25 2.38 19.75 2.38 18.35Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M16.52 5.65002L13.42 3.25002C13.02 2.85002 12.12 2.65002 11.52 2.65002H7.71998C6.51998 2.65002 5.21998 3.55002 4.91998 4.75002L2.51998 12.05C2.01998 13.45 2.91998 14.65 4.41998 14.65H8.41998C9.01998 14.65 9.51998 15.15 9.41998 15.85L8.91998 19.05C8.71998 19.95 9.31998 20.95 10.22 21.25C11.02 21.55 12.02 21.15 12.42 20.55L16.52 14.45"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path
            d="M21.62 5.65V15.45C21.62 16.85 21.02 17.35 19.62 17.35H18.62C17.22 17.35 16.62 16.85 16.62 15.45V5.65C16.62 4.25 17.22 3.75 18.62 3.75H19.62C21.02 3.75 21.62 4.25 21.62 5.65Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Dislike"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M16.52 5.65002L13.42 3.25002C13.02 2.85002 12.12 2.65002 11.52 2.65002H7.71998C6.51998 2.65002 5.21998 3.55002 4.91998 4.75002L2.51998 12.05C2.01998 13.45 2.91998 14.65 4.41998 14.65H8.41998C9.01998 14.65 9.51998 15.15 9.41998 15.85L8.91998 19.05C8.71998 19.95 9.31998 20.95 10.22 21.25C11.02 21.55 12.02 21.15 12.42 20.55L16.52 14.45' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M21.62 5.65V15.45C21.62 16.85 21.02 17.35 19.62 17.35H18.62C17.22 17.35 16.62 16.85 16.62 15.45V5.65C16.62 4.25 17.22 3.75 18.62 3.75H19.62C21.02 3.75 21.62 4.25 21.62 5.65Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12.0001 7.88989L10.9301 9.74989C10.6901 10.1599 10.8901 10.4999 11.3601 10.4999H12.6301C13.1101 10.4999 13.3001 10.8399 13.0601 11.2499L12.0001 13.1099"
          &gt;&lt;/path&gt;
          &lt;path
            d="M8.30011 18.0399V16.8799C6.00011 15.4899 4.11011 12.7799 4.11011 9.89993C4.11011 4.94993 8.66011 1.06993 13.8001 2.18993C16.0601 2.68993 18.0401 4.18993 19.0701 6.25993C21.1601 10.4599 18.9601 14.9199 15.7301 16.8699V18.0299C15.7301 18.3199 15.8401 18.9899 14.7701 18.9899H9.26011C8.16011 18.9999 8.30011 18.5699 8.30011 18.0399Z"
          &gt;&lt;/path&gt;
          &lt;path d="M8.5 22C10.79 21.35 13.21 21.35 15.5 22"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="bulb"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M12.0001 7.88989L10.9301 9.74989C10.6901 10.1599 10.8901 10.4999 11.3601 10.4999H12.6301C13.1101 10.4999 13.3001 10.8399 13.0601 11.2499L12.0001 13.1099'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8.30011 18.0399V16.8799C6.00011 15.4899 4.11011 12.7799 4.11011 9.89993C4.11011 4.94993 8.66011 1.06993 13.8001 2.18993C16.0601 2.68993 18.0401 4.18993 19.0701 6.25993C21.1601 10.4599 18.9601 14.9199 15.7301 16.8699V18.0299C15.7301 18.3199 15.8401 18.9899 14.7701 18.9899H9.26011C8.16011 18.9999 8.30011 18.5699 8.30011 18.0399Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8.5 22C10.79 21.35 13.21 21.35 15.5 22'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path d="M8.57007 15.27L15.11 8.72998"&gt;&lt;/path&gt;
          &lt;path
            d="M8.98001 10.3699C9.65932 10.3699 10.21 9.81923 10.21 9.13992C10.21 8.46061 9.65932 7.90991 8.98001 7.90991C8.3007 7.90991 7.75 8.46061 7.75 9.13992C7.75 9.81923 8.3007 10.3699 8.98001 10.3699Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M15.52 16.0899C16.1993 16.0899 16.75 15.5392 16.75 14.8599C16.75 14.1806 16.1993 13.6299 15.52 13.6299C14.8407 13.6299 14.29 14.1806 14.29 14.8599C14.29 15.5392 14.8407 16.0899 15.52 16.0899Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Math"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M8.57007 15.27L15.11 8.72998'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8.98001 10.3699C9.65932 10.3699 10.21 9.81923 10.21 9.13992C10.21 8.46061 9.65932 7.90991 8.98001 7.90991C8.3007 7.90991 7.75 8.46061 7.75 9.13992C7.75 9.81923 8.3007 10.3699 8.98001 10.3699Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M15.52 16.0899C16.1993 16.0899 16.75 15.5392 16.75 14.8599C16.75 14.1806 16.1993 13.6299 15.52 13.6299C14.8407 13.6299 14.29 14.1806 14.29 14.8599C14.29 15.5392 14.8407 16.0899 15.52 16.0899Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12 14H13C14.1 14 15 13.1 15 12V2H6C4.5 2 3.19001 2.82999 2.51001 4.04999"
          &gt;&lt;/path&gt;
          &lt;path
            d="M2 17C2 18.66 3.34 20 5 20H6C6 18.9 6.9 18 8 18C9.1 18 10 18.9 10 20H14C14 18.9 14.9 18 16 18C17.1 18 18 18.9 18 20H19C20.66 20 22 18.66 22 17V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L18.58 6.01001C18.22 5.39001 17.56 5 16.84 5H15V12C15 13.1 14.1 14 13 14H12"
          &gt;&lt;/path&gt;
          &lt;path
            d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z"
          &gt;&lt;/path&gt;
          &lt;path
            d="M22 12V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L22 12Z"
          &gt;&lt;/path&gt;
          &lt;path d="M2 8H8"&gt;&lt;/path&gt;
          &lt;path d="M2 11H6"&gt;&lt;/path&gt;
          &lt;path d="M2 14H4"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Delivery"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M12 14H13C14.1 14 15 13.1 15 12V2H6C4.5 2 3.19001 2.82999 2.51001 4.04999'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2 17C2 18.66 3.34 20 5 20H6C6 18.9 6.9 18 8 18C9.1 18 10 18.9 10 20H14C14 18.9 14.9 18 16 18C17.1 18 18 18.9 18 20H19C20.66 20 22 18.66 22 17V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L18.58 6.01001C18.22 5.39001 17.56 5 16.84 5H15V12C15 13.1 14.1 14 13 14H12'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M22 12V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L22 12Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2 8H8'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2 11H6'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2 14H4'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path d="M8 10L6 12L8 14" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M16 10L18 12L16 14" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path
            d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path d="M13 9.66992L11 14.33" stroke-miterlimit="10"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="code 1"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M8 10L6 12L8 14' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M16 10L18 12L16 14' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M13 9.66992L11 14.33' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M9.00002 13C8.34002 13.33 7.79002 13.82 7.38002 14.43C7.15002 14.78 7.15002 15.22 7.38002 15.57C7.79002 16.18 8.34002 16.67 9.00002 17"
          &gt;&lt;/path&gt;
          &lt;path
            d="M15.21 13C15.87 13.33 16.42 13.82 16.83 14.43C17.06 14.78 17.06 15.22 16.83 15.57C16.42 16.18 15.87 16.67 15.21 17"
          &gt;&lt;/path&gt;
          &lt;path
            d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
          &gt;&lt;/path&gt;
          &lt;path d="M2.22998 8.01L21.45 8"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="code 2"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M9.00002 13C8.34002 13.33 7.79002 13.82 7.38002 14.43C7.15002 14.78 7.15002 15.22 7.38002 15.57C7.79002 16.18 8.34002 16.67 9.00002 17'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M15.21 13C15.87 13.33 16.42 13.82 16.83 14.43C17.06 14.78 17.06 15.22 16.83 15.57C16.42 16.18 15.87 16.67 15.21 17'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M2.22998 8.01L21.45 8'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M8.67188 14.3298C8.67188 15.6198 9.66188 16.6598 10.8919 16.6598H13.4019C14.4719 16.6598 15.3419 15.7498 15.3419 14.6298C15.3419 13.4098 14.8119 12.9798 14.0219 12.6998L9.99187 11.2998C9.20187 11.0198 8.67188 10.5898 8.67188 9.36984C8.67188 8.24984 9.54187 7.33984 10.6119 7.33984H13.1219C14.3519 7.33984 15.3419 8.37984 15.3419 9.66984"
          &gt;&lt;/path&gt;
          &lt;path d="M12 6V18"&gt;&lt;/path&gt;
          &lt;path
            d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="dollar"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M8.67188 14.3298C8.67188 15.6198 9.66188 16.6598 10.8919 16.6598H13.4019C14.4719 16.6598 15.3419 15.7498 15.3419 14.6298C15.3419 13.4098 14.8119 12.9798 14.0219 12.6998L9.99187 11.2998C9.20187 11.0198 8.67188 10.5898 8.67188 9.36984C8.67188 8.24984 9.54187 7.33984 10.6119 7.33984H13.1219C14.3519 7.33984 15.3419 8.37984 15.3419 9.66984'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 6V18'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg class="line" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M12.37 2.15009L21.37 5.75006C21.72 5.89006 22 6.31006 22 6.68006V10.0001C22 10.5501 21.55 11.0001 21 11.0001H3C2.45 11.0001 2 10.5501 2 10.0001V6.68006C2 6.31006 2.28 5.89006 2.63 5.75006L11.63 2.15009C11.83 2.07009 12.17 2.07009 12.37 2.15009Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path
            d="M22 22H2V19C2 18.45 2.45 18 3 18H21C21.55 18 22 18.45 22 19V22Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
          &lt;path d="M4 18V11" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M8 18V11" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M12 18V11" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M16 18V11" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M20 18V11" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path d="M1 22H23" stroke-miterlimit="10"&gt;&lt;/path&gt;
          &lt;path
            d="M12 8.5C12.8284 8.5 13.5 7.82843 13.5 7C13.5 6.17157 12.8284 5.5 12 5.5C11.1716 5.5 10.5 6.17157 10.5 7C10.5 7.82843 11.1716 8.5 12 8.5Z"
            stroke-miterlimit="10"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="bank"&gt;
        &lt;pre&gt;
 &amp;lt;svg class='line' viewBox='0 0 24 24'&amp;gt;&amp;lt;path d='M12.37 2.15009L21.37 5.75006C21.72 5.89006 22 6.31006 22 6.68006V10.0001C22 10.5501 21.55 11.0001 21 11.0001H3C2.45 11.0001 2 10.5501 2 10.0001V6.68006C2 6.31006 2.28 5.89006 2.63 5.75006L11.63 2.15009C11.83 2.07009 12.17 2.07009 12.37 2.15009Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M22 22H2V19C2 18.45 2.45 18 3 18H21C21.55 18 22 18.45 22 19V22Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M4 18V11' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M8 18V11' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 18V11' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M16 18V11' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M20 18V11' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M1 22H23' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;path d='M12 8.5C12.8284 8.5 13.5 7.82843 13.5 7C13.5 6.17157 12.8284 5.5 12 5.5C11.1716 5.5 10.5 6.17157 10.5 7C10.5 7.82843 11.1716 8.5 12 8.5Z' stroke-miterlimit='10'&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="0 0 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M469.328,512H42.672C19.2,512,0,492.8,0,469.328V42.672C0,19.2,19.2,0,42.672,0h426.656 C492.8,0,512,19.2,512,42.672v426.656C512,492.8,492.8,512,469.328,512z"
              style="fill: rgb(50, 190, 166);"
            &gt;&lt;/path&gt;
            &lt;path
              d="M242.768,345.304v-79.192c-24.704-7.056-42.808-17.736-54.344-32.04 c-11.528-14.304-17.288-31.664-17.288-52.08c0-20.672,6.512-38.024,19.56-52.08c13.04-14.04,30.392-22.136,52.08-24.288V86.912 h27.408v18.712c20.032,2.392,35.976,9.232,47.816,20.512c11.832,11.28,19.4,26.368,22.68,45.264l-47.816,6.248 c-2.904-14.872-10.464-24.952-22.68-30.248v73.904c30.232,8.192,50.84,18.808,61.8,31.848c10.96,13.032,16.448,29.768,16.448,50.176 c0,22.808-6.896,42.032-20.704,57.656c-13.8,15.624-32.976,25.2-57.544,28.728v35.344h-27.408v-34.408 c-21.808-2.64-39.504-10.776-53.112-24.384c-13.608-13.6-22.312-32.816-26.088-57.64l49.336-5.296 c2.008,10.08,5.784,18.784,11.344,26.088C229.792,336.736,235.96,342.032,242.768,345.304z M242.768,146.84 c-7.44,2.52-13.368,6.8-17.768,12.856c-4.416,6.048-6.616,12.72-6.616,20.032c0,6.68,2.008,12.88,6.048,18.624 c4.032,5.736,10.144,10.368,18.336,13.896V146.84z M270.176,347.952c9.44-1.768,17.128-6.144,23.056-13.144 c5.92-6.984,8.888-15.216,8.888-24.672c0-8.44-2.496-15.712-7.464-21.832c-4.976-6.112-13.128-10.8-24.472-14.08v73.728H270.176z"
              style="fill: rgb(255, 255, 255);"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="dollar 2"&gt;
        &lt;pre&gt;
 &amp;lt;svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path style="fill:#32BEA6;" d="M469.328,512H42.672C19.2,512,0,492.8,0,469.328V42.672C0,19.2,19.2,0,42.672,0h426.656 C492.8,0,512,19.2,512,42.672v426.656C512,492.8,492.8,512,469.328,512z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path style="fill:#FFFFFF;" d="M242.768,345.304v-79.192c-24.704-7.056-42.808-17.736-54.344-32.04 c-11.528-14.304-17.288-31.664-17.288-52.08c0-20.672,6.512-38.024,19.56-52.08c13.04-14.04,30.392-22.136,52.08-24.288V86.912 h27.408v18.712c20.032,2.392,35.976,9.232,47.816,20.512c11.832,11.28,19.4,26.368,22.68,45.264l-47.816,6.248 c-2.904-14.872-10.464-24.952-22.68-30.248v73.904c30.232,8.192,50.84,18.808,61.8,31.848c10.96,13.032,16.448,29.768,16.448,50.176 c0,22.808-6.896,42.032-20.704,57.656c-13.8,15.624-32.976,25.2-57.544,28.728v35.344h-27.408v-34.408 c-21.808-2.64-39.504-10.776-53.112-24.384c-13.608-13.6-22.312-32.816-26.088-57.64l49.336-5.296 c2.008,10.08,5.784,18.784,11.344,26.088C229.792,336.736,235.96,342.032,242.768,345.304z M242.768,146.84 c-7.44,2.52-13.368,6.8-17.768,12.856c-4.416,6.048-6.616,12.72-6.616,20.032c0,6.68,2.008,12.88,6.048,18.624 c4.032,5.736,10.144,10.368,18.336,13.896V146.84z M270.176,347.952c9.44-1.768,17.128-6.144,23.056-13.144 c5.92-6.984,8.888-15.216,8.888-24.672c0-8.44-2.496-15.712-7.464-21.832c-4.976-6.112-13.128-10.8-24.472-14.08v73.728H270.176z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          fill="#000000"
          height="200px"
          id="Layer_1"
          version="1.1"
          viewbox="0 0 512 512"
          width="200px"
          xml:space="preserve"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M469.328,512H42.672C19.2,512,0,492.8,0,469.328V42.672C0,19.2,19.2,0,42.672,0h426.656 C492.8,0,512,19.2,512,42.672v426.656C512,492.8,492.8,512,469.328,512z"
              style="fill: rgb(50, 190, 166);"
            &gt;&lt;/path&gt;
            &lt;path
              d="M375.8,393.04c-15.64,8.728-42.312,17.464-71.736,17.464c-45.072,0-86.44-18.408-112.192-52.424 c-12.44-15.64-21.608-35.4-25.752-59.776h-29.904V265.64h25.288c0-2.296,0-5.056,0-7.824c0-4.584,0.472-9.168,0.472-13.792h-25.752 v-32.632h30.816c5.968-24.848,17.024-45.984,31.72-63.008c26.224-29.432,63.008-46.896,106.224-46.896 c28.048,0,52.424,6.44,68.976,13.792l-12.88,52.424c-11.936-5.056-30.784-11.056-51.04-11.056c-22.048,0-42.312,7.384-56.536,24.848 c-6.44,7.352-11.496,17.936-14.728,29.904h114.52v32.632H231.848c-0.44,4.616-0.44,9.672-0.44,14.256c0,2.768,0,4.584,0,7.352 H353.28v32.664H237.848c3.2,13.792,8.264,24.376,15.168,32.192c14.696,16.552,36.344,23.432,59.336,23.432 c21.136,0,42.752-6.88,52.424-11.936L375.8,393.04z"
              style="fill: rgb(255, 255, 255);"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Euro"&gt;
        &lt;pre&gt;
 &amp;lt;svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#000000"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path style="fill:#32BEA6;" d="M469.328,512H42.672C19.2,512,0,492.8,0,469.328V42.672C0,19.2,19.2,0,42.672,0h426.656 C492.8,0,512,19.2,512,42.672v426.656C512,492.8,492.8,512,469.328,512z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path style="fill:#FFFFFF;" d="M375.8,393.04c-15.64,8.728-42.312,17.464-71.736,17.464c-45.072,0-86.44-18.408-112.192-52.424 c-12.44-15.64-21.608-35.4-25.752-59.776h-29.904V265.64h25.288c0-2.296,0-5.056,0-7.824c0-4.584,0.472-9.168,0.472-13.792h-25.752 v-32.632h30.816c5.968-24.848,17.024-45.984,31.72-63.008c26.224-29.432,63.008-46.896,106.224-46.896 c28.048,0,52.424,6.44,68.976,13.792l-12.88,52.424c-11.936-5.056-30.784-11.056-51.04-11.056c-22.048,0-42.312,7.384-56.536,24.848 c-6.44,7.352-11.496,17.936-14.728,29.904h114.52v32.632H231.848c-0.44,4.616-0.44,9.672-0.44,14.256c0,2.768,0,4.584,0,7.352 H353.28v32.664H237.848c3.2,13.792,8.264,24.376,15.168,32.192c14.696,16.552,36.344,23.432,59.336,23.432 c21.136,0,42.752-6.88,52.424-11.936L375.8,393.04z"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3
      id="Arrow"
      style="border-bottom: 2px solid; margin-bottom: 20px; text-align: left;"
    &gt;
      Arrow (Dark)
    &lt;/h3&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M13,18V10L16.5,13.5L17.92,12.08L12,6.16L6.08,12.08L7.5,13.5L11,10V18H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Up Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M13,18V10L16.5,13.5L17.92,12.08L12,6.16L6.08,12.08L7.5,13.5L11,10V18H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M11,6V14L7.5,10.5L6.08,11.92L12,17.84L17.92,11.92L16.5,10.5L13,14V6H11M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Down Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor"d="M11,6V14L7.5,10.5L6.08,11.92L12,17.84L17.92,11.92L16.5,10.5L13,14V6H11M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,122,12A10,10 0 0,1 12,22Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,13H14L10.5,16.5L11.92,17.92L17.84,12L11.92,6.08L10.5,7.5L14,11H6V13Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Right Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,13H14L10.5,16.5L11.92,17.92L17.84,12L11.92,6.08L10.5,7.5L14,11H6V13Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5M6,13H14.5L11,16.5L12.42,17.92L18.34,12L12.42,6.08L11,7.5L14.5,11H6V13Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Right-Square Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5M6,13H14.5L11,16.5L12.42,17.92L18.34,12L12.42,6.08L11,7.5L14.5,11H6V13Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M18,11H9.5L13,7.5L11.58,6.08L5.66,12L11.58,17.92L13,16.5L9.5,13H18V11Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Left-Square Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M18,11H9.5L13,7.5L11.58,6.08L5.66,12L11.58,17.92L13,16.5L9.5,13H18V11Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,6V14.5L7.5,11L6.08,12.42L12,18.34L17.92,12.42L16.5,11L13,14.5V6H11Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Down-Square Arrow"&gt;
        &lt;pre&gt;
 &amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,6V14.5L7.5,11L6.08,12.42L12,18.34L17.92,12.42L16.5,11L13,14.5V6H11Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg style="height: 24px; width: 24px;" viewbox="0 0 24 24"&gt;
          &lt;path
            d="M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19C20.11,3 21,3.9 21,5V19M13,18V9.5L16.5,13L17.92,11.58L12,5.66L6.08,11.58L7.5,13L11,9.5V18H13Z"
            fill="currentColor"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Up-Square Arrow"&gt;
        &lt;pre&gt;
&amp;lt;svg style="width:24px;height:24px" viewBox="0 0 24 24"&amp;gt;&amp;lt;path fill="currentColor" d="M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19C20.11,3 21,3.9 21,5V19M13,18V9.5L16.5,13L17.92,11.58L12,5.66L6.08,11.58L7.5,13L11,9.5V18H13Z" /&amp;gt;&amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-check-square-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Check square"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-check-circle-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Check Circle"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-patch-check-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Patch check"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;h3
      id="Emoji"
      style="border-bottom: 2px solid; margin-bottom: 20px; text-align: left;"
    &gt;
      Emoji Fill Icon
    &lt;/h3&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-emoji-heart-eyes-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.559 5.448a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zm-.07-5.448c1.397-.864 3.543 1.838-.953 3.434-3.067-3.554.19-4.858.952-3.434z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji heart"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.559 5.448a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zm-.07-5.448c1.397-.864 3.543 1.838-.953 3.434-3.067-3.554.19-4.858.952-3.434z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-emoji-smile-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c-.552 0-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5S10.552 8 10 8z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji smile"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c-.552 0-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5S10.552 8 10 8z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-emoji-expressionless-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm5 0h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm-5 4h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji expressionless"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-expressionless-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm5 0h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm-5 4h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          class="bi bi-emoji-angry-fill"
          fill="currentColor"
          height="16"
          viewbox="0 0 16 16"
          width="16"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;path
            d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 0 1 .166.76c.071.206.111.44.111.687C7 7.328 6.552 8 6 8s-1-.672-1-1.5c0-.408.109-.778.285-1.049l-1.009-.504a.5.5 0 0 1-.223-.67zm.232 8.157a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 1 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5 0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5z"
          &gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji Angry"&gt;
        &lt;pre&gt;
&amp;lt;svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-angry-fill" viewBox="0 0 16 16"&amp;gt; &amp;lt;path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 0 1 .166.76c.071.206.111.44.111.687C7 7.328 6.552 8 6 8s-1-.672-1-1.5c0-.408.109-.778.285-1.049l-1.009-.504a.5.5 0 0 1-.223-.67zm.232 8.157a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 1 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5 0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5z"/&amp;gt; &amp;lt;/svg&amp;gt;
&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M8.88875 14.5414C8.63822 14.0559 8.0431 13.8607 7.55301 14.1058C7.05903 14.3528 6.8588 14.9535 7.10579 15.4474C7.18825 15.6118 7.29326 15.7659 7.40334 15.9127C7.58615 16.1565 7.8621 16.4704 8.25052 16.7811C9.04005 17.4127 10.2573 18.0002 12.0002 18.0002C13.7431 18.0002 14.9604 17.4127 15.7499 16.7811C16.1383 16.4704 16.4143 16.1565 16.5971 15.9127C16.7076 15.7654 16.8081 15.6113 16.8941 15.4485C17.1387 14.961 16.9352 14.3497 16.4474 14.1058C15.9573 13.8607 15.3622 14.0559 15.1117 14.5414C15.0979 14.5663 14.9097 14.892 14.5005 15.2194C14.0401 15.5877 13.2573 16.0002 12.0002 16.0002C10.7431 16.0002 9.96038 15.5877 9.49991 15.2194C9.09071 14.892 8.90255 14.5663 8.88875 14.5414Z"
              fill="#0F0F0F"
            &gt;&lt;/path&gt;
            &lt;path
              d="M6.5 7C5 7 5 8.66667 5 8.66667C5 10 7.5 12 8 12C8.5 12 11 10 11 8.66667C11 8.66667 11 7 9.5 7C8 7 8 9 8 9C8 9 8 7 6.5 7Z"
              fill="#0F0F0F"
            &gt;&lt;/path&gt;
            &lt;path
              d="M13 8.66667C13 8.66667 13 7 14.5 7C16 7 16 9 16 9C16 9 16 7 17.5 7C19 7 19 8.66667 19 8.66667C19 10 16.5 12 16 12C15.5 12 13 10 13 8.66667Z"
              fill="#0F0F0F"
            &gt;&lt;/path&gt;
            &lt;path
              clip-rule="evenodd"
              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 20.9932C7.03321 20.9932 3.00683 16.9668 3.00683 12C3.00683 7.03321 7.03321 3.00683 12 3.00683C16.9668 3.00683 20.9932 7.03321 20.9932 12C20.9932 16.9668 16.9668 20.9932 12 20.9932Z"
              fill-rule="evenodd"
              fill="#0F0F0F"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji Love"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M8.88875 14.5414C8.63822 14.0559 8.0431 13.8607 7.55301 14.1058C7.05903 14.3528 6.8588 14.9535 7.10579 15.4474C7.18825 15.6118 7.29326 15.7659 7.40334 15.9127C7.58615 16.1565 7.8621 16.4704 8.25052 16.7811C9.04005 17.4127 10.2573 18.0002 12.0002 18.0002C13.7431 18.0002 14.9604 17.4127 15.7499 16.7811C16.1383 16.4704 16.4143 16.1565 16.5971 15.9127C16.7076 15.7654 16.8081 15.6113 16.8941 15.4485C17.1387 14.961 16.9352 14.3497 16.4474 14.1058C15.9573 13.8607 15.3622 14.0559 15.1117 14.5414C15.0979 14.5663 14.9097 14.892 14.5005 15.2194C14.0401 15.5877 13.2573 16.0002 12.0002 16.0002C10.7431 16.0002 9.96038 15.5877 9.49991 15.2194C9.09071 14.892 8.90255 14.5663 8.88875 14.5414Z" fill="#0F0F0F"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M6.5 7C5 7 5 8.66667 5 8.66667C5 10 7.5 12 8 12C8.5 12 11 10 11 8.66667C11 8.66667 11 7 9.5 7C8 7 8 9 8 9C8 9 8 7 6.5 7Z" fill="#0F0F0F"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path d="M13 8.66667C13 8.66667 13 7 14.5 7C16 7 16 9 16 9C16 9 16 7 17.5 7C19 7 19 8.66667 19 8.66667C19 10 16.5 12 16 12C15.5 12 13 10 13 8.66667Z" fill="#0F0F0F"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;path fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 20.9932C7.03321 20.9932 3.00683 16.9668 3.00683 12C3.00683 7.03321 7.03321 3.00683 12 3.00683C16.9668 3.00683 20.9932 7.03321 20.9932 12C20.9932 16.9668 16.9668 20.9932 12 20.9932Z" fill="#0F0F0F"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg
          data-name="Layer 1"
          fill="#000000"
          viewbox="0 0 24 24"
          xmlns="http://www.w3.org/2000/svg"
        &gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M8.42,12.21a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l1.5-1.5a1,1,0,0,0,0-1.42l-1.5-1.5A1,1,0,1,0,8.42,9.21l.79.79-.79.79A1,1,0,0,0,8.42,12.21Zm5.94,2a3.76,3.76,0,0,1-4.72,0,1,1,0,0,0-1.28,1.54,5.68,5.68,0,0,0,7.28,0,1,1,0,1,0-1.28-1.54ZM15,9a1,1,0,1,0,1,1A1,1,0,0,0,15,9ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Smile Squint Wink"&gt;
        &lt;pre&gt;
&amp;lt;svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt;&amp;lt;path d="M8.42,12.21a1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l1.5-1.5a1,1,0,0,0,0-1.42l-1.5-1.5A1,1,0,1,0,8.42,9.21l.79.79-.79.79A1,1,0,0,0,8.42,12.21Zm5.94,2a3.76,3.76,0,0,1-4.72,0,1,1,0,0,0-1.28,1.54,5.68,5.68,0,0,0,7.28,0,1,1,0,1,0-1.28-1.54ZM15,9a1,1,0,1,0,1,1A1,1,0,0,0,15,9ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"&amp;gt;&amp;lt;/path&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              clip-rule="evenodd"
              d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.5 9C10.5 9.82843 9.82843 10.5 9 10.5C8.17157 10.5 7.5 9.82843 7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9ZM7 15C7 15.5523 7.44772 16 8 16H16C16.5523 16 17 15.5523 17 15C17 14.4477 16.5523 14 16 14H8C7.44772 14 7 14.4477 7 15ZM16.5 9C16.5 9.82843 15.8284 10.5 15 10.5C14.1716 10.5 13.5 9.82843 13.5 9C13.5 8.17157 14.1716 7.5 15 7.5C15.8284 7.5 16.5 8.17157 16.5 9Z"
              fill-rule="evenodd"
              fill="#000000"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji Meh"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.5 9C10.5 9.82843 9.82843 10.5 9 10.5C8.17157 10.5 7.5 9.82843 7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9ZM7 15C7 15.5523 7.44772 16 8 16H16C16.5523 16 17 15.5523 17 15C17 14.4477 16.5523 14 16 14H8C7.44772 14 7 14.4477 7 15ZM16.5 9C16.5 9.82843 15.8284 10.5 15 10.5C14.1716 10.5 13.5 9.82843 13.5 9C13.5 8.17157 14.1716 7.5 15 7.5C15.8284 7.5 16.5 8.17157 16.5 9Z" fill="#000000"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="icon-section"&gt;
      &lt;div class="icon-image"&gt;
        &lt;svg fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
          &lt;g id="SVGRepo_bgCarrier" stroke-width="0"&gt;&lt;/g&gt;
          &lt;g
            id="SVGRepo_tracerCarrier"
            stroke-linecap="round"
            stroke-linejoin="round"
          &gt;&lt;/g&gt;
          &lt;g id="SVGRepo_iconCarrier"&gt;
            &lt;path
              d="M12 2.00005C6.4898 2.00005 2 6.48984 2 12C2 17.5103 6.4898 22 12 22C17.5102 22 22 17.5103 22 12C22 6.48984 17.5102 2.00005 12 2.00005ZM8.93878 7.91841C9.44898 7.91841 9.95918 8.42862 9.95918 8.93882C9.95918 9.44903 9.44898 9.95923 8.93878 9.95923C8.42857 9.95923 7.91837 9.44903 7.91837 8.93882C7.91837 8.42862 8.42857 7.91841 8.93878 7.91841ZM15.6735 16.5919C15.5714 16.796 15.2653 16.898 15.0612 16.898C14.8571 16.898 14.7551 16.898 14.551 16.6939C13.6327 16.0817 13.0204 15.8776 12 15.8776C10.9796 15.8776 10.2653 16.0817 9.44898 16.6939C9.14286 16.898 8.63265 16.898 8.42857 16.5919C8.22449 16.2858 8.22449 15.7756 8.53061 15.5715C9.65306 14.7551 10.5714 14.347 12.102 14.347C13.6327 14.347 14.449 14.6531 15.6735 15.5715C15.8776 15.7756 15.8776 16.1837 15.6735 16.5919ZM15.0612 9.95923C14.551 9.95923 14.0408 9.44903 14.0408 8.93882C14.0408 8.42862 14.551 7.91841 15.0612 7.91841C15.5714 7.91841 16.0816 8.42862 16.0816 8.93882C16.0816 9.44903 15.5714 9.95923 15.0612 9.95923Z"
              fill="#030D45"
            &gt;&lt;/path&gt;
          &lt;/g&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      &lt;div class="icon-code" data-text="Emoji Sad"&gt;
        &lt;pre&gt;
&amp;lt;svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"&amp;gt;&amp;lt;g id="SVGRepo_bgCarrier" stroke-width="0"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"&amp;gt;&amp;lt;/g&amp;gt;&amp;lt;g id="SVGRepo_iconCarrier"&amp;gt; &amp;lt;path d="M12 2.00005C6.4898 2.00005 2 6.48984 2 12C2 17.5103 6.4898 22 12 22C17.5102 22 22 17.5103 22 12C22 6.48984 17.5102 2.00005 12 2.00005ZM8.93878 7.91841C9.44898 7.91841 9.95918 8.42862 9.95918 8.93882C9.95918 9.44903 9.44898 9.95923 8.93878 9.95923C8.42857 9.95923 7.91837 9.44903 7.91837 8.93882C7.91837 8.42862 8.42857 7.91841 8.93878 7.91841ZM15.6735 16.5919C15.5714 16.796 15.2653 16.898 15.0612 16.898C14.8571 16.898 14.7551 16.898 14.551 16.6939C13.6327 16.0817 13.0204 15.8776 12 15.8776C10.9796 15.8776 10.2653 16.0817 9.44898 16.6939C9.14286 16.898 8.63265 16.898 8.42857 16.5919C8.22449 16.2858 8.22449 15.7756 8.53061 15.5715C9.65306 14.7551 10.5714 14.347 12.102 14.347C13.6327 14.347 14.449 14.6531 15.6735 15.5715C15.8776 15.7756 15.8776 16.1837 15.6735 16.5919ZM15.0612 9.95923C14.551 9.95923 14.0408 9.44903 14.0408 8.93882C14.0408 8.42862 14.551 7.91841 15.0612 7.91841C15.5714 7.91841 16.0816 8.42862 16.0816 8.93882C16.0816 9.44903 15.5714 9.95923 15.0612 9.95923Z" fill="#030D45"&amp;gt;&amp;lt;/path&amp;gt; &amp;lt;/g&amp;gt;&amp;lt;/svg&amp;gt;&lt;/pre
        &gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;p class="note"&gt;
      Additional SVG icons will be added soon.&lt;b&gt;
        Save this page to incorporate SVG elements&lt;/b
      &gt;
      into your web design projects.
    &lt;/p&gt;
    &lt;div class="K2_svg_list" style="border: 2px solid black; padding: 10px;"&gt;
      &lt;h3&gt;Other SVG Resources&lt;/h3&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;a href="https://ionic.io/ionicons" rel="nofollow" target="_blank"
            &gt;IonIcons&lt;/a
          &gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a
            href="https://materialdesignicons.com/"
            rel="nofollow"
            target="_blank"
            &gt;materialdesignicons&lt;/a
          &gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="https://feathericons.com/" rel="nofollow" target="_blank"
            &gt;feathericons&lt;/a
          &gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="https://www.iconfinder.com/search" target="_blank"
            &gt;iconfinder&lt;/a
          &gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a
            href="https://www.reshot.com/free-svg-icons/"
            rel="nofollow"
            target="_blank"
            &gt;reshot&lt;/a
          &gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a
            href="https://fontawesomeicons.com/svg/icons"
            rel="nofollow"
            target="_blank"
            &gt;Font-awesome Icons&lt;/a
          &gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

    &lt;h2&gt;Conclusion&lt;/h2&gt;
    &lt;p&gt;
      Enhance your blogging experience with SVG resources, bringing scalability
      and quality to your graphic section. Explore the advantages of SVG and
      integrate free icons seamlessly into your content.
    &lt;/p&gt;

    &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;

    &lt;ol&gt;
      &lt;li&gt;
        &lt;strong&gt;What is SVG in HTML?&lt;/strong&gt;
        &lt;p&gt;
          Scalable Vector Graphics (SVG) is an XML-based markup language used to
          describe two-dimensional vector graphics. It is commonly employed in
          HTML to create graphics and visual elements that can scale smoothly,
          ensuring high-quality display across various screen sizes and
          resolutions.
        &lt;/p&gt;
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;What are the advantages of using SVG?&lt;/strong&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;strong&gt;Scalability:&lt;/strong&gt; SVG graphics can be scaled to any size
            without losing quality, making them ideal for responsive web design.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;Editability:&lt;/strong&gt; SVG images can be created and edited
            with any text editor, and they support CSS styling and animation.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;Interactivity:&lt;/strong&gt; SVG elements can be manipulated with
            JavaScript, enabling dynamic and interactive web content.
          &lt;/li&gt;
          &lt;li&gt;
            &lt;strong&gt;Accessibility:&lt;/strong&gt; SVG images are accessible to screen
            readers, enhancing the inclusivity of your web content.
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;

      &lt;li&gt;
        &lt;strong&gt;How can I use free SVG icons in my blog?&lt;/strong&gt;
        &lt;p&gt;To use free SVG icons in your blog, follow these general steps:&lt;/p&gt;
        &lt;ol&gt;
          &lt;li&gt;
            Find a Resource: Look for websites or platforms that offer free SVG
            icons. Many designers and organizations provide icon sets for
            various purposes.
          &lt;/li&gt;
          &lt;li&gt;
            Download the SVG Files: Once you find suitable icons, download the
            SVG files to your computer.
          &lt;/li&gt;
          &lt;li&gt;
            Upload to Your Blog: In your blog platform, find the option to
            upload media or insert custom HTML. Upload the SVG files or use the
            HTML &amp;lt;img&amp;gt; tag to reference the icons.
          &lt;/li&gt;
          &lt;li&gt;
            Ensure Proper Attribution: If the icons come with licensing or
            attribution requirements, make sure to comply with them by providing
            the necessary credits.
          &lt;/li&gt;
        &lt;/ol&gt;
      &lt;/li&gt;
    &lt;/ol&gt;

    &lt;p&gt;
      If you have found any error in SVG, you can ask me through the&amp;nbsp;&lt;a
        href="https://infiniteinsightsonline.blogspot.com/p/contact-us.html"
        &gt;Contact Page&lt;/a
      &gt;
      or leave a comment.
    &lt;/p&gt;
    &lt;p&gt;
      Also, suggest if some New Icons should added to this SVG resource Page.
    &lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/svg-icons.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB5ccj4htXab9HJnxXnFyN9lAY4CpSVBHPriiTk1tt4n5EvWNLPMUXoL02HbxqAD7zhY6-VHXqOFoQw-Fm-Mj1rfs8TLiM1RcG45LoNP3ozPKutv0UvXxCTU7qJdVfHQC_GU87SGMuVlpn1OFOFc7NavKxD_mvUTbLYxrRLopa_KRgFibBOUhP8HfnTSc/s72-c-rw/svg-icons.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-289515921307772927</guid><pubDate>Sun, 26 Nov 2023 21:56:00 +0000</pubDate><atom:updated>2023-12-25T13:42:39.802-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>Instagram Fonts Generator</title><description>  	&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/insta.min.css" rel="stylesheet"&gt;&lt;/link&gt; 
&lt;style&gt;
 .entry-text h2 {
    background-image: linear-gradient(to right,#408cff,#4add95,#30dd8a,#2bb673);
    box-shadow: 0 4px 15px 0 rgba(23,168,108,0.75);
    Color: white;
    padding: 10px;
    border-radius: 7px;
} 
&lt;/style&gt;
  &lt;div class="header"&gt;
    &lt;a href="#"&gt;&lt;img alt="instagram fonts logo" id="logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFXwukUkxJ2MjQXEc76FFNSFSSL_R-62H8fJGxQbneJSTNp0lYqTGi_cwN0k9vYGBeLN2wnqdBsVeUOH3tq_CqcD6oVtampZju0dFtKKE0QxgCw4epyAsY43Vgm6ht9XuvhxqkRiKChuE3BJPRgYE0wCzmMI_iK5pZo3U2B-X6NNMVDD29BrrbcBr0aIQ/s1267-rw/colorlogo.png" title="Instagram Fonts Generator" /&gt;
    &lt;/a&gt;
    &lt;div class="wave"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="background"&gt;&lt;/div&gt;
  &lt;div class="addthis_inline_share_toolbox centersocials"&gt;&lt;/div&gt;

  &lt;div id="main"&gt;
    &lt;div class="content-box" id="input-wrapper"&gt;
      &lt;textarea id="input" maxlength="160" placeholder="Type or paste your text here and create cool ig bio fonts &#128526; " value=""&gt;&lt;/textarea&gt;
    &lt;/div&gt;

    &lt;div class="content-box" id="someid" style="display: none;"&gt;&lt;/div&gt;

    &lt;div class="content-box" id="output-wrapper"&gt;
      &lt;div id="output"&gt;
        &lt;p style="margin: 0px; opacity: 0.9;"&gt;
          &lt;span style="display: inline-block; width: max-content;"&gt;&#128081;&#128525; Your name will be displayed here &#128526;&#128081;
          &lt;/span&gt;
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class="content-box" id="output-emoji"&gt;
      &lt;div id="output"&gt;
        &lt;h5 style="margin: 0px; text-align: center;"&gt;
          &lt;span class="titleheader" style="display: inline-block;"&gt;Use your favourite emojis and these fancy instagram fonts to create
            cool instagram bio, quotes and stories&lt;/span&gt;
        &lt;/h5&gt;
        &lt;p class="emoji"&gt;
          &lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;a name='more'&gt;&lt;/a&gt;&#128512; &#128513; &#128514; &#129315; &#128515; &#128516; &#128517; &#128518; &#128521; &#128522; &#128523; &#128526; &#128525; &#128536; &#128535; &#128537; &#128538; ☺️ &#128578; &#129303; &#129300; &#128528; &#128529;
          &#128566; &#128580; &#128527; &#128547; &#128549; &#128558; &#129296; &#128559; &#128554; &#128555; &#128564; &#128524; &#128539; &#128540; &#128541; &#129316; &#128530; &#128531; &#128532; &#128533; &#128579; &#129297; &#128562;
          ☹️ &#128577; &#128534; &#128542; &#128543; &#128548; &#128546; &#128557; &#128550; &#128551; &#128552; &#128553; &#128556; &#128560; &#128561; &#128563; &#128565; &#128545; &#128544; &#128567; &#129298; &#129301; &#129314;
          &#129319; &#128519; &#129312; &#129313; &#129317; &#129299; &#128520; &#128127; &#128121; &#128122; &#128128; &#128123; &#128125; &#129302; &#128169; &#128570; &#128568; &#128569; &#128571; &#128572; &#128573; &#128576; &#128575;
          &#128574;
        &lt;p&gt;&lt;/p&gt;
        &lt;p class="emoji"&gt;
          &#128054; &#128049; &#128045; &#128057; &#128048; &#129418; &#128059; &#128060; &#128040; &#128047; &#129409; &#128046; &#128055; &#128061; &#128056; &#128053; &#128584; &#128585; &#128586; &#128018; &#128020; &#128039; &#128038;
          &#128036; &#128035; &#128037; &#129414; &#129413; &#129417; &#129415; &#128058; &#128023; &#128052; &#129412; &#128029; &#128027; &#129419; &#128012; &#128026; &#128030; &#128028; &#128375; &#128376; &#129410; &#128034; &#128013; &#129422;
          &#128025; &#129425; &#129424; &#129408; &#128033; &#128032; &#128031; &#128044; &#128051; &#128011; &#129416; &#128010; &#128005; &#128006; &#129421; &#128024; &#129423; &#128042; &#128043; &#128003; &#128002; &#128004; &#128014;
          &#128022; &#128015; &#128017; &#128016; &#129420; &#128021; &#128041; &#128008; &#128019; &#129411; &#128330; &#128007; &#128001; &#128000; &#128063; &#128062; &#128009; &#128050; &#127797; &#127876; &#127794; &#127795; &#127796; &#127793;
          &#127807; ☘️ &#127808; &#127885; &#127883; &#127811; &#127810; &#127809; &#127812; &#127806; &#128144; &#127799; &#127801; &#129344; &#127802; &#127800; &#127804; &#127803; &#127774; &#127773; &#127771; &#127772; &#127770;
          &#127765; &#127766; &#127767; &#127768; &#127761; &#127762; &#127763; &#127764; &#127769; &#127758; &#127757; &#127759; &#128171; ⭐️ &#127775; ✨ ⚡️ ☄️ &#128165; &#128293; &#127786; &#127752; ☀️
          &#127780; ⛅️ &#127781; ☁️ &#127782; &#127783; ⛈ &#127785; &#127784; ❄️ ☃️ ⛄️ &#127788; &#128168; &#128167; &#128166; ☔️ ☂️ &#127754; &#127787; &#128080; &#128588; &#128079; &#129309; &#128077;
          &#128078; &#128074; ✊ &#129307; &#129308; &#129310; ✌️ &#129304; &#128076; &#128072; &#128073; &#128070; &#128071; ☝️ ✋ &#129306; &#128400; &#128406; &#128075; &#129305; &#128170; &#128405; ✍️
          &#128591; &#128141; &#128132; &#128139; &#128068; &#128069; &#128066; &#128067; &#128099; &#128065; &#128064;
        &lt;/p&gt;
        &lt;p class="emoji"&gt;
          &#127823; &#127822; &#127824; &#127818; &#127819; &#127820; &#127817; &#127815; &#127827; &#127816; &#127826; &#127825; &#127821; &#129373; &#127813; &#127814; &#129361; &#129362; &#127798; &#127805; &#129365; &#129364; &#127840; &#129360;
          &#127838; &#129366; &#129472; &#129370; &#127859; &#129374; &#129363; &#127831; &#127830; &#127789; &#127828; &#127839; &#127829; &#129369; &#127790; &#127791; &#129367; &#129368; &#127837; &#127836; &#127858; &#127835; &#127843;
          &#127857; &#127844; &#127833; &#127834; &#127832; &#127845; &#127842; &#127841; &#127847; &#127848; &#127846; &#127856; &#127874; &#127854; &#127853; &#127852; &#127851; &#127871; &#127849; &#127850; &#127792; &#129372; &#127855;
          &#129371; &#127868; ☕️ &#127861; &#127862; &#127866; &#127867; &#129346; &#127863; &#129347; &#127864; &#127865; &#127870; &#129348; &#127860; &#127869; &#127942; &#129351; &#129352; &#129353; &#127941; &#127894; &#127989;
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class="content-box" id="description"&gt;
      &lt;div&gt;
        &lt;article&gt;
          &lt;h2 style="text-align: left;"&gt;
            Instagram Fonts Generator ― By Infinite Insights Online
          &lt;/h2&gt;
          
        &lt;/article&gt;
        &lt;br /&gt;
        &lt;h2 id="texth" style="font-size: 16px;"&gt;
          Did you know you can customize the text in your Instagram bio,
          captions, and comments? Instagram Fonts Generator makes it easy to use
          custom text styles on Instagram, helping you to make your posts stand
          out from the crowd. You simply type or paste your text into the first
          text box you see, and then scroll down to see your words rendered in a
          variety of crazy-looking font styles. If you find one you like, you
          can then paste it into your bio, caption, or comment on Instagram. If
          you don't see anything you like, just click the 'load more fonts'
          button at the bottom and you'll get more cool Instagram bio
          fonts. &lt;br /&gt;Useful for generating &lt;b&gt;Instagram bio ideas&lt;/b&gt; symbols
          to make your IG profile have more individuality and popularity. Just
          type any text into the input box and you will generate hundreds of text
          fonts and Instagram variations. Cool Fancy Text Generator is a copy-and-paste font generator and font changer that creates Twitter,
          Facebook, and Instagram fonts. It converts normal text to different free
          cool font styles, such as tattoo fonts, calligraphy fonts, web script
          fonts, cursive fonts, and handwriting fonts. Generate Decorate text, Big
          Text Generator, Emoticon Text, Emoji Text. &#128525;Learn how to customize
          your Instagram fonts in your bio, and captions, all you have to do is copy
          the text, open the Instagram app, and paste it. Copy and paste
          symbols, fancy text fonts, tattoo font generator, cursive font
          generator online, and font styles download and Instagram story fonts
          for FREE &#127942;
        &lt;/h2&gt;
        &lt;br /&gt;
        &lt;h2 style="text-align: left;"&gt;
            So, let's generate cool text fonts that you can copy and paste into your
        Instagram Bio.
          &lt;/h2&gt;
        &lt;br /&gt;
        &lt;h3&gt;&lt;b&gt;&lt;span style="color: #2b00fe;"&gt;How it Works?&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
        &lt;br /&gt;
        &lt;h3&gt;&lt;b&gt;&lt;span style="color: #ffa400;"&gt;Text Fonts or Text Symbols?&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
        ASCII characters are the first 128 symbols of Unicode, and these are the
        things that you're reading right now. But there are far more than 128
        symbols in Unicode, and there are quite a few
        that look a bit like the normal Latin alphabet (i.e. that look like
        English text). We can take advantage of that to make "pseudo-alphabets"
        which resemble normal ASCII text, but which have certain differences -
        such as being bolder, italic, or even upside down! These "alphabets"
        often aren't perfect - they're basically "Unicode hacks" which take
        advantage of various symbols from different sets all throughout the
        100k+ symbols in the standard. The term "font" actually refers to a set
        of graphics that correspond to some or all of the Unicode glyphs. You've
        probably heard of "Comic Sans" and "Arial" - these are fonts. What
        you're copying and pasting above are actually symbols that exist in
        every font. So the cursive text and other fancy letters that you're
        seeing above are actually separate characters, just like "a" and "b" are
        separate characters.
        &lt;br /&gt;
        &lt;h3&gt;&lt;b&gt;&lt;span style="color: #ffa400;"&gt;Copy and Paste&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
        So why does it matter that they're separate characters? Because if they
        weren't (i.e., just normal fonts), you wouldn't be able
        to copy and paste them! You can't copy and paste some Comic Sans into
        your Instagram bio because the symbols you'd be copying would just
        be normal ASCII characters, and the fact that they're rendered in one
        font on one website doesn't mean that they'll appear as that same font
        on another - it's up to the website owner to decide what fonts they use
        on their website. However, if there's a set of Unicode characters that
        looks like a specific font, or has a particular style (e.g. bold,
        italic, cursive, etc.), then we can use them to "emulate" a font that
        will work across different websites when you copy and paste those
        "fonts". That's why you're able to copy and paste these fonts into
        Instagram.
        &lt;br /&gt;
        &lt;h3&gt;&lt;b&gt;&lt;span style="color: #ffa400;"&gt;Compatibility&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
        You may notice that some of the fonts don't work on Instagram.
        Unfortunately, Instagram filters out some of the fancy letters and
        symbols - probably because they don't want people to abuse certain
        Unicode stuff like the excessive diacritics used in the "glitch text"
        font that you'll see in the list, but most often you're able to copy and
        paste these fonts into Instagram.
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;br /&gt;

  &lt;!--Add this Sticky Sidebar and Inline Share - By Infinite Insights Online Login to Addthis and Change as per your Requirement--&gt;
  &lt;script src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c98f50a092025d4" type="text/javascript"&gt;&lt;/script&gt;

  &lt;footer&gt;
    &lt;div class="container text-center"&gt;
      &lt;div class="footer-copy"&gt;
        &lt;p&gt;
          ©
          &lt;script&gt;
            document.write(new Date().getFullYear())
          &lt;/script&gt;
          &lt;span&gt;• &lt;/span&gt;
          &lt;b&gt;
            &lt;a href="/" itemprop="name" title="Infinite Insights Online"&gt;Infinite Insights Online - Instagram or Fancy Font Generator&lt;/a&gt;&lt;/b&gt;
        &lt;/p&gt;

        &lt;!--Edited by Infinite Insights Online Team Visit: https://infiniteinsightsonline.blogspot.com/--&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/footer&gt;


&lt;script crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;

&lt;script src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/insta.min.js"&gt;&lt;/script&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/instagram-fonts.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFXwukUkxJ2MjQXEc76FFNSFSSL_R-62H8fJGxQbneJSTNp0lYqTGi_cwN0k9vYGBeLN2wnqdBsVeUOH3tq_CqcD6oVtampZju0dFtKKE0QxgCw4epyAsY43Vgm6ht9XuvhxqkRiKChuE3BJPRgYE0wCzmMI_iK5pZo3U2B-X6NNMVDD29BrrbcBr0aIQ/s72-c-rw/colorlogo.png" width="72"/><thr:total>2</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-4253484597344742319</guid><pubDate>Sat, 25 Nov 2023 20:49:00 +0000</pubDate><atom:updated>2023-12-26T14:04:48.664-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>How to Add Google News Follow Us Button to Blogger Website</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="How to add Google News Follow Button -embed the 'follower' button for your Google News feed within your website?"
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/11/news-button.html"
    /&gt;
    &lt;title&gt;How to Add Google News Follow Us Button to Blogger Website&lt;/title&gt;

    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;h1 class="custom-header"&gt;
        &lt;span style="color: white;"&gt;
          How to Add Google News Follow Us Button to Blogger Website&lt;/span
        &gt;
        &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
      &lt;/h1&gt;
    &lt;/div&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Follow News"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqF5HfdCOylC1gtuHzsj3EITUdYJct6XHvLCBzrc25X3bwtLOt0WXKg-zOPA5nvEWx5XklkP0wLvkJVPVuaWoR0t6_547agvvbidpW8ZERpAR4VzLWKUNDO0J35Ehl6zZtbz4btPzE4QNmAAY0qUJNhDlsJmAff9hbDbEERk63L1yrk4-vR48vomzldg/s1240-rw/news.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;p&gt;
      Google News stands as a powerhouse of information, providing users with a
      diverse range of news articles from across the web. In today's fast-paced
      digital age, where content is abundant, the need for a personalized news
      experience is more critical than ever. This article explores the
      significance of customizing Google News feeds and introduces a
      groundbreaking feature: the 'Follow News for Your Blog' button.
    &lt;/p&gt;

    &lt;h2&gt;Getting Started: Navigate Like a Pro&lt;/h2&gt;
    &lt;ol&gt;
      &lt;li&gt;
        Open
        &lt;b
          &gt;&lt;a href="https://publishercenter.google.com/" target="_blank"
            &gt;Publisher Center&lt;/a
          &gt;&lt;/b
        &gt;.
      &lt;/li&gt;
      &lt;li&gt;Google News Click "Open"&lt;/li&gt;
      &lt;li&gt;Click "Edit" and then "Review and publish."&lt;/li&gt;
      &lt;li&gt;
        Under the “Test Post” section heading, Press the URL as shown in the
        image below And Copy URL Page
      &lt;/li&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="publishercenter"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7pKgdzyLh-iKBBcColnjk9hoXXcG0fiG2xSu8_HeJCda2JyoPZNMMC8G0frGmmrC2ZqYxmSFVG3BO3QxNBF5-6d5XnoCwFQlmsCOFq0T-y8NNqsIGeZsGvU1hXCVSZGeVvyoEVGS5vC9028fw_K71Yz_RGjMwNBVjIaViAgeGOd0n7DTT1d6wCvDngho/s1240-rw/Stp.webp"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;

      &lt;li&gt;
        Paste it at the place in the below code marked in
        &lt;b&gt;&lt;span style="color: red;"&gt;red&amp;nbsp;&lt;/span&gt;&lt;/b
        &gt;&lt;span style="color: red;"&gt;&lt;b&gt;(replace Url)&lt;/b&gt;&lt;/span&gt;
      &lt;/li&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="code replace"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0h6Yc73ZxRM-4QgtH78XQsVjstovaf0eSBjxiwEWp2F0C9Ein4FeMhprINj2Mw5pT5iFezDz9GA1_cyBHLT1ctBKimYhHq9u1Z9Skzbdr3fPlYG6y5fn28pBlFkz1OTnIe3Js-cqBHMEg4fZfiQ_SSB9divsaQT3GKBzehdIDSMgkdNqWfVlD5eWitk/s659-rw/code%20replace.webp"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
      &lt;li&gt;
        Now Just go to Blogger Design ( In the left menu, click &lt;b&gt;Layout&lt;/b&gt;)
      &lt;/li&gt;
      &lt;li&gt;
        Choose where you want to add the Follow our website On Google News
        gadget.
      &lt;/li&gt;
      &lt;li&gt;Click &lt;b&gt;Add a Gadget&lt;/b&gt; - Chooce &lt;b&gt;HTML/JavaScriPt&lt;/b&gt;&lt;/li&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="code 2"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcLiE_hywVSUfEI_Pu4D19JJ9uQJlN_h3Z7ucxrImPbvwjCvK2M5SuGYJLyzarKKn2JVOk0Yz99-EeRB_jFqGTVihlY9lpKaQWIViLZ4MyDo_mwd4PZp-TuQjVX4ofi5Pcld9zdYwhtxzND9iD8FcprnvVT-g3jjDDpesvXPYNUs4ruIXY5fBWyqYZGk/s1240-rw/1.webp"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
      &lt;li&gt;
        Copy paste the above code with your blog (Google News ) Url in the
        widget.
      &lt;/li&gt;
      &lt;textarea
        id="copyButtonHTML"
        readonly="readonly"
        rows="12"
        style="width: 100%;"
      &gt;
&lt;style&gt;
.moghayer-body {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
box-sizing: border-box;
background-color: #f0f0f0;
}
.center-container {
display: flex;
align-items: center;
justify-content: center;
}
.moghayer-card {
background-color: #ffffff;
border-radius: 9px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.9);
overflow: hidden;
width: 300px;
text-align: center;
padding: 20px;
border: 2px solid #1b5a84;
}
.custom-title {
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
color: #333333;
}
.custom-logo {
width: 100%; 
height: auto; 
border-radius: 0%;
margin-bottom: 15px;
object-fit: cover; 
}
.custom-content {
font-size: 16px;
color: #555555;
margin-bottom: 20px;
}
.custom-button {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
background-color: #1b5a84;
border-radius: 6px;
transition: background-color 0.3s ease;
}
.custom-button:hover {
background-color: #00A400;
}
&lt;/style&gt;

&lt;div class="center-container"&gt;
&lt;div class="moghayer-card"&gt;
&lt;div class="custom-title"&gt;Find out the latest news on Google News&lt;/div&gt;
&lt;img class="custom-logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnOoOmD8zO2EeN5luEtPMHA1SV9QDBulOBE42e10CJH02IhpsoaVk7P_kJavgKuZKycb4vWcQAlKiZSXLbSRjDVLLOQFGaAaOYXWRkMJnBNxV5Yf74b2ZM7_EJUUvw3y_lJF2LPkcWc2DTD82A27IqquDznbknvBNGeK-vjxXR4HrcqwviOP_UkhNHiAU/s256/tbana.png" alt="Follow us on News" /&gt;
&lt;p class="custom-content"&gt;Follow the latest developments and news on our Google News website.&lt;/p&gt;
&lt;a class="custom-button" href="https://news.google.com/publications/CAAqBwgKMJz80wsw6pfrAw?hl=en-US&amp;gl=US&amp;ceid=US:en" target="_blank"&gt;Follow our website&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/textarea
      &gt;

      &lt;button onclick="copyButtonHTMLToClipboard()"&gt;Copy Code&lt;/button&gt;

      &lt;script&gt;
        function copyButtonHTMLToClipboard() {
          var copyText = document.getElementById("copyButtonHTML");
          var textArea = document.createElement("textarea");
          textArea.value = copyText.textContent;
          document.body.appendChild(textArea);
          textArea.select();
          document.execCommand('copy');
          document.body.removeChild(textArea);
          alert("Button HTML has been copied to the clipboard");
        }
      &lt;/script&gt;

      &lt;li&gt;Click "&lt;b&gt;Save&lt;/b&gt;" to save your changes.&lt;/li&gt;
      &lt;li&gt;Now the tool will appear on your blog as in the following image.&lt;/li&gt;
      &lt;div style="text-align: center;"&gt;
        &lt;img
          alt="END"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aORHpatw0BpzkZkBwJkdS5sJM4snu8o2fwFGQBjWYEQu1p9mxnQXwOw34rPLhRsrOyhG4okyfZDH9Kxm0lXXmhOjyaMpbdpt3PnxDtyTZjBqYIrVbe2QgtgHR2S9CfKdUq3TU6NPNufpwmOG2didmIrhX-FS19Oul3D8ZuT9leMpZQBOcMuYw6M5xeg/s1128-rw/End.webp"
          style="height: auto; max-width: 100%;"
        /&gt;
      &lt;/div&gt;
    &lt;/ol&gt;
    &lt;section&gt;
      &lt;h2&gt;Conclusion:&lt;/h2&gt;
      &lt;p&gt;
        Congratulations! By following these steps, you have successfully
        personalized your Google News feeds with the Follow button, offering
        your audience an enriched and individualized news-reading experience
      &lt;/p&gt;
    &lt;/section&gt;

    &lt;section&gt;
      &lt;h2&gt;Frequently Asked Questions:&lt;/h2&gt;
      &lt;p&gt;&lt;strong&gt;Q1:&lt;/strong&gt; Can I customize the Follow button?&lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;A:&lt;/strong&gt; Currently, the button comes as a standard feature,
        but watch for potential customization options in future updates.
      &lt;/p&gt;
      &lt;p&gt;&lt;strong&gt;Q2:&lt;/strong&gt; Is the button compatible with mobile devices?&lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;A:&lt;/strong&gt; AAbsolutely! The Follow button is designed to
        optimize user experience across various devices.
      &lt;/p&gt;
      &lt;p&gt;&lt;strong&gt;Q3:&lt;/strong&gt;Can I relocate the button on my blog&lt;/p&gt;
      &lt;p&gt;
        &lt;strong&gt;A:&lt;/strong&gt; The button's placement is currently fixed, but stay
        tuned for potential updates from Google.
      &lt;/p&gt;
    &lt;/section&gt;

    &lt;p&gt;
      &lt;b
        &gt;&lt;span style="color: #2b00fe;"
          &gt;Implement these steps to not only stay informed but also provide your
          readers with a tailored and engaging news experience. Happy
          blogging!&lt;/span
        &gt;&lt;/b
      &gt;
    &lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/news-button.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqF5HfdCOylC1gtuHzsj3EITUdYJct6XHvLCBzrc25X3bwtLOt0WXKg-zOPA5nvEWx5XklkP0wLvkJVPVuaWoR0t6_547agvvbidpW8ZERpAR4VzLWKUNDO0J35Ehl6zZtbz4btPzE4QNmAAY0qUJNhDlsJmAff9hbDbEERk63L1yrk4-vR48vomzldg/s72-c-rw/news.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-2090536656642550670</guid><pubDate>Fri, 24 Nov 2023 18:49:00 +0000</pubDate><atom:updated>2023-12-26T14:12:08.232-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>Mastering Blogger: How to Effortlessly Add a Follow Button and Connect with Your Readers</title><description>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
    &lt;meta
      name="description"
      content="Learn how to set up a follow button on Blogger, to engage your audience and keep them updated with your latest blog posts."
    /&gt;

    &lt;!-- Canonical tag --&gt;
    &lt;link
      rel="canonical"
      href="https://infiniteinsightsonline.blogspot.com/2023/11/follow-button.html"
    /&gt;
    &lt;title&gt;
      Mastering Blogger: How to Effortlessly Add a Follow Button and Connect
      with Your Readers
    &lt;/title&gt;

    &lt;link
      href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css"
      rel="stylesheet"
    /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;header&gt;
      &lt;div&gt;
        &lt;h1 class="custom-header"&gt;
          &lt;span style="color: white;"&gt;
            Mastering Blogger: How to Effortlessly Add a Follow Button and
            Connect with Your Readers&lt;/span
          &gt;
          &lt;div&gt;&lt;br /&gt;&lt;/div&gt;
        &lt;/h1&gt;
      &lt;/div&gt;
    &lt;/header&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="Follow Button"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_yczmWS3byNgihmtnV08KKKj-rahu2zGPg7FFcOs4Ztw00wwxZ5OVJVBDoeBikJV2NREun0jHiQIbFirgZImWxPuVjVmhzlkjRCrqeayIafj8eMQzrUl1ehfWXlkH2sdxi9rgbqrwMgXKt4RAoN3hLbJzIsgiAMXKrcyA2A7YGqwflGEL-1EYyYpHjA/s1240-rw/Follow%20button.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;section&gt;
      &lt;p&gt;
        Have you ever wished your readers could effortlessly stay in the loop
        with your latest blog posts? Well, your wish is about to come true as we
        guide you through the process of adding a follow button on your Blogger
        website.
      &lt;/p&gt;
    &lt;/section&gt;
    &lt;section&gt;
      &lt;h2&gt;Getting Started: Navigate Like a Pro&lt;/h2&gt;
      &lt;ol&gt;
        &lt;li&gt;Just Sign in to your Google Account&lt;/li&gt;
        &lt;li&gt;Go to your blog's Dashboard &amp;gt; Design.&lt;/li&gt;
        &lt;li&gt;
          Obtain Your Blog ID (copy the blog Id from the url-Just the number
          nothing else)
        &lt;/li&gt;
        &lt;div style="text-align: center;"&gt;
          &lt;img
            alt="ID"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFFA0_q8MlfGq4j_SkM_9ztx-08N-LqWMekLVssiEPWF4aqf00Mx6H7M6kAATRCyNzPJbjl99PY-4ZvvA9KRSsLZwf29qaRy32tkryBehwqCqGFuP2fh3MU3TlF9Z-kLZoToxtJIrBJCWtZoU4LdvQuXxz4TuYY1-sTj8gBijfUnq5ji_K1Kn0zocDwM/s715-rw/ID.webp"
            style="height: auto; max-width: 100%;"
          /&gt;
        &lt;/div&gt;
        &lt;li&gt;
          paste it at the place in the below code marked in
          &lt;b&gt;&lt;span style="color: red;"&gt;red&lt;/span&gt;&lt;/b&gt;
        &lt;/li&gt;
        &lt;div style="text-align: center;"&gt;
          &lt;img
            alt="Body"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFfPZcwMANICRRKjUdYvz_7rK4UERX3kyDi4PAVryst43TRRE75Q3KS8ai297TPM7R8gCpsPAwkQMu7CaKq3_6A4h2FsE72Y7vDQCNJ2lnlQt-v5GcMWwqvapqy9C5lOZ2TrOezyG9heyhHZIZZI-vFX0IzB8pcjAWLkeYovvJT84SYibU-jNMGDpUvN4/s1240-rw/body.webp"
            style="height: auto; max-width: 100%;"
          /&gt;
        &lt;/div&gt;
        &lt;li&gt;
          Now Just go to Blogger Design ( In the left menu, click &lt;b&gt;Layout&lt;/b&gt;)
        &lt;/li&gt;
        &lt;li&gt;Choose where you want to add the Followers gadget.&lt;/li&gt;
        &lt;li&gt;Click &lt;b&gt;Add a Gadget&lt;/b&gt; - Chooce &lt;b&gt;HTML/JavaScriPt&lt;/b&gt;&lt;/li&gt;
        &lt;div style="text-align: center;"&gt;
          &lt;img
            alt="code"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-1SjDo77-iEEpMdlhlrva0_A5ADdagDqx6XLL3JWP_BUVobVYJxmPkaWfSmvA60H62FJRYA88zG2p2QZbbPaMynx4-UDy4RTGY9z4To7cKDNlxh_W2Dq4t6UALgNL0-6DLBwCB1nICCaYBuJlur-mBCcziVrO6_sE5GcAqdLE0SoThBj8iNlPTuUczx0/s1240-rw/Code.webp"
            style="height: auto; max-width: 100%;"
          /&gt;
        &lt;/div&gt;
        &lt;li&gt;Copy paste the above code with your blog id in the widget .&lt;/li&gt;
        &lt;textarea
          id="copyButtonHTML"
          readonly="readonly"
          rows="12"
          style="width: 100%;"
        &gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /&gt;
  &lt;style&gt;
    .button {
      display: inline-block;
      padding: 5px 0px;
      font-size: 23px;
      font-weight: bold;
      text-decoration: none;
      color: #ffffff;
      background-color: #1b5a84;
      border-radius: 6px;
      transition: background-color 0.3s ease;
      position: relative;
      width: 100%;
      height: 100%;
      font-size: 1.4em;
      text-transform: uppercase;
      font-weight: 200;
      color: #fff;
      background-color: #1b5a84;
      border: 2px solid #34495e; /* Orange outer border*/
      border-radius: 6px;
      overflow: hidden;
      transition: background-color 0.7s ease, box-shadow 0.7s ease;
    }

    .button:hover {
      background-color: #1b5a84cf;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.9);
      cursor: pointer;
    }

    .button::before {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.9;
      z-index: -1;
    }
  &lt;/style&gt;
  &lt;a href="https://www.blogger.com/follow.g?blogID=3775006551465985424" target="_blank"&gt;
    &lt;button class="button"&gt;
      &lt;i class="fa fa-rss"&gt;&lt;/i&gt;
      Follow the blog
      &lt;i class="fa fa-group"&gt;&lt;/i&gt;
    &lt;/button&gt;
  &lt;/a&gt;
&lt;/textarea
        &gt;

        &lt;button onclick="copyButtonHTMLToClipboard()"&gt;Copy Button HTML&lt;/button&gt;

        &lt;script&gt;
          function copyButtonHTMLToClipboard() {
            var copyText = document.getElementById("copyButtonHTML");
            var textArea = document.createElement("textarea");
            textArea.value = copyText.textContent;
            document.body.appendChild(textArea);
            textArea.select();
            document.execCommand('copy');
            document.body.removeChild(textArea);
            alert("Button HTML has been copied to the clipboard");
          }
        &lt;/script&gt;

        &lt;li&gt;Click "&lt;b&gt;Save&lt;/b&gt;" to save your changes.&lt;/li&gt;

        &lt;p&gt;
          Now Your custom "Follow" button should now appear on your Blogspot
          blog, and visitors can click on it to follow your blog.
        &lt;/p&gt;
        &lt;section&gt;
          &lt;h3&gt;Visualizing Your Success: A Glimpse of the Follow Widget&lt;/h3&gt;
          &lt;p&gt;A Peek Into Your Newly Added Follow Widget&lt;/p&gt;
          &lt;p&gt;Simplicity at Its Finest&lt;/p&gt;
        &lt;/section&gt;

        &lt;section&gt;
          &lt;h2&gt;Conclusion: Elevate Your Blogger Game with the Follow Button&lt;/h2&gt;
          &lt;p&gt;
            In conclusion, the follow button isn't just a widget; it's a tool
            that bridges the gap between you and your readers. Elevate your
            Blogger game, foster engagement, and watch your community grow.
          &lt;/p&gt;
        &lt;/section&gt;

        &lt;section&gt;
          &lt;h2&gt;Frequently Asked Questions: Clarifying Your Doubts&lt;/h2&gt;
          &lt;p&gt;
            &lt;strong&gt;Q1:&lt;/strong&gt; How long does it take to add the follow button?
          &lt;/p&gt;
          &lt;p&gt;
            &lt;strong&gt;A:&lt;/strong&gt; The entire process, from obtaining your Blog ID
            to adding the widget, takes only a few minutes. It's a quick and
            hassle-free enhancement to your blog.
          &lt;/p&gt;
          &lt;p&gt;
            &lt;strong&gt;Q2:&lt;/strong&gt; Can I customize the follow button's appearance?
          &lt;/p&gt;
          &lt;p&gt;
            &lt;strong&gt;A:&lt;/strong&gt; Absolutely! The integration of your Blog ID
            allows for personalization, ensuring your follow button aligns
            seamlessly with your blog's aesthetics.
          &lt;/p&gt;
        &lt;/section&gt;

        &lt;section&gt;
          &lt;h2&gt;Pro Tips: Enhance User Experience and Boost Engagement&lt;/h2&gt;
          &lt;ul&gt;
            &lt;li&gt;Regularly update your blog to keep your audience engaged.&lt;/li&gt;
            &lt;li&gt;
              Encourage readers to share their thoughts in the comments section.
            &lt;/li&gt;
            &lt;li&gt;
              Utilize other Blogger features to complement the follow button,
              maximizing your blog's potential.
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/section&gt;

        &lt;section&gt;
          &lt;h2&gt;Common Mistakes to Avoid: Steering Clear of Blogger Pitfalls&lt;/h2&gt;
          &lt;ul&gt;
            &lt;li&gt;
              Neglecting to customize your follow button with your Blog ID.
            &lt;/li&gt;
            &lt;li&gt;Forgetting to save changes after adding the HTML widget.&lt;/li&gt;
            &lt;li&gt;
              Overlooking the importance of a user-friendly design for overall
              blog success.
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/section&gt;

        &lt;section&gt;
          &lt;p&gt;
            With these insights and steps, you're well on your way to mastering
            the art of adding a follow button on Blogger. Elevate your blog,
            connect with your readers, and watch your online community flourish.
            Happy blogging!
          &lt;/p&gt;
        &lt;/section&gt;
      &lt;/ol&gt;
    &lt;/section&gt;
  &lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/follow-button.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_yczmWS3byNgihmtnV08KKKj-rahu2zGPg7FFcOs4Ztw00wwxZ5OVJVBDoeBikJV2NREun0jHiQIbFirgZImWxPuVjVmhzlkjRCrqeayIafj8eMQzrUl1ehfWXlkH2sdxi9rgbqrwMgXKt4RAoN3hLbJzIsgiAMXKrcyA2A7YGqwflGEL-1EYyYpHjA/s72-c-rw/Follow%20button.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-6194099016001245071</guid><pubDate>Sat, 18 Nov 2023 23:48:00 +0000</pubDate><atom:updated>2023-12-30T16:29:47.938-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>How to Fix Redirect Error in Google Search Console for Blogger</title><description> &lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css" rel="stylesheet" /&gt;
&lt;header&gt;
   &lt;div&gt;
&lt;h1 class="custom-header"&gt;&lt;span style="color: white;"&gt;
How to Fix Redirect Error in Google Search Console for Blogger&lt;/span&gt;&lt;/h1&gt;
&lt;/div&gt;
  &lt;/header&gt;
&lt;div style="text-align: center;"&gt;
  &lt;img alt="Fix Redirect" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp098B7G1bpW4uh-doWA_TVNyiSwvmh0frjwuk_tgogsfzUQB-f_23jBV_ScY3sV7vp9CuNlvBYJXQjpfqJa1OtjbEuHMZfUjFxAdZGZBwSNgnTHxwRY6gBoHcNFfcDLJdD4wIB8_7R7be6IqudMp6MGaILUvfMgQESMCYhILflhr8Uw-HwTErBmVHUA/s1240-rw/Fix%20Redirect.webp" style="height: auto; max-width: 100%;" /&gt;
&lt;/div&gt;
  &lt;nav&gt;
    &lt;h2&gt;Table of Contents&lt;/h2&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href="#redirect-error"&gt;Understanding Redirect Error&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#indexing-error"&gt;Blogger URL Indexing Errors&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#reasons-for-error"&gt;Reasons for Redirect Error&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#google-bot-issue"&gt;Google Crawling Bot Issue&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#solution-steps"&gt;Steps to Solve Redirect Error&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#additional-solutions"&gt;Additional Solutions and Tips&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#conclusion"&gt;Conclusion&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#faq"&gt;Frequently Asked Questions&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/nav&gt;

  &lt;section id="redirect-error"&gt;
    &lt;h2&gt;Blogger Redirect Error in Google Search Console&lt;/h2&gt;
    &lt;p&gt;Are you encountering redirect errors in the Google Search Console for your Blogger website? This blog provides detailed information on resolving redirect errors and offers temporary solutions to address the issue.&lt;/p&gt;
    &lt;p&gt;But first, let's understand what a redirect error is and why it affects almost every blogger's website.&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id="indexing-error"&gt;
    &lt;h2&gt;Blogger URL Indexing Errors in Google Search Console&lt;/h2&gt;
    &lt;p&gt;Redirect errors in Blogger websites pose a critical challenge in indexing URLs on Google. This issue prevents the proper indexing of website URLs on Google, impacting the visibility of the site. Many bloggers, including ourselves at&amp;nbsp;infiniteinsightsonline , have encountered this problem, and despite Google acknowledging it as a temporary error, it persists for an extended period.&lt;/p&gt;
    &lt;p&gt;When inspecting the URL of a newly published article in Google Search Console, the coverage report may display a "Failed: Redirect Error." This issue has been widely discussed on blogger and webmaster forums, with bloggers reporting the removal of previously ranked URLs from Google's search results.&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id="reasons-for-error"&gt;
    &lt;h2&gt;What is a Blogger Redirect Error in Google Search Console?&lt;/h2&gt;
    &lt;p&gt;The 301 Redirect Error in Google Search Console signifies that the server believes the requested resource is invalid, and the request should be redirected to a new, "proper" URL. In simpler terms, when a website URL (let's say 'A') redirects to another page ('B'), Google's crawler, when crawling 'A,' is unable to see the content of 'A' due to the redirection, leading to a Redirect Error.&lt;/p&gt;
    &lt;p&gt;Now, you may wonder why your website post is experiencing this error without any changes to the template or post. The reason lies in the crawling behavior of Google's bots, particularly the Googlebot smartphone bot.&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id="google-bot-issue"&gt;
    &lt;h2&gt;Google Crawling Bot and Redirect Error&lt;/h2&gt;
    &lt;p&gt;Googlebot smartphone plays a crucial role in the occurrence of redirect errors. When a blogger's article is opened on a mobile phone, it redirects to 'HTML?m=1.' This redirection causes issues when submitting URLs to Google Search Console for indexing.&lt;/p&gt;
    &lt;p&gt;For instance, when requesting indexing for the URL:&lt;/p&gt;
    &lt;code&gt;https://infiniteinsightsonline.blogspot.com/2023/09/hosting-companies.html&lt;/code&gt;
    &lt;p&gt;Googlebot smartphone crawls the link, redirecting it to the mobile URL:&lt;/p&gt;
    &lt;code&gt;https://infiniteinsightsonline.blogspot.com/2023/09/hosting-companies.html?m=1&lt;/code&gt;
    &lt;p&gt;The additional 301 or 302 redirect error occurs during crawling by the Googlebot smartphone, causing the Redirect Error in the Google Search Console.&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id="solution-steps"&gt;
    &lt;h2&gt;Steps to Solve Redirect Error in Google Search Console&lt;/h2&gt;
    &lt;ol&gt;
      &lt;li&gt;Inspect your URL ending with ?m=1.&lt;/li&gt;
      &lt;li&gt;Test the live URL and request indexing.&lt;/li&gt;
    &lt;/ol&gt;
    &lt;p&gt;By submitting the mobile URL with ?m=1 for indexing, you can bypass the redirect error caused by Googlebot smartphone crawling. This simple workaround resolves the indexing error temporarily until Google fixes the underlying issue.&lt;/p&gt;
  &lt;/section&gt;
  &lt;p&gt;&lt;b&gt;&lt;span style="color: red;"&gt;See also&lt;/span&gt;&lt;/b&gt;:&lt;b&gt; &lt;a href="https://infiniteinsightsonline.blogspot.com/2023/10/clean-m1.html"&gt;Effortless Solution: Eliminating '?M=1' from Your Blogger URL&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;
&lt;section id="additional-solutions"&gt;
     &lt;h2&gt;Additional Solutions and Tips&lt;/h2&gt;
    &lt;p&gt;While the provided workaround offers a temporary fix for the redirect error in Google Search Console, here are some additional solutions and tips to enhance your Blogger site's performance:&lt;/p&gt;

    &lt;h3&gt;1. Keep Your Template Updated&lt;/h3&gt;
    &lt;p&gt;Regularly update your Blogger template to ensure compatibility with the latest changes in Google's crawling algorithms. Outdated templates may contribute to indexing issues.&lt;/p&gt;

    &lt;h3&gt;2. Check for Broken Links&lt;/h3&gt;
    &lt;p&gt;Broken links can hinder the crawling process. Use online tools to identify and fix broken links on your website. This can improve the overall health of your site and reduce the chances of redirect errors.&lt;/p&gt;

    &lt;h3&gt;3. Optimize Mobile Responsiveness&lt;/h3&gt;
    &lt;p&gt;Given the significance of Googlebot smartphones in crawling, prioritize mobile responsiveness. Optimize your Blogger site for mobile devices to provide a seamless experience and reduce the likelihood of redirect errors.&lt;/p&gt;

    &lt;h3&gt;4. Monitor Google Search Console Messages&lt;/h3&gt;
    &lt;p&gt;Regularly check messages and notifications in Google Search Console for any updates or announcements related to redirect errors. Google may release official fixes or recommendations for Blogger users.&lt;/p&gt;

    &lt;h3&gt;5. Utilize Google's Mobile-Friendly Test&lt;/h3&gt;
    &lt;p&gt;Take advantage of Google's Mobile-Friendly Test tool to evaluate your site's mobile compatibility. Address any issues identified by the tool to ensure a smooth crawling and indexing process.&lt;/p&gt;
  &lt;/section&gt;
&lt;section id="conclusion"&gt;
    &lt;h2&gt;Conclusion&lt;/h2&gt;
    &lt;p&gt;While the redirect error in Google Search Console for Blogger websites is a temporary issue, the provided solution offers a quick workaround to ensure proper indexing. We hope that Google addresses and resolves this problem soon. In the meantime, follow the steps outlined to fix the redirect error on your Blogger site.&lt;/p&gt;
  &lt;/section&gt;

  &lt;section id="faq"&gt;
    &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;Q:&lt;/strong&gt; Why am I experiencing a redirect error in Google Search Console?&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;A:&lt;/strong&gt; The redirect error is likely caused by the crawling behavior of Googlebot smartphone when submitting URLs for indexing.&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;Q:&lt;/strong&gt; How can I temporarily fix the redirect error?&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;A:&lt;/strong&gt; Inspect your URL ending with ?m=1 and test the live URL with the mobile URL for indexing.&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;
  
    &lt;p&gt;Thanks for visiting. For more tutorials and tips, explore our website at&amp;nbsp;&lt;span style="font-family: monospace;"&gt;infiniteinsightsonline&lt;/span&gt;.&lt;/p&gt;





</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/fix-index.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp098B7G1bpW4uh-doWA_TVNyiSwvmh0frjwuk_tgogsfzUQB-f_23jBV_ScY3sV7vp9CuNlvBYJXQjpfqJa1OtjbEuHMZfUjFxAdZGZBwSNgnTHxwRY6gBoHcNFfcDLJdD4wIB8_7R7be6IqudMp6MGaILUvfMgQESMCYhILflhr8Uw-HwTErBmVHUA/s72-c-rw/Fix%20Redirect.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>23.059027171658226 -113.291016 51.121452828341774 -78.134766</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-4996080749896439902</guid><pubDate>Sat, 18 Nov 2023 21:58:00 +0000</pubDate><atom:updated>2023-12-30T16:30:13.679-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>How to Write Plagiarism-Free Content for SEO</title><description>&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css" rel="stylesheet" /&gt;
&lt;article&gt;
  &lt;div&gt;
    &lt;h1 class="custom-header"&gt;
      &lt;span style="color: white;"&gt;
        How to Write Plagiarism-Free Content for SEO&lt;/span
      &gt;
    &lt;/h1&gt;
  &lt;/div&gt;

  &lt;div style="text-align: center;"&gt;
    &lt;img
      alt="Responsive Table Image"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEymKKMgWgaAAWIYrghjDfIwmRJz9RhaYugxSACzXzocM5lTOeR3zrndwV2_sJ45bmc-Y6nFVw89lv-1V06bOXO5NPaG5jUSGL8yjTypEC_C5yRqDx1q53MyHsC6-KdwxnoJ7lvbcPJfBT74r-HRvsJuawqsWkwv0LqtFTxrjNxkbhfTZsPt-p_Vt4Cys/s1240-rw/Plagiarism.webp"
      style="height: auto; max-width: 100%;"
    /&gt;
  &lt;/div&gt;
  &lt;p&gt;
    Plagiarism-free content is crucial for blogs and websites. With the
    internet's growth, the temptation to plagiarize has also increased.
    Approximately 29% of websites contain plagiarized content, totaling around
    1.5 billion pages.
  &lt;/p&gt;

  &lt;p&gt;
    So, how can a blogger generate plagiarism-free content? Let's explore
    effective ways to create original and authentic content while avoiding
    common pitfalls.
  &lt;/p&gt;

  &lt;h2&gt;What is Plagiarism-Free Content?&lt;/h2&gt;

  &lt;p&gt;
    Plagiarism involves copying someone else's work without proper attribution.
    Plagiarism-free content is entirely original and not copied from other
    sources. It is a necessity for blogs, websites, social media posts, and
    marketing campaigns, ensuring the content is unique and not similar to any
    other author's work.
  &lt;/p&gt;

  &lt;p&gt;
    Plagiarism-free content includes original titles, unique intros, fact-filled
    bodies, unparalleled conclusions, and overall informative value. This helps
    identify original content quickly and builds credibility for the writer and
    employer.
  &lt;/p&gt;

  &lt;h2&gt;Why is Plagiarism-Free Content Important?&lt;/h2&gt;

  &lt;p&gt;
    Plagiarism is prevalent, with article spinners and content generators
    contributing to the issue. Creating plagiarism-free content is essential for
    better search engine rankings, establishing authority, gaining credibility,
    building trust with the audience, and fostering relations with other
    websites for guest blogging.
  &lt;/p&gt;

  &lt;p&gt;
    Legal issues and reputation management are also reasons to prioritize
    plagiarism-free content. It goes beyond just originality; giving credit
    where it's due is a common trait of plagiarism-free text.
  &lt;/p&gt;

  &lt;h2&gt;5 Effective Blogging Tips To Create Plagiarism-Free Content&lt;/h2&gt;

  &lt;ol&gt;
    &lt;li&gt;&lt;strong&gt;Find Plagiarism &amp;amp; Analyze The Percentage&lt;/strong&gt;&lt;/li&gt;
    &lt;p&gt;
      Use an
      &lt;a href="https://www.duplichecker.com/" rel="nofollow"
        &gt;&lt;b&gt;online plagiarism checker&lt;/b&gt;&lt;/a
      &gt;
      to identify duplicate content and analyze the percentage of plagiarism.
      This step is crucial to understand the extent of the issue.
    &lt;/p&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="find plagiarism"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRTSvBGIQfCSnVY8XmRRad2rK_a0vsRNiZyoMK8zZye2Ag4lgJKJn53HMEJ_Lo6JmzwedwovOhfjC4ryuH_jipz58g7CCKRuRbvUWXVQ2NZYWFnXM82vD849rdTn6xpERg_4ipEP94v4wLWABBPKcXUd77Eifx6UqNY1z7WW-TPiXbpS1pvxSCq9iKOA/s1240-rw/find%20plagiarism%20content.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;

    &lt;li&gt;&lt;strong&gt;Locate the Source &amp;amp; Note It Down&lt;/strong&gt;&lt;/li&gt;
    &lt;p&gt;
      Before rewriting plagiarized content, find the source to cite it properly.
      This adds credibility to your content and avoids plagiarism effectively.
    &lt;/p&gt;

    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="check source"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHNymDOcpewc1i9GGj7CwqKUfdIL1A4y-vDnK2CV7H1HBuBqefxd2L8ykWurJ4SvPn2Ds7TGWbwrHtxOH416tB17DI7hIaB6UlvjH6gkB3d_HL1soeB2pX3X_ZVInU4iFGEFZgs7rmcSAXe0I-IarPoIH8isaDVMC0on_znapgTdBgbxInHMfphDVAFuU/s1240-rw/check%20source%20of%20plagarism%20text.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;

    &lt;li&gt;&lt;strong&gt;Use A Paraphraser To Rewrite Plagiarized Text&lt;/strong&gt;&lt;/li&gt;
    &lt;p&gt;
      Utilize a
      &lt;a href="https://www.rephrase.info/" rel="nofollow"
        &gt;paraphrasing tool to rewrite&lt;/a
      &gt;
      the identified plagiarized text. Ensure language and content tone
      consistency with the original content.
    &lt;/p&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="rewrite plagiarized"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpGb45GMkH3ehTXzU_hIASKR8Z0kRn4OZ3uZTzrQWbjm1pwfEFT6DxvWA-mzLX-dioOU9oV9RrQ8KGSzKJ8oZabC0m30pWLm8zC_BHAy07Zli4JZllmjWdSAvkTqirlvp3liYqCFceWaAWndbiSHUceslt2Ud_I27gHKtObmhmScf4uEyeRSwaMimKK4/s1240-rw/rewrite%20plagiarized%20text.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;p&gt;
      Highlighted in green are the language and content tone choices. Make sure
      your language is consistent with your content, and choose a tone for your
      content that fits with the rest of your text.
    &lt;/p&gt;
    &lt;p&gt;
      As soon as you continue, the content will begin to be rephrased at this
      point. However, the rewriting takes less than a few seconds, so it will
      flash on the screen. Once completed, you will see something like this:
    &lt;/p&gt;
    &lt;div style="text-align: center;"&gt;
      &lt;img
        alt="check rephrased"
        src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdKBBFUjA3IWFlgRchj5PPnomx_C4NRJZOc_9SQS4GDuzHCWL7up1oMnOnqnWwGqqy9u7W3JT5vOMZOXdAuA0buu-VjejIM2wMIlpifW2SExr2suXVrSae0p23qXI0faZoY5bUKyffj8eKgYt05ZSY9tZv4oRDrYVeGzhI8DNchPWHWX_l_eSvAZmkog/s1240-rw/check%20rephrased%20text.webp"
        style="height: auto; max-width: 100%;"
      /&gt;
    &lt;/div&gt;
    &lt;li&gt;&lt;strong&gt;Cite The Source Properly&lt;/strong&gt;&lt;/li&gt;
    &lt;p&gt;
      Give credit to the original source by citing it properly. This can be a
      simple backlink or a formal citation style like MLA or APA.
    &lt;/p&gt;

    &lt;li&gt;&lt;strong&gt;Check For Plagiarism Again&lt;/strong&gt;&lt;/li&gt;
    &lt;p&gt;
      After rewriting and citing, scan the content for plagiarism again to
      ensure it is 100% unique and original.
    &lt;/p&gt;
  &lt;/ol&gt;
  &lt;div style="text-align: center;"&gt;
    &lt;img
      alt="use tool to rephrase"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipIBSkwlXHjaxOVJ7HZpmPvMRvNbBHSwVR2F_yTWh9PDlG53g3u8bDJSXRFABJJBzFBkJjHjO7mS0SdiqMxWqgVNFh1dfQBv_IrdHwX6Uhx8RV_fc7W8kvGpLlXph6qGPpJ1dm-GGTRLN1R4V4nntawRGevD0JAYdphgL7UZoMmHdwbI3mj4yyC2DVl3A/s1240-rw/use%20tool%20to%20rephrase%20plagarism%20text.webp"
      style="height: auto; max-width: 100%;"
    /&gt;
  &lt;/div&gt;
  &lt;h2&gt;Conclusion&lt;/h2&gt;

  &lt;p&gt;
    Creating plagiarism-free content is crucial for the success of your blog.
    Follow these steps, use the recommended tools, and ensure the originality of
    your content. This process will not only make your content unique but also
    help you maintain credibility and efficiency.
  &lt;/p&gt;

  &lt;p&gt;
    So, implement these tips, embrace the tools mentioned, and confidently share
    your plagiarism-free content with your audience.
  &lt;/p&gt;

  &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;

  &lt;p&gt;&lt;strong&gt;Q: Why is plagiarism-free content important?&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;
    A: Plagiarism-free content is essential for better search engine rankings,
    establishing authority, gaining credibility, building trust, and avoiding
    legal issues.
  &lt;/p&gt;

  &lt;p&gt;&lt;strong&gt;Q: What are the common benefits of original content?&lt;/strong&gt;&lt;/p&gt;
  &lt;p&gt;
    A: Original content leads to higher search engine ranks, established
    authority, increased credibility, trust-building with the audience, and
    better relations with other websites for guest blogging.
  &lt;/p&gt;
&lt;/article&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/write-plagiarism.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEymKKMgWgaAAWIYrghjDfIwmRJz9RhaYugxSACzXzocM5lTOeR3zrndwV2_sJ45bmc-Y6nFVw89lv-1V06bOXO5NPaG5jUSGL8yjTypEC_C5yRqDx1q53MyHsC6-KdwxnoJ7lvbcPJfBT74r-HRvsJuawqsWkwv0LqtFTxrjNxkbhfTZsPt-p_Vt4Cys/s72-c-rw/Plagiarism.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-2658332337340775195</guid><pubDate>Sat, 18 Nov 2023 19:05:00 +0000</pubDate><atom:updated>2023-12-30T12:35:14.935-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>Add a Responsive Table in Blog Post Using Bootstrap Design, HTML, and CSS Code</title><description>&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/head.min.css" rel="stylesheet"&gt;&lt;/link&gt;
&lt;div&gt;
  &lt;h1 class="custom-header"&gt;
    &lt;span style="color: white;"&gt;
      Add a Responsive Table in Blog Post Using Bootstrap Design, HTML, and CSS
      Code&lt;/span&gt;
  &lt;/h1&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
  &lt;img alt="Responsive Table Image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEMGpGol_ngY9F5oSMcN-SlokXWjEogroMg7s3y0OmU7PVKNXl_acr1-Bt0e23j4oDE_jbHETxosWJLoO_1c6sdIzkpUpro0MvA41Isvniv-IHOpfpoVHmXNnn3_mrh-VcPCcIeJcv41S5ARVHaSTB8SasOYda3h_rgSi8CsLkOtzt2gCKyclXBmXwguk/s1280-rw/Responsive%20Table.webp" style="height: auto; max-width: 100%;" /&gt;
&lt;/div&gt;
&lt;p&gt;
  Hey there, bloggers! In this post, we'll dive into the nitty-gritty of adding
  a responsive table to your Blogger post. Whether you're a coding pro or a
  novice, we've got you covered with three simple methods. Let's make your
  content pop with a visually appealing and user-friendly table.
&lt;/p&gt;

&lt;div&gt;
  &lt;h2&gt;Why Add a Table to Your Blogger Post?&lt;/h2&gt;
  &lt;p&gt;
    Tables offer a clear and concise way to present information. Whether it's
    data, comparisons, or simply organizing content, a well-designed table
    enhances the reader's understanding. So, let's get started on adding that
    much-needed table to your Blogger post.
  &lt;/p&gt;

  &lt;h2&gt;What is a Responsive Table?&lt;/h2&gt;
  &lt;p&gt;
    A responsive table is an HTML table that adapts to various screen sizes,
    providing an optimal viewing experience on devices like desktops, laptops,
    tablets, and mobiles. It's not just about fitting the table; it allows users
    to interact with and navigate the data seamlessly.
  &lt;/p&gt;

  &lt;p&gt;
    In simple terms, a responsive table in Blogger changes its size dynamically
    based on the device screen size. Let's explore the benefits of incorporating
    such tables into your blog.
  &lt;/p&gt;

  &lt;h2&gt;Benefits of Adding a Responsive Table in Blogger&lt;/h2&gt;
  &lt;ol&gt;
    &lt;li&gt;
      &lt;strong&gt;Enhanced Visibility:&lt;/strong&gt; A responsive table ensures your
      content is fully visible, even on mobile devices, within a responsive
      theme.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;Engagement:&lt;/strong&gt; Keep visitors engaged as the table adjusts
      effortlessly to their screen, providing a seamless browsing experience.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;Interactivity:&lt;/strong&gt; Allow users to sort, filter, and search
      rows directly, enhancing their overall experience.
    &lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;Time-Saving:&lt;/strong&gt; No more waiting for content to load; enjoy a
      consistent experience on both desktop and mobile views.
    &lt;/li&gt;
  &lt;/ol&gt;

  &lt;h2&gt;How to Create a Responsive Table in Blogger&lt;/h2&gt;

  &lt;h3&gt;Method 1 - Easiest Way: Bootstrap Design&lt;/h3&gt;
  &lt;ol&gt;
    &lt;li&gt;Open your Blogger Dashboard.&lt;/li&gt;
    &lt;li&gt;Navigate to Theme Options and click on Edit HTML.&lt;/li&gt;
    &lt;li&gt;
      Add Bootstrap CDN in your template by pasting the following code below the
      &amp;lt;head&amp;gt; tag: (Press Ctrl + F And Search For Bootstrap if bootstrap
      CDN is already present then you can skip this step else search for
      &amp;lt;head&amp;gt; tag.)

      &lt;!--HTML and JavaScript Code for Copying Bootstrap CSS Link to Clipboard--&gt;

      &lt;textarea id="copyBootstrapCSS" readonly="readonly" rows="3" style="width: 100%;"&gt;  &lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /&gt;
&lt;/textarea&gt;

      &lt;button onclick="copyBootstrapCSSToClipboard()"&gt;
        Copy Bootstrap CSS
      &lt;/button&gt;

      &lt;script&gt;
        function copyBootstrapCSSToClipboard() {
          var copyText = document.getElementById("copyBootstrapCSS");
          var textArea = document.createElement("textarea");
          textArea.value = copyText.textContent;
          document.body.appendChild(textArea);
          textArea.select();
          document.execCommand('copy');
          document.body.removeChild(textArea);
          alert("Bootstrap CSS link has been copied to the clipboard");
        }
      &lt;/script&gt;
    &lt;/li&gt;
    &lt;li&gt;
      Open the desired post, switch to HTML view, and paste the HTML table code.
      &lt;!--HTML and JavaScript Code for Copying Table HTML to Clipboard--&gt;

      &lt;textarea id="copyTableHTML" readonly="readonly" rows="12" style="width: 100%;"&gt;  &lt;table class="table table-striped"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th scope="col"&gt;#&lt;/th&gt;
        &lt;th scope="col"&gt;Heading 1&lt;/th&gt;
        &lt;th scope="col"&gt;Heading 2&lt;/th&gt;
        &lt;th scope="col"&gt;Heading 3&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th scope="row"&gt;1&lt;/th&gt;
        &lt;td&gt;Content 1&lt;/td&gt;
        &lt;td&gt;Content 2&lt;/td&gt;
        &lt;td&gt;Content 3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th scope="row"&gt;2&lt;/th&gt;
        &lt;td&gt;Content 1&lt;/td&gt;
        &lt;td&gt;Content 2&lt;/td&gt;
        &lt;td&gt;Content 3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th scope="row"&gt;3&lt;/th&gt;
        &lt;td&gt;Content 1&lt;/td&gt;
        &lt;td&gt;Content 2&lt;/td&gt;
        &lt;td&gt;Content 3&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/textarea&gt;

      &lt;button onclick="copyTableHTMLToClipboard()"&gt;Copy Table HTML&lt;/button&gt;

      &lt;script&gt;
        function copyTableHTMLToClipboard() {
          var copyText = document.getElementById("copyTableHTML");
          var textArea = document.createElement("textarea");
          textArea.value = copyText.textContent;
          document.body.appendChild(textArea);
          textArea.select();
          document.execCommand('copy');
          document.body.removeChild(textArea);
          alert("Table HTML has been copied to the clipboard");
        }
      &lt;/script&gt;
    &lt;/li&gt;
    &lt;li&gt;You Can Edit The Code And Add Whatever You Want To Add Inside Table&lt;/li&gt;
    &lt;li&gt;
      At last Click On Publish And You Have Successfully Added a Beautiful Table
      in Blogger Post using Bootstrap CDN.
    &lt;/li&gt;
  &lt;/ol&gt;

  &lt;h3&gt;Method 2 - HTML and CSS Code&lt;/h3&gt;
  &lt;ol&gt;
    &lt;li&gt;Open the post where you want to add the table.&lt;/li&gt;
    &lt;li&gt;
      Switch to HTML view and paste the provided HTML and CSS code for a
      responsive table.
    &lt;/li&gt;
  &lt;/ol&gt;
  &lt;p&gt;CSS Code 1&lt;/p&gt;
  &lt;!--HTML and JavaScript Code for Copying CSS Code to Clipboard--&gt;

  &lt;textarea id="copyCSSCode" readonly="readonly" rows="22" style="width: 100%;"&gt;  &lt;style type="text/css"&gt;
    table {
      border: 1px solid #eee;
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      width: 100%;
      color: #555;
    }

    table caption {
      font-size: 1.5em;
      margin: .25em 0 .75em;
    }

    table tr {
      background: #eee;
      border: 1px solid #ccc;
      padding: .35em;
    }

    table th,
    table td {
      padding: .625em;
      text-align: center;
      border: 0;
    }

    table th {
      font-size: .85em;
      letter-spacing: .1em;
      text-transform: uppercase;
      background: #ddd;
    }

    table td img {
      text-align: center;
    }

    @media screen and (max-width: 600px) {
      .post table {
        border: 0;
      }

      .post table caption {
        font-size: 1.3em;
      }

      .post table thead {
        display: none;
      }

      .post table tr {
        border-bottom: 3px solid #ccc;
        display: block;
        margin-bottom: .725em;
      }

      .post table td {
        border-bottom: 1px solid #ccc;
        display: block;
        font-size: .8em;
        text-align: right;
      }

      .post table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
      }

      .post table td:last-child {
        border-bottom: 0;
      }
    }
  &lt;/style&gt;
&lt;/textarea&gt;

  &lt;button onclick="copyCSSCodeToClipboard()"&gt;Copy CSS Code&lt;/button&gt;

  &lt;script&gt;
    function copyCSSCodeToClipboard() {
      var copyText = document.getElementById("copyCSSCode");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("CSS code has been copied to the clipboard");
    }
  &lt;/script&gt;
  &lt;p&gt;
    Presently open Blog post switch to HTML see And Paste The Following HTML
    Codes
  &lt;/p&gt;
  &lt;p&gt;HTML Code 1&lt;/p&gt;
  &lt;!--HTML and JavaScript Code for Copying Table HTML to Clipboard--&gt;

  &lt;textarea id="copyTableHTML" readonly="readonly" rows="23" style="width: 100%;"&gt;  &lt;table&gt;
    &lt;caption&gt;Caption Table&lt;/caption&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th scope="col"&gt;Name&lt;/th&gt;
        &lt;th scope="col"&gt;Address&lt;/th&gt;
        &lt;th scope="col"&gt;Email&lt;/th&gt;
        &lt;th scope="col"&gt;Phone Number&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td data-label="Name" scope="row"&gt;Infinite Insights&lt;/td&gt;
        &lt;td data-label="Address"&gt;Manchester, England&lt;/td&gt;
        &lt;td data-label="Email"&gt;Infinite_Insights@example.com&lt;/td&gt;
        &lt;td data-label="Phone Number"&gt;021-01010xxx&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td data-label="Name" scope="row"&gt;leo xxxx&lt;/td&gt;
        &lt;td data-label="Address"&gt;New York, US&lt;/td&gt;
        &lt;td data-label="Email"&gt;zzzzzzzzzz@example.com&lt;/td&gt;
        &lt;td data-label="Phone Number"&gt;01-999999xxxx&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td data-label="Name" scope="row"&gt;xxxx Bieber&lt;/td&gt;
        &lt;td data-label="Address"&gt;New York, US&lt;/td&gt;
        &lt;td data-label="Email"&gt;xxxxxxxxxx@example.com&lt;/td&gt;
        &lt;td data-label="Phone Number"&gt;01-333333333333333&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td data-label="Name" scope="row"&gt;Selena xxxx&lt;/td&gt;
        &lt;td data-label="Address"&gt;Texas, US&lt;/td&gt;
        &lt;td data-label="Email"&gt;hhhhhhhhhhhh@example.com&lt;/td&gt;
        &lt;td data-label="Phone Number"&gt;01-222222222222222&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/textarea&gt;

  &lt;button onclick="copyTableHTMLToClipboard()"&gt;Copy Table HTML&lt;/button&gt;

  &lt;script&gt;
    function copyTableHTMLToClipboard() {
      var copyText = document.getElementById("copyTableHTML");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("Table HTML has been copied to the clipboard");
    }
  &lt;/script&gt;
  &lt;div style="text-align: center;"&gt;
    &lt;img alt="Dynamic Tables" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcdB8QnIrJBL8KcZRUA0kOY2P9ZGrYpCXqNLvx6O-up85aY5aTvghPwyPTA1pLl29JAh6Ef1M7kFmNOwDyivnJ7JzN_b_GzXMisWu-wrVZ6qjWLHKM2C2s-bf6L2k8UXDcgfC3y5QcBJcTpNb_MVbDuJ3ddP4uloBQ3VS9qty5IiHNfPlgUcDyKpp_m24/s1280-rw/Dynamic_Tables.webp" style="height: auto; max-width: 100%;" /&gt;
  &lt;/div&gt;
  &lt;p&gt;
    Now If the above table work for you then congrats, and if not why not try
    another code from below to insert table in google blogger.
  &lt;/p&gt;
  &lt;p&gt;CSS Code 2&lt;/p&gt;
  &lt;!--HTML and JavaScript Code for Copying CSS Code to Clipboard--&gt;

  &lt;textarea id="copyCSSCode" readonly="readonly" rows="14" style="width: 100%;"&gt;  /* CSS for Responsive Table By https://infiniteinsightsonline.blogspot.com/ */
  .restable {
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
  }

  .rescap {
    border-left: 4px solid #009879;
    padding: 15px;
    font-family: georgia;
    font-weight: bold;
    font-size: 20px;
    background-color: #dddddd;
    color: #990a00;
    text-align: left;
    overflow: hidden;
    margin-bottom: 4px;
    width: 100%;
  }

  .resth {
    padding: 12px 15px;
    background-color: #009879;
    color: #ffffff;
    font-family: georgia;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .restr {
    border: 1px solid #dddddd;
  }

  .restd {
    padding: 12px 15px;
    font-family: arial;
    font-size: 20px;
    text-align: center;
    border: 1px solid #dddddd;
  }

  .restr:last-of-type {
    border-bottom: 2px solid #009879;
  }

  .restr:nth-of-type(even) {
    background-color: #f3f3f3;
  }
&lt;/textarea&gt;

  &lt;button onclick="copyCSSCodeToClipboard()"&gt;Copy CSS Code&lt;/button&gt;

  &lt;script&gt;
    function copyCSSCodeToClipboard() {
      var copyText = document.getElementById("copyCSSCode");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("CSS code has been copied to the clipboard");
    }
  &lt;/script&gt;
  &lt;p&gt;Now Open Blog post and paste below second table html code.&lt;/p&gt;
  &lt;p&gt;HTML Code 2&lt;/p&gt;
  &lt;!--HTML and JavaScript Code for Copying Data Table Code to Clipboard--&gt;

  &lt;textarea id="copyDataTableCode" readonly="readonly" rows="14" style="width: 100%;"&gt;  &lt;div&gt;
    &lt;table class="restable"&gt;
      &lt;caption class="rescap"&gt;Simple Responsive Data Table&lt;/caption&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th class="resth"&gt;Name&lt;/th&gt;
          &lt;th class="resth"&gt;Score&lt;/th&gt;
          &lt;th class="resth"&gt;Status&lt;/th&gt;
        &lt;/tr&gt;

        &lt;tr class="restr"&gt;
          &lt;td data-label="Name" class="restd"&gt;Ravi&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;178&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr class="restr"&gt;
          &lt;td data-label="Name" class="restd"&gt;Prem&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;169&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr class="restr"&gt;
          &lt;td data-label="Name" class="restd"&gt;Alex&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;97&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Fail&lt;/td&gt;
        &lt;/tr&gt;

        &lt;tr class="restr"&gt;
          &lt;td data-label="Name" class="restd"&gt;Gale&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;120&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/textarea&gt;

  &lt;!--Button to Copy Data Table Code--&gt;
  &lt;button onclick="copyDataTableCodeToClipboard()"&gt;Copy Data Table Code&lt;/button&gt;

  &lt;!--Script for Copying Data Table Code to Clipboard--&gt;
  &lt;script&gt;
    function copyDataTableCodeToClipboard() {
      var copyText = document.querySelector("#copyDataTableCode");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("Data Table code has been copied to the clipboard");
    }
  &lt;/script&gt;

  &lt;p&gt;
    That’s it, you'll customize the responsive table agreeing to you. At last,
    in case you discover this post supportive or in the event that you confront
    any issues, if it's not too much trouble don’t disregard to comment
    underneath.
  &lt;/p&gt;
  &lt;h2&gt;Creating a Responsive Table with HTML and CSS3 (Without Script)&lt;/h2&gt;
  &lt;ol&gt;
    &lt;li&gt;Sign in to your Blogger Dashboard.&lt;/li&gt;
    &lt;li&gt;Open the Template page and click on Edit HTML.&lt;/li&gt;
    &lt;li&gt;Insert the provided CSS3 code above the &amp;lt;/head&amp;gt; tag.&lt;/li&gt;
    &lt;li&gt;Save the template setting.&lt;/li&gt;
    &lt;li&gt;
      Paste the HTML table code into your blog post in HTML view. Customize the
      content as per your requirements.
    &lt;/li&gt;
  &lt;/ol&gt;

  &lt;h3&gt;Method 3 - Free and Fastest: Advanced Table Generator Tool&lt;/h3&gt;
  &lt;p&gt;
    So at long last legitimate direct on how to insert table in blogger and make
    a delightfully outlined HTML table within the blog post utilizing an
    progressed online table generator.
  &lt;/p&gt;
  &lt;div style="text-align: center;"&gt;
    &lt;img alt="Quackit1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB2B7Zt1P1hc364FBbgTAMkclkbh9fw0Rg31q5i3bnS5IquG0Rmja1FbbBkEmVSq4ZStbchvc-VxBZRKIHLGkqlcVcbQgJg2LS0Z4hH_h8-MPoCOjfNfcb1JsVx0Vh0Q9lLINpixiF40SpItc4x8TVNYSAtMBqSgnLKqq26lnPBatFDkQSkJE_wP9x1p8/s1280-rw/Quackit1.webp" style="height: auto; max-width: 100%;" /&gt;
  &lt;/div&gt;
  &lt;ol&gt;
    &lt;li&gt;
      Go to
      &lt;b&gt;&lt;span style="color: red;"&gt;Quackit HTML&lt;/span&gt;&lt;/b&gt;
      Table Generator Website
    &lt;/li&gt;
    &lt;li&gt;
      You can now Customize the table as needed such as changing the number of
      rows and columns, and you can change the color of the table and its
      borders.
    &lt;/li&gt;
    &lt;li&gt;
      Copy the generated HTML code and paste it directly into your Blogger post.
    &lt;/li&gt;
  &lt;/ol&gt;
  &lt;p&gt;
    Using an advanced Responsive HTML table generator you can customize cell
    padding, cell color, text color for desktop and mobiles. You can also merge
    two-row or two-column within the table. By using HTML Table Generator with
    Colspan and Rowspan, we can add two or more columns under one header in the
    same HTML table.
  &lt;/p&gt;
  &lt;div style="text-align: center;"&gt;
    &lt;img alt="Quackit2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpeGFJ_-00ALAsDIiNSM0Jyl3X7CU2NnIDFBs42fUxKlEFIbQv3quvBXzHkFEGZFuN7_OEjbT5gcVFbWDsabay-Y3l0Jl_zjpvvwP3FrCheKTw2WfV0B2_zViV2rM62B5f6geQ4hOloDYtn4LkbATR8D7X2riLnRf2ulgW6uQqxGxD8hPF1Q5k1LrcBxU/s1280-rw/Quackit2.webp" style="height: auto; max-width: 100%;" /&gt;
  &lt;/div&gt;
  &lt;p&gt;Now, your responsive table is ready to impress your readers!&lt;/p&gt;

  &lt;h2&gt;Frequently Asked Questions (FAQs)&lt;/h2&gt;
  &lt;dl&gt;
    &lt;dt&gt;Q1: Why is a responsive table important for a Blogger post?&lt;/dt&gt;
    &lt;dd&gt;
      &lt;strong&gt;A1:&lt;/strong&gt; A responsive table ensures optimal visibility and
      engagement across various devices, providing a seamless user experience.
    &lt;/dd&gt;

    &lt;dt&gt;Q2: Can I customize the table design?&lt;/dt&gt;
    &lt;dd&gt;
      &lt;strong&gt;A2:&lt;/strong&gt; Absolutely! Follow the provided methods and feel free
      to customize the table's appearance to match your blog's style.
    &lt;/dd&gt;

    &lt;dt&gt;Q3: Are these methods suitable for any Blogger template?&lt;/dt&gt;
    &lt;dd&gt;
      &lt;strong&gt;A3:&lt;/strong&gt; Yes, these methods are versatile and can be applied
      to most Blogger templates without affecting the overall design.
    &lt;/dd&gt;
  &lt;/dl&gt;

  &lt;h2&gt;Conclusion&lt;/h2&gt;
  &lt;p&gt;
    Congratulations! You've successfully learned multiple ways to add a
    responsive table to your Blogger post. Choose the method that suits your
    needs and enhance your content presentation. Engage your readers with
    visually appealing tables, and remember to share your thoughts in the
    comments.
  &lt;/p&gt;
&lt;/div&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/responsive-table.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEMGpGol_ngY9F5oSMcN-SlokXWjEogroMg7s3y0OmU7PVKNXl_acr1-Bt0e23j4oDE_jbHETxosWJLoO_1c6sdIzkpUpro0MvA41Isvniv-IHOpfpoVHmXNnn3_mrh-VcPCcIeJcv41S5ARVHaSTB8SasOYda3h_rgSi8CsLkOtzt2gCKyclXBmXwguk/s72-c-rw/Responsive%20Table.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-3221798842257685</guid><pubDate>Sat, 18 Nov 2023 00:49:00 +0000</pubDate><atom:updated>2023-11-27T15:16:21.702-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>How can I create a responsive table in a blog using HTML and CSS ?</title><description>&lt;style&gt;
       /* CSS for Responsive Table - Infinite Insights Online */
       .restable {
           border-collapse: collapse;
           width: 100%;
           overflow: hidden;
       }

       .rescap {
           border-left: 4px solid #009879;
           padding: 15px;
           font-family: Georgia;
           font-weight: bold;
           font-size: 20px;
           background-color: #dddddd;
           color: #990a00;
           text-align: left;
           overflow: hidden;
           margin-bottom: 4px;
           width: 100%;
       }

       .resth {
           padding: 12px 15px;
           background-color: #009879;
           color: #ffffff;
           font-family: Georgia;
           font-size: 20px;
           font-weight: bold;
           border: 1px solid #dddddd;
           text-align: center;
       }

       .restr {
           border: 1px solid #dddddd;
       }

       .restd {
           padding: 12px 15px;
           font-family: Arial;
           font-size: 20px;
           text-align: center;
           border: 1px solid #dddddd;
       }

       .restr:last-of-type {
           border-bottom: 2px solid #009879;
       }

       .restr:nth-of-type(even) {
           background-color: #f3f3f3;
       }
     .custom-header {
         background: linear-gradient(to right, rgb(41, 13, 191), rgb(255, 0, 153)) rgb(255, 255, 255);
         border-radius: 0px 22px; border: 0px;
         box-sizing: border-box;
         color: white;line-height: 1.4;
         list-style: none;
         margin: 0px 0px 0.5em;
         outline: none;
         padding: 5px 22px;
         text-align: center!important;
         text-transform: capitalize;
       }
      pre {
     overflow: auto;
     padding: 10px;
     background-color: #f4f4f4;
     border: 1px solid #ddd;
     border-radius: 5px;
   }

  codeBox {
     overflow: auto;
     padding: 10px;
     background-color: #f4f4f4;
     border: 1px solid #ddd;
     border-radius: 5px;
     white-space: pre-wrap;
   }

   /* Style the copy button */
   .copy-button {
     background-color: #4caf50;
     color: #fff;
     padding: 5px 10px;
     border: none;
     border-radius: 3px;
     cursor: pointer;
   }
&lt;/style&gt;
&lt;div&gt;
  &lt;h1 class="custom-header"&gt;
    &lt;span style="color: white;"&gt;
      How can I create a responsive table in a blog using HTML and CSS ?&lt;/span
    &gt;
  &lt;/h1&gt;
  
  &lt;div style="text-align: center;"&gt;
    &lt;img
      alt="Dynamic Tables"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcdB8QnIrJBL8KcZRUA0kOY2P9ZGrYpCXqNLvx6O-up85aY5aTvghPwyPTA1pLl29JAh6Ef1M7kFmNOwDyivnJ7JzN_b_GzXMisWu-wrVZ6qjWLHKM2C2s-bf6L2k8UXDcgfC3y5QcBJcTpNb_MVbDuJ3ddP4uloBQ3VS9qty5IiHNfPlgUcDyKpp_m24/s1280-rw/Dynamic_Tables.webp"
      style="height: auto; max-width: 100%;"
    /&gt;
  &lt;/div&gt;

  &lt;p&gt;
    Many websites incorporate responsive tables using HTML and CSS only. Do you
    wish to enhance your website with a responsive table?
  &lt;/p&gt;

  &lt;p&gt;Sure thing!&lt;/p&gt;

  &lt;p&gt;
    When crafting lengthy posts, a responsive table becomes handy for better
    explanations. Tables make it easy for readers to understand complex
    information.
  &lt;/p&gt;

  &lt;p&gt;
    A responsive table will showcase a horizontal scroll bar if the screen is
    too small to display the full content. Simply resize the browser window
    based on your device size.
  &lt;/p&gt;
  &lt;p class="dotted-paragraph"&gt;
    Now, let's provide you with the HTML and CSS code for a responsive table:
  &lt;/p&gt;

  &lt;h2&gt;Responsive Table HTML Code&lt;/h2&gt;
  &lt;p class="dotted-paragraph"&gt;Here's the HTML code for the responsive table:&lt;/p&gt;
  &lt;textarea
    id="copyTableCode"
    readonly="readonly"
    rows="8"
    style="width: 100%;"
  &gt;
  &lt;div&gt;
    &lt;table class="restable"&gt;
      &lt;caption class="rescap"&gt;Simple Responsive Data Table&lt;/caption&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th class="resth"&gt;Name&lt;/th&gt;
          &lt;th class="resth"&gt;Score&lt;/th&gt;   
          &lt;th class="resth"&gt;Status&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr class="restr"&gt;                                      
          &lt;td data-label="Name" class="restd"&gt;Ravi&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;178&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="restr"&gt; 
          &lt;td data-label="Name" class="restd"&gt;Prem&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;169&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="restr"&gt; 
          &lt;td data-label="Name" class="restd"&gt;Alex&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;97&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Fail&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="restr"&gt; 
          &lt;td data-label="Name" class="restd"&gt;Gale&lt;/td&gt;
          &lt;td data-label="Marks" class="restd"&gt;120&lt;/td&gt;
          &lt;td data-label="Status" class="restd"&gt;Pass&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/textarea
  &gt;

  &lt;button onclick="copyTableCodeToClipboard()"&gt;Copy Table Code&lt;/button&gt;

  &lt;script&gt;
    function copyTableCodeToClipboard() {
      var copyText = document.getElementById("copyTableCode");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("Table code has been copied to the clipboard");
    }
  &lt;/script&gt;

  &lt;h2&gt;Responsive Table using Pure CSS Only&lt;/h2&gt;

  &lt;p class="dotted-paragraph"&gt;Here's the CSS code for the responsive table:&lt;/p&gt;

  &lt;textarea id="copyCSSCode" readonly="readonly" rows="8" style="width: 100%;"&gt;
   &lt;style&gt;
  /* CSS for Responsive Table By https://infiniteinsightsonline.blogspot.com */
  .restable {
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
  }

  .rescap {
    border-left: 4px solid #009879;
    padding: 15px;
    font-family: georgia;
    font-weight: bold;
    font-size: 20px;
    background-color: #dddddd;
    color: #990a00;
    text-align: left;
    overflow: hidden;
    margin-bottom: 4px;
    width: 100%;
  }

  .resth {
    padding: 12px 15px;
    background-color: #009879;
    color: #ffffff;
    font-family: georgia;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #dddddd;
    text-align: center;
  }

  .restr {
    border: 1px solid #dddddd;
  }

  .restd {
    padding: 12px 15px;
    font-family: arial;
    font-size: 20px;
    text-align: center;
    border: 1px solid #dddddd;
  }

  .restr:last-of-type {
    border-bottom: 2px solid #009879;
  }

  .restr:nth-of-type(even) {
    background-color: #f3f3f3;
  }
&lt;/style&gt;
&lt;/textarea
  &gt;

  &lt;button onclick="copyCSSCodeToClipboard()"&gt;Copy CSS Code&lt;/button&gt;

  &lt;script&gt;
    function copyCSSCodeToClipboard() {
      var copyText = document.getElementById("copyCSSCode");
      var textArea = document.createElement("textarea");
      textArea.value = copyText.textContent;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand('copy');
      document.body.removeChild(textArea);
      alert("CSS code has been copied to the clipboard");
    }
  &lt;/script&gt;
  &lt;p&gt;
    &lt;span style="color: #2b00fe;"
      &gt;&lt;b
        &gt;Here's a step-by-step guide on how to use the provided HTML and
        JavaScript code and integrate them into a post:&lt;/b
      &gt;&lt;/span
    &gt;
  &lt;/p&gt;
  &lt;p&gt;1- Switch to the HTML or code view of your post.&lt;/p&gt;

  &lt;p&gt;
    2- Paste the copied HTML and JavaScript code where you want the responsive
    table to appear.
  &lt;/p&gt;

  &lt;p&gt;
    3- Paste the copied CSS code into your existing stylesheet or include it in
    the post if you don't have a separate stylesheet.
  &lt;/p&gt;

  &lt;p&gt;4- Save or publish your post.&lt;/p&gt;

  &lt;p&gt;
    &lt;b
      &gt;&lt;span style="color: #2b00fe;"
        &gt;Now, visitors to your post can see the responsive table&lt;/span
      &gt;&lt;/b
    &gt;
  &lt;/p&gt;

  &lt;p&gt;
    If the above table works for you, congratulations! If not, why not try
    another code?&amp;nbsp;&lt;a
      href="https://infiniteinsightsonline.blogspot.com/2023/11/tables-word.html"
      &gt;You can Create Tables in Blogger Posts: A Simple Guide Without HTML
      Coding&lt;/a
    &gt;
  &lt;/p&gt;

  &lt;p&gt;
    Once again, thanks for visiting. Follow for more upcoming amazing content.
    See you in new valuable content.
  &lt;/p&gt;

  &lt;h2&gt;Conclusion&lt;/h2&gt;

  &lt;p class="numbered-paragraph"&gt;
    In conclusion, incorporating responsive tables using only HTML and CSS can
    significantly improve the user experience on your website. Ensure your
    content remains accessible and readable across various devices by
    implementing responsive design elements like tables.
  &lt;/p&gt;

  &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;

  &lt;ul&gt;
    &lt;li&gt;Q: How do I create a responsive table?&lt;/li&gt;
    &lt;li&gt;
      A: You can create a responsive table using HTML and CSS only. Follow the
      provided code snippets and adjust them according to your specific needs.
    &lt;/li&gt;
    &lt;!--Add more FAQs as needed--&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/dynamic-Tables.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcdB8QnIrJBL8KcZRUA0kOY2P9ZGrYpCXqNLvx6O-up85aY5aTvghPwyPTA1pLl29JAh6Ef1M7kFmNOwDyivnJ7JzN_b_GzXMisWu-wrVZ6qjWLHKM2C2s-bf6L2k8UXDcgfC3y5QcBJcTpNb_MVbDuJ3ddP4uloBQ3VS9qty5IiHNfPlgUcDyKpp_m24/s72-c-rw/Dynamic_Tables.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-1739909512185192783</guid><pubDate>Tue, 14 Nov 2023 23:08:00 +0000</pubDate><atom:updated>2023-11-27T15:23:13.123-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blogger Blog</category><title>Creating Tables in Blogger Posts: A Simple Guide Without HTML Coding</title><description>&lt;style&gt;
    body {
        font-family: 'Arial', sans-serif;
        line-height: 1.6;
        color: #333;
        margin: 20px;
    }


    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        margin-bottom: 15px;
    }

    ul, ol {
        margin-bottom: 15px;
        padding-left: 20px;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    th, td {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
    }

    pre {
        background-color: #f5f5f5;
        padding: 10px;
        overflow: auto;
    }

    blockquote {
        border-left: 4px solid #4285f4;
        padding-left: 15px;
        margin: 0 0 20px;
    }

    code {
        font-family: 'Courier New', monospace;
        font-size: 14px;
        background-color: #f5f5f5;
        padding: 2px 5px;
    }
   .separator {
        clear: both;
        text-align: center;
        padding: 1em 0;
    }

    .separator a {
        display: block;
    }

    .separator img {
        max-width: 100%;
        height: auto;
        border: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
  .custom-header {
      background: linear-gradient(to right, rgb(41, 13, 191), rgb(255, 0, 153)) rgb(255, 255, 255);
      border-radius: 0px 22px; border: 0px;
      box-sizing: border-box;
      color: white;line-height: 1.4;
      list-style: none;
      margin: 0px 0px 0.5em;
      outline: none;
      padding: 5px 22px;
      text-align: center!important;
      text-transform: capitalize;
    }
&lt;/style&gt;
&lt;div&gt;
  &lt;h1 class="custom-header"&gt;
    &lt;span style="color: white;"&gt;
      Creating Tables in Blogger Posts: A Simple Guide Without HTML Coding&lt;/span
    &gt;
  &lt;/h1&gt;
&lt;/div&gt;

&lt;div style="text-align: center;"&gt;
  &lt;img alt="Create table in blogger without HTML coding" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveZwfkpO0k0S_550jjHl19x2j4fQMkqj8cHNaVpY81kDab81yl9-7VsiiNfRCmWP_y0Fix-ntqLfcxVLPcT47ZiuhPIk3EW3jOhg5gevmX6AbNVB0Sq8WIZp7_Nv2sEuVfdHLajZ5KlChmqKRqkKMjCeBnE3v0ditBZ8VwleCCDT5fvDW2DbBKFJQ8dg/s1280-rw/Create%20table%20in%20blogger%20without%20html%20coding.webp" style="height: auto; max-width: 100%;" loading="lazy" /&gt;
&lt;/div&gt;

&lt;p&gt;
  Learn how to effortlessly add responsive tables to your Blogger posts without
  the need for HTML coding. Follow this step-by-step guide using Microsoft Word
  for a quick and customizable solution.
&lt;/p&gt;

&lt;h2&gt;Introduction:&lt;/h2&gt;
&lt;p&gt;
  Hey there! If you've ever wished to spice up your Blogger posts with tables
  but found HTML coding a bit daunting, you're in the right place. In this
  guide, we'll show you an easy way to add responsive tables without diving into
  the complexities of coding. All you need is Microsoft Word and a few simple
  steps.
&lt;/p&gt;

&lt;p&gt;
  This method is especially handy if you're looking to save time and effort,
  allowing you to focus on creating engaging content rather than wrestling with
  intricate code. So, let's dive into the steps and have your tables up and
  running in no time!
&lt;/p&gt;

&lt;h2&gt;Insert Table in Blogger Post without HTML:&lt;/h2&gt;

&lt;h3&gt;Step 1: Create Table in Microsoft Word&lt;/h3&gt;
&lt;p&gt;
  First things first, open your Microsoft Word app. Creating a table is a
  breeze. Navigate to &lt;strong&gt;Insert &amp;gt;&amp;gt; Table&lt;/strong&gt;, where you can
  choose the number of rows and columns you want. It's as simple as that!
&lt;/p&gt;

&lt;div style="text-align: center;"&gt;
  &lt;img alt="Create Table in Blogger using Microsoft Word" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRYgQLNhOuSiC3MD_5aC7OZEMO0myaYoYolxLF8JrqN3C4KwT38o1l5zXKL4Qy7kbLqNEf6y212gd02LNoE-HmVLlzRfPMXYirzdKF_BmLgRx6feNCOTGfF6rwnR3Op3A6sjSpk51H5OCqqQMppfBsduGac_yDegQZRn8C7QzA4dGulAkbZ6eXwWU08Fk/s1280-rw/Create%20Table%20in%20Blogger%20using%20microsoft%20word.webp" style="height: auto; max-width: 100%;" loading="lazy" /&gt;
&lt;/div&gt;

&lt;h3&gt;Step 2: Select a Design Template&lt;/h3&gt;
&lt;p&gt;
  Head over to the &lt;strong&gt;"Design"&lt;/strong&gt; tab to pick a style for your table.
  Microsoft Word offers various templates to suit your taste. You can even
  customize further by adjusting the spacing between rows and columns.
&lt;/p&gt;
&lt;div style="text-align: center;"&gt;
  &lt;img alt="Design template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0eKSUJdrxa9oh54nx5MLEc18ClnvndZDg8tNpvtqC9IlhgNflWOwqStGjT6zkUJVzNdBk8hQxn0JV0efRxB_e56Q0kITK1pbcrIBgJG1FRilWHEkEqkDlW3b92N2r-fxvHRD89WPr0jNz2-77NnUfa7vkLDCwutcjR9RgEIabBQ8hvb5ff3aPZb00Uw/s1280-rw/Design%20template.webp" style="height: auto; max-width: 100%;" loading="lazy" /&gt;
&lt;/div&gt;


&lt;h3&gt;Step 3: Adding Content to Your Table&lt;/h3&gt;
&lt;p&gt;
  With the design sorted, start filling in your table with the relevant content.
  It's your space to showcase information in a structured way.
&lt;/p&gt;
&lt;div style="text-align: center;"&gt;
  &lt;img alt="Add Table in Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9AmaNBSxxctH60w8UFIWr7u5tt-SKOXQaGchLLOxhN2VsvQgsJmdMCXal66G0tgQ_xLtl-3NxQQLgola1oTfs4SF65PxB1JLP49hCyzCFTS5yQfkVx86bj6qflYXTkU1R_xzzR33QVi-yWdw6Ez9RSjqMIju9FlrWuZYEv-n1HoTGNuXYCEq-FIG_x-U/s1280-rw/add%20table%20in%20blogger.webp" style="height: auto; max-width: 100%;" loading="lazy" /&gt;
&lt;/div&gt;

&lt;h3&gt;Step 4: Get HTML Code&lt;/h3&gt;
&lt;p&gt;
  Once your table is ready, it's time to grab the HTML code. Press
  &lt;strong&gt;Ctrl+A&lt;/strong&gt; to select the entire table, then copy it. Switch to
  your Blogger post editor, paste (&lt;strong&gt;Ctrl+V&lt;/strong&gt;), and voila!
&lt;/p&gt;

&lt;div style="text-align: center;"&gt;
  &lt;img alt="Add Responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi5M94BXnbZFxIQ5PK1HrdVDH25K9FD1HM-ZmmMoFC7GrQswWBx8F8PMOCvQd5GGZb3shnqHrN574BRHkrAmno47pOdEbgtK80QMbPgwiTR1UZMjSdfKhAK-7SCLrbSjEkFq__3xfYU3q65hmJALiIDectJ4rMYsbuorEgMgbmgSfvWElf070XTEiAWYE/s1280-rw/add%20responsive.webp" style="height: auto; max-width: 100%;" loading="lazy" /&gt;
&lt;/div&gt;


&lt;h3&gt;Step 5: Customize in Blogger Post Editor&lt;/h3&gt;
&lt;p&gt;
  Your table is now seamlessly integrated into the Blogger post editor.
  Fine-tune it further by adjusting text color, size, or even adding more
  rows/columns. Need changes? Go back to Microsoft Word, make adjustments, and
  repeat the process.
&lt;/p&gt;

&lt;h3&gt;Conclusion:&lt;/h3&gt;
&lt;p&gt;
  Creating tables in Blogger posts just got easier, right? By using Microsoft
  Word, you save time and effort, and the result is a professionally styled
  table. Hit that "Publish" button and admire your work. Check out your post to
  ensure everything looks as intended. Feel free to share your thoughts in the
  comments!
&lt;/p&gt;

&lt;h3&gt;Frequently Asked Questions:&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Q1:&lt;/strong&gt; Is HTML coding necessary to add tables in Blogger?&lt;/p&gt;
&lt;p&gt;
  &lt;strong&gt;A1:&lt;/strong&gt; Not at all! Our guide demonstrates a hassle-free method
  using Microsoft Word, making table insertion a breeze.
&lt;/p&gt;

&lt;p&gt;
  &lt;strong&gt;Q2:&lt;/strong&gt; Can I customize the table after pasting it into the
  Blogger post?
&lt;/p&gt;
&lt;p&gt;
  &lt;strong&gt;A2:&lt;/strong&gt; Absolutely! The Blogger post editor allows you to tweak
  colors, sizes, and more. For structural changes, head back to Microsoft Word,
  modify, and update.
&lt;/p&gt;

&lt;p&gt;
  &lt;strong&gt;Q3:&lt;/strong&gt; Are there any limitations to using tables in Blogger
  posts created with Microsoft Word?
&lt;/p&gt;
&lt;p&gt;
  &lt;strong&gt;A3:&lt;/strong&gt; While the method is user-friendly, keep in mind that
  complex designs or intricate formatting may have some limitations. For
  intricate designs, consider exploring HTML coding for finer control.
&lt;/p&gt;

&lt;p&gt;
  &lt;strong&gt;Q4:&lt;/strong&gt; Can I add interactive elements to the table, such as
  links or buttons?
&lt;/p&gt;
&lt;p&gt;
  &lt;strong&gt;A4:&lt;/strong&gt; Yes, you can! Once the table is pasted into the Blogger
  post, you can use the Blogger editor to add links or buttons to make your
  table interactive and engaging.
&lt;/p&gt;

&lt;p&gt;
  Feel free to explore and experiment with the possibilities of tables in your
  Blogger posts. If you have more questions or need assistance, drop them in the
  comments below!
&lt;/p&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/tables-word.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhveZwfkpO0k0S_550jjHl19x2j4fQMkqj8cHNaVpY81kDab81yl9-7VsiiNfRCmWP_y0Fix-ntqLfcxVLPcT47ZiuhPIk3EW3jOhg5gevmX6AbNVB0Sq8WIZp7_Nv2sEuVfdHLajZ5KlChmqKRqkKMjCeBnE3v0ditBZ8VwleCCDT5fvDW2DbBKFJQ8dg/s72-c-rw/Create%20table%20in%20blogger%20without%20html%20coding.webp" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-2009035754084680081</guid><pubDate>Sun, 12 Nov 2023 21:19:00 +0000</pubDate><atom:updated>2023-12-14T16:16:35.603-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>iFrame Generator - Free Online iFrame Code Maker Tool</title><description>&lt;!DOCTYPE html&gt;
&lt;html lang="en-US"&gt;
  &lt;head&gt;
   	&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/iframe.min.css" rel="stylesheet" /&gt; 
  &lt;/head&gt;
  &lt;body&gt;
    &lt;header&gt;
      &lt;div class="site-branding-text"&gt;
        &lt;p class="site-title"&gt;
          &lt;a
            href="https://infiniteinsightsonline.blogspot.com/2023/11/iframe-generated.html"
            rel="home"
            &gt;iFrame Generator&lt;/a
          &gt;
        &lt;/p&gt;
        &lt;p class="site-description container"&gt;
          iFrame-Generator.com is one of the best and Advances free online
          iFrame creator tools (iframe code generator) with live iframe Preview
          option for Webmasters or Web Designers to embed any online page to any
          HTML page or docs.
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/header&gt;
    &lt;div class="container"&gt;
      &lt;div class="iframe-css"&gt;
        &lt;div class="iframe-main"&gt;
          &lt;label&gt;
            &lt;span&gt;name :&lt;/span&gt;
            &lt;input name="ignamee" type="text" value="myiFrame" /&gt;
          &lt;/label&gt;
          &lt;label class="igwidth"&gt;
            &lt;span&gt;width:&lt;/span&gt; &lt;input name="igwidth" type="text" value="600" /&gt;
          &lt;/label&gt;
          &lt;label class="igheight"&gt;
            &lt;span&gt;height:&lt;/span&gt;
            &lt;input name="igheight" type="text" value="400" /&gt;
          &lt;/label&gt;
          &lt;label class="igsizetype"&gt;
            &lt;select name="igsizetype"&gt;
              &lt;option value="px" /&gt;
              px
              &lt;option value="%" /&gt;
              %
            &lt;/select&gt;
          &lt;/label&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;span class="options"&gt;Options&lt;/span&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;label class="scrollbar"
            &gt;&lt;span&gt;scrollbar:&lt;/span&gt;
            &lt;select name="igscroll"&gt;
              &lt;option value="no" /&gt;
              no
              &lt;option value="yes" /&gt;
              yes
            &lt;/select&gt;
          &lt;/label&gt;
          &lt;label class="marginWidth"
            &gt;&lt;span&gt;marginWidth:&lt;/span&gt;
            &lt;input name="igmarwidth" type="text" value="0" /&gt;
          &lt;/label&gt;
          &lt;label class="marginHeight"
            &gt;&lt;span&gt;marginHeight:&lt;/span&gt;
            &lt;input name="igmarheight" type="text" value="0" /&gt;
          &lt;/label&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;label class="border"
            &gt;&lt;span&gt;border:&lt;/span&gt;
            &lt;select name="igborder"&gt;
              &lt;option value="1" /&gt;
              Yes
              &lt;option value="0" /&gt;
              No
            &lt;/select&gt;
          &lt;/label&gt;
          &lt;label class="border-type"
            &gt;&lt;span&gt;borderType:&lt;/span&gt;
            &lt;select name="igbortype"&gt;
              &lt;option value="none" /&gt;
              none
              &lt;option value="hidden" /&gt;
              hidden
              &lt;option value="solid" /&gt;
              solid
              &lt;option value="dotted" /&gt;
              dotted
              &lt;option value="dashed" /&gt;
              dashed
            &lt;/select&gt;
          &lt;/label&gt;
          &lt;label class="border-type"
            &gt;&lt;span&gt;borderSize:&lt;/span&gt;
            &lt;select name="igborsize"&gt;
              &lt;option value="0" /&gt;
              0px
              &lt;option value="1" /&gt;
              1px
              &lt;option value="2" /&gt;
              2px
              &lt;option value="3" /&gt;
              3px
              &lt;option value="4" /&gt;
              4px
              &lt;option value="5" /&gt;
              5px
              &lt;option value="6" /&gt;
              6px
              &lt;option value="7" /&gt;
              7px
              &lt;option value="8" /&gt;
              8px
              &lt;option value="9" /&gt;
              9px
              &lt;option value="10" /&gt;
              10px
            &lt;/select&gt;
          &lt;/label&gt;
          &lt;label class="igborcolor"
            &gt;&lt;span&gt;borderColor:&lt;/span&gt;
            &lt;input name="igborcolor" type="text" value="ffffff" /&gt;
          &lt;/label&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;label class="iframe-url"
            &gt;&lt;span&gt;iFrameURL:&lt;/span&gt;
            &lt;input name="igurl" type="text" placeholder="https://" /&gt;
          &lt;/label&gt;
          &lt;a
            class="btn icon icon-code"
            onclick="javascript:makingdifferentcodegen();"
            &gt;Generate&lt;/a
          &gt;&lt;a class="btn icon icon-link-ext" onclick="javascript:igpreview();"
            &gt;Preview&lt;/a
          &gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;span
            style="width: 200px;
                color: #03a712;"
            &gt;iFrame Generated Code&lt;/span
          &gt;
          &lt;label class="iframe-gen"&gt;
            &lt;textarea
              class="textareaBox"
              name="igcode"
              id="ifcode"
              onfocus="this.select()"
              onmouseover="this.focus()"
              onclick="this.focus();this.select()"
              style=" background:#ffffff;color:#03a712"
              readonly="readonly"
              name="tbox"
            &gt;&lt;/textarea&gt;
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;button class="copyit"&gt;Copy It&lt;/button&gt;
        &lt;div
          class="sharethis-inline-share-buttons"
          style="padding: 15px;clear: both;"
        &gt;&lt;/div&gt;
      &lt;/div&gt;

      &lt;script src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/iframe.min.js"&gt;&lt;/script&gt;
    &lt;/div&gt;
   
&lt;section&gt;
    &lt;h2&gt;Unlocking the Potential: myiFrame HTML Embed Code Generator&lt;/h2&gt;
    &lt;p&gt;Welcome to myiFrame, your gateway to seamless content embedding on your website. No more coding headaches – just simple, effective, and customizable solutions. Let's dive into why myiFrame is a game-changer for your online presence.&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Why myiFrame?&lt;/h2&gt;
    &lt;p&gt;Say farewell to coding complexities and embrace the future of content embedding with myiFrame! This intuitive iFrame HTML embed code generator is crafted for flexibility, ease of use, and unmatched customization options.&lt;/p&gt;
&lt;/section&gt;

&lt;!-- Key Features Table --&gt;
&lt;section&gt;
    &lt;h2&gt;Key Features&lt;/h2&gt;
    &lt;table&gt;
        &lt;tr&gt;
            &lt;th&gt;Feature&lt;/th&gt;
            &lt;th&gt;Description&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Width &amp; Height Customization&lt;/td&gt;
            &lt;td&gt;Adjust the width to 600px and height to 400px, ensuring seamless integration of embedded content.&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Scrollbar&lt;/td&gt;
            &lt;td&gt;Choose to include a scrollbar with the flexibility to set it to 'yes' or 'no' based on your content needs.&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Margin Settings&lt;/td&gt;
            &lt;td&gt;Customize margin width and height to 0 for a snug fit within your webpage, enhancing visual appeal.&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;Border Options&lt;/td&gt;
            &lt;td&gt;Include a customizable border – solid, dashed, or dotted. Opt for 'none' for a borderless design. Personalize the border color to match your website's aesthetics.&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Easy Generation Process&lt;/h2&gt;
    &lt;p&gt;myiFrame stands out with its user-friendly interface. Input your desired settings, paste the iFrame URL, click 'Generate,' and voila! Your custom iFrame HTML embed code is ready for seamless integration. Preview your embedded content before copying the code to your website.&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Frequently Asked Questions&lt;/h2&gt;
    &lt;dl&gt;
        &lt;dt&gt;How do I use the myiFrame generator?&lt;/dt&gt;
        &lt;dd&gt;Simply input your desired settings, including width, height, scrollbar visibility, margins, and border options. Paste the iFrame URL, click 'Generate,' and the customized embed code will be ready for copying to your site. A live preview option is also available. &#128077;&lt;/dd&gt;

        &lt;dt&gt;Is there a fee associated with using myiFrame?&lt;/dt&gt;
        &lt;dd&gt;No, myiFrame is a free iFrame HTML embed code generator. Enjoy unlimited access and enhance your website’s content presentation effortlessly. &#128176;&lt;/dd&gt;

        &lt;dt&gt;Can I customize the border of the iFrame?&lt;/dt&gt;
        &lt;dd&gt;Absolutely! myiFrame allows you to customize the border type, size, and color. Solid, dashed, or dotted - choose what suits your website's aesthetics. Adjust the border size and select a color that aligns with your brand. &#127912;&lt;/dd&gt;

        &lt;dt&gt;Are there any restrictions on the type of content I can embed using myiFrame?&lt;/dt&gt;
        &lt;dd&gt;As long as the content is accessible through a URL and follows legal and ethical guidelines, myiFrame can be used to embed it. Always ensure to respect copyright laws and content sharing permissions. &#128274;&lt;/dd&gt;
    &lt;/dl&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Adapting to Various Content Types&lt;/h2&gt;
    &lt;p&gt;With myiFrame, versatility is at your fingertips. Whether it's videos, images, maps, or web pages, this generator is engineered to accommodate a myriad of content types. Transform your website into a dynamic hub of interactive and engaging elements. &#128171;&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Security and Privacy&lt;/h2&gt;
    &lt;p&gt;In the digital age, security and privacy are paramount. myiFrame is designed with robust security features that ensure embedded content does not compromise the integrity of your website or the privacy of your users. Navigate the world of embedded content with confidence, knowing that myiFrame has got your back. &#128272;&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Optimizing User Experience&lt;/h2&gt;
    &lt;p&gt;Content embedding should not only be about presenting information; it’s about enhancing user experience. With features like adjustable width and height, customizable borders, and margin settings, myiFrame ensures that each piece of embedded content is a visual masterpiece that augments user engagement and retention. &#128065;️‍&#128488;️ Enjoy a tool that marries functionality and aesthetics, giving your audience reasons to stay and explore.&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Integration and Compatibility&lt;/h2&gt;
    &lt;p&gt;myiFrame boasts superior integration and compatibility, ensuring that the generated iFrame HTML embed code sits well with various website building platforms and browsers. Whether you’re a WordPress aficionado, a Joomla enthusiast, or you’ve built your website from scratch with intricate coding, myiFrame is your go-to companion for seamless content embedding. &#129513;&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Customization at Its Best&lt;/h2&gt;
    &lt;p&gt;Dive into a world where each iFrame reflects your website’s unique character. Adjust the width to 600px and height to 400px, toggle the scrollbar, set the margins, and play around with the border options to create iFrames that are as unique as your brand. &#127912; myiFrame is not just a tool; it’s a canvas where your embedding dreams come to life, one code at a time.&lt;/p&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Step-by-Step Guide to Using myiFrame&lt;/h2&gt;
    &lt;ol&gt;
        &lt;li&gt;Enter the desired width and height - with default settings at 600px and 400px respectively, adjusting these dimensions ensures the embedded content fits impeccably within your site’s layout. &#128295;&lt;/li&gt;
        &lt;li&gt;Toggle the scrollbar option to ‘yes’ or ‘no’, granting you control over the content’s scrolling feature. &#128260;&lt;/li&gt;
        &lt;li&gt;Set the margin width and height to zero, ensuring the iFrame sits perfectly within its designated space. &#128208;&lt;/li&gt;
        &lt;li&gt;Choose your preferred border options. With a variety of types, sizes, and colors at your disposal, every iFrame becomes a masterpiece of aesthetic perfection. &#128444;️&lt;/li&gt;
        &lt;li&gt;Insert the iFrame URL, hit ‘Generate’, and witness the instantaneous creation of a customized iFrame HTML embed code, ready for embedding. &#128640;&lt;/li&gt;
    &lt;/ol&gt;
&lt;/section&gt;

&lt;section&gt;
    &lt;h2&gt;Seamless Content Presentation&lt;/h2&gt;
    &lt;p&gt;In the realm of digital content presentation, myiFrame emerges as the quintessential ally. Every feature, every option, and every setting is engineered with precision to ensure that your embedded content is not just displayed but presented in a manner that resonates with elegance, professionalism, and aesthetic ingenuity. With myiFrame, every webpage becomes a canvas of visual harmony, and every piece of embedded content a masterpiece of interactive engagement. &#127756;&lt;/p&gt;
&lt;/section&gt;

&lt;!-- Conclusion --&gt;
&lt;section&gt;
    &lt;h2&gt;Conclusion&lt;/h2&gt;
    &lt;p&gt;Unlock the true potential of your website with myiFrame. Say goodbye to coding complexities and hello to a new era of content embedding. Enhance your website's visual appeal, engage your audience, and present information seamlessly. It's not just a tool; it's a canvas where your embedding dreams come to life, one code at a time.&lt;/p&gt;
&lt;/section&gt;

&lt;/body&gt;
&lt;/html&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/iframe-generated.html</link><author>noreply@blogger.com (Jack SEO)</author><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-7826269535782677861</guid><pubDate>Fri, 10 Nov 2023 19:21:00 +0000</pubDate><atom:updated>2023-12-14T16:22:07.275-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>WORD COUNTER TOOL BLOGGER</title><description>&lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/word.min.css" rel="stylesheet" /&gt; 
&lt;header class="custom-header"&gt;
  &lt;h1&gt;
    &lt;span style="color: white;"&gt;Words &amp;amp; Characters Count Tool for Blogger&lt;/span&gt;
  &lt;/h1&gt;
&lt;/header&gt;

&lt;div class="arpContainer"&gt;
  &lt;label&gt;Word &amp;amp; Characters Counter by Infinite Insights Online&lt;/label&gt;
  &lt;textarea cols="80" id="text" name="textCount" rows="20"&gt;&lt;/textarea&gt;
&lt;/div&gt;
&lt;div class="hide"&gt;
&lt;span&gt;&lt;/span&gt;
   &lt;/div&gt;
&lt;div class="hide"&gt;
&lt;span&gt;&lt;/span&gt;
   &lt;/div&gt;

&lt;div class="calculator_area"&gt;
  &lt;div class="calculator_stat"&gt;
    &lt;div class="calculator_stat_item"&gt;
      &lt;span&gt;Character Count&lt;/span&gt;
      &lt;p id="all_count"&gt;0&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="calculator_stat_item"&gt;
      &lt;span&gt;Word Count&lt;/span&gt;
      &lt;p id="words_count"&gt;0&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="calculator_stat_item"&gt;
      &lt;span&gt;Without White Spaces&lt;/span&gt;
      &lt;p id="characters_count"&gt;500 000&lt;/p&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
&gt;
&lt;h2 class="text-center my-2"&gt;
  &lt;span&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;/span&gt;What Is Character and Word Counter Tool Website Script?
&lt;/h2&gt;
&lt;div class="card border-secondary mb-3"&gt;
  &lt;div class="card-body"&gt;
    &lt;p class="card-text"&gt;
      Character counter or Word Counter is a useful online UI tool that
      calculates the number of characters and words that have been entered in a
      text field and displays the number of characters and words are entered in
      the text field. Typically used in Textarea and/Or Input Field element that
      limits the number of characters or words to enter.
    &lt;/p&gt;

    
  &lt;/div&gt;
&lt;/div&gt;
     &lt;script src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/word.min.js"&gt;&lt;/script&gt;


</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/word-counter.html</link><author>noreply@blogger.com (Jack SEO)</author><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-3775006551465985424.post-5279864409537794537</guid><pubDate>Fri, 10 Nov 2023 10:19:00 +0000</pubDate><atom:updated>2023-12-14T17:17:48.075-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tools</category><title>YouTube Tag Extractor</title><description>&lt;head&gt;
 &lt;link href="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/ytag.min.css" rel="stylesheet" /&gt; 

&lt;/head&gt;

&lt;body&gt;
  &lt;header class="custom-header"&gt;
    &lt;h1&gt;&lt;span style="color: white;"&gt;YouTube Tag Extractor&lt;/span&gt;&lt;/h1&gt;
  &lt;/header&gt;

  &lt;!--Please don't remove or change any code - Edit: Remove yourwebsitename and url from below code--&gt;
  &lt;div id="hd" class="text-center"&gt;
    &lt;!-- Replace below image as per your need--&gt;
    &lt;img
      alt="youtube video"
      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6eXhi6V6xdC4jGIFO65c3CRCi3NI_0wL3pbnF8yQo6okvZTtAjpqCHsxUpkdlcnMMu0KLfWMzBcE3-WSz7ikMqq0jG-fWZICirPnluXt8GL6lHhqsLO8jFwzTaKIUpZX4GfMYuqCt18H1zFWNYI6wHCDXCLWy15xzA3dazUlKmi5Xz5CbgKbKIBhg48/s1280-rw/yyy.png"
      title="YouTube Video"
    /&gt;

    &lt;p&gt;
      Online Tool use to extract youtube video details like title, description,
      image and tags from a Youtube video using URL.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;div class="container py-3"&gt;
    &lt;div class="addthis_inline_share_toolbox centersocials"&gt;&lt;/div&gt;

    &lt;div class="container my-3"&gt;
      &lt;div class="form-group"&gt;
        &lt;div class="input-group mb-3"&gt;
          &lt;span class="input-group-text"&gt;Youtube URL&lt;/span&gt;
          &lt;input
            type="text"
            id="url"
            class="form-control"
            aria-label="Amount (to the nearest dollar)"
          /&gt;
          &lt;button
            class="btn btn-primary"
            type="button"
            onclick="my()"
            id="button-addon2"
          &gt;
            Get
          &lt;/button&gt;
          &lt;button
            class="btn btn-warning"
            onclick="window.location.reload();"
            type="button"
            id="button-addon2"
          &gt;
            Refresh
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="input-area"&gt;&lt;/div&gt;

      &lt;div class="canvas-area" id="technicalarpcanva"&gt;
        &lt;div id="result"&gt;&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="form-group"&gt;
        &lt;label for="" class="my-2"&gt;Title&lt;/label&gt;
        &lt;textarea type="text" id="title" class="form-control"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label for="" class="my-2"&gt;Description&lt;/label&gt;
        &lt;textarea id="discription" class="form-control"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label for="" class="my-2"&gt;Tags&lt;/label&gt;
        &lt;textarea
          type="text"
          id="tags"
          rows="5"
          class="form-control"
        &gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="form-group text-center my-3"&gt;
        &lt;button onclick="myFunction()" class="btn btn-success"&gt;
          Coppy All Tags
        &lt;/button&gt;
      &lt;/div&gt;

      &lt;h2 class="text-center my-2"&gt;About YouTube Tags&lt;/h2&gt;
      &lt;div class="card border-secondary mb-3"&gt;
        &lt;div class="card-body"&gt;
          &lt;p class="card-text"&gt;
            YouTube tags are the hidden metatags associated with videos on
            YouTube. Not all videos have these tags as it’s up to the video
            publisher to add them when they upload the video. The Tag Extractor
            tool is a handy way of extracting and revealing these meta tags
            associated with any public video. Extracting YouTube Tags can be
            very insightful to understand how competitor videos and other
            high-performing videos are using these tags to boost their
            performance.
          &lt;/p&gt;

          &lt;p class="card-text"&gt;
            Tags are not to be confused with HashTags which are displayed in the
            video description and above the video title.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;h2 class="text-center my-2"&gt;What are YouTube Tags?&lt;/h2&gt;

      &lt;div class="card border-secondary mb-3"&gt;
        &lt;div class="card-body"&gt;
          &lt;p class="card-text"&gt;
            The confusing thing about YouTube is there are two types of tags:
          &lt;/p&gt;
          &lt;ol&gt;
            &lt;li&gt;
              &lt;b&gt;Tags&lt;/b&gt;: which are the invisible “meta” Tags associated with a
              video. This is what the Tag Extractor extracts
            &lt;/li&gt;
            &lt;li&gt;
              &lt;b&gt;HashTags&lt;/b&gt;: which are the visible tags shown above a video
              title. See more information about YouTube HashTags.
            &lt;/li&gt;
          &lt;/ol&gt;
          &lt;p class="card-text"&gt;
            Tags are added to a video when it is uploaded on YouTube. Unlike
            HashTags, they do not have pound (#) signs in front of them and they
            can also contain spaces to encompass a string of multiple words.
            Best practice is to use all lowercase Tags with alpha-numeric
            characters.
          &lt;/p&gt;

          &lt;p class="text-card"&gt;
            A YouTube video can have up to 500 characters worth of Tags - which
            is a lot! In the example above, we can see the SEOptimer video has
            11 Tags. Altogether these Tags only take up 164 characters of the
            500 limit, so there’s room for many more.
          &lt;/p&gt;
          &lt;p class="text-card"&gt;
            Now here comes the magic. Using the YouTube Tag Extractor, we can
            easily reveal these hidden meta tags with the click of a button:
          &lt;/p&gt;
          &lt;p class="text-card"&gt;
            You’ll notice, the Tags are importantly extracted in exactly the
            same order that the author has used. This gives you a really great
            insight about what the author thinks is (a) the most important
            topics in the video and; (b) the highest priority tags for video
            SEO.
          &lt;/p&gt;
          &lt;p class="text-card"&gt;Why are YouTube Tags important?&lt;/p&gt;
          &lt;p class="text-card"&gt;
            So now we know the YouTube Tag Extractor works like magic on any
            public YouTube video and extracts the invisible meta tags whilst
            maintaining the order of those Tags as denoted by the author of the
            video.
          &lt;/p&gt;
          &lt;p class="text-card"&gt;
            &lt;b&gt;But why is this important?&lt;/b&gt; You’re likely reading this page at
            the moment because you’re interested in the overall topic of Video
            SEO. We know from YouTube themselves that many signals contribute to
            the overall ranking in the search result page (title, description,
            hashtags, thumbnail, tags, quality of video, etc).
          &lt;/p&gt;
          &lt;p class="text-card"&gt;
            We recommend getting the basics right and utilize all the features
            that YouTube provide to categorize and apply meaning to your videos.
            The jury might be out as to the degree of influence the hidden meta
            tags have on search result rankings, but our recommendation is
            always to err on the side of optimization and use all YouTube
            features together. After all, the more YouTube understands what your
            video is about, the more chance your videos will rank higher in
            YouTube search results.
          &lt;/p&gt;
          &lt;p class="text-card"&gt;YouTube Tags strategy&lt;/p&gt;
          &lt;p class="text-card"&gt;
            There are some strategic considerations when extracting Tags from
            competitor videos. There are two possible scenarios when extracting
            Tags from a YouTube video using this tool:
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="card border-secondary mb-3"&gt;
        &lt;div class="card-body"&gt;
          &lt;p class="card-text"&gt;
            1. &lt;b&gt;The video has no Tags:&lt;/b&gt; this is actually quite common since
            the Tags field is hidden behind the “Show More” text link right at
            the bottom of the video details page in YouTube Studio. So unless
            your competitors are YouTube-savvy, they will likely look straight
            past this and upload the video with zero tags. This is a good
            outcome for you because any tags you add to your video will be
            better. Consider the wording competitors use in the video title and
            description and if they use any HashTags in the video description.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;br /&gt;

      &lt;div class="card border-secondary mb-3"&gt;
        &lt;div class="card-body"&gt;
          &lt;p class="card-text"&gt;
            2. &lt;b&gt;The video has Tags&lt;/b&gt;: like the example above from SEOptimer
            which revealed 11 Tags on their video, the next step is to use your
            best judgement to assess the quality of these Tags. Try to look for
            anything unexpected or unusual about the Tags and the ordering of
            those Tags. Again, the above example from SEOptimer is a very
            typical group of Tags which start with the brand term “seoptimer”,
            then include broad category terms like “seo” and go wider to include
            sub-category or niche terms like “seo reporting”. The ordering of
            these Tags gives you a big clue about how they think about their key
            terms. For direct competitors, we recommend using similar broad Tags
            to remain competitive but utilize some unique Tags as well to
            capture niche searches where you may have a competitive advantage.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;div class="card border-secondary mb-3"&gt;
        &lt;div class="card-body"&gt;
          &lt;p class="card-text"&gt;
            The great thing about Tags is that you can edit them after you
            publish your videos too. So if you feel some of your videos could be
            performing better in search or competitors are outperforming you on
            some key terms, try editing your Tags accordingly. One final
            consideration in thinking about your Tags is what YouTube describe
            directly above the Tags input box:
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

   &lt;script src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/tag.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Elwakel23/myweb@latest/tag1.js"&gt;&lt;/script&gt;
   
  &lt;/div&gt;
&lt;/body&gt;
</description><link>https://infiniteinsightsonline.blogspot.com/2023/11/youtube-tags.html</link><author>noreply@blogger.com (Jack SEO)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6eXhi6V6xdC4jGIFO65c3CRCi3NI_0wL3pbnF8yQo6okvZTtAjpqCHsxUpkdlcnMMu0KLfWMzBcE3-WSz7ikMqq0jG-fWZICirPnluXt8GL6lHhqsLO8jFwzTaKIUpZX4GfMYuqCt18H1zFWNYI6wHCDXCLWy15xzA3dazUlKmi5Xz5CbgKbKIBhg48/s72-c-rw/yyy.png" width="72"/><thr:total>0</thr:total><georss:featurename>United States</georss:featurename><georss:point>37.09024 -95.712891</georss:point><georss:box>8.780006163821156 -130.869141 65.400473836178847 -60.556641</georss:box></item></channel></rss>