<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='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'><id>tag:blogger.com,1999:blog-914263091242896006</id><updated>2026-08-23T22:06:18.887+05:30</updated><category term="coding"/><category term="login and registration form using html and css"/><category term="onclick login and registration form"/><category term="website template using html and css"/><category term="doyouknow"/><category term="how to create website using html and css"/><category term="Dark mode and light mode website"/><category term="background video using html and css"/><category term="difference between two dates in python"/><category term="how to create"/><category term="how to create a image slider using html and css"/><category term="how to create the website with multiple pages"/><category term="how to find difference between two dates in python."/><category term="how to use video in website"/><category term="how to use video in website using html and css"/><category term="landing page html and css"/><category term="login and registration form using php and mysql"/><category term="login and registration form using python and mysql"/><category term="python program on number series"/><category term="using video in webiste"/><category term="website using html and css only"/><category term="website with background video"/><title type='text'>Seek Coding for Beginners</title><subtitle type='html'>Welcome to Seek Coding for beginners - Here In This Blog, You Are Going To Learn The html tutorial, python tutorial. This tutorial has been prepared for the beginners who are willing to learn computer programming but they are unable to learn it due to lack of proper guidance.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>17</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-7359254282964298910</id><published>2021-05-29T16:23:00.031+05:30</published><updated>2021-05-29T18:14:51.605+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="how to create"/><title type='text'>How to create html css faq template design with jquery accordion | faq section design </title><content type='html'>&lt;h1 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;How to create html css faq template design with jquery accordion | faq section design&amp;nbsp;&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&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/AVvXsEix5X-wtCwqMAodLPeqJwMbF7rSWgJnuRaFAX1E3eq_r7Mf00X_ic_14t6PwCvmeNV29JL-2jn5ZZ_l4oLz7m-XZJACNxXmv3byC6ARGDCqP5gop6VUHgutHjKkviXm8tOmOfSzf4enW9Hz/s700/faq.png&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;700&quot; height=&quot;310&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5X-wtCwqMAodLPeqJwMbF7rSWgJnuRaFAX1E3eq_r7Mf00X_ic_14t6PwCvmeNV29JL-2jn5ZZ_l4oLz7m-XZJACNxXmv3byC6ARGDCqP5gop6VUHgutHjKkviXm8tOmOfSzf4enW9Hz/w542-h310/faq.png&quot; width=&quot;542&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;Hi Guys!!!&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;Today In this post you are going to learn how to create the beautiful FAQ section.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;This Tutorial is very much help full for the beginners to create FAQ section and use it in their projects.......&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;This project is done by my friend in his project( and his Name is Mr. Nimmala Rakesh Reddy).&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;You all please thank him in providing this project......&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #ffa400; font-family: verdana; font-size: medium;&quot;&gt;Source Code Explanation:&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Follow the below steps to create the FAQ section&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Step 1: First of all write the basic html code...... by creating the file with the name index.html&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;head&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/head&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;body&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/body&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/html&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Step 2: Attach all the css and javascript files included as shown below&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;!DOCTYPE Html&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;head&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;title&amp;gt;Project Creator ---- Nimmala Rakesh Reddy&amp;lt;/title&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/head&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;body&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/body&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/html&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;step 3: Now create a separate file and save it as style.css&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Now below is the source code given, you can use it in your project.&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Output of the below source code.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&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/AVvXsEhs4gVJpzUw_kAfkC3quq2Ud4k9eso5tazkyhPmENuse7LEoB_q1V86iPXkxbsSpOr-JeTlb83E6TZmb18wKvDXxlz3cLv96MS-8j0dFVdcXNF8pXKX1eU9wlkwpy4RtvMFsSVT9qqra4PO/s1366/s.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;625&quot; data-original-width=&quot;1366&quot; height=&quot;268&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4gVJpzUw_kAfkC3quq2Ud4k9eso5tazkyhPmENuse7LEoB_q1V86iPXkxbsSpOr-JeTlb83E6TZmb18wKvDXxlz3cLv96MS-8j0dFVdcXNF8pXKX1eU9wlkwpy4RtvMFsSVT9qqra4PO/w589-h268/s.png&quot; width=&quot;589&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;color: red; font-family: verdana; font-size: medium;&quot;&gt;Html file(index.html)&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;!DOCTYPE Html&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;head&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;link&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;title&amp;gt;Project Creator ---- Nimmala Rakesh Reddy&amp;lt;/title&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;script&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;header&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h1&amp;gt;&amp;lt;br&amp;gt;FAQs&amp;lt;/h1&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;btn1&quot;&amp;gt;Book an Appointment&amp;lt;/button&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;container&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class:&quot;row&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;col-mid-6&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion accordion-flush&quot;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;id=&quot;accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!--------------------1----------&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-headingOne&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapseOne&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapseOne&quot;&amp;gt; What are joint pains? &amp;lt;/button&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/h2&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div id=&quot;flush-collapseOne&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-headingOne&quot;&amp;nbsp; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Joint pain could be a common grievance that refers to erratic or constant discomfort, aches, and soreness in any of the joints of the body. One could feel it within the knees whereas walking or within the shoulders whereas lifting associate degree object. Sometimes, joint pain is that the results of associate degree health problem or injury whereas in some cases inflammatory disease also can be a standard reason behind joint pain. alternative factors like alimentation deficiencies, harsh climate, improper postures, etc, also can cause joint pains.&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;!-----------2-------------&amp;gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-headingTwo&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapseTwo&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapseTwo&quot;&amp;gt; Is joint pain a serious health problem? &amp;lt;/button&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/h2&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div id=&quot;flush-collapseTwo&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-headingTwo&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Your body will offer varied signals if the joints ar in hassle. Visit a doctor if you don’t apprehend the reason behind your joint pain and ar experiencing symptoms like if the realm round the joint is swollen, red, tender, or take the bit, the pain persists for 3 days or additional, otherwise you have a fever however no different signs of the infections. Also, rush to AN orthopaedic specialist if any of the subsequent occurs:&amp;lt;br&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;ul&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;You’ve received a serious injury&amp;lt;/li&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;The joint appears deformed&amp;lt;/li&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;Sudden swelling of the joint and stiffness&amp;lt;/li&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;The joint is completely immobile&amp;lt;/li&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;You have severe joint pain&amp;lt;/li&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;Your daily activities like walking, lifting objects, changing posture like getting up from chair, climbing stairs are getting hampered&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!--------------------3----------&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-headingthree&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapsethree&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapsethree&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;What is Arthritis?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div id=&quot;flush-collapsethree&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-headingthree&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Arthritis is an inflammation of the joints. It can affect one or multiple joints in the body. There are more than 100 different types of arthritis and each having different causes and treatment approach. Two of the most common types are Osteoarthritis (OA) and Rheumatoid Arthritis (RA). The symptoms of arthritis develop over time, but they may also appear early. Arthritis is more common among adults aged 65years or older, but it can also develop in children, teens, and younger adults. Arthritis is more prevalent in women than men and in people who are overweight. It is a broad term for a host of joint ailments and a proper diagnosis is required to determine the cause and treatment of this ailment.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!--------------------4----------&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large; text-align: left;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-headingfour&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapsefour&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapsefour&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;What are the symptoms of arthritis?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapsefour&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-headingfour&quot; data-bs parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;The most common symptoms of arthritis are joint pains, loss of flexibility, cracking sounds, mild swelling around a joint. One may also find difficulty in movement or the presence of stiffness in the concerned joint area. Many people with arthritis experience symptoms worse in the morning hours and more so in the winter season.&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;In the case of Rheumatoid Arthritis (RA), one may also feel tired or experience a loss of appetite due to the inflammation that the immune system’s activity causes. The person may also become anemic (decreased red blood cell count) or have a consistent slight fever. Severe RA can cause joint deformity if left untreated.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------5-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading5&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse5&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse5&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;What is Rheumatoid arthritis (RA)?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse5&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading5&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Rheumatoid arthritis (RA) is a long-term, progressive, and an autoimmune disease that causes inflammation, swelling, and pain in and around the joints and other body parts. The body’s immune system, which normally protects the body from the bacteria and virus attacks – mistakenly, attacks the joints. As a result, inflammation occurs in the target tissue or organ. Rheumatoid Arthritis most commonly affects the joints of the hands, feet, wrists, elbows, knees and ankles. The tendons and ligaments that hold the joint together can also weaken and stretch over a period of time. Ligaments connect the bones to each other while tendons connect muscles to the bone. In Rheumatoid Arthritis, the joint eventually loses its shape and configuration and as a result the damage can be severe. Symptoms include:&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;pain, swelling, and stiffness in more than one joint especially upon getting up in the mornings or after sitting down for a while&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;symmetrical joint involvement, the same joints on both sides of the body&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;joint deformity&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;unsteadiness when walking&amp;lt;/li&amp;gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;a general feeling of being unwell&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;fever&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;loss of function and mobility&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;weight loss&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;weakness&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------6-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading6&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse6&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse6&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;What is Osteoarthritis (OA)?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse6&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading6&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Osteoarthritis (OA) is the most common type of arthritis affecting millions of people worldwide. It occurs when the protective cartilage on the ends of bones at the joint wears down over time. As a result, the bone then starts to rub against other thereby causing pain, swelling and stiffness. Although osteoarthritis can damage any joint in the body, the disorder most commonly affects joints in hands, knees, hips, lower back and spine. Common risk factors include:&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;ul&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Increasing age&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt; Gender: Females are more at risk&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Obesity&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Previous joint injury&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Occupational factors, overuse of the joint&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Weak muscles&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;li&amp;gt;Genetic causes&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;li&amp;gt;Metabolic or hormonal disorders&amp;lt;/li&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------7-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading7&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse7&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse7&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Is osteoarthritis (OA) is more common in women?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse7&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading7&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Unfortunately, osteoarthritis (OA) is more likely to affect women than men. By nature, women face a triple threat of risk factors when it comes to arthritis: biology, genetic predisposition, and hormones. Many women past age 50 discover Osteoarthritis is the reason for their creaking knees, aching backs, and sore fingers. As osteoarthritis worsens over time, bones may break down and develop growths called spurs. These extra bits of bone feel like hard lumps and may form around the affected joint. While in men, arthritis in their hips is more common, in women the knees or hands are more vulnerable.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------8-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading8&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse8&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse8&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Does arthritis affect one&#39;s daily life?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse8&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading8&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;Pain, swelling or stiffness can make it difficult to perform day to day tasks. Simple acts like making the bed, opening a can of food, holding a plate or a cup of tea or driving can become difficult. Patients with severe arthritis in their hands are unable to even flip the pages of a newspaper. In cases where arthritis inflicts the lower body joints; activities such as walking, climbing stairs, performing exercises and lifting objects may become difficult. Moreover, people with osteoarthritis experience more falls and have greater risk of fracture than those without osteoarthritis.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------9-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading9&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse9&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse9&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Can Arthritis be managed or controlled?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse9&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading9&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;While one can control arthritis, it is sometimes difficult to completely cure or eradicate it. An arthritis patient must take extreme care of his health and make necessary lifestyle changes that will benefit in keeping arthritis under control such as:&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;1. Keep the joints moving – Sedentary lifestyle with minimum activity makes joints stiffer. Light stretching and slow walks keep the joints flexible and moving.&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;2. Maintain the right posture – Long hours of sitting hunched over your laptop can create havoc with both your knees &amp;amp; shoulder joints. Similarly standing in a stooped manner adds pressure to the neck and back which can worsen your issues in the long run.&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;3. Maintain healthy body weight – Being overweight or obese can increase arthritis and contribute to arthritis pain, especially if one is a knee patient.&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;4. Quit smoking – Smoking causes stress on connective tissues which can further increase arthritis pain. Give it up!&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;5. Avoid high impact activities that can add stress to your muscles such as running, jogging, jumping, high-powered sports, etc.&amp;lt;br&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;6. Over-the-counter pain medications can help relieve occasional bouts of pain triggered by over-exertion. But they have side effects on Kidneys and other organs therefore make sure you visit an orthopedic specialist if the pain is recurring and refuses to subside with medication.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;!-------10-----&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-item&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;h2 class=&quot;accordion-header&quot; id=&quot;flush-heading10&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;button class=&quot;accordion-button collapsed&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#flush-collapse10&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;flush-collapse10&quot;&amp;gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;When should one consult an orthopedic surgeon or doctor?&lt;/span&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/button&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div id=&quot;flush-collapse10&quot; class=&quot;accordion-collapse collapse&quot; aria-labelledby=&quot;flush-heading10&quot; data-bs-parent=&quot;#accordionFlushExample&quot;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;div class=&quot;accordion-body&quot;&amp;gt;If a person is plagued with arthritis symptoms like recurring pain in the joints, stiffness, lack of flexibility, difficulty in performing simple tasks, consistent fatigue, low-grade fever, aches while moving any joint, constant creaking or grinding noises, limited or no relief from painkillers; immediately consult the best orthopedic surgeon who can carry out the necessary tests to determine if the patient is experiencing generic pains or is it the stage of arthritis.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;Now let us write the style sheet for the above html code.......&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: medium;&quot;&gt;(Please Help guys : At present we are not having any income so please i kindly request the viewers to click ads so that we get some income)&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;color: red; font-family: verdana; font-size: medium;&quot;&gt;style.css&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;*&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; margin:0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; padding: 0;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.header&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; min-height: 80px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; background-color:darkblue;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;h1{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; font-family: monospace;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; font-size: 26px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; margin-left: 10%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; margin-right: 70%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.btn1&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; position:absolute;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; top:2%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; left:70%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; background-color: darkblue;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; font-size: 16px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; padding: 20px 24px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; cursor: pointer;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; border-radius: 5px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.accordion-item,accordion-header&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; background-color: white;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; border:none !important;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; padding: 0 !important;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; margin-bottom: auto;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.accordion-item&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; box-shadow: 0 2px 20px 0 rgba(110,130,208,.18);&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.accordion-button collapsed&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; width:100%;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; height: 60px;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; color: black;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; text-align: left;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.accordion-button collapsed.collapsed:after&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; content: &#39;\002B&#39;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;.accordion-button collapsed.collapsed:before&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;{&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&amp;nbsp; &amp;nbsp; content: &#39;\002B&#39;;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;source code finished&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: red; font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: red; font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: red; font-family: verdana; font-size: large;&quot;&gt;Know More About what is FAQ&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;1.&lt;a href=&quot;https://en.wikipedia.org/wiki/FAQ&quot; target=&quot;_blank&quot;&gt;https://en.wikipedia.org/wiki/FAQ&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;2.&lt;a href=&quot;https://herothemes.com/blog/what-is-a-frequently-asked-questions-page/&quot; target=&quot;_blank&quot;&gt;https://herothemes.com/blog/what-is-a-frequently-asked-questions-page/&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;3.&lt;a href=&quot;https://whatis.techtarget.com/definition/FAQ-frequently-asked-questions&quot; target=&quot;_blank&quot;&gt;https://whatis.techtarget.com/definition/FAQ-frequently-asked-questions&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #800180; font-family: verdana; font-size: large;&quot;&gt;To Get More Interesting projects please do subscribe to seekcoding Blog as well as &lt;a href=&quot;https://www.youtube.com/channel/UCygS6M-U3vYA8nAZNc8SETw&quot; target=&quot;_blank&quot;&gt;Seek Coding&lt;/a&gt; youtube Channel....&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #800180; font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #800180; font-family: verdana; font-size: large;&quot;&gt;Thank you for visiting this page.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;

