<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-8823510336232688676</atom:id><lastBuildDate>Fri, 19 Sep 2025 00:11:04 +0000</lastBuildDate><title>Blog | PhpCable</title><description>We are Phpcable, a professional team of web designers and developers that specialize in premium Websites and Apps. We use the latest coding standards with a modern design aesthetic to create high-quality WordPress themes that work for just about any industry or purpose.&#xa;&#xa; &#xa;&#xa;We craft premium websites, CMS, portals, mobile apps and innovative plugins, trusted by over thousands of clients worldwide. We love to work on cutting-edge technologies and make next-level products for our lovely clients.</description><link>https://phpcable.blogspot.com/</link><managingEditor>noreply@blogger.com (phpcable)</managingEditor><generator>Blogger</generator><openSearch:totalResults>34</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7813134641889514774</guid><pubDate>Thu, 24 Feb 2022 10:48:00 +0000</pubDate><atom:updated>2022-02-24T12:48:56.433+02:00</atom:updated><title>How to configure IMAP email account</title><description>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;background-color: white; color: #666666; font-family: Rubik, sans-serif; font-size: 15px;&quot;&gt;In this tutorial we are going to show you how to configure your Outlook 2010 email client with your existing mail account using the IMAP incoming mail protocol.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;This tutorial assumes that you have already downloaded and started your Outlook 2010 email client,&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Let&#39;s begin by adding a new email account in Outlook 2010. In order to do that you will need to access the menu&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;File → Add Account&lt;/span&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;file-add-account&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene03_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene03_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;You will then be presented with the &quot;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Auto Account Setup&lt;/span&gt;&quot; window where you should proceed with the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Email Account&lt;/span&gt;&amp;nbsp;configuration options.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;account-setup-your-name&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene04_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene04_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The required fields here are&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Your Name&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;E-mail Address&lt;/span&gt;,&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Password&lt;/span&gt;&amp;nbsp;and of course the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Retype Password&lt;/span&gt;&amp;nbsp;field where you should repeat the password so the email client can ensure that it is the same.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;account-setup-your-password&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene06_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene06_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Now that you have set these it is time to configure the mail server settings. In order to do that you will need to click on the &quot;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Manually configure server settings or additional server types&lt;/span&gt;&quot; option and then to press the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Next&lt;/span&gt;&amp;nbsp;button.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;manual-server-configuration&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene09_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene09_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;You will then be presented with the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Choose Server&lt;/span&gt;&amp;nbsp;window where you should choose the first option -&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Internet E-mail&lt;/span&gt;&amp;nbsp;and then once again click the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Next&lt;/span&gt;&amp;nbsp;button.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;internet-email-settings&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene10_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene10_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Internet E-mail Settings&lt;/span&gt;&amp;nbsp;window will appear and there you will need to configure the provided sections of options.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The first section called&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;User Information&lt;/span&gt;&amp;nbsp;is relatively simple as you will need to fill only&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Your Name&lt;/span&gt;&amp;nbsp;and your&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;E-mail Address&lt;/span&gt;.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The second section called&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Server Information&lt;/span&gt;&amp;nbsp;is the one which will require some additional configuration. This section contains the following fields:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Rubik, sans-serif; font-size: 16px; margin-bottom: 1rem; margin-top: 0px; padding-left: 15px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; color: #666666; margin-bottom: 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Account type -&lt;/span&gt;&amp;nbsp;Since we are configuring the mail client for the IMAP protocol you will need to choose that protocol from the Drop-down list.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; color: #666666; margin-bottom: 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Incoming mail server -&lt;/span&gt;&amp;nbsp;Here you should input the hostname of your mail server.&lt;/li&gt;&lt;/ul&gt;&lt;div class=&quot;alert alert-success mb-5&quot; style=&quot;background-color: #52cead; border-radius: 0.25rem; border: 1px solid rgba(54, 57, 60, 0.1); box-sizing: border-box; color: white; font-family: Rubik, sans-serif; font-size: 16px; margin-bottom: 3rem !important; padding: 25px 30px; position: relative;&quot;&gt;&lt;h4 style=&quot;box-sizing: border-box; font-size: 18px; font-weight: 500; line-height: 1.2; margin-bottom: 12px; margin-top: 0px;&quot;&gt;Hostname&lt;/h4&gt;&lt;p style=&quot;box-sizing: border-box; color: inherit; font-size: 14px; line-height: 1.6; margin: 0px;&quot;&gt;It is relatively simple - the hostname is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;mail.yourdomain.com&lt;/span&gt;&amp;nbsp;where the substitution&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;yourdomain.com&lt;/span&gt;&amp;nbsp;should be replaced with your actual domain name. If your domain is for example&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;mybiz123.info&lt;/span&gt;&amp;nbsp;the hostname you will need to use is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;mail.mybiz123.info.&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Rubik, sans-serif; font-size: 16px; margin-bottom: 1rem; margin-top: 0px; padding-left: 15px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; color: #666666; margin-bottom: 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Outgoing mail server (SMTP) -&lt;/span&gt;&amp;nbsp;The value is the same as your Incoming mail server&lt;/li&gt;&lt;/ul&gt;&lt;div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The last section is called&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Logon Information&lt;/span&gt;&amp;nbsp;and there you will need to simply input the username and the password for your email account.&lt;/p&gt;&lt;div class=&quot;alert alert-info mb-5&quot; style=&quot;background-color: #40a1e9; border-radius: 0.25rem; border: 1px solid rgba(54, 57, 60, 0.1); box-sizing: border-box; color: white; font-family: Rubik, sans-serif; font-size: 16px; margin-bottom: 3rem !important; padding: 25px 30px; position: relative;&quot;&gt;&lt;h4 style=&quot;box-sizing: border-box; font-size: 18px; font-weight: 500; line-height: 1.2; margin-bottom: 12px; margin-top: 0px;&quot;&gt;Note&lt;/h4&gt;&lt;p style=&quot;box-sizing: border-box; color: inherit; font-size: 14px; line-height: 1.6; margin: 0px;&quot;&gt;The username should be your actual email address. Please make sure that it contains&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;@yourdomain.com&lt;/span&gt;&amp;nbsp;at the end so for example your domain is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;mybiz123.net&lt;/span&gt;&amp;nbsp;the username can be&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;john@mybiz123.net&lt;/span&gt;.&lt;/p&gt;&lt;/div&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Once you are done with this section please locate and click on the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;More Settings&lt;/span&gt;&amp;nbsp;button so you can proceed further with the configuration.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;more-settings&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene17_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene17_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;The button will prompt you with a small window containing some additional settings. Please click on the &quot;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Outgoing Server Tab&lt;/span&gt;&quot; and make sure that you will select the following options there:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Rubik, sans-serif; font-size: 16px; margin-bottom: 1rem; margin-top: 0px; padding-left: 15px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box; color: #666666; margin-bottom: 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;My ongoing server (SMTP) requires authentication&lt;/span&gt;&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box; color: #666666; margin-bottom: 10px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: bolder;&quot;&gt;Use settings as my incoming mail server&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Next please click on the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Advanced&lt;/span&gt;&amp;nbsp;tab.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;advanced-email-server-configuration&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene20_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene20_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;There you will need to configure the ports for your incoming and outgoing server. The port for the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Incoming Server (IMAP)&lt;/span&gt;&amp;nbsp;is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;143&amp;nbsp;&lt;/span&gt;and the port for the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Outgoing Server (SMTP)&lt;/span&gt;&amp;nbsp;is&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;25&lt;/span&gt;. Once you are done with these please click on the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Ok&lt;/span&gt;&amp;nbsp;button located at the bottom of that window.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;ports-configuration&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene21_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene21_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Finally please click the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;Next&lt;/span&gt;&amp;nbsp;button so the email account in your Outlook email client can be created.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;&lt;img alt=&quot;final-confirmation&quot; data-cfsrc=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene22_1.png&quot; data-cfstyle=&quot;border-width: 1px; border-style: solid;&quot; src=&quot;https://media.fastcomet.com/storage/upload/images/tutorials/mail/IMAP_Outlook_scene22_1.png&quot; style=&quot;border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto;&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #666666; font-family: Rubik, sans-serif; font-size: 15px; line-height: 1.6; margin-bottom: 20px; margin-top: 0px;&quot;&gt;Congratulations! You have configured your email account with the IMAP protocol for incoming emails.&lt;/p&gt;&lt;/div&gt;</description><link>https://phpcable.blogspot.com/2022/02/how-to-configure-imap-email-account.html</link><author>noreply@blogger.com (phpcable)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-1621797599441573509</guid><pubDate>Wed, 10 Mar 2021 08:14:00 +0000</pubDate><atom:updated>2021-03-10T10:20:18.105+02:00</atom:updated><title>Are you considering the right domain?</title><description>&lt;p&gt;&lt;span style=&quot;background-color: white;&quot;&gt;T&lt;/span&gt;&lt;span face=&quot;&amp;quot;Noto Sans&amp;quot;, sans-serif&quot; style=&quot;background-color: white; color: #11262f; font-size: 15px;&quot;&gt;here are millions of combinations of domain names you can register today for very little cost. While you may be tempted to cut corners with your domain purchase, remember that the quality of a domain is the same as with everything else: you get what you pay for.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;What&#39;s wrong with simply registering a new domain? While the price might be attractive, newly registered domains tend to be longer; some have dashes and many will require awkwardly truncated or abbreviated names. New domain registrations typically make little sense, as all the good .com domains were purchased many years ago.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENZrqEGdpcBjBWchGQuL3JuldL5vh-T_cKA3UutFRjyUHBovNWLlUP1hmNmMPdmtQVpmUlqmT0waMMPyqh8FJswjuz61FoOoVYiZ3lr93wL5238Mag_ypUNnANxz0AWjJ3sleAERP9eI/s879/guide.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;330&quot; data-original-width=&quot;879&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENZrqEGdpcBjBWchGQuL3JuldL5vh-T_cKA3UutFRjyUHBovNWLlUP1hmNmMPdmtQVpmUlqmT0waMMPyqh8FJswjuz61FoOoVYiZ3lr93wL5238Mag_ypUNnANxz0AWjJ3sleAERP9eI/w640-h240/guide.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #7199e2; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 28px; font-weight: normal; margin: 0px 0px 5px;&quot;&gt;Premium domain names are an asset&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px; text-align: left;&quot;&gt;So what exactly is a &quot;premium&quot; domain? Premium domains are easy to type. They are memorable, they likely describe your product or service offering succinctly, or the name is simply unique, unusual, and brandable.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px; text-align: left;&quot;&gt;Your name can be used in several different ways. Furthermore, if you are purchasing a .com domain, you are buying the gold standard of domain names.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px; text-align: left;&quot;&gt;As with other assets, an investment in a premium domain name will likely increase over time.&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGOYTagaJxBkc10FimSDye-iz8P0YZYSbzdh_Hiw5nuVjoLDr4oqBddfzWjzA67rv2e6RG7GqouZ-FIZFyiVNEW6AbEZOhSMUGR41ARvSJYZObThegpWhMoPUCenX5abcZcUAXWILFKw/s289/text-image.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;259&quot; data-original-width=&quot;289&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGOYTagaJxBkc10FimSDye-iz8P0YZYSbzdh_Hiw5nuVjoLDr4oqBddfzWjzA67rv2e6RG7GqouZ-FIZFyiVNEW6AbEZOhSMUGR41ARvSJYZObThegpWhMoPUCenX5abcZcUAXWILFKw/s0/text-image.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #7199e2; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 28px; font-weight: normal; margin: 0px 0px 5px;&quot;&gt;The law of supply and demand is stacked in favor of the .com&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;In today&#39;s Internet economy, there are hundreds of millions of domain names in commercial use. While this number will increase as additional TLD extensions are added, the number of premium .com domains will remain finite.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;Additionally, with the acceleration of social networking, internet media, advances in mobile telephone technology, and an unprecedented level of global connectivity, the demand for valuable .com domains has continued to exceed the available supply. From this perspective alone, your premium domain investment will serve you well.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;As one of our customers put it, the &quot;.com is and always will be the equivalent of a beachfront property.&quot;&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #7199e2; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 28px; font-weight: normal; margin: 0px 0px 5px;&quot;&gt;One final consideration&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;Peggy Lee of Emory University published a study in the Strategic Management Journal (2001) in which she was able to show a direct correlation between the steady growth of a company&#39;s stock price or book value once they acquired a premium .com domain and added the suffix to their business or product name.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;Virtually every domain for sale on Phpcable.com has this type of value. Years ago you would not have known about Microsoft, YouTube, Yahoo, Google, or FaceBook. But each of these companies built a brand. If building a brand is important, we are here to make your first step as easy as possible.&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #11262f; font-family: &amp;quot;Noto Sans&amp;quot;, sans-serif; font-size: 15px; margin-bottom: 1rem; margin-top: 0px;&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;</description><link>https://phpcable.blogspot.com/2021/03/are-you-considering-right-domain.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENZrqEGdpcBjBWchGQuL3JuldL5vh-T_cKA3UutFRjyUHBovNWLlUP1hmNmMPdmtQVpmUlqmT0waMMPyqh8FJswjuz61FoOoVYiZ3lr93wL5238Mag_ypUNnANxz0AWjJ3sleAERP9eI/s72-w640-h240-c/guide.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-741946099255319639</guid><pubDate>Fri, 19 Feb 2021 13:08:00 +0000</pubDate><atom:updated>2021-02-19T15:08:16.537+02:00</atom:updated><title>5 Security Checklist for Web Developers</title><description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmepDmy2rZq0Li4zzEosxRazQe0TQG4wvYnn7rgssDNUdIwaK-0CfqrLJa2PylKaOm4UoUw799BWRkbdejq24qc1GGs2xBoEryjZ5_HpWJGVOikcxY7p17H2RZhsKNfrzorWYxw8xcHEY/s800/featured-security-checklist.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;400&quot; data-original-width=&quot;800&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmepDmy2rZq0Li4zzEosxRazQe0TQG4wvYnn7rgssDNUdIwaK-0CfqrLJa2PylKaOm4UoUw799BWRkbdejq24qc1GGs2xBoEryjZ5_HpWJGVOikcxY7p17H2RZhsKNfrzorWYxw8xcHEY/w400-h200/featured-security-checklist.webp&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;No matter how strong your development skills are, having a web security checklist is crucial. It’s common for web professionals to pay more attention to design, functionality, and other immediate concerns. However, if your top-tier solutions aren’t secure, you’ll have a hard time keeping clients.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;With the&amp;nbsp;increasing menace of hackers&amp;nbsp;online, web security has become an even hotter topic than ever before. This is why you’ll want to provide&amp;nbsp;secure authentication&amp;nbsp;and encrypt all connections on your web development projects, along with following other best practices.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;In this post, we’ll share a web security checklist for developers to help foolproof your applications. However, we’ll first quickly examine why security should be a top priority. Let’s get started!&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; font-weight: 400; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;Why Web Security Is Important in Development&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;It’s estimated that a cyberattack occurs somewhere on the internet&amp;nbsp;every 39 seconds. What’s more, about&amp;nbsp;68 percent of business leaders&amp;nbsp;feel their cybersecurity risks are increasing. When malicious software infects a website, it can easily gather data or even hijack all its computer resources.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;In other words, attackers can gain access to sensitive data that belong to both existing and new site visitors. Apart from stealing their information, automated hacking tools can also infect computers. Due to the&amp;nbsp;thousands of new malware&amp;nbsp;created daily, you’ll need to stay at the top of your game to keep your site – and your clients’ – continuously protected.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;The financial impact of web attacks is significant as well. It’s generally way more expensive to carry out a site cleanup that it is to keep online assets protected. Since a lot of user information is at risk during cyberattacks, companies stand to lose huge sums of money in the process.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;In fact, data breach costs are now said to exceed&amp;nbsp;20 percent of a business’ revenue&amp;nbsp;on average. It’s also believed that cybercrime will cost the world approximately&amp;nbsp;$6 trillion dollars by 2021. Even if you manage to contain the financial and technical damages caused by cyberattacks, your customer base will still be affected negatively.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;On average, it takes about&amp;nbsp;314 days&amp;nbsp;to fully contain a data breach. Your site may be down most of this time and your&amp;nbsp;customer loyalty and credibility&amp;nbsp;will take a significant hit. Some organizations lose&amp;nbsp;as much as 20 percent&amp;nbsp;of their customer bases in the process.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;With all these important factors at risk, it becomes imperative to pay close attention and protect your projects. Let’s consider the standard web security checklist we recommend you follow in order to maintain a tight ship.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; font-weight: 400; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;A Security Checklist for Web Developers (5 Points)&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Building your clients’ websites with security in mind will save you, your clients, and their sites’ end-users a great deal of trouble. Here’s a five-point web security checklist that can help you keep your projects secure.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;1. Choose a Secure Web Host&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;The security of your websites and applications begins with your web host. It’s almost impossible to have a secure project if your provider doesn’t use hardened servers and properly managed services.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;When choosing a web host, it’s important to compare your options based on how well they manage their servers and what tools they offer to safeguard your projects. Although it’s almost impossible to offer 100 percent assurance, a secure provider will generally provide the following:&lt;/p&gt;&lt;ul style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px; padding: 0px 0px 0px 40px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Secure Operating System (OS) and software&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Reliable backups and restore functionality&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Support for Secure Sockets Layer (SSL) protocol&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Industry-standard uptime&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Malware scanning and protection&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Distributed Denial of Service (DDoS) attack mitigation&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Firewall implementation&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Typically, web hosts enlist&amp;nbsp;SSL certificates&amp;nbsp;as one of their main offers. This feature is critical for encrypting the connection between your website’s server and visitors’ browsers. Another feature your web host must include is the ability to scan for malicious software.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;For e-commerce site owners, it’s important to consider your web host’s compliance with the Payment Card Industry&amp;nbsp;(PCI) security standard. This protects customers’ information for all types of card payments. If your host does not support it directly, then it must be compatible with other third-party providers of&amp;nbsp;PCI-compliant shopping cart APIs.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;2. Encrypt All Connections and Secure User Logins&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Once you’ve chosen a secure web host, the next point you need to consider is encrypting all your connections. This is especially important for websites that require any form of registration or transaction.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;As we already mentioned,&amp;nbsp;using an SSL certificate&amp;nbsp;is a prime place to start. You can further secure your site by implementing&amp;nbsp;Hypertext Transfer Protocol Secure&amp;nbsp;(HTTPS).&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Protecting pages requiring authentication should also be a major priority. Incorporate a highly protective password standard that requires users to register with secure credentials.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;It is also important to store passwords on your site using strong encryption.&amp;nbsp;Technologies such as ‘bcrpyt’&amp;nbsp;make it impossible to retrieve passwords in the event of a data breach.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Likewise, if auto-registration is enabled on your site, be sure to provide only unique, unpredictable usernames. Other equally important factors to consider include&amp;nbsp;OAuth implementation&amp;nbsp;and&amp;nbsp;password reset tokens.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;3. Use a Web Application Firewall (WAF)&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;A WAF is an extremely powerful tool that can save you and your business a great deal of hassle. It’s very useful for detecting and preventing attacks, especially from automated bots.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;The primary use of a firewall is to monitor Hypertext Transfer Protocol (HTTP) traffic, which is significantly more susceptible to security risks than HTTPS traffic.&amp;nbsp;Our ModSecurity&amp;nbsp;firewall and similar tools efficiently mitigate common attacks such as SQL injections, Cross-Site Scripting (XSS), cross-site forgery, and more.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;In essence, when you deploy a WAF, a shield is generated between your web application and the internet. Every web client must pass through it before reaching the server. A set of pre-defined rules filters out malicious traffic and protect sites from vulnerabilities.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;4. Keep Your Database Secure&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Another security loophole hackers can easily exploit is the website database. Typically, you’ll have to store a lot of information (about your business and customers) on your web application’s server. However, make sure to store only the data you truly need.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Always treat sensitive data such as credit card details, email addresses, and other identifying information as carefully as possible. It can become costly if mismanaged. As a rule of thumb, endeavor to encrypt all data that identifies users.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Some low-cost options to consider include encryption at rest such as Amazon’s&amp;nbsp;&lt;a href=&quot;https://aws.amazon.com/about-aws/whats-new/2015/12/amazon-aurora-now-supports-encryption-at-rest/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #3c373a; outline: 0px; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;AWS Aurora&lt;/a&gt;. This will efficiently secure on-disk data. Similarly, you may want to curate a list of all the tools you use for storing client information. This may include databases, document systems, GitHub, Dropbox, and more.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;If you or your business is subject to the General Data Protection Regulation (GDPR), you’ll want to dedicate time and resources to fully comprehend and adhere to its requirements. Google&amp;nbsp;&lt;a href=&quot;https://www.nytimes.com/2019/01/21/technology/google-europe-gdpr-fine.html&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #3c373a; outline: 0px; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;lost a whopping $57 million&lt;/a&gt;&amp;nbsp;thanks to this in 2019. These policies&amp;nbsp;&lt;a href=&quot;https://www.varonis.com/blog/privacy-design-cheat-sheet/&quot; rel=&quot;noopener noreferrer&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #3c373a; outline: 0px; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;may apply differently&lt;/a&gt;&amp;nbsp;to various web development projects.&lt;/p&gt;&lt;h3 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;5. Try to Hack Yourself&lt;/h3&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;The last box you need to tick on this web security checklist is to try to hack your own project. Since this is what attackers and their bots aim to do, the best way to stay ahead of them is to try it first. Hacking yourself is a way of self-auditing your web applications to see how they fare against common cyber attacks.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;You can start by performing penetration testing. Also known as a ‘pen test’, this involves attempting to breach your application systems (APIs, servers, etc.)&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Even after testing your own app, you may also want to run it by other developers and beta users to explore its functionality beyond normal use. You can consult this detailed Open Web Application Security Project&amp;nbsp;(OWASP) checklist&amp;nbsp;to see various ways to test your projects.&lt;/p&gt;&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #5d5959; font-family: myriadpro, sans-serif; font-size: 30px; font-weight: 400; line-height: 1.1em; margin-bottom: 17px; margin-top: 34px;&quot;&gt;Conclusion&lt;/h2&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;For every business to be truly profitable on all online platforms, top-notch security is an important factor that must be catered to. As a web developer, it’s your duty to deliver this on all your projects.&lt;/p&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;Let’s take one more look at the important points you’ll want to bear in mind to secure your web development projects:&lt;/p&gt;&lt;ol style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin-bottom: 17px; margin-top: 0px; padding-left: 40px;&quot;&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Choose a&amp;nbsp;secure web host.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Encrypt all connections and secure user logins.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Use a Web Application Firewall (WAF).&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Keep your database secure.&lt;/li&gt;&lt;li style=&quot;box-sizing: border-box;&quot;&gt;Try to hack yourself.&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;background-color: white; box-sizing: border-box; color: #5b5f64; font-family: myriadpro, sans-serif; font-size: 18px; line-height: 28px; margin: 0px 0px 17px;&quot;&gt;&lt;br /&gt;&lt;/p&gt;</description><link>https://phpcable.blogspot.com/2021/02/5-security-checklist-for-web-developers.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmepDmy2rZq0Li4zzEosxRazQe0TQG4wvYnn7rgssDNUdIwaK-0CfqrLJa2PylKaOm4UoUw799BWRkbdejq24qc1GGs2xBoEryjZ5_HpWJGVOikcxY7p17H2RZhsKNfrzorWYxw8xcHEY/s72-w400-h200-c/featured-security-checklist.webp" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7324358918856599847</guid><pubDate>Fri, 05 Feb 2021 09:06:00 +0000</pubDate><atom:updated>2021-02-05T11:06:24.309+02:00</atom:updated><title>How to Change your Blogger/Blogspot URL Address? Follow</title><description>&lt;div&gt;&lt;span style=&quot;background-color: white; color: #666666; font-family: Georgia; font-size: 17.34px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;background-color: white; color: #666666; font-family: Georgia; font-size: 17.34px;&quot;&gt;If you did mistake by selecting the wrong username for your blogger blog OR you may not like your current Blogspot URL address, and you want to change your Blogspot URL address ( from example.blogspot.com to somethingelse.blogspot.com), then follow below steps.&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;ol style=&quot;background-color: white; color: #333333; font-family: Georgia; font-size: 17px;&quot;&gt;&lt;li style=&quot;line-height: 40px;&quot;&gt;&lt;p style=&quot;color: #666666; font-size: 17.34px; line-height: 2.22857;&quot;&gt;First off go to your blogger dashboard.&lt;/p&gt;&lt;/li&gt;&lt;li style=&quot;line-height: 40px;&quot;&gt;&lt;p style=&quot;color: #666666; font-size: 17.34px; line-height: 2.22857;&quot;&gt;Click on setting option from the left side menu, then select the basic option.&lt;/p&gt;&lt;/li&gt;&lt;li style=&quot;line-height: 40px;&quot;&gt;&lt;p style=&quot;color: #666666; font-size: 17.34px; line-height: 2.22857;&quot;&gt;Now click on edit option and enter your new blog URL Address.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;span style=&quot;color: #666666; font-family: Georgia;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCgfBs1tNQGwgAnCHz00eWbQm_HG7mg9r17ZiHD7p163A2f5Zvm9DgNlP03FlSkaeh5NZwFPXM09mvsam5CLTAy6P9UkRqw-Dl27WLQkJ3neEGE4xbRXp4JaTctM8nzbEPJnvVE7nZm00/s931/change-blogspot-url-address.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;566&quot; data-original-width=&quot;931&quot; height=&quot;390&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCgfBs1tNQGwgAnCHz00eWbQm_HG7mg9r17ZiHD7p163A2f5Zvm9DgNlP03FlSkaeh5NZwFPXM09mvsam5CLTAy6P9UkRqw-Dl27WLQkJ3neEGE4xbRXp4JaTctM8nzbEPJnvVE7nZm00/w640-h390/change-blogspot-url-address.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;p style=&quot;background-color: white; font-size: 17.34px; line-height: 2.22857; text-align: start;&quot;&gt;You should note that by changing URL address may cause many problems if you blog is already getting traffics from social media or search engine like Google and Bing. For example, let’s say you have shared your blog post on Facebook and you’re getting daily few clicks from it. Now if you change your blog URL address to something else then that visitors will see 404 Error page, means page not found. Same thing applies if you’re getting traffic from Google or Bing search results.&lt;/p&gt;&lt;p style=&quot;background-color: white; font-size: 17.34px; line-height: 2.22857; text-align: start;&quot;&gt;There is two solution about that.&lt;/p&gt;&lt;p style=&quot;background-color: white; font-size: 17.34px; line-height: 2.22857; text-align: start;&quot;&gt;&lt;em&gt;Remember that, you need to do these things only if your blog is getting tons of traffic, so if your blog is new then feel free to skip all things, because you’re getting very less or no traffic at all. So there is no need to redirect your visitors from old blog to new one.&lt;/em&gt;&lt;/p&gt;&lt;ol style=&quot;background-color: white; color: #333333; font-size: 17px; text-align: start;&quot;&gt;&lt;li style=&quot;line-height: 40px;&quot;&gt;&lt;p style=&quot;color: #666666; font-size: 17.34px; line-height: 2.22857;&quot;&gt;If you’ve blog&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;example.blogspot.com&lt;/code&gt;&amp;nbsp;and you want to use different URL address, then buy a custom domain name for your blog(like goyllo.com), which will do proper 301 redirection automatically from&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;example.blogspot.com&lt;/code&gt;&amp;nbsp;to your&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;www.domain.com&lt;/code&gt;. It will do redirection at nested level like from&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;example.blogspot.com/2017/06/some-post.html&lt;/code&gt;&amp;nbsp;to&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;www.example.com/2017/06/some-post.html&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;&lt;li style=&quot;line-height: 40px;&quot;&gt;&lt;p style=&quot;color: #666666; font-size: 17.34px; line-height: 2.22857;&quot;&gt;Use meta refresh tag in your&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;old.blogspot.com&lt;/code&gt;&amp;nbsp;template so that it will redirect your all visitors from&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;old.blogspot.com&lt;/code&gt;&amp;nbsp;to&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;new.blogspot.com&lt;/code&gt;.&amp;nbsp;&lt;em&gt;If you can’t create a new blog with old username, even after changing its username, then use import/export functionality and let your old blog as it is&lt;/em&gt;. This solution does not do proper 301 redirection. It means your&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;old.blogspot.com/2017/06/some-post.html&lt;/code&gt;&amp;nbsp;and all other pages will redirect only to your&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;new.blogspot.com&lt;/code&gt;&amp;nbsp;It does not support nested level redirection because it is client side solution and works on the browser side.&lt;br /&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;&amp;lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;URL=&#39;http://new.blogspot.com/&#39;&quot; /&amp;gt;&lt;/code&gt;&lt;br /&gt;This tag should be placed in your old blog template. To do that go to the theme option from your blogger dashboard&amp;nbsp;» Select Edit HTML option&amp;nbsp;» Place above Meta Tag anywhere into head section (from&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;&amp;lt;head&amp;gt;&lt;/code&gt;&amp;nbsp;to&amp;nbsp;&lt;code class=&quot;language-plaintext highlighter-rouge&quot; style=&quot;background-color: #eeeeff; border-radius: 3px; border: 1px solid rgb(232, 232, 232); font-size: 15px; padding: 1px 5px; white-space: pre-wrap;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/code&gt;&amp;nbsp;anywhere).&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;background-color: white; font-size: 17.34px; line-height: 2.22857; text-align: start;&quot;&gt;Add your comments if you need any help :) Have a good day :)&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 17.34px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</description><link>https://phpcable.blogspot.com/2021/02/how-to-change-your-bloggerblogspot-url.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCgfBs1tNQGwgAnCHz00eWbQm_HG7mg9r17ZiHD7p163A2f5Zvm9DgNlP03FlSkaeh5NZwFPXM09mvsam5CLTAy6P9UkRqw-Dl27WLQkJ3neEGE4xbRXp4JaTctM8nzbEPJnvVE7nZm00/s72-w640-h390-c/change-blogspot-url-address.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-2916711770696434993</guid><pubDate>Mon, 30 Nov 2020 13:19:00 +0000</pubDate><atom:updated>2020-11-30T15:19:09.056+02:00</atom:updated><title>Install WordPress on Localhost</title><description>&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;Do you want to become a WordPress&amp;nbsp;developer? If yes, Here is the first step to start your&amp;nbsp;WordPress&amp;nbsp;development.&amp;nbsp;Here are simple steps to install&amp;nbsp;WordPress&amp;nbsp;on localhost. Steps to install&amp;nbsp;WordPress&amp;nbsp;on xampp and wamp server are the same. If you already installed localhost (xampp and wamp server) on your PC or laptop, then follow the rest of the steps in the tutorial.&amp;nbsp;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;Step 1: Download&amp;nbsp;WordPress software from the&amp;nbsp;WordPress website (&lt;/span&gt;&lt;a href=&quot;http://wordpress.org/download/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: Verdana, sans-serif; font-size: 14px; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;download WordPress&lt;/a&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;).&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ngoluVbNM4cobcxpkmtIo_VN1ij1OvmCic9rR3EpnPOMcwVELyGFrrsJoMVVI9cD7LS9bqOnOrR7E1DzEiBarovBQvYVPwxfZWz4DjfED5c3ENQthM046XwQMLTZDKJceU3feG4BMHs/s640/how+to+install+wordpress+on+localhost+WordPress+%25E2%2580%25BA+Download-113835.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;317&quot; data-original-width=&quot;640&quot; height=&quot;198&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ngoluVbNM4cobcxpkmtIo_VN1ij1OvmCic9rR3EpnPOMcwVELyGFrrsJoMVVI9cD7LS9bqOnOrR7E1DzEiBarovBQvYVPwxfZWz4DjfED5c3ENQthM046XwQMLTZDKJceU3feG4BMHs/w400-h198/how+to+install+wordpress+on+localhost+WordPress+%25E2%2580%25BA+Download-113835.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;box-sizing: border-box; clear: both; font-family: Raleway; text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;Step 2: Create folder (WordPress)&amp;nbsp;in your localhost&amp;nbsp;C://xampp/htdocs/.&amp;nbsp;Then unzip downloaded&amp;nbsp;WordPress&amp;nbsp;files in the folder&amp;nbsp;(WordPress)&amp;nbsp;in localhost.&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;Step 3: Now start your localhost to run your&amp;nbsp;WordPress&amp;nbsp;using the following&amp;nbsp;URL&lt;br /&gt;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;a class=&quot;vglnk&quot; href=&quot;http://localhost/wordpress/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;http&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;://&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;localhost&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;wordpress&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;/a&gt;. It will show the following error because still you are not created a database for&amp;nbsp;WordPress&amp;nbsp;theme.&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;box-sizing: border-box; clear: both; font-family: Raleway; font-size: 14px; text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;box-sizing: border-box; clear: both; font-family: Raleway;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-size: 14px; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlGBWe65GdKJz6IV0jXxewIP0LzT3kKchu4yc2JpP3cffeyR4p4-JQMFdxOL8vLQ9htdv3g3pSpmaWhTz56apk-EHZGUDmc34DgrE3HHnd-_WmBnrLPkOrcLQPpJyiCA5hPS_R507U9kk/s640/how+to+install+wordpress+on+localhost+in+xampp+WordPress+%25E2%2580%25BA+Error-110754.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;223&quot; data-original-width=&quot;640&quot; height=&quot;145&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlGBWe65GdKJz6IV0jXxewIP0LzT3kKchu4yc2JpP3cffeyR4p4-JQMFdxOL8vLQ9htdv3g3pSpmaWhTz56apk-EHZGUDmc34DgrE3HHnd-_WmBnrLPkOrcLQPpJyiCA5hPS_R507U9kk/w400-h145/how+to+install+wordpress+on+localhost+in+xampp+WordPress+%25E2%2580%25BA+Error-110754.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-size: 14px; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-size: 14px; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;p style=&quot;box-sizing: border-box; clear: both; text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;Step 4: To rectify this error go to your localhost database&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; line-height: 20px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;vglnk&quot; href=&quot;http://localhost/phpmyadmin&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;http&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;://&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;localhost&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;phpmyadmin&lt;/span&gt;&lt;/a&gt;,&amp;nbsp;Create a database for your&amp;nbsp;WordPress&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;box-sizing: border-box; clear: both;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;p class=&quot;lead&quot; style=&quot;box-sizing: border-box; line-height: 1.4; margin: 0px 0px 20px; text-align: left;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;Step 4: Find wp-config-sample.php file in your localhost folder (C://xampp/htdocs/wordpress), and rename it like wp-config.php. Then edit&amp;nbsp;&lt;/span&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;wp-config.php to enter database name, username, password details. Finally, save it.&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;lead&quot; style=&quot;box-sizing: border-box; font-size: 21px; line-height: 1.4; margin: 0px 0px 20px; text-align: left;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-size: 14px; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPTgLv2n9PdkGdyUpfYjd3HW3XzWj9m84blkFzZ3TBV7SPKg713vPbyl40Jh6YMdSDRGQx1dYpQXy_HHRO1J9w-Ws1jFYymtHxDeGKUpH6HWXoeVZZ_LwRrgnlj3UaAIdadxcsA6JL_M/s517/how+to+install+wordpress+on+localhost+database+details.PNG&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;276&quot; data-original-width=&quot;517&quot; height=&quot;214&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPTgLv2n9PdkGdyUpfYjd3HW3XzWj9m84blkFzZ3TBV7SPKg713vPbyl40Jh6YMdSDRGQx1dYpQXy_HHRO1J9w-Ws1jFYymtHxDeGKUpH6HWXoeVZZ_LwRrgnlj3UaAIdadxcsA6JL_M/w400-h214/how+to+install+wordpress+on+localhost+database+details.PNG&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box; font-size: 14px;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-size: 18px;&quot;&gt;Step 5: now start your localhost using the following&amp;nbsp;URL:&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;vglnk&quot; href=&quot;http://localhost/wordpress/&quot; rel=&quot;nofollow&quot; style=&quot;box-sizing: border-box; color: #337ab7; font-family: Raleway; font-size: 18px; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;http&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;://&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;localhost&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;wordpress&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: Raleway; font-size: 18px;&quot;&gt;.&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; font-size: 18px;&quot;&gt;Now it opens with the following window where you need to enter the site name, user name, password, and email id, etc… Finally, press the install button on the left bottom of the page.&lt;/span&gt;&lt;/span&gt;&lt;p style=&quot;font-size: 14px;&quot;&gt;&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; font-size: 14px; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8vy7Z-1UjovmbAjiKnvPz18ZA1Piro4NYZGGhgO5sZ1P93mSeBaTLGEwlG1JsbOwxycaso8obFgTvx3KgLUNU4JYt0KVPQUIAFUjCXLuTXBy3P_amhgDuovTEmJgrSxFnUR18Q2l4_Q/s578/how+to+install+wordpress+on+loaclhost+WordPress+%25E2%2580%25BA+Installation-122044+1.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;578&quot; data-original-width=&quot;487&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8vy7Z-1UjovmbAjiKnvPz18ZA1Piro4NYZGGhgO5sZ1P93mSeBaTLGEwlG1JsbOwxycaso8obFgTvx3KgLUNU4JYt0KVPQUIAFUjCXLuTXBy3P_amhgDuovTEmJgrSxFnUR18Q2l4_Q/w338-h400/how+to+install+wordpress+on+loaclhost+WordPress+%25E2%2580%25BA+Installation-122044+1.png&quot; width=&quot;338&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-size: 14px;&quot;&gt;&lt;p style=&quot;box-sizing: border-box; font-family: Raleway; font-size: 18px; line-height: 30px; margin: 0px 0px 10px;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;After installing WordPress you get the following response. Now you login into your sample site using the following user name and password you created.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; font-family: Raleway; font-size: 18px; line-height: 30px; margin: 0px 0px 10px; text-align: center;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;box-sizing: border-box; clear: both; font-family: Raleway; text-align: center;&quot;&gt;&lt;/div&gt;&lt;p style=&quot;box-sizing: border-box; font-family: Raleway; font-size: 18px; line-height: 30px; margin: 0px 0px 10px;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;now go to the following URL:&amp;nbsp;&lt;/span&gt;&lt;a class=&quot;vglnk&quot; href=&quot;http://localhost/wordpress/&quot; rel=&quot;nofollow&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7; text-decoration-line: none;&quot;&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;http&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;://&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;localhost&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;wordpress&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;/a&gt;.&amp;nbsp;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;You will see your sample&amp;nbsp;WordPress&amp;nbsp;site&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;box-sizing: border-box; clear: both; font-family: Raleway; text-align: center;&quot;&gt;&lt;/div&gt;&lt;p style=&quot;box-sizing: border-box; font-family: Raleway; font-size: 18px; line-height: 30px; margin: 0px 0px 10px;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;Now you have become a successful&amp;nbsp;WordPress&amp;nbsp;developer. Enjoy your journey in WordPress&amp;nbsp;development.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; font-family: Raleway; font-size: 18px; line-height: 30px; margin: 0px 0px 10px;&quot;&gt;&lt;span face=&quot;Verdana, sans-serif&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;</description><link>https://phpcable.blogspot.com/2020/11/install-wordpress-on-localhost.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ngoluVbNM4cobcxpkmtIo_VN1ij1OvmCic9rR3EpnPOMcwVELyGFrrsJoMVVI9cD7LS9bqOnOrR7E1DzEiBarovBQvYVPwxfZWz4DjfED5c3ENQthM046XwQMLTZDKJceU3feG4BMHs/s72-w400-h198-c/how+to+install+wordpress+on+localhost+WordPress+%25E2%2580%25BA+Download-113835.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7641466817982109659</guid><pubDate>Sun, 09 Feb 2020 06:44:00 +0000</pubDate><atom:updated>2020-02-09T08:44:43.481+02:00</atom:updated><title>What’s the Difference Between Domain Name and Web Hosting (Explained)</title><description>&lt;h4 style=&quot;background-color: white; color: #ff6200; font-family: proxima-nova, Helvetica, Arial; font-size: 20px; line-height: 1.6em; margin: 0px 0px 15px; padding: 0px;&quot;&gt;
What is a Domain Name?&lt;/h4&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Domain name is the address of your website that people type in the browser’s URL bar to visit your website.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
In other words, if your website was a house, then your domain name will be its address.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Now let’s get into the detailed explanation.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Internet is basically a giant network of computers connected to each other through cables. To easily identify them, each computer is assigned a series of numbers called IP Address.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
This IP address is a combination of numbers separated with dots. Typically, IP addresses look like this:&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
66.249.66.1&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Computers have no problem identifying and remembering these numbers. However, it is impossible for humans to remember and use these numbers to connect to websites on the internet.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
To solve this problem, domain names were invented.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
A domain name can have words which makes it easy to remember website addresses.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Now if you wanted to visit a website on the internet, you don’t need to type a string of numbers. Instead, you can type in an easy to remember domain name, for example, phpcable.com.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
To learn more about domain names, take a look at our beginner’s guide on&amp;nbsp;&lt;a href=&quot;https://www.wpbeginner.com/beginners-guide/beginners-guide-what-is-a-domain-name-and-how-do-domains-work/&quot; style=&quot;color: #ea6a1b; text-decoration-line: none;&quot;&gt;domain names and how do they work&lt;/a&gt;.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-unKW12d7ZPafuri5k9x6FgkM-R4_qedGuy9rO5NX80QgDafxnFK9jEGsBUYhHF_gQ4ecnGq8s26phKH-7BcN8lWsujCnVm137jTxT-1zuftr0sWeni7aYef6Zm9Hni8Rn89WwzAG5w/s1600/webhosting.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;340&quot; data-original-width=&quot;550&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-unKW12d7ZPafuri5k9x6FgkM-R4_qedGuy9rO5NX80QgDafxnFK9jEGsBUYhHF_gQ4ecnGq8s26phKH-7BcN8lWsujCnVm137jTxT-1zuftr0sWeni7aYef6Zm9Hni8Rn89WwzAG5w/s1600/webhosting.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h4 style=&quot;background-color: white; color: #ff6200; font-family: proxima-nova, Helvetica, Arial; font-size: 20px; line-height: 1.6em; margin: 0px 0px 15px; padding: 0px;&quot;&gt;
What is Web Hosting?&lt;/h4&gt;
&lt;div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Web hosting is the place where all the files of your website live. It is like the home of your website where it actually lives.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
A good way to think about this is if the domain name was the address of your house, then web hosting is the actual house that address points to. All websites on the internet, need web hosting.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
When someone enters your domain name in a browser, the domain name is translated into the IP address of your web hosting company’s computer. This computer contains your website’s files, and it sends those files back to the users’ browsers.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Web hosting companies specialize in storing and serving websites. They offer different types of hosting plans to their customers. See our article on&amp;nbsp;&lt;a href=&quot;https://affiliate.fastcomet.com/scripts/click.php?a_aid=5c8ad36b557f5&amp;amp;a_bid=2af1632d&amp;amp;refx2s6d=https%3A%2F%2Fwww.phpcable.com%2Fpremium_projects%23download&quot; style=&quot;color: #ea6a1b; text-decoration-line: none;&quot; title=&quot;How to Choose the Best WordPress Hosting?&quot;&gt;WordPress hosting&lt;/a&gt;&amp;nbsp;to learn more about choosing the right hosting for your website.&lt;/div&gt;
&lt;h4 style=&quot;background-color: white; color: #ff6200; font-family: proxima-nova, Helvetica, Arial; font-size: 20px; line-height: 1.6em; margin: 0px 0px 15px; padding: 0px;&quot;&gt;
How Domain Names and Web Hosting are Related?&lt;/h4&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Domain names and web hosting are two different services. However, they work together to make websites possible.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Basically a domain name system is like a massive address book that is constantly updated. Behind each domain name, there is an address of the web hosting service storing the website’s files.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Without domain names, it will not be possible for people to find your website and without web hosting you cannot build a website.&lt;/div&gt;
&lt;h4 style=&quot;background-color: white; color: #ff6200; font-family: proxima-nova, Helvetica, Arial; font-size: 20px; line-height: 1.6em; margin: 0px 0px 15px; padding: 0px;&quot;&gt;
What do I need to Build a Website? Domain Name or Web Hosting?&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcao8OM1KkGUEuIzRndW7-8vQ6j7RE-rGabaWB9v04_IMHmGK5UUwf0LdlKZYQ5lXw4HGJVc8yUpPnnt5J2URPXX9gAG8Zsktr6DPPSAkcFeIMOQy8VTV9iwIycYv0groLxC3QqB1i3g/s1600/buildingwebsite.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;320&quot; data-original-width=&quot;550&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqcao8OM1KkGUEuIzRndW7-8vQ6j7RE-rGabaWB9v04_IMHmGK5UUwf0LdlKZYQ5lXw4HGJVc8yUpPnnt5J2URPXX9gAG8Zsktr6DPPSAkcFeIMOQy8VTV9iwIycYv0groLxC3QqB1i3g/s1600/buildingwebsite.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
To build a website you will need both a domain name and web hosting account.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
Buying a domain name alone only gives you right to use that particular domain name for a specific period (usually 1 year).&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
You need web hosting to store your website’s files. After you get hosting, you need to update your domain name settings and point it to your web hosting service provider.&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #464646; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.8em; padding: 0px 0px 20px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2020/02/whats-difference-between-domain-name.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-unKW12d7ZPafuri5k9x6FgkM-R4_qedGuy9rO5NX80QgDafxnFK9jEGsBUYhHF_gQ4ecnGq8s26phKH-7BcN8lWsujCnVm137jTxT-1zuftr0sWeni7aYef6Zm9Hni8Rn89WwzAG5w/s72-c/webhosting.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-49455337215266300</guid><pubDate>Sun, 09 Feb 2020 06:24:00 +0000</pubDate><atom:updated>2021-02-05T16:39:52.756+02:00</atom:updated><title>How to Get AdSense Account Approved for Blogspot with Little Trick</title><description>&lt;p style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrp_QiIw2VFIk90sJ7aG2oWVy5hGAXml_QQ7StuwYs_uxghbWvDFT-Sx53fRtDlNXTsSwGjsKCNzB3dnFRY8wVtAaHdp1SQLfHqFMmeInvnD3Iydb1NPfuYD4x_d4vXq1qmJXhePbOn4/s1600/How+to+Get+AdSense+Account+Approved+for+Blogspot+with+Little+Trick.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;398&quot; data-original-width=&quot;559&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrp_QiIw2VFIk90sJ7aG2oWVy5hGAXml_QQ7StuwYs_uxghbWvDFT-Sx53fRtDlNXTsSwGjsKCNzB3dnFRY8wVtAaHdp1SQLfHqFMmeInvnD3Iydb1NPfuYD4x_d4vXq1qmJXhePbOn4/s1600/How+to+Get+AdSense+Account+Approved+for+Blogspot+with+Little+Trick.png&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: times, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: times, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;We all understand that AdSense contextual advertisements are a nice-paying Ads program for Bloggers. Though, I have already shared my academics on how to Create an Adsense account however question stays the same: How to get an Adsense account approved for BlogSpot bloggers, getting an AdSense approval isn&#39;t that easy. Google AdSense has some strict account approval regulations, and certainly one of them is weblog has to be six months old. Though it’s not constantly true, and if you have created a first-class Website, you could get an accredited AdSense account effortlessly&lt;/span&gt;&lt;/div&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: times, &amp;quot;times new roman&amp;quot;, serif;&quot;&gt;How to get Adsense account approved for BlogSpot blog:&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;&lt;span style=&quot;background-color: white;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;span&gt;Buy a custom area name.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Use Google apps to create a professional electronic mail address.&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Add pages like About, Contact&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Ensure you operate an easy BlogSpot design.&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Have as a minimum 10-15 properly-written weblog posts.&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Ensure you don’t use copyright photographs. Here you can discover websites to download unfastened images. If you&#39;ve got copied pictures from Google seek, go back &amp;amp; delete it out of your blog.&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Ensure your sidebar looks easy &amp;amp; professional.&lt;/li&gt;&lt;/ol&gt;&lt;ol style=&quot;text-align: left;&quot;&gt;&lt;li&gt;Apply for AdSense &amp;amp; enjoy!&lt;/li&gt;&lt;/ol&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;p style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;blockquote style=&quot;border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;&quot;&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;The main hassle is for BlogSpot bloggers, for some reason, Google AdSense, doesn’t entertain BlogSpot bloggers. One of the most not unusual motives BlogSpot bloggers get is the Issue with page&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;type.&amp;nbsp; One smooth manner to get an AdSense account with a BlogSpot weblog is to grab a custom domain, create a professional Email.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;The way to get an Adsense account&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;There is an easy trick which you can use to get your AdSense account authorized for Blogspot area quickly.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &amp;quot;times&amp;quot; , &amp;quot;times new roman&amp;quot; , serif;&quot;&gt;If your BlogSpot account has enough published posts (minimal 20+) then it’s smooth to get your AdSense account approved. If you have got personal area and host probabilities of AdSense approval are very excessive.&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;







