HTML Basics

HTML Basics refers to the fundamental elements and concepts used to create web pages using HTML (Hypertext Markup Language). These include:

  • Basic HTML Document
  • HTML Basic Structure
  • HTML Headings
  • HTML Paragraph
  • HTML Break
  • HTML Horizontal Line
  • HTML Images
  • HTML Links

Basic HTML Document


A basic HTML document is the fundamental structure of a web page written in HTML (Hypertext Markup Language). It typically includes

Tags
Descriptions
Declares the document type as HTML5
The root element that encloses the entire HTML content.
Contains metadata, like the page title and links to stylesheets
</div> </td> <td class="px-[18px] py-2.5"> <div class="ql-editor-temp text-sm font-light text-left text-black"> Sets the title displayed on the browser tab </div> </td> </tr> <tr> <td class="px-[18px] py-2.5"> <div class="ql-editor-temp text-sm font-light text-left text-black"> <body> </div> </td> <td class="px-[18px] py-2.5"> <div class="ql-editor-temp text-sm font-light text-left text-black"> Holds the visible content of the web page, such as text, images, and links. </div> </td> </tr> </tbody> </table> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example : The Basic HTML structure.</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-line"><<span class="ͼi">html</span> lang=<span class="ͼe">"en"</span>></div><div class="cm-line"> <<span class="ͼi">head</span>></div><div class="cm-line"> <<span class="ͼi">meta</span> charset=<span class="ͼe">"UTF-8"</span>></div><div class="cm-line"> <<span class="ͼi">meta</span> name=<span class="ͼe">"viewport"</span> content=<span class="ͼe">"width=device-width, initial-scale=1.0"</span>></div><div class="cm-line"> <<span class="ͼi">title</span>>HTML</<span class="ͼi">title</span>></div><div class="cm-line"> </<span class="ͼi">head</span>></div><div class="cm-activeLine cm-line"> <<span class="ͼi">body</span>></div><div class="cm-line"> <<span class="ͼi">p</span>>GeeksforGeeks is a online study platform</<span class="ͼi">p</span>></div><div class="cm-line"> </<span class="ͼi">body</span>></div><div class="cm-line"></<span class="ͼi">html</span>></div></div> </div> </div> <a href="/try_yourself/html/whereisstuff_onlineeditor" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative rounded-[20px] bg-[#ecffc1] px-[30px] py-[20px] mt-[10px]"> <p class="text-sm font-bold text-left text-black inline-block"> HTML Basic structure </p> <div class="w-full mt-[10px]"> <img src="/images/assets/66ce71d926bc6.png" class="max-h-[500px] max-h-[500px] object-contain max-[620px]:max-h-[300px]" /> </div> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Headings</h2><p><br></p><p>HTML headings are defined between  <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><h1></strong></code> to <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><h6></strong></code> tags.</p><p><code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><h1></strong></code> defines the higher heading. <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><h6></strong></code> defines the lower heading: </p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3><strong>Syntax:</strong></h3><pre class="ql-syntax" spellcheck="false"><h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-activeLine cm-line"><!DOCTYPE html></div><div class="cm-line"><<span class="ͼi">h1</span>>This is heading 1</<span class="ͼi">h1</span>></div><div class="cm-line"><<span class="ͼi">h2</span>>This is heading 2</<span class="ͼi">h1</span>></div><div class="cm-line"><<span class="ͼi">h3</span>>This is heading 3</<span class="ͼi">h3</span>></div></div> </div> </div> <a href="/try_yourself/html/heading_example" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Paragraph</h2><p><br></p><p>HTML paragraph are defined by  <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><p></strong></code> tags.</p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3>Syntax:</h3><pre class="ql-syntax" spellcheck="false"><p></p> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-activeLine cm-line"><<span class="ͼi">p</span>>This is a paragraph.<span class="cm-matchingBracket"></</span><span class="ͼi">p</span><span class="cm-matchingBracket">></span></div></div> </div> </div> <a href="/try_yourself/html/paragraph_tag" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Break</h2><p><br></p><p>HTML break are defined by  <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><br></strong></code> tags.</p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3>Syntax:</h3><pre class="ql-syntax" spellcheck="false"><br/> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-line"><<span class="ͼi">p</span>>Hello whereisstuff</<span class="ͼi">p</span>></div><div class="cm-activeLine cm-line"><<span class="ͼi">br</span>/></div><div class="cm-line"><<span class="ͼi">p</span>>Hello whereisstuff</<span class="ͼi">p</span>></div></div> </div> </div> <a href="/try_yourself/html/break_tag" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Horizontal Line</h2><p><br></p><p>HTML Horizontal line are defined by  <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><hr></strong></code> tags.</p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3>Syntax:</h3><pre class="ql-syntax" spellcheck="false"><hr/> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-line"><<span class="ͼi">p</span>>Hello whereisstuff</<span class="ͼi">p</span>></div><div class="cm-activeLine cm-line"><<span class="ͼi">hr</span>/></div><div class="cm-line"><<span class="ͼi">p</span>>Hello whereisstuff</<span class="ͼi">p</span>></div></div> </div> </div> <a href="/try_yourself/html/horizontal_tag" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Image</h2><p><br></p><p>HTML Image are defined by  <code style="background-color: rgba(222, 222, 222, 0.3); color: crimson;"><strong><img></strong></code> tags.</p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3>Syntax:</h3><pre class="ql-syntax" spellcheck="false"><img> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-activeLine cm-line"><<span class="ͼi">img</span> src=<span class="ͼe">"/assets/images/whereisstuff.png"</span> alt=<span class="ͼe">"whereisstuff.com"</span> width=<span class="ͼe">"100"</span> height=<span class="ͼe">"100"</span><span class="cm-nonmatchingBracket">></span></div></div> </div> </div> <a href="/try_yourself/html/image_tag" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <hr class='my-[20px] w-full border-[#cacaca]' /> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h2>HTML Link</h2><p><br></p><p>HTML Link are defined by  <code style="color: crimson; background-color: rgba(222, 222, 222, 0.3);"><strong><a></strong></code> tags.</p> </div> <div class='h-[10px]'></div> <div class="ql-editor-temp mt-[10px] text-left text-black"> <h3>Syntax:</h3><pre class="ql-syntax" spellcheck="false"><a href=""></a> </pre> </div> <div class='h-[10px]'></div> <div class="flex-grow-0 flex-shrink-0 w-full relative overflow-hidden rounded-[10px] bg-[#f6f6f6] px-[20px] py-[8px] mt-[10px] max-[992px]:px-[16px]"> <div class="text-black font-medium text-[24px] my-[10px] leading-none max-[992px]:text-[20px]">Example</div> <div class="rounded-xl bg-white border-4 border-[#a4bc92]"> <div class="ql-editor-temp px-[12px] py-[8px] text-left"> <div spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" contenteditable="true" style="tab-size: 4;" class="cm-content" role="textbox" aria-multiline="true" data-language="javascript" aria-autocomplete="list"><div class="cm-line"><!DOCTYPE html></div><div class="cm-activeLine cm-line"><<span class="ͼi">a</span> href=<span class="ͼe">"https://www.whereisstuff.com"</span>>link<span class="cm-matchingBracket"></</span><span class="ͼi">a</span><span class="cm-matchingBracket">></span></div></div> </div> </div> <a href="/try_yourself/html/link_tag" target="_blank" class="inline-block mt-[20px] mb-[16px] gap-2.5 px-[16px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:gap-[13.354839324951172px] max-[620px]:rounded-[5.34px]"> <p class="leading-normal text-[17px] text-left text-white">Try it yourself</p> </a> </div> <br class='mt-[20px] w-full border-transparent' /> <div class="flex items-center flex-grow-0 flex-shrink-0 gap-[35px] max-[620px]:gap-[15px] justify-between "> <a href="/tutorial/html/editor" class="flex justify-center items-end flex-grow-0 flex-shrink-0 relative gap-5 px-[18px] py-[8px] rounded-lg bg-[#dbdbdb] shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:rounded-[5.34px]"> <p class="flex-grow-0 flex-shrink-0 leading-normal text-[18px] font-semibold text-left text-black">❮ Previous</p> </a> <a href="/tutorial/html/Attributes" class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-5 px-[18px] py-[8px] rounded-lg bg-black shadow-[0px_0px_0px_0_rgba(0,0,0,0.25)] max-[620px]:rounded-[5.34px]"> <p class="flex-grow-0 flex-shrink-0 leading-normal text-[18px] font-semibold text-left text-white">Next ❯</p> </a> </div> </div> </div> <div class='w-[210px] max-[992px]:hidden'></div> </div> <div class="bg-[#a4bc92] w-full font-medium flex justify-center items-center py-[40px] max-[992px]:py-[10px] max-[620px]:text-[10px] max-[620px]:text-center"> <div class="w-[80%] flex gap-[40px] max-[992px]:gap-[20px] max-[992px]:w-[90%]"> <div class=""> <div class="flex gap-[15px]"> <a target="_blank" class="group w-[25px] h-[25px] flex justify-center items-center rounded-full hover:bg-black " href="https://www.youtube.com/@whereisstuff" title="whereisstuff on YouTube"><i class="group-hover:text-white fa fa-youtube"></i></a> <a target="_blank" class="group w-[25px] h-[25px] flex justify-center items-center rounded-full hover:bg-black " href="https://www.linkedin.com/company/whereisstuff.com/" title="whereisstuff on LinkedIn"><i class="group-hover:text-white fa fa-linkedin"></i></a> <a target="_blank" class="group w-[25px] h-[25px] flex justify-center items-center rounded-full hover:bg-black " href="https://www.facebook.com/whereisstuffcom/" title="whereisstuff on Facebook"><i class="group-hover:text-white fa fa-facebook"></i></a> <a target="_blank" class="group w-[25px] h-[25px] flex justify-center items-center rounded-full hover:bg-black" href="https://www.instagram.com/whereisstuff.com_official/" title="whereisstuff on Instagram"><i class="group-hover:text-white fa fa-instagram"></i></a> </div> <div class="text-[12px] mt-[10px] max-[992px]:text-[10px]"><span class="max-[620px]:hidden">Whereisstuff is simple learing platform for beginer to advance level to improve there skills in technologies.we will provide all material free of cost.you can write a code in runkit workspace and we provide some extrac features also, you agree to have read and accepted our</span> <a class="font-bold underline" href="/about/terms-condition">terms of use</a>, <a class="font-bold underline" href="/about/cookie-policy">cookie and privacy policy.</a></div> <div class="text-[12px] mt-[5px] max-[992px]:text-[10px]">© Copyright 2024 www.whereisstuff.com. All rights reserved. Developed by whereisstuff Tech.</div> </div> <div class="flex items-center"> <svg width="107" height="70" viewBox="0 0 107 70" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-grow-0 flex-shrink-0 w-[106.82px] h-[69.97px] max-[992px]:h-[56px] relative max-[620px]:w-[67px] max-[620px]:h-[43.89px]" preserveAspectRatio="xMidYMid meet"> <g clip-path="url(#clip0_47_133)"> <path d="M40.0858 57.4841L55.2758 44.7958L62.9725 53.4254L47.8404 66.5274C45.5986 68.4688 42.2322 68.3247 40.1643 66.1995L39.6623 65.6836C37.3901 63.348 37.585 59.5729 40.0858 57.4841Z" fill="black"></path> <path d="M75.567 62.5213C92.8276 62.5213 106.82 48.5289 106.82 31.2683C106.82 14.0078 92.8276 0.0153198 75.567 0.0153198C58.3064 0.0153198 44.314 14.0078 44.314 31.2683C44.314 48.5289 58.3064 62.5213 75.567 62.5213Z" fill="black"></path> <g filter="url(#filter0_d_47_133)"> <path d="M79.3372 54.8689C79.2953 55.542 79.807 56.1255 80.481 56.1209C83.8568 56.0985 87.1654 55.1114 90.0118 53.2647C92.8577 51.4175 95.1065 48.7979 96.5017 45.7238C96.7806 45.1101 96.456 44.4049 95.8244 44.1691C95.1932 43.9334 94.4945 44.2567 94.209 44.8673C93.0013 47.4521 91.0898 49.6552 88.6828 51.2169C86.2759 52.7791 83.4855 53.6276 80.6326 53.678C79.959 53.6901 79.3788 54.1962 79.3372 54.8689Z" fill="white"></path> </g> <g filter="url(#filter1_f_47_133)"> <path d="M75.5671 49.4603C85.6143 49.4603 93.7591 41.3155 93.7591 31.2683C93.7591 21.2211 85.6143 13.0762 75.5671 13.0762C65.5199 13.0762 57.375 21.2211 57.375 31.2683C57.375 41.3155 65.5199 49.4603 75.5671 49.4603Z" fill="white" ></path> </g> <path d="M16.4569 24.0288L12.9976 35.6997H10.8313L8.37958 26.8668L5.77672 35.6997L3.62725 35.7165L0.319092 24.0288H2.35101L4.76915 33.5335L7.38881 24.0288H9.53828L11.9732 33.4831L14.4082 24.0288H16.4569ZM21.1424 28.908C21.6518 28.908 22.1046 29.0172 22.5007 29.2355C22.905 29.4538 23.2204 29.7772 23.4467 30.2057C23.6812 30.6342 23.7984 31.1517 23.7984 31.7581V35.6997H22.428V31.9643C22.428 31.3659 22.2784 30.9091 21.9792 30.5938C21.6801 30.2704 21.2718 30.1087 20.7543 30.1087C20.2369 30.1087 19.8245 30.2704 19.5172 30.5938C19.2181 30.9091 19.0685 31.3659 19.0685 31.9643V35.6997H17.6859V26.725H19.0685V29.7934C19.303 29.5104 19.5981 29.292 19.9538 29.1384C20.3177 28.9848 20.7139 28.908 21.1424 28.908ZM31.6867 32.1947C31.6867 32.4453 31.6705 32.6718 31.6382 32.8739H26.5323C26.5727 33.4075 26.7708 33.836 27.1266 34.1594C27.4823 34.4828 27.919 34.6446 28.4364 34.6446C29.1803 34.6446 29.7058 34.3333 30.013 33.7107H31.5048C31.3027 34.3252 30.9348 34.8305 30.4011 35.2267C29.8756 35.6148 29.2207 35.8089 28.4364 35.8089C27.7977 35.8089 27.2236 35.6674 26.7142 35.3844C26.2129 35.0933 25.8167 34.689 25.5257 34.1716C25.2427 33.646 25.1012 33.0396 25.1012 32.3524C25.1012 31.6651 25.2386 31.0627 25.5135 30.5453C25.7965 30.0197 26.1887 29.6155 26.69 29.3325C27.1993 29.0495 27.7815 28.908 28.4364 28.908C29.0671 28.908 29.629 29.0455 30.1222 29.3204C30.6154 29.5952 30.9995 29.9833 31.2744 30.4847C31.5492 30.9778 31.6867 31.5479 31.6867 32.1947ZM30.2435 31.7581C30.2354 31.2487 30.0535 30.8404 29.6977 30.5332C29.3419 30.2259 28.9013 30.0723 28.3758 30.0723C27.8987 30.0723 27.4904 30.2259 27.1508 30.5332C26.8112 30.8323 26.6091 31.2406 26.5444 31.7581H30.2435ZM34.4299 29.9874C34.6321 29.6478 34.8989 29.3851 35.2304 29.1991C35.57 29.005 35.9702 28.908 36.4311 28.908V30.3391H36.0794C35.5377 30.3391 35.1253 30.4766 34.8423 30.7515C34.5674 31.0264 34.4299 31.5034 34.4299 32.1826V35.6997H33.0473V29.0172H34.4299V29.9874ZM43.8266 32.1947C43.8266 32.4453 43.8104 32.6718 43.7781 32.8739H38.6722C38.7126 33.4075 38.9107 33.836 39.2665 34.1594C39.6222 34.4828 40.0589 34.6446 40.5763 34.6446C41.3202 34.6446 41.8457 34.3333 42.1529 33.7107H43.6447C43.4426 34.3252 43.0747 34.8305 42.541 35.2267C42.0155 35.6148 41.3606 35.8089 40.5763 35.8089C39.9376 35.8089 39.3635 35.6674 38.8541 35.3844C38.3528 35.0933 37.9566 34.689 37.6656 34.1716C37.3826 33.646 37.2411 33.0396 37.2411 32.3524C37.2411 31.6651 37.3786 31.0627 37.6534 30.5453C37.9364 30.0197 38.3286 29.6155 38.8299 29.3325C39.3392 29.0495 39.9214 28.908 40.5763 28.908C41.207 28.908 41.7689 29.0455 42.2621 29.3204C42.7553 29.5952 43.1394 29.9833 43.4143 30.4847C43.6892 30.9778 43.8266 31.5479 43.8266 32.1947ZM42.3834 31.7581C42.3753 31.2487 42.1934 30.8404 41.8376 30.5332C41.4818 30.2259 41.0412 30.0723 40.5157 30.0723C40.0386 30.0723 39.6303 30.2259 39.2907 30.5332C38.9511 30.8323 38.749 31.2406 38.6843 31.7581H42.3834Z" fill="black"></path> <path d="M48.5447 29.3391C48.3712 29.3391 48.2256 29.2804 48.1081 29.1628C47.9905 29.0453 47.9318 28.8997 47.9318 28.7262C47.9318 28.5527 47.9905 28.4072 48.1081 28.2896C48.2256 28.1721 48.3712 28.1133 48.5447 28.1133C48.7126 28.1133 48.8554 28.1721 48.9729 28.2896C49.0905 28.4072 49.1492 28.5527 49.1492 28.7262C49.1492 28.8997 49.0905 29.0453 48.9729 29.1628C48.8554 29.2804 48.7126 29.3391 48.5447 29.3391ZM49.0149 29.9521V34.5784H48.0577V29.9521H49.0149ZM51.9508 34.654C51.587 34.654 51.2595 34.5896 50.9684 34.4609C50.683 34.3266 50.4563 34.1474 50.2883 33.9235C50.1204 33.694 50.0308 33.4393 50.0196 33.1595H51.0104C51.0272 33.3554 51.1196 33.5205 51.2875 33.6548C51.461 33.7836 51.6765 33.848 51.934 33.848C52.2027 33.848 52.4098 33.7976 52.5553 33.6968C52.7065 33.5905 52.782 33.4561 52.782 33.2938C52.782 33.1203 52.6981 32.9915 52.5302 32.9076C52.3678 32.8236 52.1075 32.7313 51.7493 32.6305C51.4022 32.5353 51.1196 32.443 50.9013 32.3534C50.683 32.2639 50.4926 32.1267 50.3303 31.942C50.1736 31.7573 50.0952 31.5138 50.0952 31.2115C50.0952 30.9652 50.168 30.7413 50.3135 30.5398C50.4591 30.3327 50.6662 30.1704 50.9348 30.0528C51.2091 29.9353 51.5226 29.8765 51.8752 29.8765C52.4014 29.8765 52.824 30.0108 53.1431 30.2795C53.4677 30.5426 53.6413 30.9037 53.6637 31.3627H52.7065C52.6897 31.1555 52.6057 30.9904 52.4546 30.8673C52.3034 30.7441 52.0991 30.6826 51.8417 30.6826C51.5898 30.6826 51.3966 30.7301 51.2623 30.8253C51.128 30.9204 51.0608 31.0464 51.0608 31.2031C51.0608 31.3263 51.1056 31.4298 51.1951 31.5138C51.2847 31.5978 51.3938 31.6649 51.5226 31.7153C51.6513 31.7601 51.8417 31.8189 52.0935 31.8916C52.4294 31.9812 52.7037 32.0735 52.9164 32.1687C53.1347 32.2583 53.3222 32.3926 53.4789 32.5717C53.6357 32.7508 53.7168 32.9887 53.7224 33.2854C53.7224 33.5485 53.6497 33.7836 53.5041 33.9907C53.3586 34.1978 53.1515 34.3601 52.8828 34.4777C52.6197 34.5952 52.309 34.654 51.9508 34.654Z" fill="white"></path> <path d="M62.7849 35.8768C62.0665 35.8768 61.4228 35.7602 60.8537 35.527C60.2846 35.2938 59.8275 34.9486 59.4823 34.4914C59.1465 34.0343 58.9692 33.4839 58.9506 32.8402H61.4975C61.5348 33.204 61.6607 33.4839 61.8753 33.6798C62.0899 33.8664 62.3697 33.9597 62.7149 33.9597C63.0694 33.9597 63.3493 33.8804 63.5546 33.7218C63.7598 33.5539 63.8624 33.3253 63.8624 33.0361C63.8624 32.7935 63.7785 32.5929 63.6105 32.4343C63.4519 32.2757 63.2514 32.1451 63.0088 32.0425C62.7756 31.9399 62.4397 31.8233 62.0012 31.6927C61.3668 31.4968 60.8491 31.3008 60.4479 31.1049C60.0467 30.909 59.7016 30.6198 59.4124 30.2373C59.1232 29.8548 58.9785 29.3557 58.9785 28.74C58.9785 27.8257 59.3097 27.112 59.9721 26.5989C60.6345 26.0765 61.4974 25.8152 62.561 25.8152C63.6432 25.8152 64.5155 26.0765 65.1778 26.5989C65.8402 27.112 66.1947 27.8304 66.2414 28.754H63.6525C63.6339 28.4368 63.5172 28.1895 63.3027 28.0123C63.0881 27.8257 62.8129 27.7324 62.477 27.7324C62.1878 27.7324 61.9546 27.8117 61.7773 27.9703C61.6001 28.1196 61.5114 28.3388 61.5114 28.628C61.5114 28.9452 61.6607 29.1924 61.9593 29.3697C62.2578 29.5469 62.7243 29.7382 63.3586 29.9434C63.993 30.158 64.5061 30.3632 64.898 30.5592C65.2991 30.7551 65.6443 31.0396 65.9335 31.4128C66.2227 31.786 66.3673 32.2664 66.3673 32.8542C66.3673 33.4139 66.2227 33.9224 65.9335 34.3795C65.6536 34.8366 65.2431 35.2005 64.7021 35.471C64.161 35.7416 63.5219 35.8768 62.7849 35.8768ZM72.1921 33.7498V35.7789H70.9746C70.107 35.7789 69.4306 35.569 68.9455 35.1492C68.4603 34.72 68.2178 34.025 68.2178 33.0641V29.9574H67.2662V27.9703H68.2178V26.0671H70.6107V27.9703H72.1781V29.9574H70.6107V33.0921C70.6107 33.3253 70.6667 33.4932 70.7787 33.5958C70.8906 33.6985 71.0772 33.7498 71.3384 33.7498H72.1921ZM81.2358 27.9703V35.7789H78.8429V34.7154C78.6003 35.0605 78.2691 35.3404 77.8493 35.555C77.4388 35.7602 76.9817 35.8628 76.4779 35.8628C75.8808 35.8628 75.3537 35.7322 74.8966 35.471C74.4395 35.2005 74.085 34.8133 73.8331 34.3095C73.5812 33.8057 73.4552 33.2133 73.4552 32.5323V27.9703H75.8342V32.2104C75.8342 32.7329 75.9695 33.1387 76.24 33.4279C76.5106 33.7171 76.8744 33.8617 77.3315 33.8617C77.798 33.8617 78.1665 33.7171 78.4371 33.4279C78.7076 33.1387 78.8429 32.7329 78.8429 32.2104V27.9703H81.2358ZM86.8726 29.9574H85.5851V35.7789H83.1922V29.9574H82.3246V27.9703H83.1922V27.7464C83.1922 26.7855 83.4674 26.0578 84.0178 25.5633C84.5683 25.0596 85.3752 24.8077 86.4388 24.8077C86.616 24.8077 86.7466 24.8123 86.8306 24.8217V26.8508C86.3735 26.8228 86.0516 26.8881 85.865 27.0467C85.6784 27.2053 85.5851 27.4898 85.5851 27.9003V27.9703H86.8726V29.9574ZM91.9155 29.9574H90.6281V35.7789H88.2351V29.9574H87.3675V27.9703H88.2351V27.7464C88.2351 26.7855 88.5103 26.0578 89.0608 25.5633C89.6112 25.0596 90.4182 24.8077 91.4817 24.8077C91.659 24.8077 91.7896 24.8123 91.8735 24.8217V26.8508C91.4164 26.8228 91.0945 26.8881 90.908 27.0467C90.7214 27.2053 90.6281 27.4898 90.6281 27.9003V27.9703H91.9155V29.9574Z" fill="black"></path> </g> <defs> <filter id="filter0_d_47_133" x="77.0148" y="44.0918" width="21.9075" height="16.6691" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix> <feOffset dy="2.32"></feOffset> <feGaussianBlur stdDeviation="1.16"></feGaussianBlur> <feComposite in2="hardAlpha" operator="out"></feComposite> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_47_133"></feBlend> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_47_133" result="shape"></feBlend> </filter> <filter id="filter1_f_47_133" x="53.895" y="9.59623" width="43.3442" height="43.3441" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend> <feGaussianBlur stdDeviation="1.74" result="effect1_foregroundBlur_47_133"></feGaussianBlur> </filter> <clipPath id="clip0_47_133"> <rect width="106.82" height="69.9694" fill="white" transform="translate(0 0.0153198)"></rect> </clipPath> </defs> </svg> </div> </div> </div> </div> <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"Aw22Di7FOyqkXBTs9Okl5MtWDpJH9evcKVcO3HoD","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> </body> </html>