&lt;html&gt;
  &lt;head&gt;
    &lt;meta content=&quot;How to create html css faq template design with jquery accordion | faq section design&quot; name=&quot;title&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;want to create frequently asked questions section? check out this html css faq design with jquery accordion, faq section design. get source code now.&quot; name=&quot;description&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;faq, layout, framework,html, python, css, sql, javascript, how to, php, java, c++, jquery, bootstrap, c#, colors, w3.css, xml, mysql, icons, nodejs, react, graphics, angular, r, ai, git, data science, code game, tutorials, programming, web development, training, learning, quiz, courses, lessons, references, examples, source code, demos, tips, an easy to customize template for the faq section of your project, with the questions/answers grouped in categories to ease the navigation., want to create frequently asked questions section? check out this html css faq design with jquery accordion, faq section design. get source code now., css faq template | codyhouse, html css faq design with jquery accordion | faq section design&quot; name=&quot;keywords&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;index, follow&quot; name=&quot;robots&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;English&quot; name=&quot;language&quot;&gt;&lt;/meta&gt;
  &lt;/head&gt;
&lt;/html&gt;

</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/7359254282964298910/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/05/how-to-create-html-css-faq-template-design-with-jquery-accordion-faq-section-design.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/7359254282964298910'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/7359254282964298910'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/05/how-to-create-html-css-faq-template-design-with-jquery-accordion-faq-section-design.html' title='How to create html css faq template design with jquery accordion | faq section design '/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5X-wtCwqMAodLPeqJwMbF7rSWgJnuRaFAX1E3eq_r7Mf00X_ic_14t6PwCvmeNV29JL-2jn5ZZ_l4oLz7m-XZJACNxXmv3byC6ARGDCqP5gop6VUHgutHjKkviXm8tOmOfSzf4enW9Hz/s72-w542-h310-c/faq.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-6688629988444278966</id><published>2021-05-25T22:33:00.011+05:30</published><updated>2021-05-29T17:49:42.868+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="doyouknow"/><title type='text'> Black fungus disease joined with Covid and spreads across India</title><content type='html'>&lt;div style=&quot;text-align: left;&quot;&gt;&lt;h1 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: verdana;&quot;&gt;Black fungus disease joined with Covid and spreads across India.&amp;nbsp;&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana;&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/AVvXsEiT12fOVniOQOd1SvS12pfU-g44AGJRekUH39TuuVUT4hdyOm9KMuHl3wIr5eEhEOC8oq2GRhtitjNEkOOk1glwkjT30o7QvVbWIu1KYsvPPZ3jSYF2JpYYo3mRqcd6g61zf70qQXhEDj0V/s726/Black-fungal.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;362&quot; data-original-width=&quot;726&quot; height=&quot;267&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT12fOVniOQOd1SvS12pfU-g44AGJRekUH39TuuVUT4hdyOm9KMuHl3wIr5eEhEOC8oq2GRhtitjNEkOOk1glwkjT30o7QvVbWIu1KYsvPPZ3jSYF2JpYYo3mRqcd6g61zf70qQXhEDj0V/w534-h267/Black-fungal.png&quot; width=&quot;534&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;Do You Know&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Today in India along with COVID-19, Black fungus is attacking the people and is the reason for causing the death of hundreads of people in India.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;Know About Black Fungus(Mucormycosis)&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Mucormycosis is an uncommon contamination. It is brought about by openness to mucor form which is generally found in soil, plants,fertilizer, and rotting foods grown from the ground. &quot;It is pervasive and found in soil and air and surprisingly in the nose and bodily fluid of solid individuals.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;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/AVvXsEjEvNsDxQByQpF3eAe-IdwXwnm5SMj2L4aGiUgChVELsXJUviVc16g5hpNpacoS4HEMmpCQNcU4hBVMO1ZfkZwkW4yCEh22mndX0Sh8OhGUGNPOGlIMZ2dbYhS1kY28Vg48l78wK2c38FVP/s1000/black-fungus.webp&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;600&quot; data-original-width=&quot;1000&quot; height=&quot;314&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEvNsDxQByQpF3eAe-IdwXwnm5SMj2L4aGiUgChVELsXJUviVc16g5hpNpacoS4HEMmpCQNcU4hBVMO1ZfkZwkW4yCEh22mndX0Sh8OhGUGNPOGlIMZ2dbYhS1kY28Vg48l78wK2c38FVP/w522-h314/black-fungus.webp&quot; width=&quot;522&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;States across India have started pronouncing a &quot;dark growth&quot; pandemic as instances of the lethal uncommon contamination shoot up in patients recuperating from Covid-19. The parasitic sickness, called mucormycosis, has a half death rate.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;It influences patients at first in the nose yet the growth would then be able to spread into the cerebrum, and can regularly just be treated by significant medical procedure eliminating the eye or part of skull and jaw. It is typically an uncommon sickness, yet in excess of 7,200 individuals in India have now been accounted for with mucormycosis and 219 have lost their lives.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;The ascent in dark parasite diseases, generally in patients who had extreme instances of Covid-19, has been connected to an abuse of steroids in the treatment of the Covid, which can intensely bargain the insusceptible framework whenever assumed control over a drawn out period. The high frequency of diabetes in India has additionally been accused, with high glucose levels connected to weakness. India has the second most elevated pace of diabetes on the planet.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;It has additionally been accounted for in Covid patients who were on ventilators in escalated care units, because of their aviation routes being presented to stickiness and dampness. The sickness is brought about by parasitic spores found in soil and natural matter, typically breathed in by people from the air.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;The form enters the body and afterward shows around the nose and eye attachments, making the nose darken, and if not halted will move lethally into the mind. Sound people will normally ward off the growth however it can spread quick in those with bargained resistance. So far five states, Tamil Nadu, Odisha, Gujarat, Rajasthan and Telangana, have proclaimed dark parasite to be a scourge, and more states are required to follow. The Indian Council of Medical Research has given a warning on the finding and therapy of the illness.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Maharashtra, the principal state to be hit hard by India&#39;s second Covid wave, has effectively revealed as much as 1,500 cases and 90 passings, the most elevated in the country. Medical clinics in Delhi have additionally started detailed an exceptional ascent in cases – as much 15 to 20 new cases a day in certain clinics, contrasted and past paces of a couple of cases a month.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;In Delhi and Bangalore, there are currently sitting tight records for beds for treatment for the infection. Dr Amit Thadhani, the head of Niramaya medical clinic in Mumbai, said associates had started to see instances of dark growth in extreme Covid patients. &quot;Essentially all patients are diabetic or immunocompromised,&quot; The wellbeing priest in Delhi, Satyendar Jain, said on Friday that there were 197 instances of dark growth in medical clinics across the city, and uncommon dark organism wards have now been set up in the huge government medical clinics to manage the flood of patients.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Jain accused the &quot;perilous&quot; abuse of steroids to treat Covid-19 as a reason for the scourge. Balram Bhargava, the overseer of the Indian Council of Medical Research, said of the dark parasite: &quot;If an individual&#39;s invulnerability is smothered, it will contaminate them. On the off chance that the spores approach high sugar [levels], it will develop.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;We have witnessed this with Covid-19 patients with diabetes and uncontrolled sugar, or who are immunocompromised or have been given safe suppressants.&quot; The scourge is spreading quick. In Gujarat, there were 371 cases in the state capital, Ahmedabad, and another 400 in Rajkot, a city hit hard by Covid-19.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Goa has so far recorded six instances of mucormycosis. The main case in Kashmir was distinguished on Friday. The ascent in cases has prompted a deficiency of medications. On Thursday, the Delhi high court advised the focal government to get fundamental enemy of parasitic medications from &quot;any place it is accessible on the planet. Time is along with some hidden costs as are human lives&quot;.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;The public authority said the deficiency was being handled and more drug firms had been allowed endorsement to deliver the infusions.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;Thankyou For Visiting..... Please Follow this this blog to get more information on coding, general awareness and many more.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Get More News from here (Useful links are given below.)&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;1.&lt;a href=&quot;https://www.bbc.com/news/world-asia-india-57027829&quot; target=&quot;_blank&quot;&gt;https://www.bbc.com/news/world-asia-india-57027829&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;2.&lt;a href=&quot;https://indianexpress.com/article/lifestyle/health/when-and-how-to-suspect-covid-19-associated-mucormycosis-7321890/&quot; target=&quot;_blank&quot;&gt;https://indianexpress.com/article/lifestyle/health/when-and-how-to-suspect-covid-19-associated-mucormycosis-7321890/&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;3.&lt;a href=&quot;https://www.theguardian.com/world/2021/may/21/mucormycosis-black-fungus-disease-linked-covid-spreads-india&quot; target=&quot;_blank&quot;&gt;https://www.theguardian.com/world/2021/may/21/mucormycosis-black-fungus-disease-linked-covid-spreads-india&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;4.&lt;a href=&quot;https://en.wikipedia.org/wiki/Black_fungus_(COVID-19_condition)&quot; target=&quot;_blank&quot;&gt;https://en.wikipedia.org/wiki/Black_fungus_(COVID-19_condition)&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana; font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;

&lt;html&gt;
  &lt;head&gt;
    &lt;meta content=&quot;Black fungus disease joined with Covid and spreads across India&quot; name=&quot;title&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;Black Fungus, Black fungus disease joined with Covid and spreads across India, Mucormycosis: The &#39;black fungus&#39; maiming Covid patients in India&quot; name=&quot;description&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;black fungus, black fungus infection, black fungus covid news, black fungus in covid patients, black fungus covid, covid black fungus infection, black fungal infection, black fungal disease, what is black fungus infection, black fungus infection symptoms, black fungus infection causes, black fungus infection treatment, black fungus infection in covid 19 patients, mucormycosis black fungus symptoms, mucormycosis black fungus, mucormycosis treatment, mucormycosis causes, mucormycosis symptoms, mucormycosis fungus symptoms, Black Fungus, Black fungus disease joined with Covid and spreads across India, Mucormycosis: The &#39;black fungus&#39; maiming Covid patients in India,doctors in india are reporting a rash of a rare infection in covid patients which is making them blind, ‘black fungus’ disease linked to covid spreads across india, 7,200 mucormycosis cases reported, usually in patients with diabetes or compromised immune systems
, mucormycosis can occur any time after covid-19 infection, either during the hospital stay or several days to a couple of weeks after discharge&quot; name=&quot;keywords&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;index, follow&quot; name=&quot;robots&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;&gt;&lt;/meta&gt;
	&lt;meta content=&quot;English&quot; name=&quot;language&quot;&gt;&lt;/meta&gt;
  &lt;/head&gt;
&lt;/html&gt;