</description><link>https://phpcable.blogspot.com/2020/02/how-to-get-adsense-account-approved-for.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrp_QiIw2VFIk90sJ7aG2oWVy5hGAXml_QQ7StuwYs_uxghbWvDFT-Sx53fRtDlNXTsSwGjsKCNzB3dnFRY8wVtAaHdp1SQLfHqFMmeInvnD3Iydb1NPfuYD4x_d4vXq1qmJXhePbOn4/s72-c/How+to+Get+AdSense+Account+Approved+for+Blogspot+with+Little+Trick.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-5154880819832336700</guid><pubDate>Thu, 25 Jul 2019 11:18:00 +0000</pubDate><atom:updated>2019-07-26T06:47:34.725+02:00</atom:updated><title>How to remove footer copyright from any blogger template.</title><description>Are you attempted to eliminate your footer copyright? But whatever did not work.Just leave it I actually have a unique trick to clear up that trouble.Sora Templates,Gooyabi Templates,Theme Expose are a few great template makers inside the global.Blogger Templates are playing the most important role on a website.So we need to choose a fine bloggertemplate for our website But The Template makers do not supply all features totally free.I indexed a few functions that the template provider gives within the top class templates.&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hSPxjElFj86NLBnuIlawS40qa9AqA3gNPQSxPfNXTiTVw3T1TzWoQVVAuuvxffG1RFYWNpoW7yHBFk1dk19rdE3nY-_F_3D6b1Cf0gNAdnyGGk8UBKuyihDs38-nuCJ-RUMEIyEX0iY/s1600/Time+or+Situation+When+You+Were+Late.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;900&quot; data-original-width=&quot;1600&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hSPxjElFj86NLBnuIlawS40qa9AqA3gNPQSxPfNXTiTVw3T1TzWoQVVAuuvxffG1RFYWNpoW7yHBFk1dk19rdE3nY-_F_3D6b1Cf0gNAdnyGGk8UBKuyihDs38-nuCJ-RUMEIyEX0iY/s320/Time+or+Situation+When+You+Were+Late.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; clear: both; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;&quot;&gt;
&lt;/div&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;ul style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; line-height: 1.5; list-style: none; margin: 0px; outline: 0px; padding: 0px 0px 0px 20px; vertical-align: baseline;&quot;&gt;
&lt;li style=&quot;background: 0px 0px; border: 0px; line-height: 1.5; list-style: none; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Footer credit&lt;/li&gt;
&lt;li style=&quot;background: 0px 0px; border: 0px; line-height: 1.5; list-style: none; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Encrypted Scripts&lt;/li&gt;
&lt;li style=&quot;background: 0px 0px; border: 0px; line-height: 1.5; list-style: none; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Lifetime updates&lt;/li&gt;
&lt;li style=&quot;background: 0px 0px; border: 0px; line-height: 1.5; list-style: none; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Lifetime Support&lt;/li&gt;
&lt;/ul&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;There are 2 ways to remove footer credit.&lt;/b&gt;&lt;br /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br /&gt;&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Method 1&lt;/b&gt;&lt;br /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&lt;br /&gt;&lt;/b&gt;&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;/span&gt;&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Step 1&lt;/b&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Go to your blogger dashboard and click theme option.Before edit the HTML code backup your template.Now click edit Html.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Then press CTRL+F and find created by or designed by in the search option.&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Step 2&lt;/b&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Your footer Copyright code is like this&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp;&amp;lt;div class=&#39;copyright-area&#39;&amp;gt;Crafted with &amp;lt;i aria-hidden=&#39;true&#39; class=&#39;fa fa-heart&#39; style=&#39;color: red;margin:0 2px;&#39;/&amp;gt; by &amp;lt;a href=&#39;http://www.templates.com/&#39; id=&#39;mycontent&#39; rel=&#39;dofollow&#39; title=&#39;Free Blogger Templates&#39;&amp;gt;Templates&amp;lt;/a&amp;gt; | Distributed by &amp;lt;a href=&#39;https://geeyaabitemplates.com/&#39; rel=&#39;dofollow&#39; style=&#39;color:#0be6af;&#39; target=&#39;_blank&#39;&amp;gt;Blogger&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;You want copy paste this CSS code before the &amp;lt;div&amp;gt; tag.&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Note:-&quot;Add another &amp;lt;/div&amp;gt; closing tag at end of the Code&quot;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;lt;style&amp;gt;.Remove link{text-indent:-99999px;} &amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;lt;div class=&quot;remove link&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;After that your footer credit will be removed.&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Finally your code will be like this&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;lt;Style&amp;gt;.Remove link{text-indent:-99999px;}&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;lt;div class=&quot;remove link&quot;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp;&amp;lt;div class=&#39;copyright-area&#39;&amp;gt;Crafted with &amp;lt;i aria-hidden=&#39;true&#39; class=&#39;fa fa-heart&#39; style=&#39;color: red;margin:0 2px;&#39;/&amp;gt; by &amp;lt;a href=&#39;http://www.templates.com/&#39; id=&#39;mycontent&#39; rel=&#39;dofollow&#39; title=&#39;Free Blogger Templates&#39;&amp;gt;TemplatesYard&amp;lt;/a&amp;gt; | Distributed by &amp;lt;a href=&#39;https://geeyaabitemplates.com/&#39; rel=&#39;dofollow&#39; style=&#39;color:#0be6af;&#39; target=&#39;_blank&#39;&amp;gt;Blogger&amp;lt;/a&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Now you&#39;re successfully removed your footer credit without redirecting to template author&#39;s website.&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Method 2&lt;/b&gt;&lt;br /&gt;
&lt;b style=&quot;background: 0px 0px rgb(255, 255, 255); border: 0px; color: #888888; font-family: Lato, sans-serif; font-size: 14px; outline: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Step1&lt;/b&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Find the //&amp;lt;![CDATA[&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&amp;nbsp; &amp;nbsp;var _KFzkhb=&quot;×65/×65×65&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Step2&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Remove the all encrypted codes between the two inverted commas.Finally your code will be like this&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;//&amp;lt;! [CDATA [ Var _KFzkhb=&quot; &quot;; eval (_KFzkhb); // ] ] &amp;gt;&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; color: #888888; font-family: Lato, sans-serif; font-size: 14px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #888888; font-family: &amp;quot;lato&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;This two methods are 100% working guys try it.&lt;/span&gt;&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/07/how-to-remove-footer-copyright-from-any.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hSPxjElFj86NLBnuIlawS40qa9AqA3gNPQSxPfNXTiTVw3T1TzWoQVVAuuvxffG1RFYWNpoW7yHBFk1dk19rdE3nY-_F_3D6b1Cf0gNAdnyGGk8UBKuyihDs38-nuCJ-RUMEIyEX0iY/s72-c/Time+or+Situation+When+You+Were+Late.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-5899144825057786679</guid><pubDate>Mon, 15 Jul 2019 11:13:00 +0000</pubDate><atom:updated>2019-07-15T13:13:48.646+02:00</atom:updated><title>WHAT PROGRAMMING LANGUAGES SHOULD YOU LEARN?</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbqZc9QXx1OxbBwWs8YlAze66qC-IBTAKWe6lLAUD-GJJ7u3kJYwoXRZftrS723NMfJNyvxZ2c7JsyhIjy3sSqe_z2h2jQ458bGNRWsAVCKzJKTXFkGPQSeE7sTbMA7vwVcYhqTlX5VBg/s1600/FB_IMG_1560080282500.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;477&quot; data-original-width=&quot;848&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbqZc9QXx1OxbBwWs8YlAze66qC-IBTAKWe6lLAUD-GJJ7u3kJYwoXRZftrS723NMfJNyvxZ2c7JsyhIjy3sSqe_z2h2jQ458bGNRWsAVCKzJKTXFkGPQSeE7sTbMA7vwVcYhqTlX5VBg/s400/FB_IMG_1560080282500.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
WHAT PROGRAMMING LANGUAGES SHOULD YOU LEARN?&lt;br /&gt;
&lt;br /&gt;
By Kennedy Sakala - Information And Technology At Cavendish University Zambia.&lt;br /&gt;
&lt;br /&gt;
Well, we can not be dogmatic as to what specific languages you must know but there are some that are almost a must. HTML, CSS, JAVASCRIPT and PHP; these should atleast be in your tool box for you are almost never running away from web development whether you&#39;re are Computer Scientists, Engineer or IT personnel.&lt;br /&gt;
&lt;br /&gt;
Then there is C++, Java, python,C# and others like Ruby, kotlin and the like, these should also be in your tool box for there is a vast field of application for them.&lt;br /&gt;
&lt;br /&gt;
There are many other languages but what dictates the language you need is the project you are working on. The technologies follow like wise based on the projects.&lt;br /&gt;
&lt;br /&gt;
Frameworks are one of the important tools there is ,but they are not a language but a technology,&amp;nbsp; an easy way to implement certain functionality . And so its almost important you not only learn but understand the language they are built from.&lt;br /&gt;
&lt;br /&gt;
It can be overwhelming to mention all the languages, technologies and all , much more to think of learning them each and everyone of them. Do not despair, all you need is to pick up one language. Learn and understand it . The ideas apply to almost all of them.&amp;nbsp; You will notice that mostly it&#39;s just the syntax and grammer that differs but the principle is the same.&lt;br /&gt;
&lt;br /&gt;
For a start , HTML, CSS ,JAVASCRIPT then PHP in that order will be a great start. For those who have done pascal, C++ and Java, you will find JavaScript and PHP to be easy and you will love them.&lt;br /&gt;
&lt;br /&gt;
Take one language at a time.&lt;br /&gt;
Have your reasons to learn the language.&lt;br /&gt;
And practice, practice, practice.&lt;br /&gt;
&lt;br /&gt;
To check your knowledge of web development,&amp;nbsp; start by making your online portfolio.&amp;nbsp; Buy a domain name,and host it, then maintain it. It will help you have a more understanding.</description><link>https://phpcable.blogspot.com/2019/07/what-programming-languages-should-you.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbqZc9QXx1OxbBwWs8YlAze66qC-IBTAKWe6lLAUD-GJJ7u3kJYwoXRZftrS723NMfJNyvxZ2c7JsyhIjy3sSqe_z2h2jQ458bGNRWsAVCKzJKTXFkGPQSeE7sTbMA7vwVcYhqTlX5VBg/s72-c/FB_IMG_1560080282500.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-6026467204859751854</guid><pubDate>Wed, 22 May 2019 17:04:00 +0000</pubDate><atom:updated>2019-07-15T11:19:15.815+02:00</atom:updated><title>Check if user already exists without submitting form</title><description>&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUJLnX7WKDlT8sLVyQOMon6g8L5m_sFeBdGUIPTLuRTnB8trHokg0VTXmXC4FupKrL5hXHv_zKV35Z2FbriJOkYp_wSaML6XOsG0zqH1utwHK9qy4myaKghed1M6IEobLQM1ca0yERV4/s1600/email_taken.png.2017-10-31.1509444735.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;609&quot; data-original-width=&quot;795&quot; height=&quot;305&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUJLnX7WKDlT8sLVyQOMon6g8L5m_sFeBdGUIPTLuRTnB8trHokg0VTXmXC4FupKrL5hXHv_zKV35Z2FbriJOkYp_wSaML6XOsG0zqH1utwHK9qy4myaKghed1M6IEobLQM1ca0yERV4/s400/email_taken.png.2017-10-31.1509444735.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
When registering users in a database table, you want to make sure that each user&#39;s email address or username is unique. In a previous tutorial, we did this using plain PHP where the user submits the form and this check is performed.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
In this tutorial, we&#39;ll do it in a more efficient and fun way (using JQuery and Ajax,) without submitting the form or reloading the page.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
The user visits the register page, enters their username, email and password. When the cursor leaves the username field (an event referred to in JavaScript as&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;onblur&lt;/span&gt;, &amp;nbsp;a username check is done in the background through an ajax call to the server without the user even clicking the submit button. If a user with the provided username already exists in the database, a validation message with appropriate styling is displayed right away.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Let&#39;s do this:&lt;/div&gt;
&lt;br /&gt;
&lt;table border=&quot;1&quot; cellpadding=&quot;1&quot; cellspacing=&quot;1&quot; style=&quot;background-color: white; border-collapse: collapse; border-spacing: 0px; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; text-align: justify; width: 500px;&quot;&gt;&lt;caption style=&quot;box-sizing: border-box; color: #777777; padding-bottom: 8px; padding-top: 8px; text-align: left;&quot;&gt;users table&lt;/caption&gt;&lt;thead style=&quot;box-sizing: border-box;&quot;&gt;
&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;th scope=&quot;col&quot; style=&quot;box-sizing: border-box; padding: 0px; text-align: left;&quot;&gt;Fields&lt;/th&gt;&lt;th scope=&quot;col&quot; style=&quot;box-sizing: border-box; padding: 0px; text-align: left;&quot;&gt;Type&lt;/th&gt;&lt;/tr&gt;
&lt;/thead&gt;&lt;tbody style=&quot;box-sizing: border-box;&quot;&gt;
&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;id&lt;/td&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;INT(11)&lt;/td&gt;&lt;/tr&gt;
&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;username&lt;/td&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;VARCHAR(255)&lt;/td&gt;&lt;/tr&gt;
&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;email&lt;/td&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;VARCHAR(255)&lt;/td&gt;&lt;/tr&gt;
&lt;tr style=&quot;box-sizing: border-box;&quot;&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;password&lt;/td&gt;&lt;td style=&quot;box-sizing: border-box; padding: 0px;&quot;&gt;VARCHAR(255)&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
For the remaining part of this tutorial, let&#39;s do it in steps;&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; text-align: justify;&quot;&gt;
Step 1:&amp;nbsp;&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Create a file named&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;register.php&lt;/span&gt;&amp;nbsp;and paste this code in&amp;nbsp;it:&lt;/div&gt;
&lt;pre class=&quot; language-php&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: break-word; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot;language-php hljs&quot; style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token php&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token delimiter&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;include&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;process.php&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt; &lt;span class=&quot;token delimiter&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box;&quot;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;Register&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;title&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;rel&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;stylesheet&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;href&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;style.css&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;head&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
 &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;form&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;register_form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;h1&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;Register&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;h1&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;error_msg&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;placeholder&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;Username&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
     &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;placeholder&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;Email&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;email&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;span&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;input&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;password&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;password&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;placeholder&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;Password&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;password&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;button&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;button&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;register&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;reg_btn&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;Register&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;button&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
   &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
 &lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;form&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;body&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;html&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;&amp;lt;!-- scripts --&amp;gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;jquery-3.2.1.min.js&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;/span&gt; &lt;span class=&quot;token attr-name&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;token attr-value&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;script.js&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token markup&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;token tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box; color: #f8f8f2;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; text-align: justify;&quot;&gt;
Step 2:&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Include the&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&amp;nbsp;styles.css&lt;/span&gt;&amp;nbsp;file:&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
styles.css:&lt;/div&gt;
&lt;pre class=&quot; language-css&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: break-word; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot;language-css hljs&quot; style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;body&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;background&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;#A9D9C3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-id&quot; style=&quot;box-sizing: border-box;&quot;&gt;#register_form&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;h1&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;text-align&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; center&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-id&quot; style=&quot;box-sizing: border-box;&quot;&gt;#register_form&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;37%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;100px&lt;/span&gt; auto&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;padding-bottom&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;30px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1px&lt;/span&gt; solid &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;#918274&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border-radius&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;5px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;background&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; white&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-id&quot; style=&quot;box-sizing: border-box;&quot;&gt;#register_form&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;input&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;80%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;35px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;5px&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;10%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;font-size&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1.1em&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;padding&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;4px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;font-size&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; .&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;9em&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-id&quot; style=&quot;box-sizing: border-box;&quot;&gt;#reg_btn&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;35px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;80%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;5px&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;10%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;color&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; white&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;background&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;#3B5998&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; none&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border-radius&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;5px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box;&quot;&gt;/*Styling for errors on form*/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-class&quot; style=&quot;box-sizing: border-box;&quot;&gt;.form_error&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;span&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;80%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;35px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;10%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;font-size&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1.1em&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;color&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;#D83D5A&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-class&quot; style=&quot;box-sizing: border-box;&quot;&gt;.form_error&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;input&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1px&lt;/span&gt; solid &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;#D83D5A&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box;&quot;&gt;/*Styling in case no errors on form*/&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-class&quot; style=&quot;box-sizing: border-box;&quot;&gt;.form_success&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;span&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;width&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;80%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;height&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;35px&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;10%&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;font-size&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1.1em&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;color&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; green&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-class&quot; style=&quot;box-sizing: border-box;&quot;&gt;.form_success&lt;/span&gt; &lt;span class=&quot;hljs-selector-tag&quot; style=&quot;box-sizing: border-box;&quot;&gt;input&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;border&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1px&lt;/span&gt; solid green&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token selector&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-selector-id&quot; style=&quot;box-sizing: border-box;&quot;&gt;#error_msg&lt;/span&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;color&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; red&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;text-align&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; center&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token property&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-attribute&quot; style=&quot;box-sizing: border-box;&quot;&gt;margin&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;10px&lt;/span&gt; auto&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
In register.php, the last two lines specify the javascript files that are used in this application. First is JQuery which you can download from&amp;nbsp;&lt;a href=&quot;https://jquery.com/download/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7; text-decoration-line: none;&quot;&gt;here&lt;/a&gt;, and there is also the&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;script.js&lt;/span&gt;&amp;nbsp;file where we will write our own JavaScript code. Place the jquery file in the root directory of your application and rename it to&amp;nbsp;jquery-3.2.1.min.js.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Now let&#39;s make the site dynamic both at the front end and backend.&amp;nbsp;&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; text-align: justify;&quot;&gt;
Step 3:&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Create a&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;script.js&lt;/span&gt;&amp;nbsp;file and paste this code in it:&lt;/div&gt;
&lt;pre class=&quot; language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: break-word; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot;language-javascript hljs&quot; style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;document&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;ready&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
 &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; username_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; email_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;blur&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; username &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;username &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   username_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;return&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  $&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;register.php&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;post&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username_check&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
     &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; username&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;success&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;response&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;response &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;taken&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
       username_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;removeClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;addClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;form_error&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;siblings&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;span&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Sorry... Username already taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;response &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;not_taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
       username_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;true&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;removeClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;addClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;form_success&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;siblings&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;span&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Username available&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;  
  &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;blur&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; email &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;email &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   email_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;return&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  $&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;register.php&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;post&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
       &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email_check&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
       &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; email&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
      &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;success&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;response&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
       &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;response &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;taken&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
          email_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
          &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;removeClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
          &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;addClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;form_error&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
          &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;siblings&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;span&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Sorry... Email already taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;response &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;not_taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
         email_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;true&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
         &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;removeClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
         &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;parent&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;addClass&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;form_success&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
         &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;siblings&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;span&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Email available&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;

 &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#reg_btn&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;click&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;/span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; username &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; email &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;var&lt;/span&gt;&lt;/span&gt; password &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#password&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;username_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;||&lt;/span&gt; email_state &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;==&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-literal&quot; style=&quot;box-sizing: border-box;&quot;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#error_msg&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;text&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Fix the errors in the form first&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;token comment&quot; spellcheck=&quot;true&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;&lt;span class=&quot;hljs-comment&quot; style=&quot;box-sizing: border-box;&quot;&gt;// proceed with form submission&lt;/span&gt;
&lt;/span&gt;      $&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
       &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;register.php&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
       &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;post&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
       &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;save&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;1&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; email&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; username&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
        &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;password&#39;&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; password&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
       &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
       &lt;span class=&quot;hljs-attr&quot; style=&quot;box-sizing: border-box;&quot;&gt;success&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;function&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-params&quot; style=&quot;box-sizing: border-box;&quot;&gt;response&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-function&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;alert&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;user saved&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;#password&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
       &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
      &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
 &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
The first chunk of code is that part that is executed when the cursor leaves the username field of the input form. The second chunk is executed when the cursor leaves the email field and the last part of the code makes sure there is no error in the form and then submits the data to the server when the register button is clicked&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; text-align: justify;&quot;&gt;
Step 4:&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
This is the last part of the code. After data has been submitted to the server, php code receives the information and does the necessary checks.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;process.php:&lt;/span&gt;&lt;/div&gt;
&lt;pre class=&quot; language-php&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; font-size: 16px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: break-word; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal;&quot;&gt;&lt;code class=&quot;language-php hljs&quot; style=&quot;background-color: transparent; border-radius: 0px; box-sizing: border-box; direction: ltr; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, monospace; hyphens: none; line-height: 1.5; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token php&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token delimiter&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;?php&lt;/span&gt;&lt;/span&gt; 
  &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$db&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_connect&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;localhost&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;root&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;isset&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username_check&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$username&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;SELECT * FROM users WHERE username=&#39;$username&#39;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_query&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$db&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_num_rows&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;taken&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt; 
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;not_taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
   &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;exit&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;isset&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email_check&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$email&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;SELECT * FROM users WHERE email=&#39;$email&#39;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_query&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$db&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_num_rows&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;taken&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt; 
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;not_taken&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
   &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;exit&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;isset&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;save&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$username&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$email&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$password&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token global&quot; style=&quot;box-sizing: border-box;&quot;&gt;$_POST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;password&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;SELECT * FROM users WHERE username=&#39;$username&#39;&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_query&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$db&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$sql&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;if&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_num_rows&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;&lt;span class=&quot;hljs-number&quot; style=&quot;box-sizing: border-box;&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;exists&quot;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt; 
     &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;exit&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;else&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
     &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$query&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;INSERT&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;INTO&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; users &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;username&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; email&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; password&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; 
           &lt;/span&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;VALUES&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;$username&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;$email&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;&quot;&lt;/span&gt;.md5($password).&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
     &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$results&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;mysqli_query&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$db&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token variable&quot; style=&quot;box-sizing: border-box;&quot;&gt;$query&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
     &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;echo&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&lt;span class=&quot;hljs-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&#39;Saved!&#39;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
     &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-keyword&quot; style=&quot;box-sizing: border-box;&quot;&gt;exit&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
   &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;

&lt;span class=&quot;token delimiter&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;hljs-meta&quot; style=&quot;box-sizing: border-box;&quot;&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
And that brings us to the end of this tutorial.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #444444; font-family: Nunito, sans-serif; font-size: 18.2px; margin: 35px auto; text-align: justify;&quot;&gt;
Hope you found it helpful.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; font-family: Nunito, sans-serif; margin: 35px auto; text-align: justify;&quot;&gt;
&lt;span style=&quot;color: red; font-size: large;&quot;&gt;&lt;b&gt;TO GET FULL SOURCE CODE JUST LEAVE A COMMENT&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/05/check-if-user-already-exists-without.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUJLnX7WKDlT8sLVyQOMon6g8L5m_sFeBdGUIPTLuRTnB8trHokg0VTXmXC4FupKrL5hXHv_zKV35Z2FbriJOkYp_wSaML6XOsG0zqH1utwHK9qy4myaKghed1M6IEobLQM1ca0yERV4/s72-c/email_taken.png.2017-10-31.1509444735.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-8915387185444066269</guid><pubDate>Tue, 21 May 2019 13:22:00 +0000</pubDate><atom:updated>2019-07-15T11:23:10.572+02:00</atom:updated><title>Login system using PHP with MYSQL database</title><description>
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;iframe __idm_id__=&quot;740627457&quot; allow=&quot;accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/rdewcJsDXQg&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
In this login video, I&#39;ll create a users table with fields id, username, and password. Then I inserted a user whose credentials I used to log in.&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/05/login-system-using-php-with-mysql.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/rdewcJsDXQg/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7012867921316151085</guid><pubDate>Sat, 04 May 2019 13:34:00 +0000</pubDate><atom:updated>2019-05-04T15:37:10.125+02:00</atom:updated><title>How To Change Port of Apache</title><description>&lt;h2 class=&quot;notes&quot; style=&quot;background-color: white; box-sizing: border-box; color: #06a29e; font-family: Anton, sans-serif; font-size: 20px; line-height: 1.6em; margin: 10px 0px 15px; padding: 0px; text-align: center; text-shadow: rgb(255, 255, 255) 1px 1px 1px; text-transform: uppercase;&quot;&gt;
WHY WE NEED TO CHANGE THE PORT NUMBER ?&lt;/h2&gt;
&lt;div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;span style=&quot;color: black; font-size: small; text-align: start;&quot;&gt;I have written this article because of the demand.&amp;nbsp;&lt;/span&gt;We need to change the port number of Apache as the port number of Apache(WAMP) and some other Web Server conflicts with other.&lt;br /&gt;
Usually it conflicts with SKYPE Or IIS. Most of the times, SKYPE,IIS and Apache have the same port number.&lt;br /&gt;
Server installed first assigned port number 8080 so other Server need to assign different port.&lt;/div&gt; &lt;br&gt; &lt;script type=&quot;text/javascript&quot;&gt;document.write(&quot;&lt;iframe name=&#39;banner&#39; src=&#39;https://affiliate.fastcomet.com/scripts/banner.php?a_aid=5c8ad36b557f5&amp;a_bid=417e743d&amp;w=1&amp;refx2s6d=&quot;+encodeURIComponent(encodeURIComponent(document.URL))+&quot;&#39; framespacing=&#39;0&#39; frameborder=&#39;no&#39; scrolling=&#39;no&#39; width=&#39;728&#39; height=&#39;90&#39; allowtransparency=&#39;true&#39;&gt;&lt;a href=&#39;https://affiliate.fastcomet.com/scripts/click.php?a_aid=5c8ad36b557f5&amp;amp;a_bid=417e743d&#39; target=&#39;_top&#39;&gt;728x90 High-Performance SSD Cloud (animated)&lt;/a&gt;&lt;/iframe&gt;&quot;);
&lt;/script&gt;
&lt;noscript&gt;
&lt;h2&gt;&lt;a href=&quot;http://www.fastcomet.com/&quot;&gt;728x90 High-Performance SSD Cloud (animated)&lt;/a&gt;&lt;/h2&gt;
&lt;/noscript&gt; &lt;br &gt;
&lt;h3 class=&quot;notes&quot; style=&quot;background-color: white; box-sizing: border-box; color: #06a29e; font-family: Anton, sans-serif; font-size: 20px; line-height: 1.6em; margin: 10px 0px; padding: 0px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; text-transform: uppercase;&quot;&gt;
CHANGE THE PORT NUMBER OF APACHE IN WAMP/XAMPP SERVER.&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;span style=&quot;box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Step 1&lt;/span&gt;. Go to the WAMP/XAMPP -&amp;gt; Apache -&amp;gt; httpd.conf(click on this to open).&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx28_qC0xsOcN6foWBRJbjF-R6gWgPwoH0fKZtZZpI5F3Rt0TkI8MkrjJyL3G6kKXgfz3uD4-ijGgsCE2zjgz9BK4eGIeG5sQfNGwJBCmtCEKqNGszZPjhO_xVoMJ3cQsLOJhIfZksSVY/s1600/wamp.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;489&quot; data-original-width=&quot;485&quot; height=&quot;400&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx28_qC0xsOcN6foWBRJbjF-R6gWgPwoH0fKZtZZpI5F3Rt0TkI8MkrjJyL3G6kKXgfz3uD4-ijGgsCE2zjgz9BK4eGIeG5sQfNGwJBCmtCEKqNGszZPjhO_xVoMJ3cQsLOJhIfZksSVY/s400/wamp.png&quot; width=&quot;396&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;span style=&quot;box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Step 2&lt;/span&gt;. Press the keys CTRL+F find 80. You will find 80 at three place of the file convert that to 40 or whatever you want and save the file.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1E_5J5Y1KX_b4Ywres_J12QuwhgRbh6uO52D41zaKh60xtt2z2BsQpjQlkPYy3PZ1WhChGdx5MlB6ZEkObniMp5znVPqrnnVdMOoE9iflKjfVK-Dflw7GgVDlgNmZZzPC2nYwsLAJcCc/s1600/local80.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;542&quot; data-original-width=&quot;881&quot; height=&quot;245&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1E_5J5Y1KX_b4Ywres_J12QuwhgRbh6uO52D41zaKh60xtt2z2BsQpjQlkPYy3PZ1WhChGdx5MlB6ZEkObniMp5znVPqrnnVdMOoE9iflKjfVK-Dflw7GgVDlgNmZZzPC2nYwsLAJcCc/s400/local80.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;span style=&quot;box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;span style=&quot;box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px;&quot;&gt;Step 3&lt;/span&gt;.Restart the server and access the localhost as http/localhost:port_number(http/localhost:40).&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUre85O5Vg1s6dNCxW46HBK3toiMhS6p2S-vFt4vXDEKAbsUriLgKncnmbZfG4LJ4AthK2JQuMegI2XvSludBDh8T7XstMFV0ZEzpJQ4i39aUz0BSjoWkTMQ2hvs089_HqBWiyxuaA3E/s1600/webbrowser-1024x576.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;576&quot; data-original-width=&quot;1024&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlUre85O5Vg1s6dNCxW46HBK3toiMhS6p2S-vFt4vXDEKAbsUriLgKncnmbZfG4LJ4AthK2JQuMegI2XvSludBDh8T7XstMFV0ZEzpJQ4i39aUz0BSjoWkTMQ2hvs089_HqBWiyxuaA3E/s400/webbrowser-1024x576.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 class=&quot;notes&quot; style=&quot;background-color: white; box-sizing: border-box; color: #06a29e; font-family: Anton, sans-serif; font-size: 20px; line-height: 1.6em; margin: 10px 0px; padding: 0px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; text-transform: uppercase;&quot;&gt;
&lt;/h3&gt;
&lt;h3 class=&quot;notes&quot; style=&quot;background-color: white; box-sizing: border-box; color: #06a29e; font-family: Anton, sans-serif; font-size: 20px; line-height: 1.6em; margin: 10px 0px; padding: 0px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; text-transform: uppercase;&quot;&gt;
CHANGE THE PORT NUMBER IN SKYPE&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
Go to the technical settings of SKYPE and disable or uncheck “listen to port 80”. WAMP Server will start working.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif !important; font-size: 15px; line-height: 24px; margin: 0em 0.2em 0.6em; padding: 0px; text-align: justify;&quot;&gt;
Please Share and leave a comment where you do not understand&lt;/div&gt;
&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/05/how-to-change-port-of-apache.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx28_qC0xsOcN6foWBRJbjF-R6gWgPwoH0fKZtZZpI5F3Rt0TkI8MkrjJyL3G6kKXgfz3uD4-ijGgsCE2zjgz9BK4eGIeG5sQfNGwJBCmtCEKqNGszZPjhO_xVoMJ3cQsLOJhIfZksSVY/s72-c/wamp.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7884103219972893667</guid><pubDate>Thu, 02 May 2019 19:28:00 +0000</pubDate><atom:updated>2019-07-15T11:25:04.012+02:00</atom:updated><title>How to Design a Powerful Single-Page Web Site</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0wwwVlKSYjD4a3rbpdUyGkLr3hpCr1PpADLgkmZAZ-5vYpqs0Ze0U5XXaCceSb4-CMJBoo-hZ2G9NjxArFnmUbFrOBOLBk_UG1EZ5r2R-fFoAcO75_cl6pTirR3exY8N6kd6uhePiAU/s1600/orignal-1461189673-single-page-design.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;496&quot; data-original-width=&quot;850&quot; height=&quot;232&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0wwwVlKSYjD4a3rbpdUyGkLr3hpCr1PpADLgkmZAZ-5vYpqs0Ze0U5XXaCceSb4-CMJBoo-hZ2G9NjxArFnmUbFrOBOLBk_UG1EZ5r2R-fFoAcO75_cl6pTirR3exY8N6kd6uhePiAU/s400/orignal-1461189673-single-page-design.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h3 class=&quot;post-title&quot; style=&quot;background-color: white; box-sizing: border-box; color: #313131; font-family: Poppins, sans-serif; font-size: 22px; font-weight: 500; line-height: 1.1; margin-bottom: 15px; margin-top: 20px;&quot;&gt;
How to Design a Powerful Single-Page Web Site&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
A website doesn’t need to have layers of pages to be eye-catching or interesting. Sometimes, a single-page design can be more effective. Your site shouldn’t just be showcasing your talent but generating business as well. The creativity is just a portion of what captures a visitor’s attention. Utilitarian in its approach, it gets to the point without the extra “fat” some sites can have.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
The following list includes key elements that a successful website should have, and a one-page design can effectively incorporate all of them.&lt;/div&gt;

&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
1. Content&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
Does the content answer the question, “How does this benefit me?” If so, that’s the kind of relevant content you want to put on your website.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
2. Outstanding Visual Design&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
The visuals are the first things a person’s eyes go to on your site. These visuals include color, theme/template, layout, font(s) and white space. Making sure the theme of your site relates to the overall topic is key. Also, your white space and colors should have meaning relevant to the topic.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
3. Credibility&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
Visitors to your site want to know they can trust you. Be sure to incorporate something on the site that proves you are a legitimate source for this info.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
4. Navigation&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
Navigation steers people to where they need to go for information. With a one-page design, the navigation bars should be clean and easy to use since you won’t have to sift through layers of a page for a topic.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
5. Call to Action&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
A call to action is a series of words prompting your visitors to take some action on your site.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.1; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
6. Responsive&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
In today’s hectic world, most people use some type of mobile device. Make sure your website is easy to view and functions well on mobile phones.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Poppins, sans-serif; font-size: 14px; margin-bottom: 15px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/05/how-to-design-powerful-single-page-web.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0wwwVlKSYjD4a3rbpdUyGkLr3hpCr1PpADLgkmZAZ-5vYpqs0Ze0U5XXaCceSb4-CMJBoo-hZ2G9NjxArFnmUbFrOBOLBk_UG1EZ5r2R-fFoAcO75_cl6pTirR3exY8N6kd6uhePiAU/s72-c/orignal-1461189673-single-page-design.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-630620857909801539</guid><pubDate>Thu, 02 May 2019 12:49:00 +0000</pubDate><atom:updated>2020-12-03T17:25:02.820+02:00</atom:updated><title>MOST COMMON WEBSITE HACKING TECHNIQUES YOU SHOULD KNOW</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQXzmRY_FwPBjRegkwS76YFxVygKoqKAmi8hJzOoIKL2ChCxxjYnS2LipOD6eGTjL5N2QcDYWpIM8W4lGXOejB417XhM_7as_3PdzuJ-eIyM0XN4h3aztzWrizZxl7o2UF3110jleuLMA/s1600/10+MOST+COMMON+WEBSITE+HACKING+TECHNIQUES+YOU+SHOULD+KNOW.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;426&quot; data-original-width=&quot;640&quot; height=&quot;266&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQXzmRY_FwPBjRegkwS76YFxVygKoqKAmi8hJzOoIKL2ChCxxjYnS2LipOD6eGTjL5N2QcDYWpIM8W4lGXOejB417XhM_7as_3PdzuJ-eIyM0XN4h3aztzWrizZxl7o2UF3110jleuLMA/s400/10+MOST+COMMON+WEBSITE+HACKING+TECHNIQUES+YOU+SHOULD+KNOW.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
1. Phishing&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
One of the most insidious techniques used today is Phishing.It’s hard to find the person that doesn’t know what phishing is. However a lot of users are still getting tricked by hackers on a daily basis.&lt;br /&gt;
Phishing implies the replication of the website with the aim of stealing money or personal information. And once a user enters his credit card details,for example, &amp;nbsp;a hacker will have access to that data and will be able to use the received information for his own benefit.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
 &lt;br /&gt; 
  
  &lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Horizontal Display Ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1239203646035249&quot;
     data-ad-slot=&quot;7704176187&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
  &lt;br /&gt; &lt;br /&gt; &lt;br /&gt;
2. Viruses and malicious code&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
Hackers can crawl almost into any website and leave in its’ database &amp;nbsp;malware or insert code into the website’s files. There is a huge variety of viruses, and each may impact the infected site differently. But there should be no doubt that a virus, regardless of its type, will not benefit your business.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
3. UI Redress&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
This technique is similar to phishing. But in this case, a hacker would create a fake hidden user interface. Once the a user clicks the button with an intention of to proceed to a certain page, he will find himself on an unfamiliar website, usually with an inappropriate content.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
4. Cookie Theft&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
With the help of a malicious software hackers can steal your browser’s cookies. And those cookies contain a lot of important information: browsing history, usernames and passwords. As you understand,that data can also contain logins and password to your website’s administrator’s panel.&lt;/div&gt;
&lt;br /&gt;
&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Horizontal Display Ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1239203646035249&quot;
     data-ad-slot=&quot;7704176187&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
5. Denial of Service (DoS\DDoS)&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
DDOS stands for Distributed Denial of Service. DDOS attack is a way to make a certain server unavailable or, in other words, a way to crash the server.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
To interrupt or crash the server a hackers would use bots. Those bots soul purpose is to send requests to the website, a lot of requests. As a result, a server unable to process all of the received requests will simply crash. The most hazardous thing about this technique is that a hacker can crash the server in a relatively small amount of time&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
6. DNS spoofing&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
This malware is also known as DNS cache poisoning. It engages that old cache data you might have forgotten about.&lt;br /&gt;
Vulnerabilities in the domain name system allow hackers to redirect traffic from your website to a malicious one. Moreover, hackers can program this attack so the infected DNS server will infect another DNS and so on.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
7. SQL injection&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
If your website has vulnerabilities in its SQL database or libraries, hackers can get access to your confidential information by deceiving the system.So there is no surprise that SQL injections can also be a simple tool. But this simple tool can allow a hacker to access vital information of your website.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
8. Keylogger injection&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
The Keylogger that very simple and dangerous malicious code.&lt;br /&gt;
The malware records keystrokes , captures all of the user’s actions on the keyboard, and to send all that has been recorded to the hackern ; it also installs a malicious script that produces an in-browser cryptocurrency miner.&lt;br /&gt;
If a hacker succeeds in obtaining data, then the result of the hacking will be stolen admin credentials that can allow hackers to easily log into your website&lt;/div&gt;
&lt;br /&gt;
&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Horizontal Display Ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1239203646035249&quot;
     data-ad-slot=&quot;7704176187&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
9. Non-targeted website hack&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
In most cases, hackers don’t target a specific website. They are more interested in massive hacking.&lt;br /&gt;
It is easy to suffer from a non-targeted attack – you just need to overlook any CMS, plugin or template vulnerability. Any gap is a chance to get into the hacker’s sight and become a victim during the next attack.&lt;br /&gt;
Hackers can find websites with similar weaknesses easily. They can always use Google’s Hacking Database to receive a list of vulnerable websites that have the same properties. For example, hackers can find all indexed websites that have a vulnerable plugin installed. Or websites with unhidden catalogues.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
10. Brute force&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
A Brute Force Attack is the simple method to gain access to a website. It tries various combinations of the passwords again and again until it gets in. This repetitive action is like an army attacking a fort.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-font-smoothing: antialiased; background-color: white; box-sizing: border-box; color: #303133; font-family: Hind; font-size: 24px; line-height: 1.2; margin: 27px 0px 0px; outline: none;&quot;&gt;
Conclusion&lt;/h3&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
It is hard for website owners to believe that anyone can find and hack a vulnerable website in literally minutes without any specific instruments. Everything a hacker needs is to find the desired criteria in Google’s Hacking Database and run a search with those parameters. Then, depending on the criteria a hacker chose, he can take the needed actions to hack a website. Experienced hackers will spend less than two minutes on it. And they will spend even less time if the attack is automated.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
If there is a vulnerability on your website, be prepared for constant cleaning and repairing. Protection must be the number one priority for every website owner. And the&amp;nbsp;WebDefender antivirus&amp;nbsp;can become a reliable security guard for you.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #777777; font-family: Hind; font-size: 16px; line-height: 1.75; margin-top: 18px; outline: none;&quot;&gt;
Think about the security of your website in advance, then you will significantly lower the probability of being hacked&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/05/most-common-website-hacking-techniques.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQXzmRY_FwPBjRegkwS76YFxVygKoqKAmi8hJzOoIKL2ChCxxjYnS2LipOD6eGTjL5N2QcDYWpIM8W4lGXOejB417XhM_7as_3PdzuJ-eIyM0XN4h3aztzWrizZxl7o2UF3110jleuLMA/s72-c/10+MOST+COMMON+WEBSITE+HACKING+TECHNIQUES+YOU+SHOULD+KNOW.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-158365459870559148</guid><pubDate>Mon, 18 Mar 2019 10:20:00 +0000</pubDate><atom:updated>2019-03-18T12:20:53.466+02:00</atom:updated><title>The importance of branding for tech companies</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3dFkK8YH0wbPbWRDiVXVFFsjRtqUq7zWMMU5wZOuGGgAADyjHTe8ljVZUJM2lo6kdDVvqrJXbyvaqTtmpkHfPzfFoAKWhZ1aOJ4EnDZwfzS-q6lSOtX80FTsVY8pxtos07kbYl8pQ-0/s1600/branding.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;667&quot; data-original-width=&quot;1000&quot; height=&quot;426&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3dFkK8YH0wbPbWRDiVXVFFsjRtqUq7zWMMU5wZOuGGgAADyjHTe8ljVZUJM2lo6kdDVvqrJXbyvaqTtmpkHfPzfFoAKWhZ1aOJ4EnDZwfzS-q6lSOtX80FTsVY8pxtos07kbYl8pQ-0/s640/branding.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;What is Branding?&lt;/strong&gt;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Everything we know about every single product we use is because of branding. It’s the link between the company and customer.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Your tech company’s brand is not the name of the business; it’s not the logo; the tagline or your color scheme. All these things are important, but they do not form the brand itself.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Your brand is the fusion of all the characteristics, ideals, standards and values that your organization embodies. Your brand is the personality of your business, and, crucially, it’s the way in which your customers perceive this personality.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Your tech company’s brand is the way in which users experience your product and services at all levels. This extends from your customer service to your social media posts.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Why is Branding for Tech companies important?&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Branding for technology companies is all about inserting humaneness into tech. This is because, unlike other industries, where there is constant human interaction, the tech industry often exists almost completely online. This makes tech companies decide to forgo traditional branding strategies in place of focusing on improving the technology they offer. The fast-changing pace of technology is such that, despite your solution being the best on the market today; tomorrow another company could, and probably will, deliver a product twice as good as yours. Having a strong brand is what is going to keep your customers using your product and give your business a chance of long-term success.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Good branding adds noticeable value to the technology solutions that a tech company is offering. It is the brand that customers stay loyal to; as it is highly unlikely your company is the only one offering a particular service/product.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Building your tech company’s Brand&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Strong branding for tech companies is about creating an emotional link with customers. Figure out what the number one emotion that you want to evoke within your customers every time they engage with your brand (and that is to say, not just with your product, but when they read your blog, visit your website, phone customer services, retweet a tweet, or tell their friends about your company).&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
For example, when people think about Apple, they think quality and innovation. When they think about PayPal, they think convenience. For Google, its endless answers to their questions. Facebook, connecting people together.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
What do people think when they see your brand? This emotion is what you have to try and build into your brand. Formulate a marketing strategy that bolsters this important brand message.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
This will start with the company’s name, if you have to rename it to get your message across then so be it. The emotion should also be infused in the tagline and the company logo.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Once you have come up with the most suitable marketing strategy, then the real work begins. You will have to push your brand to your customers, emphasizing and re-emphasizing your key brand values across all your available platforms.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
You will need to create emotionally engaging content (blogs, videos etc.), emotionally engaging social media messages. Every time an employee communicates with a customer, no matter what else is discussed, the core brand message must come across.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
You Tech company may have the best software in the industry but without proper branding you will not reach the levels of success you aspire to.&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/the-importance-of-branding-for-tech.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt3dFkK8YH0wbPbWRDiVXVFFsjRtqUq7zWMMU5wZOuGGgAADyjHTe8ljVZUJM2lo6kdDVvqrJXbyvaqTtmpkHfPzfFoAKWhZ1aOJ4EnDZwfzS-q6lSOtX80FTsVY8pxtos07kbYl8pQ-0/s72-c/branding.png" height="72" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-6945517389014896244</guid><pubDate>Mon, 18 Mar 2019 10:17:00 +0000</pubDate><atom:updated>2019-03-18T12:31:34.526+02:00</atom:updated><title>What is Bitcoin? How does it work?</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGxzm2Tj15GV4OkxceWsaHJZHrQkTO5SXQocbhHOeZncRdpNX7Ao5Ny1g-3TzH2S7TgU55uvS5KYt7JyDHU7r9pD9nPaQpR2WGG_ACqJLojntzNPZ_xRzVreYWKwv7oS8btsrv1hqigQ/s1600/bitcoin-768x422.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;422&quot; data-original-width=&quot;768&quot; height=&quot;350&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGxzm2Tj15GV4OkxceWsaHJZHrQkTO5SXQocbhHOeZncRdpNX7Ao5Ny1g-3TzH2S7TgU55uvS5KYt7JyDHU7r9pD9nPaQpR2WGG_ACqJLojntzNPZ_xRzVreYWKwv7oS8btsrv1hqigQ/s640/bitcoin-768x422.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Bitcoin has been all over the news lately. But because it’s an entirely digital currency and doesn’t necessarily correspond to any existing formal currency, it’s not easy to understand for newcomers.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;What is Bitcoin?&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Bitcoin&amp;nbsp;&lt;/strong&gt;is a digital currency. It enables people to send and receive money across the Internet without a third party such as a bank. Bitcoin doesn’t have a corresponding physical element e.g. paper bills or coins. That being said, it isn’t simply an assigned value of money stored in a digital account. A global peer-to-peer network provides the value and verification of individual Bitcoins. This is similar to how torrent websites work. Except instead of transferring files from one place to another, the Bitcoin network generates and verifies blocks of information that are expressed in the form of a proprietary currency.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;How does it work?&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;As a new Bitcoin user the first thing you have to do is install a Bitcoin wallet on your computer or mobile phone. It will generate your first Bitcoin address and you can create more whenever you need to. You can disclose your addresses to people you wish to pay or vice versa. This works similar to email, except that Bitcoin address should only be used once.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Balances – Block chain&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
The block chain is a shared public ledger on which the entire Bitcoin network relies. All confirmed transactions are included in the block chain. This way, Bitcoin wallets can calculate their spendable balance and new transactions can be verified to be spending Bitcoins that are actually owned by the spender. The integrity and the chronological order of the block chain are enforced with&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;cryptography&lt;/strong&gt;. (&lt;em style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;The branch of mathematics that enables the creation of mathematical proofs that provide high levels of security.&lt;/em&gt;)&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Transactions – Private keys&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;A transaction is a transfer of value between Bitcoin wallets that gets included in the block chain. Bitcoin wallets keep a secret piece of data called a ‘private key’ or ‘seed’, which is used to sign transactions, providing a mathematical proof that they have come from the owner of the wallet. The&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;signature&lt;/strong&gt;&amp;nbsp;(&lt;em style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;a mathematical mechanism that allows someone to prove ownership&lt;/em&gt;) also prevents the transaction from being altered by anybody once it has been issued. All transactions are broadcast between users and usually begin to be confirmed by the network in the following 10 minutes, through a process called&amp;nbsp;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;‘mining’.&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;Processing – Mining&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;Mining is a distributed consensus system that is used to confirm waiting transactions by including them in the block chain. It enforces a chronological order in the block chain, protects the neutrality of the network, and allows different computers to agree on the state of the system. In order to be confirmed, transactions must be packed in a ‘&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;block’&lt;/strong&gt;&amp;nbsp;(&lt;em style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;a record in the block chain that contains and confirms many waiting transactions&lt;/em&gt;) that fits very strict cryptographic rules that will be verified by the network. These rules prevent previous blocks from being modified because doing so would invalidate all following blocks. Mining also creates the equivalent of a competitive lottery that prevents any individual from easily adding new blocks consecutively in the block chain. This way, no individuals can control what is included in the block chain or replace parts of the block chain to roll back their own spends.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;How are Bitcoins spent?&lt;/strong&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;strong style=&quot;border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;&amp;nbsp;&lt;/strong&gt;Imagine you are buying a loaf of bread from a supermarket with a debit card. The transaction has three elements; the card, corresponding to the bank account and the money, the bank itself that verifies the transaction and the transfer of money, and the store that accepts the money from the bank and finalizes the sale. A Bitcoin transaction has, broadly speaking, the same three components.&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, Arial, Helvetica, sans-serif; font-size: 14px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.5; margin-bottom: 20px; padding: 0px; vertical-align: baseline;&quot;&gt;
Each Bitcoin user stores the data that represents his or her amount of coins in a program called a wallet, consisting of a custom password and a connection to the Bitcoin system. The user sends a transaction request to another user, buying or selling, and both users agree. The peer-to-peer Bitcoin system verifies the transaction via the global network, transferring the value from one user to the next and inserting cryptographic checks and verification at many levels. There is no centralized bank or credit system: the peer-to-peer network completed the encrypted transaction with the help of Bitcoin miners.&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/bitcoin-has-been-all-over-news-lately.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHGxzm2Tj15GV4OkxceWsaHJZHrQkTO5SXQocbhHOeZncRdpNX7Ao5Ny1g-3TzH2S7TgU55uvS5KYt7JyDHU7r9pD9nPaQpR2WGG_ACqJLojntzNPZ_xRzVreYWKwv7oS8btsrv1hqigQ/s72-c/bitcoin-768x422.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-5381935012874801294</guid><pubDate>Mon, 18 Mar 2019 10:10:00 +0000</pubDate><atom:updated>2019-03-18T12:29:40.015+02:00</atom:updated><title>6 Things to consider when designing a website</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg12GropF8iFpLxUXpOL7lR5fMYIuBRP09yDN67tt3gSVr0wLbkbUkB5KGxOecc3edpTj2GR7UQzQeuY5u2o1fbI11ucQIqhDwI5gT-RBzFXA1yolMNGVD3ipZIPHGYs6VJEc-gSd4ZXeE/s1600/6-Things-to-consider.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;461&quot; data-original-width=&quot;768&quot; height=&quot;384&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg12GropF8iFpLxUXpOL7lR5fMYIuBRP09yDN67tt3gSVr0wLbkbUkB5KGxOecc3edpTj2GR7UQzQeuY5u2o1fbI11ucQIqhDwI5gT-RBzFXA1yolMNGVD3ipZIPHGYs6VJEc-gSd4ZXeE/s640/6-Things-to-consider.jpg&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
Designing a new website for your business can be quite overwhelming, especially if you have no prior web design experience. Getting to know the nitty gritty of what to consider will help in the process of bringing your business online. Here are 6 things to consider before designing your new website:&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;1. Define your purpose for the site and goals to be achieved.&lt;/strong&gt;&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
Your design, navigation, and content should be driven by a purpose that aligns with your audience and your goals. And this means, having clarity on what your business stands for and who you are trying to communicate to and turn into a customer. You will have to decide from the onset the ultimate purpose of the website. Will it be used to generate more leads, create more awareness, or perhaps used to educate your prospects?&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
2. Consider having a Content Strategy.&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
It has become a cliché but holds true that Content is King when it comes to the Internet. You must have a content plan, especially if you want your website to bring in “Kwacha Value” for your business. You must plan well in advance how many times you intend to update your website, weekly, monthly, quarterly, etc. Having a defined purpose that has a plan for updating content to stay relevant, engaging and rank top in Google plays a crucial role in the success of your business in the digital space.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
3. Think Mobile First.&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
A 2012&amp;nbsp;&lt;a href=&quot;https://www.thinkwithgoogle.com/advertising-channels/mobile/what-users-want-most-from-mobile-sites-today/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: red; text-decoration-line: none;&quot;&gt;Google survey&lt;/a&gt;&amp;nbsp;of mobile users found that 72 percent of mobile users say it’s important to them that websites are mobile-friendly, yet 96 percent have visited a site that doesn’t work well on their device.&amp;nbsp;&lt;a href=&quot;http://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/zambia&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: red; text-decoration-line: none;&quot;&gt;80% of website visitors in Zambia&lt;/a&gt;view the content on Mobile phones. In 2016, Zambia Information and Communications Technology Authority (ZICTA) recorded&amp;nbsp;&lt;a href=&quot;https://www.lusakatimes.com/2017/05/11/zambia-sees-drop-mobile-internet-users/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: red; text-decoration-line: none;&quot;&gt;5.2 million mobile internet subscribers&lt;/a&gt;&amp;nbsp;in Zambia. This shows that people are using the Internet on the go. It is imperative therefore to have a website that is responsive enough to adapt to the type of device it is being viewed on. Plus, with Google’s latest algorithm, your site must be mobile-friendly or it gets punished through lower search results. Not having a mobile friendly website will make you lose business.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
4. Essential Information.&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
For a small business operating in Lusaka against already established big businesses, information such as a phone number and physical address or map directions is very imperative to have on your website (especially on a mobile site). This might sound obvious, but a shocking number of business websites either lack important information or make it difficult to find.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
In addition to contact details, clearly explaining what your business is about and what you do is equally important. Certain businesses don’t have written down information about what they do, whilst others just have a one page profile and larger organisations have a plethora of information regarding their business. Gathering and organizing this information for your new website is quite a daunting task for both the client and web designing agency. &amp;nbsp;Therefore, deciding what information is going to be on the website and who will be responsible for gathering and sharing this information with the web design agency has to be done before hand. During this process, you can then decide what sort of call to actions to have and factor in key words to use for your&amp;nbsp;&lt;a href=&quot;https://www.360nxdesigns.com/services/search-engine-optimisation&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: red; text-decoration-line: none;&quot;&gt;Search Engine Optimization&lt;/a&gt;.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
5. Snoop around.&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
There is a plethora of beautiful websites on the World Wide Web to gain some inspiration for your new website design. This can either be designs in your industry, other industries or even your favourite brand’s websites. Investing a few minutes searching online and gathering intel on your competition’s website in country and abroad, can inspire you to showcase a clean, crisp and innovative website.&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #212121; font-family: &amp;quot;Open Sans Condensed&amp;quot;, sans-serif; font-size: 24px; line-height: 1.1; margin-bottom: 12px; margin-top: 24px;&quot;&gt;
6. Have a measure of success mechanism in place.&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
Early on, in my Business Intelligence career, our Chief Marketing Officer at the time taught me one important lesson regarding reporting. He said, “You can’t manage what you don’t measure”.&amp;nbsp; I’ve found this to be true in every aspect of business. You need to set measurable goals that you want to achieve. These could be the number of unique visitors a month, page views, percentage of visitors that turn into leads or customers, etc.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
The free&amp;nbsp;&lt;a href=&quot;https://analytics.google.com/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: red; text-decoration-line: none;&quot;&gt;Google Analytics&lt;/a&gt;&amp;nbsp;tool will help you measure your website’s performance. With it, you can see which pages are visited the most, where your visitors are coming from and how they are finding your website, including the key words they are using to find you in search engines. You can then determine on what to improve on your Search Engine optimization (SEO).&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: dimgrey; font-family: Merriweather, serif; font-size: 14px; line-height: 24px; margin-bottom: 30px; margin-top: 15px;&quot;&gt;
Once you factor in all the above, you can go into budgets to be spent on the project, this includes, the web design fees, hosting fees, use of either stock images or photo shoot, etc. If you do it right, your website can be the best marketing tool you have. Ready to make your website your marketing tool?&amp;nbsp;&lt;a href=&quot;https://www.360nxdesigns.com/contact-us/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: dimgrey; text-decoration-line: none;&quot;&gt;Get in touch&lt;/a&gt;&amp;nbsp;with us and we will help you bring your idea to life&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/designing-new-website-for-your-business.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg12GropF8iFpLxUXpOL7lR5fMYIuBRP09yDN67tt3gSVr0wLbkbUkB5KGxOecc3edpTj2GR7UQzQeuY5u2o1fbI11ucQIqhDwI5gT-RBzFXA1yolMNGVD3ipZIPHGYs6VJEc-gSd4ZXeE/s72-c/6-Things-to-consider.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-5014730931621748900</guid><pubDate>Fri, 15 Mar 2019 11:31:00 +0000</pubDate><atom:updated>2019-07-25T13:01:02.753+02:00</atom:updated><title>How To Prevent SQL Injection With PHP</title><description>

&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;SQL injection is a technique, used to attack data-driven applications. Using this method, hackers will try to execute their SQL statements within your application and access your database data.&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4puQnXeXezTu-NkzyRF9FRjMsQCoNa0DTYvqD3dZBJXRHleUVtPlWgywd8-C6O3SgLOW7n58SqKgDQwZqvqwwkBmzeVzB23J-IBFLqspv8CpPUHR8g1yKFHfjygT_erRZtdfOa4q-0c/s1600/sql-injection-php.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;374&quot; data-original-width=&quot;800&quot; height=&quot;186&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4puQnXeXezTu-NkzyRF9FRjMsQCoNa0DTYvqD3dZBJXRHleUVtPlWgywd8-C6O3SgLOW7n58SqKgDQwZqvqwwkBmzeVzB23J-IBFLqspv8CpPUHR8g1yKFHfjygT_erRZtdfOa4q-0c/s400/sql-injection-php.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Here is an example SQL injection. Let&#39;s consider you have a login form with two fields - email (text field) and password (password field). Upon login, you will build and execute a similar query:&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_492196&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 861px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
3&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 829px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;lt;?php&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;SELECT * FROM `users` WHERE `email` = &#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;.&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;email&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;].&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&#39; AND `password` = &#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;.&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;password&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;].&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;?&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;You can see that the query is searching for a user in `users`table, which matches the email and password posted via the login form. However, since both email and password are not properly handled, an attacker can modify the query. Assume that they enter:&lt;/span&gt;&lt;br /&gt;
&lt;br style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px;&quot; /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Email: myemail@domain.com&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;Password: mypassword&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;The constructed query will be:&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_771290&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 752px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 720px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;SELECT * FROM `users` WHERE `email` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;myemail@domain.com&#39;&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;AND `password` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;mypassword&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;Which seems to be correct. However, if the attacker uses:&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;Email: myemail@domain.com&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;Password: mypassword&#39;; DROP TABLE &#39;users&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;the query will become:&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_937464&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 900px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 868px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;SELECT * FROM `users` WHERE `email` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;myemail@domain.com&#39;&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;AND `password` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;mypassword&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;; DROP TABLE &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;users&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;And of course, you do not want people to execute such queries over your database.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;To protect your PHP application from being abused via such SQL injections, you should correctly set all SQL queries that are being run. With older versions of PHP (&amp;gt;= 4.3.0, 5) you would do that with&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://php.net/manual/bg/function.mysql-real-escape-string.php&quot; style=&quot;box-sizing: border-box; color: #fc801c; cursor: pointer; display: inline-block; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.5s ease-in-out 0s;&quot; target=&quot;_blank&quot;&gt;mysql_real_escape_string()&lt;/a&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;. So above query would look like this:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_28741&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 1261px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
3&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 1229px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&amp;lt;?php&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;SELECT * FROM `users` WHERE `email` = &#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;.mysql_real_escape_string(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;email&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;]).&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&#39; AND `password` = &#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;.mysql_real_escape_string(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;password&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;]).&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;?&amp;gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;This is how the SQL injection protected query looks like now:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_905486&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 907px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 875px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;SELECT * FROM `users` WHERE `email` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;myemail@domain.com&#39;&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;AND `password` = &lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;mypassword\&#39;; DROP TABLE \&#39;users&#39;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;You can see that the data being passed via $_POST is now escaped and DROP TABLE query will not be executed separately, but will be considered as a part of the password string.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;With the latest versions of PHP you can now use PDO and prepared queries. Here is an example:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_53991&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 800px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
4&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 768px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$stmt&lt;/code&gt; &lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;= &lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$conn&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;-&amp;gt;prepare(&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;SELECT * FROM `users` WHERE `email`=:email AND `password` = :password&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$stmt&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;-&amp;gt;bindValue(&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;:email&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;email&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;]);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$stmt&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;-&amp;gt;bindValue(&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&#39;:password&#39;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;, &lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;password&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;]);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$stmt&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;-&amp;gt;execute();&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;The key function here is&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://php.net/manual/bg/pdo.prepare.php&quot; style=&quot;box-sizing: border-box; color: #fc801c; cursor: pointer; display: inline-block; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.5s ease-in-out 0s;&quot; target=&quot;_blank&quot;&gt;prepare()&lt;/a&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;. It secures the SQL query and protects it from SQL injections.&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;There are other ways to verify that data passed via SQL queries is valid and not abused. For example, if you expect an integer to be passed, you may use intval() to convert the inputted data into an integer.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #7a7777; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; font-size: 14px; margin: 0px; padding: 0px 0px 10px;&quot;&gt;
&lt;div class=&quot;syntaxhighlighter  php&quot; id=&quot;highlighter_127819&quot; style=&quot;border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 1em !important; margin: 0px !important; overflow: auto !important; padding: 0px 0px 10px; position: relative !important; width: 754px;&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;background: 0px 0px !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 752px;&quot;&gt;&lt;tbody style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;tr style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;td class=&quot;gutter&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: initial !important; border-left-style: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 720px;&quot;&gt;&lt;div class=&quot;container&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding-bottom: 10px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot; style=&quot;background-attachment: initial !important; background-clip: initial !important; background-image: initial !important; background-origin: initial !important; background-position: 0px 0px !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;&quot;&gt;
&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;SELECT * FROM `users` WHERE `age` = &#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;.&lt;/code&gt;&lt;code class=&quot;php functions&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(255, 20, 147) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;intval&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;php variable&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;$_POST&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;[&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;age&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;]).&lt;/code&gt;&lt;code class=&quot;php string&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;&quot;&#39;&quot;&lt;/code&gt;&lt;code class=&quot;php plain&quot; style=&quot;background: 0px 0px !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: consolas, &amp;quot;bitstream vera sans mono&amp;quot;, &amp;quot;courier new&amp;quot;, Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;br style=&quot;box-sizing: border-box; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; margin: 0px; padding: 0px;&quot; /&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;Or if you expect an email address, you can use email validation to guarantee that $_POST[&quot;email&quot;] is a valid email address. Take a look at our&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;https://www.phpcable.com/login_system_with_email%20validation&quot; style=&quot;box-sizing: border-box; color: #fc801c; cursor: pointer; display: inline-block; font-family: &amp;quot;Open Sans&amp;quot;, sans-serif; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-decoration-line: none; transition: all 0.5s ease-in-out 0s;&quot;&gt;PHP Validation And Verification&lt;/a&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;&amp;nbsp;tutorial for different string validations.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style=&quot;background-color: white; color: #7a7777; font-family: &amp;quot;open sans&amp;quot; , sans-serif; font-size: 14px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;open sans&amp;quot; , sans-serif;&quot;&gt;SQL injection is one of the top website vulnerabilities, so you should be very careful when using user inputted data to construct SQL queries.&lt;/span&gt;&lt;/span&gt;</description><link>https://phpcable.blogspot.com/2019/03/how-to-prevent-sql-injection-with-php.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf4puQnXeXezTu-NkzyRF9FRjMsQCoNa0DTYvqD3dZBJXRHleUVtPlWgywd8-C6O3SgLOW7n58SqKgDQwZqvqwwkBmzeVzB23J-IBFLqspv8CpPUHR8g1yKFHfjygT_erRZtdfOa4q-0c/s72-c/sql-injection-php.jpg" height="72" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-8370450172348846580</guid><pubDate>Tue, 12 Mar 2019 10:00:00 +0000</pubDate><atom:updated>2020-12-03T19:02:09.866+02:00</atom:updated><title>How Does Browser Works – Ryan Seddon</title><description>

&lt;br /&gt;
&lt;div class=&quot;lead&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 21px; line-height: 1.4; margin-bottom: 20px;&quot;&gt;
In our day to day life we talk to browser to get things exactly what we want, where we just enter the URL in the browser address bar. Browser actually makes request to the server on behalf of us, when server gives the response, browser renders the webpage the way it’s coded. In between browser request and final rendering of application/website we doesn’t know anything that browser take care for us. It will be very interesting if we know what is really happening in between browser request and final rendering of application/website.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
In the below video Ryan Seddon explaining how browser actually understands the given HTML page from the server, and also explaining how browser converts into designed/painted version of the application/website. Please spend some time to go through the video to know inner workings about&amp;nbsp;How Does Browser Works.&lt;/div&gt;
&lt;div class=&quot;clearfix&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;embed-responsive embed-responsive-16by9&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; height: 0px; overflow: hidden; padding: 0px 0px 453.516px; position: relative;&quot;&gt;
&lt;iframe __idm_frm__=&quot;711&quot; allowfullscreen=&quot;allowfullscreen&quot; class=&quot;embed-responsive-item&quot; frameborder=&quot;0&quot; height=&quot;150&quot; src=&quot;https://www.youtube.com/embed/SmE4OwHztCc&quot; style=&quot;border-style: initial; border-width: 0px; bottom: 0px; box-sizing: border-box; height: 453.516px; left: 0px; position: absolute; top: 0px; width: 806.25px;&quot; width=&quot;300&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div class=&quot;clearfix&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px;&quot;&gt;
&lt;/div&gt;
&lt;h2 style=&quot;background-color: white; box-sizing: border-box; color: #111111; font-family: Raleway; font-size: 2.7rem; line-height: 1.1852; margin-bottom: 10px; margin-top: 20px;&quot;&gt;
High level work flow of Browser&lt;/h2&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
This is the high level step by step work flow of how browser actually renders website.&lt;/div&gt;
&lt;div class=&quot;quads-location quads-ad2&quot; id=&quot;quads-ad2&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; float: none; font-family: Raleway; font-size: 14px; margin: 0px; text-align: center;&quot;&gt;
&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-4997600402648823&quot; data-ad-slot=&quot;2022189393&quot; data-adsbygoogle-status=&quot;done&quot; style=&quot;box-sizing: border-box; display: inline-block; height: 0px; width: 300px;&quot;&gt;&lt;ins id=&quot;aswift_2_expand&quot; style=&quot;background-color: transparent; border: none; box-sizing: border-box; display: inline-table; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 300px;&quot;&gt;&lt;ins id=&quot;aswift_2_anchor&quot; style=&quot;background-color: transparent; border: none; box-sizing: border-box; display: block; height: 0px; margin: 0px; opacity: 0; overflow: hidden; padding: 0px; position: relative; visibility: visible; width: 300px;&quot;&gt;&lt;iframe __idm_frm__=&quot;712&quot; allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; height=&quot;250&quot; hspace=&quot;0&quot; id=&quot;aswift_2&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;aswift_2&quot; scrolling=&quot;no&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: border-box; height: 250px; left: 0px; position: absolute; top: 0px; width: 300px;&quot; vspace=&quot;0&quot; width=&quot;300&quot;&gt;&lt;/iframe&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/div&gt;
&lt;img alt=&quot;High Level Work Flow of Browser&quot; class=&quot;aligncenter size-full wp-image-17918 jetpack-lazy-image jetpack-lazy-image--handled&quot; data-attachment-id=&quot;17918&quot; data-comments-opened=&quot;0&quot; data-image-description=&quot;&amp;lt;p&amp;gt;High Level Work Flow of Browser&amp;lt;/p&amp;gt;
&quot; data-image-meta=&quot;{&amp;quot;aperture&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;credit&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;camera&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;caption&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;created_timestamp&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;copyright&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;focal_length&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;iso&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;shutter_speed&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;title&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;orientation&amp;quot;:&amp;quot;0&amp;quot;}&quot; data-image-title=&quot;High Level Work Flow of Browser&quot; data-large-file=&quot;https://i1.wp.com/smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?fit=580%2C187&amp;amp;ssl=1&quot; data-lazy-loaded=&quot;1&quot; data-medium-file=&quot;https://i1.wp.com/smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?fit=300%2C97&amp;amp;ssl=1&quot; data-orig-file=&quot;https://i1.wp.com/smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?fit=617%2C199&amp;amp;ssl=1&quot; data-orig-size=&quot;617,199&quot; data-permalink=&quot;https://smarttutorials.net/how-does-browser-works-ryan-seddon/high-level-work-flow-of-browser/&quot; data-recalc-dims=&quot;1&quot; sizes=&quot;(max-width: 580px) 100vw, 580px&quot; src=&quot;https://i0.wp.com/www.smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?w=580&quot; srcset=&quot;https://i1.wp.com/smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?w=617&amp;amp;ssl=1 617w, https://i1.wp.com/smarttutorials.net/wp-content/uploads/2016/01/High-level-work-flow-of-browser.png?resize=300%2C97&amp;amp;ssl=1 300w&quot; style=&quot;background-color: white; border: 0px; box-sizing: border-box; clear: both; color: #333333; display: block; font-family: Raleway; font-size: 14px; margin: 25px auto; vertical-align: middle;&quot; /&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Browser actually creates the rendered tree for both HTML and CSS from given HTML page, then from the rendered tree it creates layout of coded HTML and finally does painting from the CSS style we coded.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Read more.&lt;br /&gt;
&lt;a href=&quot;http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #337ab7; text-decoration-line: none;&quot; target=&quot;_blank&quot;&gt;http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/&lt;/a&gt;&lt;br /&gt;

&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/how-does-browser-works-ryan-seddon.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/SmE4OwHztCc/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-4611556439211463904</guid><pubDate>Mon, 11 Mar 2019 14:43:00 +0000</pubDate><atom:updated>2020-12-03T19:00:10.312+02:00</atom:updated><title>How Does JavaScript Works</title><description>&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;In this tutorial I am going to share one of the most inspired video on&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px; font-weight: 700;&quot;&gt;How Does JavaScript Works&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;. Philip Roberts speech on&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px; font-weight: 700;&quot;&gt;How Does JavaScript Works&lt;/span&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;&amp;nbsp;in JsConf 2014 gives us really nice insights on how JavaScript really works inside the browser and JavaScript runtime environment.&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Philip Roberts explains&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
What is JavaScript runtime environment(V8)?&lt;br /&gt;
what does JavaScript runtime environment consists?&lt;br /&gt;
what is Heap and Stack?&lt;br /&gt;
What is Web API?&lt;br /&gt;
What is Callback queue?&lt;br /&gt;
what is event loop?&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Finally he explains how each of things will interact with each other.&amp;nbsp;Also he gives nice insights about synchronous, Asynchronous Ajax call, set Timeout, blocking and non blocking views. Please go through the following video to get know each and everything about&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;How Does JavaScript Works&lt;/span&gt;.&lt;/div&gt;
&lt;iframe __idm_frm__=&quot;631&quot; allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; height=&quot;250&quot; hspace=&quot;0&quot; id=&quot;aswift_2&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;aswift_2&quot; scrolling=&quot;no&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: border-box; height: 250px; left: 0px; position: absolute; top: 0px; width: 300px;&quot; vspace=&quot;0&quot; width=&quot;300&quot;&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;div class=&quot;clearfix&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;embed-responsive embed-responsive-16by9&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; height: 0px; overflow: hidden; padding: 0px 0px 453.516px; position: relative;&quot;&gt;
&lt;iframe __idm_frm__=&quot;632&quot; allowfullscreen=&quot;allowfullscreen&quot; class=&quot;embed-responsive-item&quot; frameborder=&quot;0&quot; height=&quot;150&quot; src=&quot;https://www.youtube.com/embed/8aGhZQkoFbQ&quot; style=&quot;border-style: initial; border-width: 0px; bottom: 0px; box-sizing: border-box; height: 453.516px; left: 0px; position: absolute; top: 0px; width: 806.25px;&quot; width=&quot;300&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;div class=&quot;clearfix&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;img alt=&quot;How Does JavaScript Works&quot; class=&quot;aligncenter size-full wp-image-17980 jetpack-lazy-image jetpack-lazy-image--handled&quot; data-attachment-id=&quot;17980&quot; data-comments-opened=&quot;0&quot; data-image-description=&quot;&amp;lt;p&amp;gt;How Does JavaScript Works&amp;lt;/p&amp;gt;
&quot; data-image-meta=&quot;{&amp;quot;aperture&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;credit&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;camera&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;caption&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;created_timestamp&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;copyright&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;focal_length&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;iso&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;shutter_speed&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;title&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;orientation&amp;quot;:&amp;quot;0&amp;quot;}&quot; data-image-title=&quot;How Does JavaScript Works&quot; data-large-file=&quot;https://i0.wp.com/smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?fit=553%2C312&amp;amp;ssl=1&quot; data-lazy-loaded=&quot;1&quot; data-medium-file=&quot;https://i0.wp.com/smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?fit=300%2C169&amp;amp;ssl=1&quot; data-orig-file=&quot;https://i0.wp.com/smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?fit=553%2C312&amp;amp;ssl=1&quot; data-orig-size=&quot;553,312&quot; data-permalink=&quot;https://smarttutorials.net/how-does-javascript-works/how-does-javascript-works/&quot; data-recalc-dims=&quot;1&quot; sizes=&quot;(max-width: 553px) 100vw, 553px&quot; src=&quot;https://i0.wp.com/www.smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?w=580&quot; srcset=&quot;https://i0.wp.com/smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?w=553&amp;amp;ssl=1 553w, https://i0.wp.com/smarttutorials.net/wp-content/uploads/2016/01/How-Does-JavaScript-Works.jpg?resize=300%2C169&amp;amp;ssl=1 300w&quot; style=&quot;border: 0px; box-sizing: border-box; clear: both; display: block; font-size: 14px; margin: 25px auto; vertical-align: middle;&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Why JavaScript is single threaded programming language?&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
JavaScript is a single threaded programming language, single threaded Runtime, it has a single call stack. And it can do one thing at a time, that’s what a single thread means, the program can run one piece of code at a time.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;text-center&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
One Thread == One Call Stack == One thing at a time&lt;/div&gt;
&lt;div class=&quot;text-center&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; text-align: center;&quot;&gt;
&lt;a class=&quot;btn btn-default btn-success&quot; href=&quot;http://latentflip.com/loupe&quot; style=&quot;background-color: rgb(87, 199, 0) !important; background-image: none; border-radius: 4px; border: 0px !important; box-shadow: rgb(77, 179, 0) 0px 3px 0px, rgba(0, 0, 0, 0.2) 0px 5px 2px !important; box-sizing: border-box; color: white; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.42857; margin-bottom: 0px; min-width: 400px; padding: 15px 50px; position: relative; text-decoration-line: none; touch-action: manipulation; user-select: none; vertical-align: middle; white-space: nowrap;&quot; target=&quot;_blank&quot; title=&quot;Demo JavaScript Event Loop&quot;&gt;Demo JavaScript Event Loop&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Here is the full transcript of his talk.&lt;/div&gt;
&lt;div class=&quot;text-center&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; text-align: center;&quot;&gt;
&lt;a class=&quot;btn btn-default btn-success&quot; href=&quot;http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html&quot; style=&quot;background-color: rgb(87, 199, 0) !important; background-image: none; border-radius: 4px; border: 0px !important; box-shadow: rgb(77, 179, 0) 0px 3px 0px, rgba(0, 0, 0, 0.2) 0px 5px 2px !important; box-sizing: border-box; color: white; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.42857; margin-bottom: 0px; min-width: 400px; padding: 15px 50px; position: relative; text-decoration-line: none; touch-action: manipulation; user-select: none; vertical-align: middle; white-space: nowrap;&quot; target=&quot;_blank&quot; title=&quot;Full Transcript of Philip Roberts How Does JavaScript Works Talk &quot;&gt;Full Transcript of Philip Roberts Talk&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;quads-location quads-ad1&quot; id=&quot;quads-ad1&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; float: none; font-family: Raleway; font-size: 14px; margin: 0px; text-align: center;&quot;&gt;
&lt;/div&gt; &lt;br /&gt;
</description><link>https://phpcable.blogspot.com/2019/03/how-does-javascript-works.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/8aGhZQkoFbQ/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7431915652198311144</guid><pubDate>Mon, 11 Mar 2019 08:04:00 +0000</pubDate><atom:updated>2020-12-03T18:55:25.083+02:00</atom:updated><title>HTTP To HTTPS Redirect Using Htaccess</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmYVi4rjBP3FuocvuCS7RssWGUTqW9joqGqt_AoOlqr2EvHnuEGX1NAxlQRJ0p1u5JOCj-9tMVioL_krC9qEl0s8El4d8RBQ74NlLOs3UQfWPuHAo4YNwOQ5yALox-wvGVBNMj6x_XnU/s1600/http-https-htaccess.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;315&quot; data-original-width=&quot;560&quot; height=&quot;360&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmYVi4rjBP3FuocvuCS7RssWGUTqW9joqGqt_AoOlqr2EvHnuEGX1NAxlQRJ0p1u5JOCj-9tMVioL_krC9qEl0s8El4d8RBQ74NlLOs3UQfWPuHAo4YNwOQ5yALox-wvGVBNMj6x_XnU/s640/http-https-htaccess.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h1 class=&quot;post-title entry-title&quot; style=&quot;border: 0px none; box-sizing: border-box; font-family: &amp;quot;Droid Sans&amp;quot;, serif; font-size: 35px; line-height: 1.3em; margin: 20px 0px 10px; padding: 0px; position: relative; text-transform: capitalize;&quot;&gt;
&lt;br /&gt;&lt;/h1&gt;

&lt;div class=&quot;post-body entry-content&quot; id=&quot;post-body-4871667599530158286&quot; style=&quot;box-sizing: border-box; color: #1e1e1e; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 15px; line-height: 25px; margin: 0px; overflow-wrap: break-word; padding: 0px; text-align: justify; width: 645.828px;&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;box-sizing: border-box; text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Create .htaccess file in your public_html folder if not exists. Add following conditions in it to redirect from http to https.&amp;nbsp;&lt;br style=&quot;box-sizing: border-box;&quot; /&gt;&lt;pre style=&quot;background: rgb(46, 46, 46); border-radius: 8px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: white; font-family: &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; line-height: 18px; margin: 1em auto; overflow-wrap: break-word; overflow: auto; padding: 1.5em 3em; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code class=&quot;language &quot; style=&quot;background: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
&lt;/code&gt;
&lt;/pre&gt;
If Apache version is below 2 use this&lt;pre style=&quot;background: rgb(46, 46, 46); border-radius: 8px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: white; font-family: &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; line-height: 18px; margin: 1em auto; overflow-wrap: break-word; overflow: auto; padding: 1.5em 3em; white-space: pre-wrap; word-break: break-all;&quot;&gt;&lt;code class=&quot;language &quot; style=&quot;background: transparent; border-radius: 0px; box-sizing: border-box; color: inherit; font-family: &amp;quot;Courier New&amp;quot;, monospace; font-size: inherit; padding: 0px;&quot;&gt;
RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
&lt;/code&gt;
&lt;/pre&gt;
&lt;/div&gt;
&lt;div style=&quot;box-sizing: border-box; clear: both;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;post-footer&quot; style=&quot;box-sizing: border-box; color: #1e1e1e; font-family: &amp;quot;open sans&amp;quot;, sans-serif; font-size: 15px; line-height: 1.6;&quot;&gt;
&lt;div class=&quot;post-footer-line post-footer-line-1&quot; style=&quot;box-sizing: border-box;&quot;&gt;
&lt;div style=&quot;box-sizing: border-box; margin-left: 0px; margin-right: 1em; text-align: center;&quot;&gt;
&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-1797831005794087&quot; data-ad-slot=&quot;9679793798&quot; data-adsbygoogle-status=&quot;done&quot; style=&quot;box-sizing: border-box; display: inline-block; height: 0px; width: 336px;&quot;&gt;&lt;ins id=&quot;aswift_1_expand&quot; style=&quot;border: none; box-sizing: border-box; display: inline-table; height: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 336px;&quot;&gt;&lt;ins id=&quot;aswift_1_anchor&quot; style=&quot;border: none; box-sizing: border-box; display: block; height: 0px; margin: 0px; opacity: 0; overflow: hidden; padding: 0px; position: relative; visibility: visible; width: 336px;&quot;&gt;&lt;iframe __idm_frm__=&quot;1024&quot; allowfullscreen=&quot;true&quot; allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; height=&quot;280&quot; hspace=&quot;0&quot; id=&quot;aswift_1&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; name=&quot;aswift_1&quot; scrolling=&quot;no&quot; style=&quot;border-style: initial; border-width: 0px; box-sizing: border-box; height: 280px; left: 0px; position: absolute; top: 0px; width: 336px;&quot; vspace=&quot;0&quot; width=&quot;336&quot;&gt;&lt;/iframe&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/http-to-https-redirect-using-htaccess.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmYVi4rjBP3FuocvuCS7RssWGUTqW9joqGqt_AoOlqr2EvHnuEGX1NAxlQRJ0p1u5JOCj-9tMVioL_krC9qEl0s8El4d8RBQ74NlLOs3UQfWPuHAo4YNwOQ5yALox-wvGVBNMj6x_XnU/s72-c/http-https-htaccess.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-4746023965035978012</guid><pubDate>Fri, 08 Mar 2019 12:24:00 +0000</pubDate><atom:updated>2020-12-03T17:37:00.746+02:00</atom:updated><title>Life Lessons</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbo5bXyvuUwCORjSDjvXf4V1KDsEvVcCBi77gnmDx_s3maL_zquI5SxExVOvfJaU1gGMSBOfXyxfc_bRlDUTZEBvugYix4eodv9NjPSjkTag9qESpbllYswzrGNMjtE7zzc4QYTNzmuv0/s1600/Life+Lessons.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;512&quot; data-original-width=&quot;1024&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbo5bXyvuUwCORjSDjvXf4V1KDsEvVcCBi77gnmDx_s3maL_zquI5SxExVOvfJaU1gGMSBOfXyxfc_bRlDUTZEBvugYix4eodv9NjPSjkTag9qESpbllYswzrGNMjtE7zzc4QYTNzmuv0/s640/Life+Lessons.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;
&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;&lt;em style=&quot;margin: 0px; padding: 0px;&quot;&gt;Note: The following article contains my own bullet-points and conclusions from the book “&lt;a href=&quot;http://amzn.com/1576754758&quot; style=&quot;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #cc6666; display: inline-block; margin: 0px; padding: 0px; text-decoration-line: none; transition: color 0.3s ease 0s, opacity 0.3s ease 0s, background 0.3s ease 0s;&quot;&gt;Five Secrets you must discover before you die&lt;/a&gt;”. I recommend you read the book if you enjoyed this article.&lt;/em&gt;&amp;nbsp;The lessons you must learn in life are:&lt;/span&gt;&lt;/div&gt;

&lt;br /&gt;
&lt;script async=&quot;&quot; src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!--Horizontal Display Ads--&gt;
&lt;ins class=&quot;adsbygoogle&quot; data-ad-client=&quot;ca-pub-1239203646035249&quot; data-ad-format=&quot;auto&quot; data-ad-slot=&quot;7704176187&quot; data-full-width-responsive=&quot;true&quot; style=&quot;display: block;&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;br /&gt;

&lt;ol style=&quot;background-color: white; color: #333333; font-family: &amp;quot;Avenir Next&amp;quot;, Avenir, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; font-size: 28px; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1.5em; padding: 0px 0px 0px 0.2em;&quot;&gt;Be true to yourself&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1.5em; padding: 0px 0px 0px 0.2em;&quot;&gt;Leave no regrets (risk)&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1.5em; padding: 0px 0px 0px 0.2em;&quot;&gt;Become love&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1.5em; padding: 0px 0px 0px 0.2em;&quot;&gt;Live the moment&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1.5em; padding: 0px 0px 0px 0.2em;&quot;&gt;Give more than you take&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
I’ll go over each lesson and elaborate it. Also, in the conclusion I’ll show you how to put these lessons into practice.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##1. Be true to yourself&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Ask everyday if you’re living life at its fullest.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Am I following my heart right now?&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Does this task, job, relationship, matter to me? If no, take actions to change it.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##2. Leave no regrets (risk)&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;You have a choice: Live in fear or focus on what you want and how to achieve it.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Risk and regret are tied together.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Because of the fear of rejection, failure, or uncertainty we die with our dreams unfulfilled, and our stories untold.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Risk is a major contributor to greater fulfilment.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Choose the path which will make the best story.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##3. Become love&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;There’s a fight going on between two wolves inside us: Evil wolf: anger, envy, greed, superiority, regret, fear, empty excuses. Good wolf: peace, love, hope, kindness, humility. Which wolf wins? The one you choose to feed.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Act with love towards the closest to you. Make loving relationships. A Mercedes won’t come to visit you in hospital.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Your checkbook is not your success — The people you meet and influence in your life will be your success.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##4. Live the moment&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;When you are young, 60 years seems like an eternity. But after you have lived them, they are but a moment.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Don’t focus on the past or future; experience each moment.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Judge your lifeless and enjoy it more.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;In order to live fully, you must banish the word “boring” from your dictionary.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Live in the present; it’s the only moment in which we have any power.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##5. Give more than you take&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Tasks of human life: to lose ourselves and to find ourselves.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Losing ourselves is about seeing that we are connected to something much larger, something that had a life before us (God, Nature). Yet we are significant because we are part of a larger entity.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Finding ourselves is about discovering what we love, how to express ourselves, our own voice, and our calling.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;There’s no better way than to dedicate our life to giving and leaving the world a better place than we found it.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;If you are unhappy, get busy doing something for someone else. If you concentrate on yourself you will be unhappy, but if you focus on helping others you will find happiness. Happiness comes from serving and loving.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Few will have the greatness to bend history; but each of us can work to change a small portion of events, and in the total of all those acts will be written the history of a generation.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;background-color: white; color: #333333; padding: 0px 0px 1.55em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;
##Putting the lessons into practice&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;background-color: white; color: #333333; margin: 0px; padding: 0px 0px 1.55em;&quot;&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Knowing is not the problem, we have to put them into practice as well.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Answers and experimentation: we pay attention and we try things. In the process, we constantly self-connect and refine until we achieve mastery.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Knowing these lessons will not change your life, living them will.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;The greatest fear at the end of life was not death but not having lived.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;What we fear at the end is great incompleteness — that we did not do what we were born to do.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;We must choose to live fully so that we don’t have any regrets at the end.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0.4em;&quot;&gt;&lt;span style=&quot;font-family: inherit; font-size: medium;&quot;&gt;Try to resist the temptation to judge your life. Rather, ask how I can embrace these secrets more deeply. The judging mind paralyzes us by giving us a false sense of perfection or by giving us a deep sense of inadequacy.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
</description><link>https://phpcable.blogspot.com/2019/03/life-lessons.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbo5bXyvuUwCORjSDjvXf4V1KDsEvVcCBi77gnmDx_s3maL_zquI5SxExVOvfJaU1gGMSBOfXyxfc_bRlDUTZEBvugYix4eodv9NjPSjkTag9qESpbllYswzrGNMjtE7zzc4QYTNzmuv0/s72-c/Life+Lessons.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-5231508271973016338</guid><pubDate>Wed, 06 Mar 2019 18:02:00 +0000</pubDate><atom:updated>2020-12-03T18:52:54.988+02:00</atom:updated><title>We are pleased to announce the launch of our brand new website! www.phpcable.com</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7We9LJ3aqdvSsTfa3voFM-8k7PoyUTBUJhLcQq5L1KwiMqi09s3XqZFfh3mskz_SUiFtJhyL2imkcqDVsM2-4PzkJRDNosgU97U2sZ6TEfDQ8tra-TEiOleIij5TgQZThAwkJodaraI/s1600/PhpCable+++Home.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;655&quot; data-original-width=&quot;1349&quot; height=&quot;310&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7We9LJ3aqdvSsTfa3voFM-8k7PoyUTBUJhLcQq5L1KwiMqi09s3XqZFfh3mskz_SUiFtJhyL2imkcqDVsM2-4PzkJRDNosgU97U2sZ6TEfDQ8tra-TEiOleIij5TgQZThAwkJodaraI/s640/PhpCable+++Home.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
After months of hard work, we are delighted to officially announce the launch of our website today February 3rd, 2018. 
You can now find us at &lt;a href=&quot;http://www.phpcable.com/&quot;&gt;www.phpcable.com&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
We are a small group of professional web designers and developers who are dedicated to creating powerful, effective and
 engaging websites. Our bold design style and use of ultra-clean standards-based markup code combine to produce websites
 that boast exceptional search engine result positions, increased conversions and superior visitor loyalty.&lt;br /&gt;
&lt;br /&gt;
Future Design creates strong internet marketing campaigns and effective web presences for small to medium size businesses. 
We specialize in designing powerful branding and developing World Wide Web Consortium (W3C) standards compliant websites 
that are compatible with the latest devices.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.phpcable.com/&quot; target=&quot;_blank&quot;&gt;PhpCable&lt;/a&gt; is an online free PHP tutorial website, specially customized for candidates who are seeking complete practice based
 guidance in the field of PHP development. &lt;br&gt;
&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Horizontal Display Ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1239203646035249&quot;
     data-ad-slot=&quot;7704176187&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt; &lt;br&gt;
 The tutorial promises complete guidance to the beginners as well as to the experienced PHP programmers who looking forward to
 improve and update their knowledge in PHP domain, like MySQL, Cake PHP, Codeigniter, Joomla.

 It is guaranteed that this single tutorial website will enable the candidates in gaining complete, step by step, systematic and 
practice based knowledge as the tutorial program is loaded with features like easy to grasp content, in-depth explanations, 
updated version, and practically appropriate supported multiple examples.&lt;br /&gt;
&amp;nbsp;

&lt;br /&gt;
We are happy to help all the PHP learners and always strive to help them enabled with skills and expertise 
and abilities to create powerful PHP based Web Applications with precision and perfection only at &lt;a href=&quot;http://phpcable.com/&quot;&gt;PhpCable.com&lt;/a&gt;. 
There are more than 50 projects on PHP and ample amount of study materials available free, for the PHP aspirants.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
For any questions, suggestions, feedback or comments, please E-mail us.&lt;br /&gt;
&lt;br /&gt;
Thank You!&lt;br /&gt;
&lt;br /&gt;
&lt;em&gt;Mr.Erick Kennedy Sakala &lt;/em&gt;

&lt;br /&gt;
&lt;b&gt;&lt;i&gt;&lt;span style=&quot;font-size: xx-small;&quot;&gt;
C.E.O &lt;/span&gt;&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;</description><link>https://phpcable.blogspot.com/2018/02/we-are-pleased-to-announce-launch-of.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7We9LJ3aqdvSsTfa3voFM-8k7PoyUTBUJhLcQq5L1KwiMqi09s3XqZFfh3mskz_SUiFtJhyL2imkcqDVsM2-4PzkJRDNosgU97U2sZ6TEfDQ8tra-TEiOleIij5TgQZThAwkJodaraI/s72-c/PhpCable+++Home.png" height="72" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-7912715499988025898</guid><pubDate>Wed, 06 Mar 2019 17:54:00 +0000</pubDate><atom:updated>2019-07-25T13:08:58.824+02:00</atom:updated><title>How to Add RSS Email Subscription Box To Website</title><description>&lt;div&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;Before continuing this tutorial please refer my previous tutorial on “&lt;/span&gt;&lt;a href=&quot;https://phpcable.blogspot.com/2018/03/how-to-add-google-rss-feed-to-website.html&quot; style=&quot;background-color: white; box-sizing: border-box; color: #337ab7; font-family: Raleway; font-size: 21px; text-decoration-line: none;&quot; target=&quot;_blank&quot; title=&quot;how to link google rss feedburner to website&quot;&gt;how to link Google RSS feedburner to website&lt;/a&gt;&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;” to improve website traffic. one of the nice way to make visitor to subscribe for blog updates is add RSS&amp;nbsp;email subscription box to our website. Follow simple steps to add&amp;nbsp;email subscription box to your website.&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrplVLxhCGQk_qXK_15lUWcipGQvHEb1ioNi7M8LhFAZ2GtmG6x-uB4ot-dyvfqHn_1D2HO1DMNvp9qhfkGZFc1YXmOlBOVhcUjZBlbCvl6UuiQVLdchPnbq6sYzbSJmnNzrAi0-KFRQ0/s1600/how-to-add-rss-email-subscription-box-to-website.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;185&quot; data-original-width=&quot;294&quot; height=&quot;201&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrplVLxhCGQk_qXK_15lUWcipGQvHEb1ioNi7M8LhFAZ2GtmG6x-uB4ot-dyvfqHn_1D2HO1DMNvp9qhfkGZFc1YXmOlBOVhcUjZBlbCvl6UuiQVLdchPnbq6sYzbSJmnNzrAi0-KFRQ0/s320/how-to-add-rss-email-subscription-box-to-website.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_268&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 304px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
RSS email subscription box&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
step 1: Login into your Google feeburner account using Google account. Then click on your feed link you created before just like one shown in the below picture.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRISOxv1QXvb34ki9rwwaSXhqqC6vcPyLhWVzONMOOG2WwDVgqHhrPy9YoxHO6DJo5pVoEG-LI6g3k03feimShGV_qG4cVzhoq5V97Ei7LpEQEnBDq4-OXuOM3Re4wHv-1f6ljtjuW2gs/s1600/My+Feeds.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;699&quot; data-original-width=&quot;1349&quot; height=&quot;329&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRISOxv1QXvb34ki9rwwaSXhqqC6vcPyLhWVzONMOOG2WwDVgqHhrPy9YoxHO6DJo5pVoEG-LI6g3k03feimShGV_qG4cVzhoq5V97Ei7LpEQEnBDq4-OXuOM3Re4wHv-1f6ljtjuW2gs/s640/My+Feeds.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_269&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 604px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
RSS feed burner home page&lt;/div&gt;
&lt;/div&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 21px;&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
step 2: Find&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;publicize&lt;/span&gt;&amp;nbsp;button in the main menu and select it, then navigate to left sidebar and select Email&amp;nbsp;subscription&amp;nbsp;button.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXVsA_llutfCVgGID4u2DhcUq4NFzT2NfVPNNIC3NjFsvs3IouaEWQLvMm1upa37yu4GWuOdIP5OLEGFjZ_rv29CWqSBiz1WeAUnEdHsz_mLiHmzFGsHXxe1Bd6STPrpjvaJePu36YAI/s1600/Publicize++++Publicize+Your+Feed.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;581&quot; data-original-width=&quot;1349&quot; height=&quot;273&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIXVsA_llutfCVgGID4u2DhcUq4NFzT2NfVPNNIC3NjFsvs3IouaEWQLvMm1upa37yu4GWuOdIP5OLEGFjZ_rv29CWqSBiz1WeAUnEdHsz_mLiHmzFGsHXxe1Bd6STPrpjvaJePu36YAI/s640/Publicize++++Publicize+Your+Feed.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_270&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 605px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
Find publicize and Email subscription button and select it.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
step 3:&amp;nbsp;Now click on Activate button at the bottom to activate email subscription service, unless it is activated already.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKwbXbHHi6lmQZoUI3Cl1wkP7Xh4kurbSwmFcS2A1VkFD_nDi186uXvFn82sR4BE00007fycBWT6Do4Re6cujYeBIEAgujr3osjfL8gY7aWzUhaJsprLe72W90oPFSRJgjQXmvFA3vVg/s1600/how-to-add-rss-email-subscription-box-to-website-2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;139&quot; data-original-width=&quot;539&quot; height=&quot;82&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKwbXbHHi6lmQZoUI3Cl1wkP7Xh4kurbSwmFcS2A1VkFD_nDi186uXvFn82sR4BE00007fycBWT6Do4Re6cujYeBIEAgujr3osjfL8gY7aWzUhaJsprLe72W90oPFSRJgjQXmvFA3vVg/s320/how-to-add-rss-email-subscription-box-to-website-2.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_271&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 549px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
Activate email subscription service using activate button&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Step 4: Now copy&amp;nbsp;the&amp;nbsp;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;Subscription Form Code&lt;/span&gt;&amp;nbsp;found in the page and paste the code in the sidebar widget of the blog or wordpress.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTCM8BARKqBISsOIkQYMBXBVwOimDSOp-p-wkLKsHoQcWfIOewJI6PRvUfnM013vqYX7bg-raZYfKGY3VQQox80ncxHNuynqTmUXaJfa3G3NEg2FzBvGaBdq6T3rBTJCUEmalxGYf31Q/s1600/Publicize++++Email+Subscriptions.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;744&quot; data-original-width=&quot;970&quot; height=&quot;245&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTCM8BARKqBISsOIkQYMBXBVwOimDSOp-p-wkLKsHoQcWfIOewJI6PRvUfnM013vqYX7bg-raZYfKGY3VQQox80ncxHNuynqTmUXaJfa3G3NEg2FzBvGaBdq6T3rBTJCUEmalxGYf31Q/s320/Publicize++++Email+Subscriptions.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_272&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 588px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
RSS email subscription form code&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Step 4. Now paste the code on your blog widget or on your website here you what the subscription form to appear.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Step 5. See the live RSS email subscription box in my blog.&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmR8lRIE2kauShY3rZMl2Gs9nlxGRQtpeHI0APnynZcQuyjkUMs9sdaPwP4M18SM2sOIPfqhlussEudy6cb6WUlALqD2jpyKkBJW9xyzZUGvGusaiKR5W85oDJWSlzLxhKGT6GeTiKB2s/s1600/how-to-add-rss-email-subscription-box-to-website1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;185&quot; data-original-width=&quot;294&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmR8lRIE2kauShY3rZMl2Gs9nlxGRQtpeHI0APnynZcQuyjkUMs9sdaPwP4M18SM2sOIPfqhlussEudy6cb6WUlALqD2jpyKkBJW9xyzZUGvGusaiKR5W85oDJWSlzLxhKGT6GeTiKB2s/s1600/how-to-add-rss-email-subscription-box-to-website1.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;wp-caption aligncenter&quot; id=&quot;attachment_275&quot; style=&quot;background-color: white; box-sizing: border-box; clear: both; color: #333333; font-family: Raleway; font-size: 14px; margin-left: auto; margin-right: auto; width: 304px;&quot;&gt;
&lt;div class=&quot;wp-caption-text&quot; style=&quot;box-sizing: border-box; font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: center;&quot;&gt;
Live RSS email subscription box&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
NOTE: Please subscribe to my blog post, so that you will get regular technology updates from PhpCable.&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Mr Kennedy Sakala&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
www.phpcable.com&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
whatsapp&amp;nbsp;+260976196939&lt;/div&gt;
&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2018/03/how-to-add-rss-email-subscription-box.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrplVLxhCGQk_qXK_15lUWcipGQvHEb1ioNi7M8LhFAZ2GtmG6x-uB4ot-dyvfqHn_1D2HO1DMNvp9qhfkGZFc1YXmOlBOVhcUjZBlbCvl6UuiQVLdchPnbq6sYzbSJmnNzrAi0-KFRQ0/s72-c/how-to-add-rss-email-subscription-box-to-website.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-8823510336232688676.post-8231992248429493464</guid><pubDate>Wed, 06 Mar 2019 14:26:00 +0000</pubDate><atom:updated>2020-12-03T18:46:18.119+02:00</atom:updated><title>jQuery Autocomplete Search using Ajax, MySQL and PHP</title><description>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;jQuery Autocomplete Search using Ajax, MySQL and PHP&lt;/span&gt;&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWzX-AD47dJswhhu4UdysX5JCWe3GYhMROPrUdhjKnbYoNF9cppwYImXdfDPvN_OgazGcymNc5UFNeb6QobMCah7g5T2xNmvXMHbaCRo1E_VuDfjaOuRJ-4Jub2EeAohBfYOvQSiCbcM/s1600/jquery-autocomplete-using-php-mysql-ajax2.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;300&quot; data-original-width=&quot;700&quot; height=&quot;171&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWzX-AD47dJswhhu4UdysX5JCWe3GYhMROPrUdhjKnbYoNF9cppwYImXdfDPvN_OgazGcymNc5UFNeb6QobMCah7g5T2xNmvXMHbaCRo1E_VuDfjaOuRJ-4Jub2EeAohBfYOvQSiCbcM/s400/jquery-autocomplete-using-php-mysql-ajax2.png&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;;&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Step 1:&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt; &lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Horizontal Display Ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1239203646035249&quot;
     data-ad-slot=&quot;7704176187&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: &amp;quot;raleway&amp;quot;; font-size: 18px;&quot;&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Create following sample database and tables to implement this jQuery autocomplete functionality using following sql queries.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;lang:default decode:true language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CREATE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DATABASE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;IF&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;EXISTS&lt;/span&gt; &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`autocomplete`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DEFAULT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CHARACTER&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;SET&lt;/span&gt; latin1 &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;COLLATE&lt;/span&gt; latin1_swedish_ci&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;USE&lt;/span&gt; &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`autocomplete`&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;lang:default decode:true language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CREATE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;TABLE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;IF&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;EXISTS&lt;/span&gt; &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`country`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`id`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;11&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;AUTO_INCREMENT&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`iso`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;char&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`name`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;varchar&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;80&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`nicename`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;varchar&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;80&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`iso3`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;char&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DEFAULT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`numcode`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;smallint&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DEFAULT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`phonecode`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;PRIMARY&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;KEY&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`id`&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;ENGINE&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;MyISAM  &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DEFAULT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CHARSET&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;latin1 &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;AUTO_INCREMENT&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;240&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;lang:default decode:true language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CREATE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;TABLE&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;IF&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;EXISTS&lt;/span&gt; &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`names`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`id`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;11&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;AUTO_INCREMENT&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`fruit`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;varchar&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`human`&lt;/span&gt;&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;varchar&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NOT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;NULL&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
  &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;PRIMARY&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;KEY&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token template-string&quot; style=&quot;box-sizing: border-box;&quot;&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;`id`&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;ENGINE&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;InnoDB  &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DEFAULT&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;CHARSET&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;latin1 &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;AUTO_INCREMENT&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token number&quot; style=&quot;box-sizing: border-box; color: #ae81ff;&quot;&gt;166&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 1; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Please download sql dump and source of this tutorial using blow Download link .&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;color: #333333; font-family: &amp;quot;raleway&amp;quot;;&quot;&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;&lt;a href=&quot;https://www.phpcable.com/jquery_autocomplete&quot;&gt;https://www.phpcable.com/jquery_autocomplete&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;Step 2:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Create config.php file to have database connections in a separate file.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt; 
&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;?&lt;/span&gt;php
&lt;span class=&quot;token comment&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;/*
Site : phpcable.com
Author :Erick Kennedy Sakala
*/&lt;/span&gt;
&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;define&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;DB_HOST&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;localhost&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;define&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;DB_NAME&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;autocomplete&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;define&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;DB_USER&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;root&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;define&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;DB_PASSWORD&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;mysql&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;

$conn &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;mysqli_connect&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DB_HOST&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DB_USER&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DB_PASSWORD&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token constant&quot; style=&quot;box-sizing: border-box; color: #f92672;&quot;&gt;DB_NAME&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token comment&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;// Check connection&lt;/span&gt;
&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;!&lt;/span&gt;$conn&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;die&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;Connection failed: &quot;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;mysqli_connect_error&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt; 
&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;Step 3:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Now create index.php file and create following textbox.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;lang:default decode:true language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;input id&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;country_name&quot;&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;form-control txt-auto&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;Step 4:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
If you want to implement this autocomplete functionality minimum you need following jquery and css files.&lt;br /&gt;
(jquery.min.js, jquery.ui.min.js and jquery.ui.min.css). add following files in your index.php file.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;lang:default decode:true language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;link rel&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;stylesheet&quot;&lt;/span&gt; href&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;css/jquery-ui-1.10.3.custom.min.css&quot;&lt;/span&gt; &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;script src&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;js/jquery-1.10.2.min.js&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;script&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt; 
&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;script src&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;js/jquery-ui-1.10.3.custom.min.js&quot;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;/&lt;/span&gt;script&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;Step 5:&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
This following jquery scripts will get whatever&amp;nbsp;&amp;nbsp; &amp;nbsp;user types in the textbox, and makes ajax request to the server with data, user entered in the textbox. Finally get the response from the server and shows as suggestions.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;#country_name&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;autocomplete&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
    source&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; cb&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
        $&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
            url&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;ajax.php&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
            method&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;GET&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
            dataType&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;json&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
            data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                name&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;term
            &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
            success&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;res&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;var&lt;/span&gt; result&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;

                result &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;
                    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                        label&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;There is matching record found for &#39;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;+&lt;/span&gt;data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;term&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
                        value&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;&#39;&lt;/span&gt;
                    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
                &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;

                &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;res&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;length&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                    result &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; $&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;map&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;res&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;name&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                        &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
                            label&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; name&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt;
                            value&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;:&lt;/span&gt; name
                        &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
                    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
                &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;

                &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;cb&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;result&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
            &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
        &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; line-height: 30px; margin-bottom: 10px;&quot;&gt;
&lt;span style=&quot;font-size: large;&quot;&gt;&lt;b&gt;Step 6:&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
create ajax.php file that will handle all ajax request from the client.&lt;/div&gt;
&lt;div class=&quot;code-toolbar&quot; style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 14px; position: relative;&quot;&gt;
&lt;pre class=&quot;language-javascript&quot; style=&quot;background: rgb(39, 40, 34); border-radius: 0.3em; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #f8f8f2; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: 13px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;&lt;code class=&quot;language-javascript&quot; style=&quot;background: 0px 0px; border-radius: 0px; box-sizing: border-box; font-family: Consolas, Monaco, &amp;quot;Andale Mono&amp;quot;, &amp;quot;Ubuntu Mono&amp;quot;, monospace; font-size: inherit; hyphens: none; line-height: 1.5; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px; word-break: normal; word-spacing: normal;&quot;&gt;
&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;?&lt;/span&gt;php
&lt;span class=&quot;token comment&quot; style=&quot;box-sizing: border-box; color: slategrey;&quot;&gt;/*
Site :  phpcable.com
Author :Erick Kennedy Sakala
 */&lt;/span&gt;
require_once &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;config.php&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;

$data &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;array&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;!&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;empty&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$_GET&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;name&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
    $name &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;strtolower&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;trim&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$_GET&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;name&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
    $sql &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;SELECT name FROM country where LOWER(name) LIKE &#39;&quot;&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt;$name&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;.&lt;/span&gt; &lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&quot;%&#39;&quot;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
    $result &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;mysqli_query&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$conn&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; $sql&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token keyword&quot; style=&quot;box-sizing: border-box; color: #66d9ef;&quot;&gt;while&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$row &lt;span class=&quot;token operator&quot; style=&quot;box-sizing: border-box;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;mysqli_fetch_assoc&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$result&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;array_push&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;,&lt;/span&gt; $row&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;token string&quot; style=&quot;box-sizing: border-box; color: #a6e22e;&quot;&gt;&#39;name&#39;&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
    &lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;}&lt;/span&gt;
echo &lt;span class=&quot;token function&quot; style=&quot;box-sizing: border-box; color: #e6db74;&quot;&gt;json_encode&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;(&lt;/span&gt;$data&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;exit&lt;span class=&quot;token punctuation&quot; style=&quot;box-sizing: border-box;&quot;&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div class=&quot;toolbar&quot; style=&quot;box-sizing: border-box; opacity: 0; position: absolute; right: 0.2em; top: 0.3em; transition: opacity 0.3s ease-in-out 0s;&quot;&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;span style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;JavaScript&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;toolbar-item&quot; style=&quot;box-sizing: border-box; display: inline-block;&quot;&gt;
&lt;a href=&quot;https://www.blogger.com/null&quot; style=&quot;background: rgba(224, 224, 224, 0.2); border-radius: 0.5em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; box-sizing: border-box; color: #bbbbbb; cursor: pointer; font-size: 0.8em; padding: 0px 0.5em;&quot;&gt;Copy&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; box-sizing: border-box; color: #333333; font-family: Raleway; font-size: 18px; line-height: 30px; margin-bottom: 10px;&quot;&gt;
Please download source code(added all example code showed in the demo page)&amp;nbsp; of this tutorial using above download link.

&lt;/div&gt;
&lt;/div&gt;
</description><link>https://phpcable.blogspot.com/2019/03/jquery-autocomplete-search-using-ajax.html</link><author>noreply@blogger.com (phpcable)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguWzX-AD47dJswhhu4UdysX5JCWe3GYhMROPrUdhjKnbYoNF9cppwYImXdfDPvN_OgazGcymNc5UFNeb6QobMCah7g5T2xNmvXMHbaCRo1E_VuDfjaOuRJ-4Jub2EeAohBfYOvQSiCbcM/s72-c/jquery-autocomplete-using-php-mysql-ajax2.png" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>