</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/6688629988444278966/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/05/black-fungus-disease-joined-with-covid-and-spreads-across-india.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/6688629988444278966'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/6688629988444278966'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/05/black-fungus-disease-joined-with-covid-and-spreads-across-india.html' title=' Black fungus disease joined with Covid and spreads across India'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT12fOVniOQOd1SvS12pfU-g44AGJRekUH39TuuVUT4hdyOm9KMuHl3wIr5eEhEOC8oq2GRhtitjNEkOOk1glwkjT30o7QvVbWIu1KYsvPPZ3jSYF2JpYYo3mRqcd6g61zf70qQXhEDj0V/s72-w534-h267-c/Black-fungal.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-1596940110620113485</id><published>2021-05-25T17:28:00.009+05:30</published><updated>2021-05-25T17:33:02.847+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="doyouknow"/><title type='text'>Top YouTube Channels to Learn Programming</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: x-large;&quot;&gt;Top YouTube Channels to Learn Programming&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;nbsp;Hi guys !!!&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana;&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://seekcoding.blogspot.com/2021/05/Top YouTube Channels to Learn Programming.html&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;463&quot; data-original-width=&quot;1071&quot; height=&quot;275&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfLwRbnHfFM8BQdryIGIdY9HQvCq913MRkGh280Gg9qLOUT-CSWhyX8rmIUwVS-COrtYgzTCa8Su76HJBizP_MWuDk_2Wie7OBdf-YgFqXpI5TTkaHswuRK5r_AjhNXBqnWQopZ7aBv9BO/w637-h275/abc1+%25282%2529.jpg&quot; width=&quot;637&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Today in this post I am going to share the top youtube channels to learn web development for free from Beginner to Advance And also top youtube channels to learn Programming Languages such as Python, C Language, Java and many more.....&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;First of all I am going to share Best YouTube channels to learn web development..&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCygS6M-U3vYA8nAZNc8SETw&quot;&gt;1. Seek Coding&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCsseF0Swqs5FsXXtEXo1m_A&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;2.Coding With Nick&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCfNzft_txAamoQvwh1j2HEQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;3.Going To Internet&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UC-DHht13ezE9cAGuwPhKZKQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;4.M-softTech&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCo9xTRmg1SqQ5JSsA2fAgJw&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;5.Coder&#39;s Gyan&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: #2b00fe; font-family: verdana;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCgkDs77BoEhMIgRUB4MKrtQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;6.Bedimcode&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;These above Youtube Channels are providing the tutorials on web development.....&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;You can learn web development from scratch to Advance...... The Description of Above Channels Given Below....&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;1. Seek Coding&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on September 28th 2020 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of Seek Coding Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Seek Coding youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCygS6M-U3vYA8nAZNc8SETw&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;2. Coding With Nick&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on March 30, 2021 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of Coding With Nick Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Coding With Nick youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCsseF0Swqs5FsXXtEXo1m_A&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;3. Going To Internet.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Sep 10, 2019 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of Going To Internet Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Going To Internet youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCfNzft_txAamoQvwh1j2HEQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;4. M-softTech.&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Nov 3rd, 2014 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of M-softTech Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the M-softTech channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UC-DHht13ezE9cAGuwPhKZKQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;5.Coder&#39;s Gyan&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Jan 12th, 2020 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of Coder&#39;s Gyan Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Coder&#39;s Gyan channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCo9xTRmg1SqQ5JSsA2fAgJw&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;6.Bedimcode&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Feb 23rd, 2020 and provides tutorials on web development. The users can learn the web development from Scratch to Advance. The Link of Bedimcode Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Bedimcode channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCgkDs77BoEhMIgRUB4MKrtQ&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;Top Youtube channels to learn programming&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/user/javaboynavin&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;1. Telusko&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/user/edurekaIN&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;2. edureka&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/user/programmingwithmosh&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;3. Programming With Mosh&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;4. Tutorials Point&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;These above Youtube Channels are providing the tutorials on Programming in python, Java, C, and Many More. You can learn Programming from scratch to Advance......&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;The Description of Above Channels Given Below....&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;1. Telusko&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Apr 29, 2014 and provides tutorials on Python programming, Java Programming. The users can Learn the Programming from Scratch to Advance. The Link of Telusko Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Telusko youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/user/javaboynavin&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;2. Edureka&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on June 29,2012 and provides tutorials on Python programming, Java Programming and many more. The users can Learn the Programming from Scratch to Advance. The Link of Edureka Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Edureka youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/user/edurekaIN&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;3. Programming with Mosh&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on Oct 7,2014 and provides tutorials on Python programming. The users can Learn the Programming from Scratch to Advance. The Link of Programming with Mosh Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Programming with Mosh youtube channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/user/programmingwithmosh&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;4. Tutorials Point&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;This youtube channel has been started on March 31, 2016 and provides tutorials on Python programming, Java Programming and many more. The users can Learn the Programming from Scratch to Advance. The Link of Tutorials Point Youtube Channel is given Below......&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;link to the Tutorials Point channel -&amp;nbsp;&lt;a href=&quot;https://www.youtube.com/channel/UCVLbzhxVTiTLiVKeGV7WEBg&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Click HERE&amp;nbsp;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;let us learn some related concepts now&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;1.What is computer science?&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;2.What is web development?&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;3.What is Programming?&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;4.What is Coding?&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;1.What is Computer Science?&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Computer science deals with the computers and compute the real world problems with the help of the programming language. Computer science applies the Principles of the mathematical concepts , logic and algorithm to compute a real world problem.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;2.What is Web Development?&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Web Development deals with the building and managing of the website using the web scripting languages such as Html, CSS, Java Script, Php, and etc.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;3.What is Programming?&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Programming is nothing but a platform that programmer uses to give instructions to the computer to solve the real world problems.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;4.What is Coding?&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;Coding is the way of passing instructions to the computer or machine with the help of some programming languages such as Python, Java, C language and etc.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;span style=&quot;color: red; font-size: large;&quot;&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Please Follow This Blog For More Information you want to know.....&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;Thank You Guys&lt;/span&gt;&lt;span style=&quot;font-family: verdana;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta content=&quot;Top YouTube Channels to Learn Programming&quot; name=&quot;title&quot;/&gt;
	&lt;meta content=&quot;Top YouTube Channels to Learn Programming, Top 10 YouTube Channels to Learn Programming, Best YouTube Channels to Learn Programming in 2020, learn&quot; name=&quot;description&quot;/&gt;
	&lt;meta content=&quot;top youtube channels in india, top youtube channels india, india&#39;s top youtube channels, top youtube channels, Top YouTube Channels to Learn Programming, Top 10 YouTube Channels to Learn Programming, Best YouTube Channels to Learn Programming in 2020, learn best youtube channels to learn programming, op 10 youtube channels to learn programming, youtube channels to learn programming, reddit youtube channels to learn programming, top 10 youtube channels to learn programming in hindi, top 5 youtube channels to learn programming&quot; name=&quot;keywords&quot;/&gt;
	&lt;meta content=&quot;index, follow&quot; name=&quot;robots&quot;/&gt;
	&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;/&gt;
	&lt;meta content=&quot;English&quot; name=&quot;language&quot;/&gt;
  &lt;/head&gt;
&lt;/html&gt;









</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/1596940110620113485/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/05/top-youtube-channels-to-learn-programming.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/1596940110620113485'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/1596940110620113485'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/05/top-youtube-channels-to-learn-programming.html' title='Top YouTube Channels to Learn Programming'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfLwRbnHfFM8BQdryIGIdY9HQvCq913MRkGh280Gg9qLOUT-CSWhyX8rmIUwVS-COrtYgzTCa8Su76HJBizP_MWuDk_2Wie7OBdf-YgFqXpI5TTkaHswuRK5r_AjhNXBqnWQopZ7aBv9BO/s72-w637-h275-c/abc1+%25282%2529.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-6328493662844936456</id><published>2021-05-15T19:12:00.012+05:30</published><updated>2021-05-25T15:46:50.261+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="Dark mode and light mode website"/><category scheme="http://www.blogger.com/atom/ns#" term="how to create website using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="landing page html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="website template using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="website using html and css only"/><title type='text'>Html website with code. Html website dark mode.</title><content type='html'>&lt;html&gt;
  &lt;head&gt;
    &lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-format=&quot;fluid&quot;
     data-ad-layout-key=&quot;-ez-63+fs+6o-154&quot;
     data-ad-client=&quot;ca-pub-5766120915736832&quot;
     data-ad-slot=&quot;1337181879&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
  	&lt;meta content=&quot;Html website with code. Html website dark mode.&quot; name=&quot;title&quot;/&gt;
	&lt;meta content=&quot;Html website with code Html website dark mode simple website using html and css website using html and css html css javascript website how to create website using html and css html website&quot; name=&quot;description&quot;/&gt;
	&lt;meta content=&quot;Html website with code Html website dark mode.
                   simple website using html and css	

how to design a website using html and css with example	

how to design a website using html and css pdf	

how to make a website using html and css	

website using html and css	

how to create website using html and css	

how to create a website using html and css	

create a website using html and css	

how to create a website using html and css code	

how to develop a website using html and css	
create website using html and css	
	
how to make a website using html and css in notepad	
	
how to make website using html and css	
	
how to design a website using html and css and javascript	
	
how to create a simple website using html and css	
	
how to create a website using html and css step by step	
	
how to design a website using html and css	
	
how to create a responsive website using html and css	
	
how to build a website using html and css	
	
how to design a website using html and css tutorial	
	
responsive website using html and css	
	
how to create a website using html and css and javascript	
	
design a website using html and css	
	
sample website using html and css	
	
how to create a website using html and css step by step pdf	
	
how to design a website using html and css with example pdf	
	
creating a website using html and css	
	
build a website using html and css	
	
designing a website using html and css	
	
make a website using html and css	
	
how to build website using html and css	
	
code for creating a website using html and css	
	
creating a website using html and css tutorial	
	
how to create a website using html and css in notepad	
	
steps to create a website using html and css	
	
how to create simple website using html and css	

creating website using html and css	
	
how to create a personal website using html and css	
	
example of website using html and css	
	
first website using html and css	

design website using html and css	
	
how to make a simple website using html and css	
	
making website using html and css	
	
how to create a website using html and css step by step website tutorial	

how to make a responsive website using html and css	
	
example website using html and css	
	
make website using html and css	
	
online shopping website using html and css	

how to design website using html and css	
	
sample website using html and css codes	
	
how to create a website using html and css in dreamweaver	

how to create a personal portfolio website using html and css	

making a website using html and css	
	
ecommerce website using html and css	

how to make a professional website using html and css	

how to make a website using html and css in notepad++	

website using html and css only	
	
create a website using html and css in hindi with source code	
	
how to make a website using html and css in dreamweaver	
	
basic website using html and css	
	
how to create responsive website using html and css	
	
how to make a website using html and css and bootstrap	
	
how to create a basic website using html and css	
	
how to create a website using html and css for beginners	
	
create responsive website using html and css	
	
how to create a website using html and css in notepad++	
	
responsive website using html and css with source code	
	
build website using html and css	
	
how to design a simple website using html and css	
	
building website using html and css	
	
create website using html and css in dreamweaver	
	
how to build a website using html and css in dreamweaver	
	
how to make a simple website using html and css and javascript	
	
complete website using html and css	
	
how to create a website using html and css and javascript step by step	
	
how to create website using html and css in tamil	
	
creating a simple website using html and css	
	
how to create a website using html and css youtube	
	
how to create your own website using html and css	
	
attractive website using html and css	
	
how to create a dynamic website using html and css	
	
how to design a website using html and css and javascript pdf	
	
how to create a website using html and css pdf	
	
how to build your own website using html and css	
	
how to design a responsive website using html and css	
	
how to make a beautiful website using html and css	
	
create a responsive website using html and css	
	
templates for website using html and css	
	
how to create static website using html and css	
	
how to create a complete website using html and css	
	
how to create a website using html and css in hindi	
	
how to develop website using html and css	
	
create a website using html and css and javascript	
	
shopping website using html and css	
	
create a website using html and css in hindi	
	
create simple website using html and css	
	
building a website using html and css	
	
how to create a beautiful website using html and css	
	
how to make a website using html and css and javascript	
	
how to create a website using html and css in netbeans
                   example of a html website with code&quot; name=&quot;keywords&quot;/&gt;
	&lt;meta content=&quot;index, follow&quot; name=&quot;robots&quot;/&gt;
	&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;/&gt;
	&lt;meta content=&quot;English&quot; name=&quot;language&quot;/&gt;
&lt;/head&gt;
 &lt;body&gt;
   &lt;h1 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Html website with code. Html website dark mode.&lt;/span&gt;&lt;/h1&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: large;&quot;&gt;Hi Guys !!!&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; letter-spacing: 0.2px; white-space: pre-wrap;&quot;&gt;In this video you are going to learn &lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; letter-spacing: 0.2px; white-space: pre-wrap;&quot;&gt;1.how to create the beautiful website template with the beautiful &lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; letter-spacing: 0.2px; white-space: pre-wrap;&quot;&gt;landing effect and also you are going to learn &lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; letter-spacing: 0.2px; white-space: pre-wrap;&quot;&gt;2.how to create the light mode and dark mode pages using html and css.&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;span style=&quot;font-family: verdana; font-size: medium;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;317&quot; src=&quot;https://www.youtube.com/embed/NTlkVwbMjtQ&quot; width=&quot;579&quot; youtube-src-id=&quot;NTlkVwbMjtQ&quot;&gt;&lt;/iframe&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;h3 style=&quot;clear: both; text-align: left;&quot;&gt;Description of the video......&lt;/h3&gt;&lt;div&gt;In the above video you are going to learn how to create a beautiful navigation bar with the hover effect....that is when you move your cursor on to the nav bar elements then the color of the nav elements change....&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;In the above video you are also going to learn how to create the light mode and dark mode for the website ......&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;As seen in the video when you click on the moon icon in the website then it changes to the dark mode and when you click on the sun in the dark mode then it changes to the light mode.......&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;You can see the full video from the link given below&amp;nbsp;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=pnMzsl1qMLI&quot;&gt;https://www.youtube.com/watch?v=pnMzsl1qMLI&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;you can even download the images from the link given below......&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://drive.google.com/drive/folders/13lqY8t3f3L9dl5Hz5Pl5uLO0Rf3b824G?usp=sharing&quot;&gt;https://drive.google.com/drive/folders/13lqY8t3f3L9dl5Hz5Pl5uLO0Rf3b824G?usp=sharing&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;want to watch more video on html website then click below&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://seekcoding.blogspot.com/&quot;&gt;https://seekcoding.blogspot.com/&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;br /&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;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; letter-spacing: 0.2px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/6328493662844936456/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/05/html-website-with-code-html-website.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/6328493662844936456'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/6328493662844936456'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/05/html-website-with-code-html-website.html' title='Html website with code. Html website dark mode.'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/NTlkVwbMjtQ/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-3580058642165140019</id><published>2021-04-30T13:21:00.007+05:30</published><updated>2021-05-25T15:47:10.825+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="how to create a image slider using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="how to create the website with multiple pages"/><category scheme="http://www.blogger.com/atom/ns#" term="how to create website using html and css"/><title type='text'>How to create a website with multiple pages and slider using html and css</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;Hi guys!!!&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;In this video you are going to learn how to create a website with the beautiful slider using Html, Css, Javascript and Bootstrap.&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;And also you are going to learn how to create Multiple pages using the Html and Css.&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;br /&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Main.html&lt;/h2&gt;&lt;div&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/AVvXsEjzk2uszC_kXjY5Z6LKl_i4nNSwaaqUO-U75oEu14oBOhR5GE1hnwS09CVkJVr0CAw9iH-QbZgfmg9snpSm71QuXSuuZ9Gt5vkrR5ZINAzL4ELwsx_GDAwq30Bhyphenhyphenlep2piyr-AvDOx8LkZT/s1366/thumbnail.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;271&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzk2uszC_kXjY5Z6LKl_i4nNSwaaqUO-U75oEu14oBOhR5GE1hnwS09CVkJVr0CAw9iH-QbZgfmg9snpSm71QuXSuuZ9Gt5vkrR5ZINAzL4ELwsx_GDAwq30Bhyphenhyphenlep2piyr-AvDOx8LkZT/w564-h271/thumbnail.png&quot; width=&quot;564&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;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Tv.Html&lt;/h2&gt;&lt;div&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/AVvXsEiC6AF65EEzdqtMY15rp2Iq4aR3shs41Y_aaKh1ECZhI3CGFj_XY0Hq4FtoTxC0CTCOHO8wiZaofb5wCnarmfmtAd4RUxPXCK9l7cxpeMEcgcQBlnrRmVQjYvoKeRuyQSQmP7tV_voaWlOq/s1366/Tv.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;278&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6AF65EEzdqtMY15rp2Iq4aR3shs41Y_aaKh1ECZhI3CGFj_XY0Hq4FtoTxC0CTCOHO8wiZaofb5wCnarmfmtAd4RUxPXCK9l7cxpeMEcgcQBlnrRmVQjYvoKeRuyQSQmP7tV_voaWlOq/w578-h278/Tv.png&quot; width=&quot;578&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;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Movies.html&lt;/h2&gt;&lt;div&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/AVvXsEgONfe63FhsB2u7dMP4dR2xPWf-GMA7ChZT4qtlNBcXatYZ5Ap85_iVCL7shtg7jkSgIud2h5cHlVBYuq1OxQ2fpwMNlqmEIYg6oTFjFjrN39Vc21xEN1oWeHr3dVmKHrFQ3mDvSjbXh_DJ/s1366/t-Movies.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;277&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONfe63FhsB2u7dMP4dR2xPWf-GMA7ChZT4qtlNBcXatYZ5Ap85_iVCL7shtg7jkSgIud2h5cHlVBYuq1OxQ2fpwMNlqmEIYg6oTFjFjrN39Vc21xEN1oWeHr3dVmKHrFQ3mDvSjbXh_DJ/w576-h277/t-Movies.png&quot; width=&quot;576&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;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Sports.html&lt;/h2&gt;&lt;div&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/AVvXsEjRqyLSXz6AJuOe3RX7SgXgQOXk9FzHITQyj0DWcBaECzb8StdVLn4MQqtZLwnpcQh8Z6djUrU91c72v1ZOWs4-tHEKDBvoDFjsPx4ubNxg69Tw6jJuB4coA9dRZJpILjQoGYp7a4DhMXuR/s1366/t-sports.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;278&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqyLSXz6AJuOe3RX7SgXgQOXk9FzHITQyj0DWcBaECzb8StdVLn4MQqtZLwnpcQh8Z6djUrU91c72v1ZOWs4-tHEKDBvoDFjsPx4ubNxg69Tw6jJuB4coA9dRZJpILjQoGYp7a4DhMXuR/w577-h278/t-sports.png&quot; width=&quot;577&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;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Login.html&lt;/h2&gt;&lt;div&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/AVvXsEiLFBmDiji9M4j8t_yHaxnbEvtJGoitBMwDwpP_Mu5x19vHn3mHLRYocAp7hdaLdpNKz9YvblagUIOCs0lJoJZk4QuYRkDrPxET4C2bzTU2sxK3QDmj-xmuZcSNJPFXWdsNFduxi9v3UbSL/s1366/t-login.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;280&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLFBmDiji9M4j8t_yHaxnbEvtJGoitBMwDwpP_Mu5x19vHn3mHLRYocAp7hdaLdpNKz9YvblagUIOCs0lJoJZk4QuYRkDrPxET4C2bzTU2sxK3QDmj-xmuZcSNJPFXWdsNFduxi9v3UbSL/w582-h280/t-login.png&quot; width=&quot;582&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;/div&gt;&lt;/h2&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;To watch full video please click the below link you will be redirected to the video page.&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=paY4VCIPXVc&quot;&gt;https://www.youtube.com/watch?v=paY4VCIPXVc&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;If You Want The Source Code Then Click Below Link........&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;a href=&quot;https://learnwebdevelopmentnow.blogspot.com/2021/05/html-website-with-multiple-pages.html&quot;&gt;https://learnwebdevelopmentnow.blogspot.com/2021/05/html-website-with-multiple-pages.html&lt;/a&gt;&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Please Subscribe to the Seek Coding youtube channel and Follow the Blog Regularly to get new updates.......&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Thanking you......................&lt;/h2&gt;&lt;br /&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/3580058642165140019/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-website-with-multiple.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3580058642165140019'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3580058642165140019'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-website-with-multiple.html' title='How to create a website with multiple pages and slider using html and css'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzk2uszC_kXjY5Z6LKl_i4nNSwaaqUO-U75oEu14oBOhR5GE1hnwS09CVkJVr0CAw9iH-QbZgfmg9snpSm71QuXSuuZ9Gt5vkrR5ZINAzL4ELwsx_GDAwq30Bhyphenhyphenlep2piyr-AvDOx8LkZT/s72-w564-h271-c/thumbnail.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-167064168233835479</id><published>2021-04-17T12:12:00.015+05:30</published><updated>2021-05-25T15:47:21.595+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using php and mysql"/><category scheme="http://www.blogger.com/atom/ns#" term="onclick login and registration form"/><title type='text'>How to create a login and registration form using the HTML, CSS, PHP, MYSQL.</title><content type='html'>&lt;p&gt;&lt;/p&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Here In this tutorial you are going to learn how to create a login and registration form using the HTML, CSS, PHP, MYSQL for the websites.&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;You are going to learn how to create beautiful hover effect for the websites as shown in the youtube video.&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;And also you are going to learn onclick event for the login and register forms.&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;And also connecting the Login and Registration form to the MySQL database server&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/AVvXsEg4_cC4iMF6kXLxeiUuJnJUhNx3T1JOIZyojG033DsF4MlwDOH-ccBdiTTbhYq7HTs_7lNpSMRNJL9f-bUBqybr8vyQ7FKb6XG4F4GjR8PiqF0iLHg_onjACBmj4HEamyzuIu6AOxE3hsj5/s1366/msedge_T8vPP0Z4Gh.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;657&quot; data-original-width=&quot;1366&quot; height=&quot;302&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_cC4iMF6kXLxeiUuJnJUhNx3T1JOIZyojG033DsF4MlwDOH-ccBdiTTbhYq7HTs_7lNpSMRNJL9f-bUBqybr8vyQ7FKb6XG4F4GjR8PiqF0iLHg_onjACBmj4HEamyzuIu6AOxE3hsj5/w627-h302/msedge_T8vPP0Z4Gh.png&quot; width=&quot;627&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;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Note: If you have any doubt or any problem in creating the folder structure and running the program please watch this video completely, why because if you miss one step also you will get error ---the video link is given below---------&lt;/h2&gt;&lt;h3 style=&quot;clear: both; text-align: left;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=EOeBcQkwjGk&quot;&gt;How to create #login and #registration #form using #HTML #CSS #PHP #MYSQL - YouTube&lt;/a&gt;&lt;/h3&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Note: You can download the image from the link given below ----&lt;/h2&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://drive.google.com/drive/folders/1IasNYtQ96hXZ828vMtcqsRkR1m7ysr-V?usp=sharing&quot;&gt;https://drive.google.com/drive/folders/1IasNYtQ96hXZ828vMtcqsRkR1m7ysr-V?usp=sharing&lt;/a&gt;&lt;/h3&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Note: please read each and every line in the registration.php and validate.php every one has to edit one line then only your database will work, i have mentioned a comment as a hint for you(//$connection=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;write your password here&#39;)) ------- if you have any doubt please comment under the video, the video link is given above.............&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;h1 style=&quot;clear: both; text-align: center;&quot;&gt;loginandregister.php&lt;/h1&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;head&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;Connecting Login and Registration Form to Database-----SeekCoding&amp;lt;/title&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;link href=&quot;https://fonts.googleapis.com/css2?family=Chilanka&amp;amp;family=Dancing+Script:wght@700&amp;amp;display=swap&quot; rel=&quot;stylesheet&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;body&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;full-page&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&#39;navbar&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&#39;logo&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;a href=&#39;#&#39;&amp;gt;&amp;lt;h1&amp;gt;AwesomeWare&amp;lt;/h1&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;nav&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul id=&#39;MenuItems&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;About us&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Products&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Offers&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;button class=&#39;loginbtn&#39;onclick=&quot;document.getElementById(&#39;login-form&#39;).style.display=&#39;block&#39;&quot; style=&quot;width:auto;&quot;&amp;gt;Login&amp;lt;/button&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;button class=&#39;loginbtn&#39;onclick=&quot;document.getElementById(&#39;register-form&#39;).style.display=&#39;block&#39;&quot; style=&quot;width:auto;&quot;&amp;gt;Register&amp;lt;/button&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/nav&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;sub-page&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;overlay&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;div class=&quot;text&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;p&amp;gt;awesomeware was born at the intersection of style and technology. Thanks to our inspiring collections and our&amp;lt;br&amp;gt; impeccable customer service, we have been highly &amp;lt;br&amp;gt;successful since day one. Browse through our site &amp;lt;br&amp;gt;and check out the latest additions to our collection,&amp;lt;br&amp;gt; and feel free to get in touch with our team if &amp;lt;br&amp;gt;you need any assistance.&amp;lt;br&amp;gt; Happy shopping!&amp;lt;/p&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div id=&#39;login-form&#39; class=&quot;login-page&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form-box&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span onclick=&quot;document.getElementById(&#39;login-form&#39;).style.display=&#39;none&#39;&quot; class=&quot;close&quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;form class=&#39;login-form&#39;, action=&quot;validate.php&quot;, method=&quot;post&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;center&amp;gt;&amp;lt;h1 class=&quot;main-heading&quot;&amp;gt;Login Form&amp;lt;/h1&amp;gt;&amp;lt;/center&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot;name=&#39;emailid&#39; placeholder=&quot;Email ID&quot;, required/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;password&quot; name=&#39;password&#39; placeholder=&quot;password&quot;, required/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button&amp;gt;LOGIN&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div id=&quot;register-form&quot; class=&#39;register-page&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form-box1&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;span onclick=&quot;document.getElementById(&#39;register-form&#39;).style.display=&#39;none&#39;&quot; class=&quot;close&quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form1&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;form class=&#39;register-form&#39;, action=&quot;registration.php&quot;, method=&quot;post&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;center&amp;gt;&amp;lt;h1 class=&quot;main-heading&quot;&amp;gt;Register Form&amp;lt;/h1&amp;gt;&amp;lt;/center&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot; name=&#39;user&#39;placeholder=&quot;user name&quot; required/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot; name=&#39;emailid&#39;placeholder=&quot;email-id&quot; required/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;password&quot;name=&#39;password&#39; placeholder=&quot;password&quot; required/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button&amp;gt;REGISTER&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h1 style=&quot;clear: both; text-align: center;&quot;&gt;style.css&lt;/h1&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;*&lt;/div&gt;&lt;div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; margin: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; box-sizing: border-box;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.full-page&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; height: 100vh;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: linear-gradient(white,rgba(0,0,0,0.9));&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.navbar&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: flex;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; align-items: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-left: 50px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-right: 30px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-top: 10px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.logo a&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: coral;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: &#39;Dancing Script&#39;, cursive;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; flex: 1;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-align: right;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-top: 6px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul&amp;nbsp;&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; list-style: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; margin-right: 70px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li a&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: coral;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: sans-serif;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li button&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: coral;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; outline: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: transparent;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; cursor: pointer;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: sans-serif;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.sub-page&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width: 1266px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; height: 550px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: url(abc.png);&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background-size: cover;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background-position: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; left: 50px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; top: 70px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.overlay&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: linear-gradient(rgba(0,0,0,0.5),white);&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; opacity: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; transition: 1s;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.sub-page:hover .overlay&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; opacity: 1;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.text&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-right: 350px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-left: 350px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: &#39;Chilanka&#39;, cursive;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; transform: translateY(-220%);&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; opacity: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; transition: 1s;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.sub-page:hover .text&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; opacity: 1;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#login-form&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form-box&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width: 300px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;height: 400px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;position: relative;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; top: 90px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; left: 210px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;background: rgba(0,0,0,0.6);&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.close&amp;nbsp;&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; position: relative;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; left: 270px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; bottom: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; top: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: #000;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 35px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-weight: bold;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.close:hover,.close:focus&amp;nbsp;&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: red;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; cursor: pointer;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.main-heading&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: orangered;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-bottom: 20px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;position: relative;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;margin: 0 auto 100px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;padding: 45px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; bottom: 20px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form input, .form1 input&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;font-family: sans-serif;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;outline: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; border-bottom: 1px solid black;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;width: 100%;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;margin: 0 0 15px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;padding: 15px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;font-size: 14px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form button, .form1 button&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;font-family: sans-serif;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;width: 100%;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;font-size: 14px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;cursor: pointer;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;padding: 15px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: coral;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form .asking&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 12px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;margin: 15px 0 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form .asking a&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;color: orangered;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;text-decoration: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#register-form&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form-box1&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width: 300px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;height: 400px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;position: absolute;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; bottom: 90px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; left: 860px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;background: rgba(0,0,0,0.6);&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.main-heading&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: orangered;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-bottom: 20px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form1&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;position: relative;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;margin: 0 auto 100px;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;padding: 45px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; bottom: 20px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h1 style=&quot;clear: both; text-align: center;&quot;&gt;registration.php&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;?php&lt;/div&gt;&lt;div&gt;&lt;div&gt;session_start();&lt;/div&gt;&lt;div&gt;header(&#39;location:loginandregister.php&#39;);&lt;/div&gt;&lt;div&gt;$connection=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;shivakesh2&#39;);&lt;/div&gt;&lt;div&gt;//$connection=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;write your password here&#39;)&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;mysqli_select_db($connection,&#39;loginandregistrationform&#39;);&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;$name=$_POST[&#39;user&#39;];&lt;/div&gt;&lt;div&gt;$email=$_POST[&#39;emailid&#39;];&lt;/div&gt;&lt;div&gt;$password=$_POST[&#39;password&#39;];&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;$select=&quot;select * from register_table where email_id=&#39;$email&#39;&quot;;&lt;/div&gt;&lt;div&gt;$result=mysqli_query($connection,$select);&lt;/div&gt;&lt;div&gt;$num=mysqli_num_rows($result);&lt;/div&gt;&lt;div&gt;if($num==1)&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; echo&quot; user already exists&quot;;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;else&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; $reg=&quot;insert into register_table(name,email_id,password) values(&#39;$name&#39;,&#39;$email&#39;,&#39;$password&#39;)&quot;;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; mysqli_query($connection,$reg);&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;?&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;validate.php&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&amp;lt;?php&lt;/div&gt;&lt;div&gt;session_start();&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;$connection=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;shivakesh2&#39;);&lt;/div&gt;&lt;div&gt;//$connection=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;write your password here&#39;)&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;mysqli_select_db($connection,&#39;loginandregistrationform&#39;);&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;$email=$_POST[&#39;emailid&#39;];&lt;/div&gt;&lt;div&gt;$password=$_POST[&#39;password&#39;];&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;$select=&quot;select * from register_table where email_id=&#39;$email&#39; &amp;amp;&amp;amp; password=&#39;$password&#39;&quot;;&lt;/div&gt;&lt;div&gt;$result=mysqli_query($connection,$select);&lt;/div&gt;&lt;div&gt;$num=mysqli_num_rows($result);&lt;/div&gt;&lt;div&gt;if($num==1)&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; header(&#39;location:app.php&#39;);&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;else&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; header(&#39;location:loginandregister.php&#39;);&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;?&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;app.php&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;head&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;app screen&amp;lt;/title&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;/head&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;body&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;a href=&quot;logout.php&quot;&amp;gt;&amp;lt;button&amp;gt;logout&amp;lt;/button&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;h1&amp;gt;Hi! Guys welcome to Seek Coding Youtube Channel&amp;lt;br&amp;gt;If You Are New to my channel, please &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;do Subscribe to my channel and &amp;lt;br&amp;gt; like, share video if you found the tutorial is interesting...&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;br&amp;gt;Thankyou.....&amp;lt;/h1&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;lt;/body&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;/html&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h1 style=&quot;text-align: center;&quot;&gt;logout.php&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&amp;lt;?php&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;session_start();&lt;/div&gt;&lt;div&gt;session_destroy();&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;header(&#39;location:loginandregister.php&#39;);&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;?&amp;gt;&lt;/div&gt;&lt;h1 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;text-align: center;&quot;&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;sql file.sql&lt;/span&gt;&lt;/h1&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;create database loginandregistrationform;&lt;/div&gt;&lt;div&gt;use loginandregistrationform;&lt;/div&gt;&lt;div&gt;create table register_table(name varchar(30),email_id varchar(50) primary key,password varchar(20));&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;----------------------------------------------&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;Thanking you please follow the blog for the more codes and also subscribe the seekcoding youtube channel for the more projects------ : )&lt;/h2&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/167064168233835479/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-login-and-registration_16.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/167064168233835479'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/167064168233835479'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-login-and-registration_16.html' title='How to create a login and registration form using the HTML, CSS, PHP, MYSQL.'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_cC4iMF6kXLxeiUuJnJUhNx3T1JOIZyojG033DsF4MlwDOH-ccBdiTTbhYq7HTs_7lNpSMRNJL9f-bUBqybr8vyQ7FKb6XG4F4GjR8PiqF0iLHg_onjACBmj4HEamyzuIu6AOxE3hsj5/s72-w627-h302-c/msedge_T8vPP0Z4Gh.png" height="72" width="72"/><thr:total>2</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-5904460429935301878</id><published>2021-04-09T14:11:00.004+05:30</published><updated>2021-05-25T15:47:36.872+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using python and mysql"/><title type='text'>How to Create Login and Registration Form Using Python And MySQL Database.</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;Hi Guys Welcome TO Seekcoding Blogspot......&lt;/b&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;Today I am going to Show&lt;/b&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;1.how to create login and registration form in python.....&lt;/b&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;b&gt;2.how to connect login and registration form using the mysql database....&lt;/b&gt;&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&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/AVvXsEgMSVP-tbe9Ex3vRQpdj4rcaEsFxCXHQ4dVJmYqTEK25MfMXumfkcs8FChbm2tIjuM2-E7C11ojKwKUXFAaJbmSTWrkj4FYk8TQYDhcc3-kAS_w-qJzYYk8VBX40KS0xGAlDOikL155BXRG/s1358/2.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;700&quot; data-original-width=&quot;1358&quot; height=&quot;315&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSVP-tbe9Ex3vRQpdj4rcaEsFxCXHQ4dVJmYqTEK25MfMXumfkcs8FChbm2tIjuM2-E7C11ojKwKUXFAaJbmSTWrkj4FYk8TQYDhcc3-kAS_w-qJzYYk8VBX40KS0xGAlDOikL155BXRG/w610-h315/2.png&quot; width=&quot;610&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&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/AVvXsEhGZ4os0-SwtkX78ei7p88HNApn6HJ6KEAsDTC0lvCCcgG4S7jry-6LDPaFU47geW8lYq85POzvobbcUnXIWgb4Riom8gL1E0RzeG1mJ6GajCA8EgQKLSsPyVh6dP3Fl6iYnA1JkAcwQE4b/s1358/1.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;700&quot; data-original-width=&quot;1358&quot; height=&quot;319&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGZ4os0-SwtkX78ei7p88HNApn6HJ6KEAsDTC0lvCCcgG4S7jry-6LDPaFU47geW8lYq85POzvobbcUnXIWgb4Riom8gL1E0RzeG1mJ6GajCA8EgQKLSsPyVh6dP3Fl6iYnA1JkAcwQE4b/w619-h319/1.png&quot; width=&quot;619&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&#39;&#39;&#39;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;Before starting the tutorial you please make sure that you have installed the mysql&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;server on you operating system......&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;if you have mysql server on your operating system then follow these steps&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;1.open your mysql prompt&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;2.enter the password if you have put it....&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;3.then create the database with the name &quot;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;pythongui&lt;/span&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&quot;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;4.use the &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;pythongui&lt;/span&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt; database&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;5.create the table with the table name &quot;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;register&lt;/span&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&quot; with the attributes (username,&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;emailid,password,confirm password......&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;I am writing the queries here&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;step 1: create database pythongui;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;step 2: use pythongui;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;step 3:&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;create table register(username char(30),emailid char(200),password char(30),&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;confirmpassword char(30));&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;first finish these three steps........&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;Now our database is ready to store the data........&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;Note: if&amp;nbsp; you have any difficulty in creating the database please watch this video----&lt;/span&gt;&lt;/h3&gt;&lt;h3 style=&quot;text-align: left;&quot;&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=NAwcl9R0M9w&amp;amp;t=523s&quot;&gt;https://www.youtube.com/watch?v=NAwcl9R0M9w&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&#39;&#39;&#39;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: red;&quot;&gt;#now let us get started.........&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: red;&quot;&gt;#first import the modules required.....&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;from tkinter import *&lt;/p&gt;&lt;p&gt;from PIL import ImageTk&lt;/p&gt;&lt;p&gt;from tkinter import messagebox&lt;/p&gt;&lt;p&gt;import pymysql&lt;/p&gt;&lt;p&gt;class Login:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def __init__(self,root):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.root=root&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.root.title(&quot;Login and registration system for Apps&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.root.geometry(&quot;1366x700+0+0&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.root.resizable(False,False)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.loginform()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def loginform(self):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login=Frame(self.root,bg=&quot;white&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login.place(x=0,y=0,height=700,width=1366)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.img=ImageTk.PhotoImage(file=&quot;background-2.jpg&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; img=Label(Frame_login,image=self.img).place(x=0,y=0,width=1366,height=700)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; frame_input=Frame(self.root,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; frame_input.place(x=320,y=130,height=450,width=350)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1=Label(frame_input,text=&quot;Login Here&quot;,font=(&#39;impact&#39;,32,&#39;bold&#39;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&quot;black&quot;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1.place(x=75,y=20)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2=Label(frame_input,text=&quot;Username&quot;,font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2.place(x=30,y=95)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.email_txt=Entry(frame_input,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.email_txt.place(x=30,y=145,width=270,height=35)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3=Label(frame_input,text=&quot;Password&quot;,font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3.place(x=30,y=195)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.password=Entry(frame_input,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.password.place(x=30,y=245,width=270,height=35)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn1=Button(frame_input,text=&quot;forgot password?&quot;,cursor=&#39;hand2&#39;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; font=(&#39;calibri&#39;,10),bg=&#39;white&#39;,fg=&#39;black&#39;,bd=0)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn1.place(x=125,y=305)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2=Button(frame_input,text=&quot;Login&quot;,command=self.login,cursor=&quot;hand2&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; font=(&quot;times new roman&quot;,15),fg=&quot;white&quot;,bg=&quot;orangered&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bd=0,width=15,height=1)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2.place(x=90,y=340)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn3=Button(frame_input,command=self.Register,text=&quot;Not Registered?register&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,cursor=&quot;hand2&quot;,font=(&quot;calibri&quot;,10),bg=&#39;white&#39;,fg=&quot;black&quot;,bd=0)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn3.place(x=110,y=390)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def login(self):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; if self.email_txt.get()==&quot;&quot; or self.password.get()==&quot;&quot;:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showerror(&quot;Error&quot;,&quot;All fields are required&quot;,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; else:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;try:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; con=pymysql.connect(host=&#39;localhost&#39;,user=&#39;root&#39;,password=&#39;shivakesh2&#39;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; database=&#39;pythongui&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; cur=con.cursor()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; cur.execute(&#39;select * from register where emailid=%s and password=%s&#39;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,(self.email_txt.get(),self.password.get()))&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; row=cur.fetchone()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if row==None:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showerror(&#39;Error&#39;,&#39;Invalid Username And Password&#39;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.loginclear()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.email_txt.focus()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; else:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.appscreen()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;con.close()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;except Exception as es:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; messagebox.showerror(&#39;Error&#39;,f&#39;Error Due to : {str(es)}&#39;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def Register(self):&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login1=Frame(self.root,bg=&quot;white&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login1.place(x=0,y=0,height=700,width=1366)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.img=ImageTk.PhotoImage(file=&quot;background-2.jpg&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; img=Label(Frame_login1,image=self.img).place(x=0,y=0,width=1366,height=700)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; frame_input2=Frame(self.root,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; frame_input2.place(x=320,y=130,height=450,width=630)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1=Label(frame_input2,text=&quot;Register Here&quot;,font=(&#39;impact&#39;,32,&#39;bold&#39;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&quot;black&quot;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1.place(x=45,y=20)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2=Label(frame_input2,text=&quot;Username&quot;,font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2.place(x=30,y=95)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry=Entry(frame_input2,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry.place(x=30,y=145,width=270,height=35)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3=Label(frame_input2,text=&quot;Password&quot;,font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3.place(x=30,y=195)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry2=Entry(frame_input2,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry2.place(x=30,y=245,width=270,height=35)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label4=Label(frame_input2,text=&quot;Email-id&quot;,font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label4.place(x=330,y=95)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry3=Entry(frame_input2,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry3.place(x=330,y=145,width=270,height=35)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label5=Label(frame_input2,text=&quot;Confirm Password&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;font=(&quot;Goudy old style&quot;,20,&quot;bold&quot;),fg=&#39;orangered&#39;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label5.place(x=330,y=195)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry4=Entry(frame_input2,font=(&quot;times new roman&quot;,15,&quot;bold&quot;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;bg=&#39;lightgray&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry4.place(x=330,y=245,width=270,height=35)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2=Button(frame_input2,command=self.register,text=&quot;Register&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,cursor=&quot;hand2&quot;,font=(&quot;times new roman&quot;,15),fg=&quot;white&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bg=&quot;orangered&quot;,bd=0,width=15,height=1)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2.place(x=90,y=340)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn3=Button(frame_input2,command=self.loginform,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; text=&quot;Already Registered?Login&quot;,cursor=&quot;hand2&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; font=(&quot;calibri&quot;,10),bg=&#39;white&#39;,fg=&quot;black&quot;,bd=0)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn3.place(x=110,y=390)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def register(self):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; if self.entry.get()==&quot;&quot;or self.entry2.get()==&quot;&quot;or self.entry3.get()==&quot;&quot;or self.entry4.get()==&quot;&quot;:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showerror(&quot;Error&quot;,&quot;All Fields Are Required&quot;,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; elif self.entry2.get()!=self.entry4.get():&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showerror(&quot;Error&quot;,&quot;Password and Confirm Password Should Be Same&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; else:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;try:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; con=pymysql.connect(host=&quot;localhost&quot;,user=&quot;root&quot;,password=&quot;shivakesh2&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; database=&quot;pythongui&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; cur=con.cursor()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; cur.execute(&quot;select * from register where emailid=%s&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,self.entry3.get())&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; row=cur.fetchone()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if row!=None:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showerror(&quot;Error&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,&quot;User already Exist,Please try with another Email&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.regclear()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.entry.focus()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; else:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;cur.execute(&quot;insert into register values(%s,%s,%s,%s)&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,(self.entry.get(),self.entry3.get(),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.entry2.get(),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.entry4.get()))&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;con.commit()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;con.close()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;messagebox.showinfo(&quot;Success&quot;,&quot;Register Succesfull&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,parent=self.root)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;self.regclear()&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;except Exception as es:&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; messagebox.showerror(&quot;Error&quot;,f&quot;Error due to:{str(es)}&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,parent=self.root)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def appscreen(self):&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login=Frame(self.root,bg=&quot;white&quot;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; Frame_login.place(x=0,y=0,height=700,width=1366)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1=Label(Frame_login,text=&quot;Hi! Welcome To Seek coding&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,font=(&#39;times new roman&#39;,32,&#39;bold&#39;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&quot;black&quot;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label1.place(x=375,y=100)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2=Label(Frame_login,text=&quot;Youtube Channel.If you are New to Channel&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,font=(&#39;times new roman&#39;,32,&#39;bold&#39;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&quot;black&quot;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label2.place(x=235,y=160)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3=Label(Frame_login,text=&quot;Please Subscribe,Like And Share&quot;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;,font=(&#39;times new roman&#39;,32,&#39;bold&#39;),&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;fg=&quot;black&quot;,bg=&#39;white&#39;)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; label3.place(x=340,y=220)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2=Button(Frame_login,text=&quot;Logout&quot;,command=self.loginform,cursor=&quot;hand2&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; font=(&quot;times new roman&quot;,15),fg=&quot;white&quot;,bg=&quot;orangered&quot;,&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; bd=0,width=15,height=1)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; btn2.place(x=1000,y=10)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def regclear(self):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry.delete(0,END)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry2.delete(0,END)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry3.delete(0,END)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.entry4.delete(0,END)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp;def loginclear(self):&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.email_txt.delete(0,END)&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; self.password.delete(0,END)&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;root=Tk()&lt;/p&gt;&lt;p&gt;ob=Login(root)&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;root.mainloop()&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Thankyou For visiting please Follow this BLOG for more projects................. : )&lt;/h2&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: #2b00fe;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/5904460429935301878/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-login-and-registration.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5904460429935301878'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5904460429935301878'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/04/how-to-create-login-and-registration.html' title='How to Create Login and Registration Form Using Python And MySQL Database.'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMSVP-tbe9Ex3vRQpdj4rcaEsFxCXHQ4dVJmYqTEK25MfMXumfkcs8FChbm2tIjuM2-E7C11ojKwKUXFAaJbmSTWrkj4FYk8TQYDhcc3-kAS_w-qJzYYk8VBX40KS0xGAlDOikL155BXRG/s72-w610-h315-c/2.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-775216701591230242</id><published>2021-03-03T13:08:00.003+05:30</published><updated>2021-05-25T15:47:47.371+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="difference between two dates in python"/><category scheme="http://www.blogger.com/atom/ns#" term="how to find difference between two dates in python."/><title type='text'>Difference between two dates in python</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;Hi!!! guys in this tutorial you are going to learn how to find the difference between the two date in python...... &lt;/span&gt;&lt;/p&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;for example the difference between 2000-03-15 to 2000-03-22 is 7 days similarly you are going to find out the difference between any two dates in python.....................


please subscribe to my youtube channel-------seekcoding
&lt;/span&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;https://www.youtube.com/channel/UCygS6M-U3vYA8nAZNc8SETw&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; text-align: center; white-space: pre-wrap;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s1500/Python-Programming-Examples1.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;597&quot; data-original-width=&quot;1500&quot; height=&quot;253&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/w637-h253/Python-Programming-Examples1.png&quot; width=&quot;637&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; text-align: center; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; text-align: center; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; text-align: center; white-space: pre-wrap;&quot;&gt;Source code&lt;/div&gt;&lt;div style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;import datetime&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;print(&#39;Enter a date in YYYY-MM-DD format&#39;)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;date1=input(&#39;enter date1: &#39;)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;year,month,day = map(int, date1.split(&#39;-&#39;))&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;date1=datetime.date(year, month, day)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;date2=input(&#39;enter date2: &#39;)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;year,month,day=map(int,date2.split(&#39;-&#39;))&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;date2=datetime.date(year, month, day)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;date= abs(date1-date2)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;print(date.days,&#39;days&#39;)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;This is the code to find the difference between two dates in python..........................&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;output: &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&quot;&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.870588235294118); font-family: Roboto, Noto, sans-serif;&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/AVvXsEhxRa6hVF3xAyPyWIm9c_dO-EjTRxFCbp8zAiKqYjQMhYP1DuT83SIsq1ucQEN3VA7jhS37qsaoHytzIzFouifrqaldY_a6wPLmCTYo2k9SVdzzE-ZVDiPxtdgLoX0HXxBZVE7wDhaezdsj/s1366/output-2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;728&quot; data-original-width=&quot;1366&quot; height=&quot;355&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxRa6hVF3xAyPyWIm9c_dO-EjTRxFCbp8zAiKqYjQMhYP1DuT83SIsq1ucQEN3VA7jhS37qsaoHytzIzFouifrqaldY_a6wPLmCTYo2k9SVdzzE-ZVDiPxtdgLoX0HXxBZVE7wDhaezdsj/w663-h355/output-2.png&quot; width=&quot;663&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;color: rgba(0, 0, 0, 0.87); font-family: Roboto, Noto, sans-serif; font-size: 15px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/775216701591230242/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/03/hi-guys-in-this-tutorial-you-are-going.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/775216701591230242'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/775216701591230242'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/03/hi-guys-in-this-tutorial-you-are-going.html' title='Difference between two dates in python'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s72-w637-h253-c/Python-Programming-Examples1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-667190321965214416</id><published>2021-03-02T11:35:00.011+05:30</published><updated>2021-05-25T16:34:21.800+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="onclick login and registration form"/><title type='text'>how to create website with html and css - web development</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;Learn web development-&amp;nbsp;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span color=&quot;rgba(0, 0, 0, 0.87)&quot; face=&quot;Roboto, Noto, sans-serif&quot; style=&quot;text-align: left; white-space: pre-wrap;&quot;&gt;How To Create A &lt;/span&gt;&lt;span color=&quot;rgba(0, 0, 0, 0.87)&quot; face=&quot;Roboto, Noto, sans-serif&quot; style=&quot;text-align: left; white-space: pre-wrap;&quot;&gt;Login &amp;amp; Registration Form in HTML &amp;amp; CSS.&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;text-align: left;&quot;&gt;In this video you are going to learn how to create the onlick login and registration form using the html and css........First you are going to create the navigation menu and then you are going to create the login and registration form. After creating these two we are going to connect the login and registration form to the login button in the navigation bar then you can see the beautiful click event&lt;/p&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibmwbcUnt89cKeoTLeSLpBpWDos6pEavZVuTP_2m-LXyGC-i4wgMCpHNFUSWvJvWIwg5j2KGtsosYzfWy8bGsvnuhMhdHfXcIwBTmakvVk0boi6KcviVY6QBbOXMjEAZD_S3Hkc5VKcmZ/s1280/1maxresdefault.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;720&quot; data-original-width=&quot;1280&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibmwbcUnt89cKeoTLeSLpBpWDos6pEavZVuTP_2m-LXyGC-i4wgMCpHNFUSWvJvWIwg5j2KGtsosYzfWy8bGsvnuhMhdHfXcIwBTmakvVk0boi6KcviVY6QBbOXMjEAZD_S3Hkc5VKcmZ/w569-h320/1maxresdefault.jpg&quot; width=&quot;569&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;h2&gt;&lt;span face=&quot;Roboto, Noto, sans-serif&quot; style=&quot;font-size: 15px; text-align: left; white-space: pre-wrap;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;&lt;u&gt;&lt;i&gt;source code&lt;/i&gt;&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;u&gt;Html file&lt;/u&gt;&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;head&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;seek coding&amp;lt;/title&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;!---we had linked our css file-----&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;/head&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;body&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;full-page&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;navbar&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;a href=&#39;website.html&#39;&amp;gt;Seek Coding&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;nav&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul id=&#39;MenuItems&#39;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;About Us&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Services&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Contact&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;button class=&#39;loginbtn&#39; onclick=&quot;document.getElementById(&#39;login-&lt;span&gt;&amp;nbsp;&amp;nbsp; &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;/span&gt;form&#39;).style.display=&#39;block&#39;&quot; style=&quot;width:auto;&quot;&amp;gt;Login&amp;lt;/button&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/nav&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div id=&#39;login-form&#39;class=&#39;login-page&#39;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form-box&quot;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&#39;button-box&#39;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div id=&#39;btn&#39;&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button type=&#39;button&#39;onclick=&#39;login()&#39;class=&#39;toggle-btn&#39;&amp;gt;Log In&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button type=&#39;button&#39;onclick=&#39;register()&#39;class=&#39;toggle-btn&#39;&amp;gt;Register&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;form id=&#39;login&#39; class=&#39;input-group-login&#39;&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&#39;text&#39;class=&#39;input-field&#39;placeholder=&#39;Email Id&#39; required &amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;lt;input type=&#39;password&#39;class=&#39;input-field&#39;placeholder=&#39;Enter Password&#39; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;lt;input type=&#39;checkbox&#39;class=&#39;check-box&#39;&amp;gt;&amp;lt;span&amp;gt;Remember Password&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;lt;button type=&#39;submit&#39;class=&#39;submit-btn&#39;&amp;gt;Log in&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp;&amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp;&amp;lt;form id=&#39;register&#39; class=&#39;input-group-register&#39;&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&amp;lt;input type=&#39;text&#39;class=&#39;input-field&#39;placeholder=&#39;First Name&#39; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&#39;text&#39;class=&#39;input-field&#39;placeholder=&#39;Last Name &#39; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;input type=&#39;email&#39;class=&#39;input-field&#39;placeholder=&#39;Email Id&#39; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&#39;password&#39;class=&#39;input-field&#39;placeholder=&#39;Enter Password&#39; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;input type=&#39;password&#39;class=&#39;input-field&#39;placeholder=&#39;Confirm Password&#39;&amp;nbsp; required&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;input type=&#39;checkbox&#39;class=&#39;check-box&#39;&amp;gt;&amp;lt;span&amp;gt;I agree to the terms and &lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp;&amp;nbsp; &amp;nbsp;&lt;/span&gt;&lt;span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;conditions&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button type=&#39;submit&#39;class=&#39;submit-btn&#39;&amp;gt;Register&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;script&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; var x=document.getElementById(&#39;login&#39;);&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;var y=document.getElementById(&#39;register&#39;);&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;var z=document.getElementById(&#39;btn&#39;);&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;function register()&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;x.style.left=&#39;-400px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;y.style.left=&#39;50px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;z.style.left=&#39;110px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;}&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;function login()&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;x.style.left=&#39;50px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;y.style.left=&#39;450px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;z.style.left=&#39;0px&#39;;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;}&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&amp;lt;script&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; var modal = document.getElementById(&#39;login-form&#39;);&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; window.onclick = function(event)&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; {&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; if (event.target == modal)&amp;nbsp;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; {&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; modal.style.display = &quot;none&quot;;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; }&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; }&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;/body&amp;gt;&lt;/div&gt;&lt;div&gt;&amp;lt;/html&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;u&gt;Css file&lt;/u&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;*&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; margin: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding: 0;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; box-sizing: border-box;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.full-page&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 100%;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(images/bg-2.jpg);&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background-position: center;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background-size: cover;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position: absolute;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.navbar&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: flex;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; align-items: center;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-left: 50px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-right: 30px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; padding-top: 50px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; flex: 1;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-align: right;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul&amp;nbsp;&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; list-style: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; margin-right: 70px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li a&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: sans-serif;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li button&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; outline: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; background: transparent;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; cursor: pointer;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-family: sans-serif;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li button:hover&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: aqua;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;nav ul li a:hover&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: aqua;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;a&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; color: palevioletred;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; font-size: 28px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#login-form&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; display: none;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.form-box&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; width:380px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;height:480px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position:relative;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin:2% auto;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background:rgba(0,0,0,0.3);&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding:10px;&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; overflow: hidden;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.button-box&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width:220px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin:35px auto;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position:relative;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;box-shadow: 0 0 20px 9px #ff61241f;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-radius: 30px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.toggle-btn&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding:10px 30px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;cursor:pointer;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background:transparent;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border:0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;outline: none;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position: relative;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#btn&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;top: 0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;left:0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position: absolute;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 110px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;height: 100%;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background: #F3C693;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-radius: 30px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;transition: .5s;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.input-group-login&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;top: 150px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position:absolute;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width:280px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;transition:.5s;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.input-group-register&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp; top: 120px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position:absolute;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width:280px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;transition:.5s;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.input-field&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 100%;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding:10px 0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin:5px 0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-left:0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-top:0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-right:0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-bottom: 1px solid #999;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;outline:none;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background: transparent;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.submit-btn&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 85%;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding: 10px 30px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;cursor: pointer;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;display: block;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin: auto;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background: #F3C693;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border: 0;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;outline: none;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;border-radius: 30px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;.check-box&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin: 30px 10px 34px 0;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;span&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;color:#777;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-size:12px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;bottom:68px;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position:absolute;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#login&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;left:50px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#login input&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;color:white;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-size:15;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#register&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;left:450px;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;div&gt;#register input&lt;/div&gt;&lt;div&gt;{&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;color:white;&lt;/div&gt;&lt;div&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-size: 15;&lt;/div&gt;&lt;div&gt;}&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;First You create the html file with the .html file and another file with the .css file in the same folder and then you copy the html code in the .html file and css code in the .css file and the code....................&lt;/div&gt;&lt;div&gt;You can download the background image from the youtube video description ........&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Please Subscribe to seek coding Youtube channel for more interesting projects .........&lt;/div&gt;&lt;div&gt;In future I am going to do projects on python and going to keep in the youtube. so please do subscribe to my channel and get ready......................&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Thank You......&lt;/div&gt;&lt;p&gt;&lt;/p&gt;

&lt;html&gt;
  &lt;head&gt;
    &lt;meta content=&quot;how to create website with html and css - web development&quot; name=&quot;title&quot;/&gt;
	&lt;meta content=&quot;how to create website with html and css, website, html and css, learn web development, html buttons, html form, html toggle, html label, css hover&quot; name=&quot;description&quot;/&gt;
	&lt;meta content=&quot;how to create website with html and css, website, html and css, learn web development, html buttons, html form, html toggle, html label, css hover 
                   login and registration form in html and css template free download
login and registration form in html and css code
login and registration form in html and css with database
login and registration form in html and css with validation
login and registration form in html and css codepen
login and registration form in html and css github
login and signup form in html and css
login and registration form design in html and css with code
login and registration form using html and css
login page and registration page in html
login and registration form html and css
login and registration form with html and css
login and registration form html css
html and css code for login and registration form
login and registration form in html with css source code
how to create login and registration form in html and css
registration form in html and css codepen
register form in html and css code
transparent registration form in html and css code
login and registration form in html and css free download
transparent login and registration form in html css and javascript- login form design
registration form in html and css example
registration form in html css and javascript
registration form in html and css with javascript validation
login and registration form in html and javascript
login and registration form with html5 and css3
simple login and registration form in html and css
how to make login and registration form using html and css step by step
registration form in html and css with source code
signup page using html and css
signup page in html and css
registration form in html and css template
login and register form using html and css
registration form in html and css with validation
login and registration form in html without css
login and signup form in html with css
login and registration form in html
login and registration form in php
login and registration form in react js
login and registration form in html template free download
login and registration form in html and css
login and registration form in android studio code
login and registration form in asp.net mvc with database
login and registration form in c# with database
login and registration form angular
login and registration form android studio
login and registration form animation
login and registration form android
login and registration form angular 7
login and registration form asp.net
login and registration form in asp.net core
how to create a login and registration form in wordpress
login and registration form in php template free download
login and registration form template free download
login and registration form in php using session
login and registration form bootstrap
login and registration form bootstrap template free download
login and registration form bootstrap 4
login and registration form bootsnipp
login and signup form bootstrap
bootstrap login and registration form codepen
sign in sign up form bootstrap
bootstrap 4 login and registration form codepen
login and registration form codepen
login and registration form css
login and registration form codeigniter
login and registration form code in html
responsive login and registration form codepen
login and registration form html css
animated login and signup form codepen
login and registration form in c
login and registration form design
login and registration form django
login and registration form design in android studio
login and registration form design in html and css with code
login and registration form with database in android
login and registration form in python django
login and registration form template free download in php
login and registration form in android using json example
login form and registration form in html
login form and registration form in php
login and registration form github
login and registration form in html github
login and registration form in php github
login and registration form in react js github
login and registration form in android studio github
login and registration form in spring mvc github
login and registration form in android using retrofit github
login and registration form in android using volley github
login and registration form html
login and registration form html template
login and signup form html code
login and registration form in html with javascript validation
login and registration form in html bootstrap
login and registration form in html with css source code
hpu login registration
hpu login new registration
hpu login id
login and registration form javascript
login and registration form java
login and registration form in java with database connectivity
login and registration form in jsp with database connectivity
login and registration form in jsp with mysql database connectivity
login and registration form in java swing
login and registration form in jsp
login and registration form in java using servlet
vue js login and registration form
login and registration form in node js
login and registration form in react js codepen
login and registration form using react js
login and registration form in node js and mongodb
login and registration form in js
login and registration form in android using kotlin
login and registration form laravel
login and registration form in mvc 5 with database
login and registration form php mysql
login and registration form in spring mvc
login and registration form in php using mysqli
login and registration form in spring mvc and hibernate example
login and registration form in asp.net core mvc
login and registration form netbeans
login and registration form in asp.net mvc 5
login and registration form in asp.net c# with database source code
login and registration form in react native
simple login and registration form in asp.net using c#
login and registration form plugin for wordpress
login and registration form php
login and registration form php template free download
login and registration form popup
login and registration form in php free download
php login and registration form template free download
php login and registration form
php login and registration form with session
php login and registration form code
login and registration form in php using ajax
pyqt python login and registration form using qt designer
login and registration form spring boot
login and registration form in android studio using firebase
login and registration form in android studio code github
login and registration form in android studio code with validation
login and registration form in android studio using firebase github
login and registration form test cases
sign in and sign up form template
bootstrap responsive login and registration form template free download
simple login and registration form in html template free download
login and registration form using node js
login and registration form using php and mysql
login and registration form using spring boot
uan login registration process
uan login and registration
login and registration form validation in javascript
login and registration form in vue js
login and registration form in android using json volley
vk login and password
vk login create account
login and registration form with database in php
login and registration form with database
login and registration form with html and css
login and registration form with html5 and css3
login and registration form wordpress plugin
login and registration form with validation in jsp
login and registration form with validation in php
login and registration form w3schools
login and registration form in xamarin
login and registration form in php using xampp
login and registration form in angular 10
login and registration form in angular 11
simple login and registration form in cakephp 2
simple login and registration form in cakephp 3
bootstrap 3 login and registration form
login and registration form in mvc 4 with database
bootstrap 4 login and registration form template free download
bootstrap 4 login and registration form template
login and registration form in asp.net mvc 4
simple login and registration form in mvc 4 with database
bootstrap 4 modal login and registration form
bootstrap 4 login and registration form
login and registration form in laravel 5.8
login and registration form in asp.net mvc 5 using ado.net
login and registration form in angular 6
angular 6 login and registration form
login and registration form in laravel 7
simple login and registration form in angular 7
login and registration form angular 8
login and registration form in angular 8 stackblitz
login and registration form in laravel 8
login and registration form in angular 9
login and registration form in html and css template free download
login and registration form in html and css with database
login and registration form in html and css code
login and registration form in html and css with validation
login and registration form in html and css codepen
login and registration form in html and css github
login and signup form in html and css
login and registration form design in html and css with code
login and registration form in html with css source code
how to create login and registration form in html and css
registration form in html and css codepen
register form in html and css code
transparent registration form in html and css code
login and registration form in html and css free download
transparent login and registration form in html css and javascript- login form design
registration form in html and css example
registration form in html css and javascript
registration form in html and css with javascript validation
simple login and registration form in html and css
how to make login and registration form using html and css step by step
registration form in html and css with source code
registration form in html and css template
login and registration form using html and css
login and register form using html and css
registration form in html and css with validation
login and registration form in html without css
login and signup form in html with css
login and registration form with html and css
website using html and css only
website using html and css project
website using html and css github
website using html and css and bootstrap
website using html and css only source code
website using html and css source code
website using html and css template
website using html and css free download
website using html and css code
a website using html and css
a simple website using html and css
creating a website using html css and javascript
create a website using html and css with source code
creating an ecommerce website using html and css
create a personal website using html and css
creating a website using html css and javascript pdf
creating a website with html and css from scratch tutorial
website using html css and bootstrap
create modern website using html css and bootstrap
create modern website using html css and bootstrap free download
build website using html and css
best website using html and css
create modern website using html css and bootstrap freecoursesite
blog website using html and css
create modern website using html css and bootstrap udemy free download
website with html and css code
website using html css and javascript code
login page using html and css code
website design with html and css code
website templates with html and css codes
simple website with html and css code
simple website using html and css download
website design using html and css
demo website using html and css
website development using html and css pdf
create website using html and css in dreamweaver
simple website templates using html and css download
website html and css download
website design using html css and javascript
ecommerce website using html and css source code
ecommerce website using html and css
ecommerce-website using html and css source code github
example website using html and css
ecommerce website using html and css code
website html and css editor
ecommerce website using html css and javascript
ecommerce website using html css and javascript source code
e commerce website using html and css
e-commerce website using html css and javascript github
e commerce website in html and css
make a website using html and css for beginners
website code in html and css free download pdf
food website using html and css
first website using html and css codecademy
full website using html and css
first website using html and css
website using html css and javascript github
gym website using html and css
portfolio website using html css and javascript github
build your portfolio website with html and css github
website layout with image gallery using html and css
hospital website using html and css
home page using html and css
how to create website using html and css
how to design a website using html and css pdf
how to create website using html css and javascript
how to make ecommerce website using html and css
how to create website using html and css in notepad
create a website using html and css in hindi with source code
website ideas using html and css
how to make website using html and css in notepad
how to create website using html and css in visual studio code
how to create website using html and css in visual studio
how to add logo in website using html and css
how to create a website using html and css in sublime text
simple website using html and css
personal website using html and css source code
website using html css and javascript
website using html css and javascript source code
website using html css javascript php
simple website using html css and javascript
travel website using html css and javascript
website layout using html and css
login page using html and css
landing page using html and css
login page using html and css only
page layout using html and css
login page using html and css codepen
learn to create website using html and css
making website using html and css
movie website using html and css
music website using html and css
my first website using html and css
website made with html and css
website made with html and css only
modern website in html and css
news website using html and css
how to create a website using html and css in netbeans
how to create a website using html and css on notepad pdf
how to create a news website using html and css
website templates using html and css only
portfolio website using html and css only
web page using html and css only
best website design using html and css only
simple website templates using html and css only
creating website using html and css pdf
create website using html css and php
website design in html and css pdf
create website in html and css pdf
portfolio website using html and css
personal website using html and css
quiz website using html and css
responsive website using html and css
restaurant website using html and css
resume website using html and css
responsive website using html css and javascript
responsive portfolio website using html and css
responsive website using html css and js
registration page using html and css
responsive website templates using html and css
college website using html and css source code
create a website using html and css step by step
creating a website using html and css tutorial
travel website using html and css
build glass website with html and css tutorial
website html and css templates
using html and css to create website
create modern website using html css and bootstrap udemy
how to create website using html and css in visual studio 2019
website using html and css with source code
simple website using html and css with source code
login page in html and css with validation
how to design a website using html and css with example
simple website using html css and javascript with source code
how to create a website using html and css w3schools
how to create a website using html and css youtube
how to design a website using html and css youtube
create your own website using html and css
build your own website using html and css pdf
how to create a website using html css and javascript youtube
how to make a website using html and css youtube
how to create a personal portfolio website using html and css part-1
#1 how to make ecommerce website using html css and bootstrap step by step
how to make ecommerce website using html css and bootstrap step by step
how to make a ecommerce website using html and css
how to create an ecommerce website using html and css
how to make ecommerce website using bootstrap
how to create a personal portfolio website using html and css part-2
how to create a website using html and css in visual studio
how to make a website using html and css with 3d effect scrolling
complete responsive website using html css bootstrap 4 and javascript
website using html and css only
website using html and css project
website using html and css github
website using html and css and bootstrap
website using html and css only source code
website using html and css source code
website using html and css template
website using html and css free download
website using html and css code
a website using html and css
a simple website using html and css
creating a website using html css and javascript
create a website using html and css with source code
creating an ecommerce website using html and css
create a personal website using html and css
creating a website using html css and javascript pdf
creating a website with html and css from scratch tutorial
website using html css and bootstrap
create modern website using html css and bootstrap
create modern website using html css and bootstrap free download
build website using html and css
best website using html and css
create modern website using html css and bootstrap freecoursesite
blog website using html and css
create modern website using html css and bootstrap udemy free download
website with html and css code
website using html css and javascript code
login page using html and css code
website design with html and css code
website templates with html and css codes
simple website with html and css code
simple website using html and css download
website design using html and css
demo website using html and css
website development using html and css pdf
create website using html and css in dreamweaver
simple website templates using html and css download
website html and css download
website design using html css and javascript
ecommerce website using html and css source code
ecommerce website using html and css
ecommerce-website using html and css source code github
example website using html and css
ecommerce website using html and css code
website html and css editor
ecommerce website using html css and javascript
ecommerce website using html css and javascript source code
e commerce website using html and css
e-commerce website using html css and javascript github
e commerce website in html and css
make a website using html and css for beginners
website code in html and css free download pdf
food website using html and css
first website using html and css codecademy
full website using html and css
first website using html and css
website using html css and javascript github
gym website using html and css
portfolio website using html css and javascript github
build your portfolio website with html and css github
website layout with image gallery using html and css
hospital website using html and css
home page using html and css
how to create website using html and css
how to design a website using html and css pdf
how to create website using html css and javascript
how to make ecommerce website using html and css
how to create website using html and css in notepad
create a website using html and css in hindi with source code
website ideas using html and css
how to make website using html and css in notepad
how to create website using html and css in visual studio code
how to create website using html and css in visual studio
how to add logo in website using html and css
how to create a website using html and css in sublime text
simple website using html and css
personal website using html and css source code
website using html css and javascript
website using html css and javascript source code
website using html css javascript php
simple website using html css and javascript
travel website using html css and javascript
website layout using html and css
login page using html and css
landing page using html and css
login page using html and css only
page layout using html and css
login page using html and css codepen
learn to create website using html and css
making website using html and css
movie website using html and css
music website using html and css
my first website using html and css
website made with html and css
website made with html and css only
modern website in html and css
news website using html and css
how to create a website using html and css in netbeans
how to create a website using html and css on notepad pdf
how to create a news website using html and css
website templates using html and css only
portfolio website using html and css only
web page using html and css only
best website design using html and css only
simple website templates using html and css only
creating website using html and css pdf
create website using html css and php
website design in html and css pdf
create website in html and css pdf
portfolio website using html and css
personal website using html and css
quiz website using html and css
responsive website using html and css
restaurant website using html and css
resume website using html and css
responsive website using html css and javascript
responsive portfolio website using html and css
responsive website using html css and js
registration page using html and css
responsive website templates using html and css
college website using html and css source code
create a website using html and css step by step
creating a website using html and css tutorial
travel website using html and css
build glass website with html and css tutorial
website html and css templates
using html and css to create website
create modern website using html css and bootstrap udemy
how to create website using html and css in visual studio 2019
website using html and css with source code
simple website using html and css with source code
login page in html and css with validation
how to design a website using html and css with example
simple website using html css and javascript with source code
how to create a website using html and css w3schools
how to create a website using html and css youtube
how to design a website using html and css youtube
create your own website using html and css
build your own website using html and css pdf
how to create a website using html css and javascript youtube
how to make a website using html and css youtube
how to create a personal portfolio website using html and css part-1
#1 how to make ecommerce website using html css and bootstrap step by step
how to make ecommerce website using html css and bootstrap step by step
how to make a ecommerce website using html and css
how to create an ecommerce website using html and css
how to make ecommerce website using bootstrap
how to create a personal portfolio website using html and css part-2
how to create a website using html and css in visual studio
how to make a website using html and css with 3d effect scrolling
complete responsive website using html css bootstrap 4 and javascript&quot; name=&quot;keywords&quot;/&gt;
	&lt;meta content=&quot;index, follow&quot; name=&quot;robots&quot;/&gt;
	&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot;/&gt;
	&lt;meta content=&quot;English&quot; name=&quot;language&quot;/&gt;
  &lt;/head&gt;
&lt;/html&gt;









</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/667190321965214416/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/03/how-to-create-login-registration-form.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/667190321965214416'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/667190321965214416'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/03/how-to-create-login-registration-form.html' title='how to create website with html and css - web development'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhibmwbcUnt89cKeoTLeSLpBpWDos6pEavZVuTP_2m-LXyGC-i4wgMCpHNFUSWvJvWIwg5j2KGtsosYzfWy8bGsvnuhMhdHfXcIwBTmakvVk0boi6KcviVY6QBbOXMjEAZD_S3Hkc5VKcmZ/s72-w569-h320-c/1maxresdefault.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-4584806614427166186</id><published>2021-02-11T21:44:00.011+05:30</published><updated>2021-05-25T15:48:20.068+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="website template using html and css"/><title type='text'>How To Make A Login &amp; Registration Form in HTML​ &amp; CSS​.</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Hi guys !!!&amp;nbsp;&lt;br /&gt;1. In this tutorial you are going to learn how to create the beautiful website template and also,&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;2. How to create a login and registration form using html and css.&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;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9koqVVrFiOciRsn5Cu6dqLKex3z0jp5LtO9d3tU6C83CkEAtXvb4wZ5EDgp8J5Dqt-rmIsq2SwKPYuVuWe4c1yC6fzOlDYzLYaEj_W1S6m8OswlaGb9emGc90TepFDQDjCowVeHqf-tG8/s1366/insta.png&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;659&quot; data-original-width=&quot;1366&quot; height=&quot;294&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9koqVVrFiOciRsn5Cu6dqLKex3z0jp5LtO9d3tU6C83CkEAtXvb4wZ5EDgp8J5Dqt-rmIsq2SwKPYuVuWe4c1yC6fzOlDYzLYaEj_W1S6m8OswlaGb9emGc90TepFDQDjCowVeHqf-tG8/w534-h294/insta.png&quot; width=&quot;534&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;h2 style=&quot;clear: both; text-align: left;&quot;&gt;Note: You can dowload the image from the link given in the youtube video description box, The video link is given below-----&lt;/h2&gt;&lt;h2&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=U3LoO8NmlZ8&quot;&gt;https://www.youtube.com/watch?v=U3LoO8NmlZ8&lt;/a&gt;&lt;/h2&gt;&lt;br /&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;SOURCE CODE:&lt;/h2&gt;&lt;h3&gt;HTML CODE&lt;/h3&gt;&lt;div style=&quot;text-align: left;&quot;&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;head&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;title&amp;gt;seek coding&amp;lt;/title&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;link href=&quot;https://fonts.googleapis.com/css2?family=Kaushan+Script&amp;amp;display=swap&quot; rel=&quot;stylesheet&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;body&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;full-page&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;sub-page&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;navigation-bar&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;logo&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;a href=&#39;photography.html&#39;&amp;gt;Seek Coding&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;nav&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul id=&#39;MenuItems&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Photos&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Services&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=&#39;#&#39;&amp;gt;Contact&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/nav&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;row&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;col-1&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form-box&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;form&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;form class=&quot;login-form&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;center&amp;gt;&amp;lt;h1 class=&quot;main-heading&quot;&amp;gt;Login Form&amp;lt;/h1&amp;gt;&amp;lt;/center&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot;placeholder=&quot;user name&quot;/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;password&quot;placeholder=&quot;password&quot;/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button&amp;gt;LOGIN&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p class=&quot;message&quot;&amp;gt;Not Registered? &amp;lt;a href=&quot;#&quot;&amp;gt;Register&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;form class=&quot;register-form&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;center&amp;gt;&amp;lt;h1 class=&quot;main-heading&quot;&amp;gt;Register Form&amp;lt;/h1&amp;gt;&amp;lt;/center&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot; placeholder=&quot;user name&quot;/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;text&quot; placeholder=&quot;email-id&quot;/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;input type=&quot;password&quot; placeholder=&quot;password&quot;/&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;button&amp;gt;REGISTER&amp;lt;/button&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p class=&quot;message&quot;&amp;gt;Already Registered?&amp;lt;a href=&quot;#&quot;&amp;gt;Login&amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/p&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;				&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/form&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;			&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;col-1&quot;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p class=&#39;defination&#39;&amp;gt;Login and Registration Form Using&amp;lt;br&amp;gt; HTML,CSS And Javascript For More&amp;lt;br&amp;gt;Videos Please Subscribe&amp;lt;br&amp;gt;-----Seek Coding&amp;lt;/p&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;script src=&#39;https://code.jquery.com/jquery-3.2.1.min.js&#39;&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;script&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; $(&#39;.message a&#39;).click(function(){$(&#39;form&#39;).animate({height: &quot;toggle&quot;,opacity: &quot;toggle&quot;},&quot;slow&quot;);});&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;/body&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&amp;lt;/html&amp;gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style=&quot;clear: both; text-align: center;&quot;&gt;CSS CODE&lt;/h3&gt;&lt;/div&gt;&lt;p&gt;*&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; margin: 0;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding: 0;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; box-sizing: border-box;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.full-page&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; height: 100vh;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; background: coral;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.sub-page&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; width: 1266px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; height: 559px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; background: url(bg1.jpg);&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; background-size: cover;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; background-position: center;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; left: 50px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; top: 50px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.navigation-bar&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; display: flex;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; align-items: center;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding: 20px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding-left: 80px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding-right: 30px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding-top: 50px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.logo&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; position: fixed;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; margin-top: 10px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.logo a&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-size: 30px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;nav&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; flex: 1;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; position: fixed;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; right: 0;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;nav ul&amp;nbsp;&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; list-style: none;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;nav ul li&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; display: inline-block;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; margin-right: 90px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; margin-top: 17px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;nav ul li a&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; text-decoration: none;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-size: 20px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-family: sans-serif;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;nav ul li a:hover&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: saddlebrown;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.row&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; display: flex;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; align-items: center;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; flex-wrap: wrap;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; justify-content: space-around;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.col-1&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; flex-basis: 50%;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; min-width: 300px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form-box&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; width: 300px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;height: 400px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position: relative;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; top: 50px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; left: 120px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background: rgba(0,0,0,0.6);&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.main-heading&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: orangered;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding-bottom: 20px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;position: relative;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin: 0 auto 100px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding: 45px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form input&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-family: sans-serif;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;outline: none;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; border-bottom: 1px solid black;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 100%;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin: 0 0 15px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding: 15px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-size: 14px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form button&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-family: sans-serif;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;width: 100%;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;font-size: 14px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;cursor: pointer;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;padding: 15px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; border: none;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; background: coral;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form .message&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-size: 12px;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;margin: 15px 0 0;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form .message a&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;color: orangered;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;text-decoration: none;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.form .register-form{&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;display: none;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;&lt;p&gt;.defination&lt;/p&gt;&lt;p&gt;{&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; text-align: left;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-size: 30px;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; color: white;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; font-family: &#39;Kaushan Script&#39;, cursive;&lt;/p&gt;&lt;p&gt;&amp;nbsp; &amp;nbsp; padding-left: 60px;&lt;/p&gt;&lt;p&gt;}&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/4584806614427166186/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/02/how-to-create-website-using-html-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/4584806614427166186'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/4584806614427166186'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/02/how-to-create-website-using-html-and.html' title='How To Make A Login &amp; Registration Form in HTML​ &amp; CSS​.'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9koqVVrFiOciRsn5Cu6dqLKex3z0jp5LtO9d3tU6C83CkEAtXvb4wZ5EDgp8J5Dqt-rmIsq2SwKPYuVuWe4c1yC6fzOlDYzLYaEj_W1S6m8OswlaGb9emGc90TepFDQDjCowVeHqf-tG8/s72-w534-h294-c/insta.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-10.835811034471067 43.80663 52.02317903447107 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-3991500834738026696</id><published>2021-01-26T21:40:00.005+05:30</published><updated>2021-05-25T15:48:30.615+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="how to use video in website"/><category scheme="http://www.blogger.com/atom/ns#" term="how to use video in website using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="using video in webiste"/><title type='text'>How To Create A Website Using HTML And CSS Step By Step Using Video</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&amp;nbsp;Hi Guys!!!&lt;br /&gt;&amp;nbsp;In this post you are going to learn how to make a website using the video as a part of the website.....&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;Note: Watch Complete Video so that you will not found any difficulty&lt;/h2&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;307&quot; src=&quot;https://www.youtube.com/embed/6PcW8BerE3E&quot; width=&quot;524&quot; youtube-src-id=&quot;6PcW8BerE3E&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/3991500834738026696/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_26.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3991500834738026696'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3991500834738026696'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_26.html' title='How To Create A Website Using HTML And CSS Step By Step Using Video'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/6PcW8BerE3E/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-4297560131247561772</id><published>2021-01-25T11:59:00.005+05:30</published><updated>2021-05-25T15:48:54.101+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="python program on number series"/><title type='text'>coding questions in python || python programming || number series in python || coding interviews</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #030303;&quot;&gt;&lt;span style=&quot;background-color: #f9f9f9; font-size: 14px; white-space: pre-wrap;&quot;&gt;Hi guys!!!&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #030303;&quot;&gt;&lt;span style=&quot;background-color: #f9f9f9; font-size: 14px; white-space: pre-wrap;&quot;&gt;In this tutorial you are going to learn how to write a program for the numbers ........&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;This tutorial is useful for you to crack any coding challenge given to you on number series.......&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s1500/Python-Programming-Examples1.png&quot; style=&quot;font-family: Roboto, Noto, sans-serif; font-size: 15px; margin-left: 1em; margin-right: 1em; text-align: center; white-space: pre-wrap;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;597&quot; data-original-width=&quot;1500&quot; height=&quot;253&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/w637-h253/Python-Programming-Examples1.png&quot; width=&quot;637&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span style=&quot;background-color: #b2b2b2;&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;span style=&quot;background-color: #b2b2b2;&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;span style=&quot;background-color: #b2b2b2;&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;356&quot; src=&quot;https://www.youtube.com/embed/sOSr8bSkgQw&quot; width=&quot;523&quot; youtube-src-id=&quot;sOSr8bSkgQw&quot;&gt;&lt;/iframe&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/4297560131247561772/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/coding-questions-in-python-python_24.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/4297560131247561772'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/4297560131247561772'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/coding-questions-in-python-python_24.html' title='coding questions in python || python programming || number series in python || coding interviews'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s72-w637-h253-c/Python-Programming-Examples1.png" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-3251987918724098329</id><published>2021-01-24T23:14:00.005+05:30</published><updated>2021-05-25T15:49:06.592+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><title type='text'>coding questions in python || python programming || half diamond using numbers||coding interviews</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;span face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;&quot;&gt;Today&#39;s question..........&lt;/span&gt;&lt;/p&gt;&lt;span face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;&quot;&gt;
Print the below pattern(half diamond using numbers)
if the input is:                                 
   3 ---------- starting number                    
   4 ----- length of half diamond                  
                                        
   then the                                          
   output must be as shown below:                   
   3 ------------ starting number                                               
   44                                               
   555                                              
   6666                                             
   555                                              
   44                                               
   3                                                
  in this case the length of the half diamond       
  is 4 and starting symbol is 3&lt;/span&gt;&lt;div&gt;&lt;span style=&quot;color: #030303;&quot;&gt;&lt;span style=&quot;font-size: 14px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s1500/Python-Programming-Examples1.png&quot; style=&quot;font-family: Roboto, Noto, sans-serif; font-size: 15px; margin-left: 1em; margin-right: 1em; text-align: center; white-space: pre-wrap;&quot;&gt;&lt;img border=&quot;0&quot; data-original-height=&quot;597&quot; data-original-width=&quot;1500&quot; height=&quot;253&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/w637-h253/Python-Programming-Examples1.png&quot; width=&quot;637&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;color: #030303;&quot;&gt;&lt;span style=&quot;font-size: 14px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div&gt;&lt;span face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; white-space: pre-wrap;&quot;&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;iframe allowfullscreen=&quot;&quot; class=&quot;BLOG_video_class&quot; height=&quot;359&quot; src=&quot;https://www.youtube.com/embed/53ZGcnTEck4&quot; width=&quot;573&quot; youtube-src-id=&quot;53ZGcnTEck4&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;              &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/3251987918724098329/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/coding-questions-in-python-python.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3251987918724098329'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/3251987918724098329'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/coding-questions-in-python-python.html' title='coding questions in python || python programming || half diamond using numbers||coding interviews'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZFbdnu4xejfSNsosdiEjw_KtbhshizgJ10LyNfXOPH0r3SOQsbH33dh2I_D0hJ-HnIZw3_PKVPLPFgIqz4e3a4tReVAyH6zD_3-PMqmII8DQJEmohgF4gzCdNJoBMbYdcvPEG9Zd2QtIH/s72-w637-h253-c/Python-Programming-Examples1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-7525559864086633001</id><published>2021-01-24T00:00:00.005+05:30</published><updated>2021-05-25T15:49:24.085+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="onclick login and registration form"/><title type='text'>How To Create A Website Using HTML And CSS With Login &amp; Registration Form</title><content type='html'>&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;h2 style=&quot;text-align: left;&quot;&gt;Hi guys!!!&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;In this tutorial you are going to learn how to create a login and registration form using html and css.&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;And also you are going to learn how to create a onlick login and registration form&lt;/h2&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 frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://youtube.com/embed/zP4nZsczpKE&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/7525559864086633001/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_92.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/7525559864086633001'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/7525559864086633001'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_92.html' title='How To Create A Website Using HTML And CSS With Login &amp; Registration Form'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/zP4nZsczpKE/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-5626440403403494238</id><published>2021-01-23T17:10:00.005+05:30</published><updated>2021-05-25T15:49:36.910+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="background video using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="website with background video"/><title type='text'>How To Make A Website With Full Screen Background Video Using HTML And CSS</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;Hi guys!!!&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;In this tutorial you are going to learn how to create a website with the full screen background video and also you are going to learn how to create a onclick login and registration form...&lt;/h2&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 frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://youtube.com/embed/yOO6HRG6qj4&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/5626440403403494238/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-make-website-with-full-screen.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5626440403403494238'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5626440403403494238'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-make-website-with-full-screen.html' title='How To Make A Website With Full Screen Background Video Using HTML And CSS'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/yOO6HRG6qj4/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-1312544140900623487</id><published>2021-01-23T16:25:00.005+05:30</published><updated>2021-05-25T15:49:47.001+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="onclick login and registration form"/><title type='text'>Onclick Login and Registration Form Using Html and CSS</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;Hi Guys!!!&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; font-weight: 400; white-space: pre-wrap;&quot;&gt;How To Create A Website Using HTML And CSS Step By Step Website Tutorial.
&lt;/span&gt;&lt;/h2&gt;&lt;h2&gt;&lt;span style=&quot;background-color: #f9f9f9; color: #030303; font-size: 14px; font-weight: 400; white-space: pre-wrap;&quot;&gt;IN THIS VIDEO IAM GOING TO SHOW YOU HOW TO CREATE THE LOGIN AND REGISTRATION FORM FOR THE WEBSITE. WHEN YOU CLICK ON THE LOGIN ON THE NAVIGATION BAR LOGIN FORM APPEARS WHEN YOU CLICK OUTSIDE THE LOGIN FORM IT GETS DISAPPEARS.&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;iframe frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://youtube.com/embed/GMLsHHHOnjw&quot; width=&quot;480&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;&lt;span class=&quot;style-scope yt-formatted-string&quot; dir=&quot;auto&quot; face=&quot;Roboto, Arial, sans-serif&quot; style=&quot;background: rgb(249, 249, 249); border: 0px; color: #030303; font-size: 14px; margin: 0px; padding: 0px; text-align: start; white-space: pre-wrap;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: center;&quot;&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/1312544140900623487/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_58.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/1312544140900623487'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/1312544140900623487'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_58.html' title='Onclick Login and Registration Form Using Html and CSS'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/GMLsHHHOnjw/default.jpg" height="72" width="72"/><thr:total>0</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry><entry><id>tag:blogger.com,1999:blog-914263091242896006.post-5042187487257192376</id><published>2021-01-23T16:01:00.002+05:30</published><updated>2021-05-25T15:49:55.523+05:30</updated><category scheme="http://www.blogger.com/atom/ns#" term="coding"/><category scheme="http://www.blogger.com/atom/ns#" term="login and registration form using html and css"/><category scheme="http://www.blogger.com/atom/ns#" term="website template using html and css"/><title type='text'>How To Make A Website with HTML And CSS With Login &amp; Registration Form</title><content type='html'>&lt;h2 style=&quot;text-align: left;&quot;&gt;Hi guys!!!&amp;nbsp;&lt;/h2&gt;&lt;h2 style=&quot;text-align: left;&quot;&gt;In this tutorial you are going to learn how to create a beautiful website using the html and css and also how to create the login and registration form&lt;/h2&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 frameborder=&quot;0&quot; height=&quot;270&quot; src=&quot;https://youtube.com/embed/U3LoO8NmlZ8&quot; width=&quot;480&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='https://seekcoding.blogspot.com/feeds/5042187487257192376/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_23.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5042187487257192376'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/914263091242896006/posts/default/5042187487257192376'/><link rel='alternate' type='text/html' href='https://seekcoding.blogspot.com/2021/01/how-to-create-website-using-html-and_23.html' title='How To Make A Website with HTML And CSS With Login &amp; Registration Form'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/U3LoO8NmlZ8/default.jpg" height="72" width="72"/><thr:total>1</thr:total><georss:featurename>India</georss:featurename><georss:point>20.593684 78.96288</georss:point><georss:box>-7.7165498361788458 43.80663 48.903917836178849 114.11913</georss:box></entry></feed>