{"id":5046,"date":"2024-01-11T16:40:00","date_gmt":"2024-01-11T16:40:00","guid":{"rendered":"https:\/\/codehim.com\/?p=5046"},"modified":"2024-01-22T14:44:27","modified_gmt":"2024-01-22T09:44:27","slug":"login-page-in-html-with-css-code","status":"publish","type":"post","link":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/","title":{"rendered":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult"},"content":{"rendered":"<p>A login page is one of the most important pages of a website\/app that allows authorized users to access an entire site or a part of a website. For login protected sites, the login\/sign up page is the very first page to show the users. Whether it&#8217;s a signup or login page, it should be attractive, user-friendly, and easy to use. Here is a hand-picked collection of login page designs with live preview and downloadable HTML CSS code. You can integrate these ready-to-use form templates into your project to save your time and effort.<\/p>\n<p>This collection of sign-up\/login forms has different types of login pages. Each login page comes with different features and functions. You can view demo and download HTML and CSS source code for login page that you find fit for your needs.<\/p>\n<h2>1. Simple Login Page in HTML<\/h2>\n<p>The following is a simple login form that comes with a clean user interface to log in. This login form template has a title, input field for email &amp; password, a link to forget password page, and two buttons for &#8220;register&#8221; and &#8220;sign-in&#8221;. Moreover, it has a decent color scheme inspired by Material Design. The color scheme can be customized according to your needs.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-5143 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-640x480.png\" alt=\"Simple Login Page in HTML\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/simple-login-page-in-html.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Nitesh Kumar Niranjan<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/simple-login-page-in-html\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=simple-login-page-in-html.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>2. Login Page with Background Image<\/h2>\n<p>The following login page comes with a background image with a blurred effect. It uses PNG image icons inside the email and password inputs. The inputs and login button design with centered alignment. Basically, this login form covers the whole page for the background image. Anyhow, you can set a specific wrapper for if you want to use it with a fixed width and height.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-5144 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-640x480.png\" alt=\"Login Page with Background Image\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-background-image.png 1135w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Tobias Rickmann<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/login-page-with-background-image\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=login-page-with-background-image.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>3. Login Page in HTML5 with Validation<\/h2>\n<p>If you want to create a simple login page in HTML5 with validation, then the following form quite fits your needs. It uses HTML5 validation attributes and CSS pseudo-classes to validate username and email. Furthermore, this login form comes with a simple and clean design. Anyhow, you can customize it according to your template by changing CSS values.<\/p>\n<p><img decoding=\"async\" class=\"size-medium wp-image-5145 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-640x480.png\" alt=\"Login Page in HTML5 with Validation\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html5-with-validation.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Roary Tubbs<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/login-page-in-html5-with-validation\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=login-page-in-html5-with-validation.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>4. Login Page with Username and Password<\/h2>\n<p>Sometimes, a website template needs a login page design with an iconic username and password field. The following login page comes with a black and pink color scheme. It uses SVG icons inside the username and password field. This login page template is best for dark mode themes and web pages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5146 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-640x480.png\" alt=\"Login Page with Username and Password\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-with-username-and-password.png 984w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Marco Biedermann<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/login-page-with-username-and-password\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=login-page-with-username-and-password.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>5. Login Page in HTML with CSS Code<\/h2>\n<p>Do you want a feature-rich login page design? well, this login page quite fits your needs. It comes with all the necessary elements that a perfect login page should have. It has stylish buttons for login via Facebook and Twitter profiles.<\/p>\n<p>The layout of this login page is divided into two sections, one of them shows a large title and basic login guide and the other section displays the login form. The login form contains the title, link to the registration form, input fields, password remember checkbox, and a login button.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5147 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-640x480.png\" alt=\"Login Page in HTML with CSS Code\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-page-in-html-with-css-code.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<em>Author: Claudia Romano<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/login-page-in-html-with-css-code\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=login-page-in-html-with-css-code.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>6. Login and Registration Form in HTML<\/h2>\n<p>The following is a multi-functional login and registration form created in HTML, CSS, and <a href=\"https:\/\/jquery.com\/download\" target=\"_blank\" rel=\"noopener\">jQuery<\/a>. Basically, it displays two buttons for login and registration. When a user clicks the button, a popup modal fired with login &amp; signup tabbed form. Users can easily switch between the &#8220;Sign in&#8221; and &#8220;New account&#8221; tabs.<\/p>\n<p>The user interface of this login page is also attractive, it comes with iconic input fields and password show\/hide functionality. Moreover, it is well developed with <a href=\"https:\/\/codehim.com\/text-input\/jquery-required-field-validation-on-submit\/\" target=\"_blank\" rel=\"noopener\">jQuery to validate input fields before submitting<\/a>. It shows custom-designed error tooltips in case of an invalid username, email, or password.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5148 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-640x480.png\" alt=\"Login and Registration Form in HTML\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/login-and-registration-form-in-html.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Emil<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/login-and-registration-form-in-html\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=login-and-registration-form-in-html.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>7. Student Registration Form in HTML and CSS<\/h2>\n<p>If you are working on an educational website template design, this student registration form is helpful for you. It is created with HTML and CSS with all necessary elements that are required for a student to submit. Basically, the design is really simple but it can be customized with additional CSS according to your needs.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5149 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-640x480.png\" alt=\"Student Registration Form in HTML and CSS\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/student-registration-form-in-html-and-css.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<em>Author: Roshan<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/student-registration-form-in-html-and-css\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=student-registration-form-in-html-and-css.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>8. Sign in and Sign Up Form Template<\/h2>\n<p>It&#8217;s another tabbed form with sign-in and sign-up options. This signup\/login page uses Bootstrap for responsive design and jQuery for inputs validation. The body of the page contains a background image and the form has a slightly transparent dark color. The default color scheme comes in a black and yellow theme. However, you can set the custom color according to your website template if you want to integrate this form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5150 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-640x480.png\" alt=\"Sign in and Sign Up Form Template\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/sign-in-and-sign-up-form-template.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Petia<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/sign-in-and-sign-up-form-template\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=sign-in-and-sign-up-form-template.zip\" target=\"_blank\" rel=\"nofollow noopener\"> Download<\/a><\/div>\n<h2>9. HTML Login Page with Bootstrap<\/h2>\n<p>Need a clean and responsive login page design? the following login page is built with <a href=\"https:\/\/getbootstrap.com\/docs\/4.0\/getting-started\/introduction\/\" target=\"_blank\" rel=\"noopener\">Bootstrap 4<\/a> with the yellow color scheme. Don&#8217;t worry if you don&#8217;t like the yellow color. You can simply change the color according to your needs. Anyhow, the design of this login form is purely built with the Bootstrap form component.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5151 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-640x480.png\" alt=\"HTML Login Page with Bootstrap\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-768x575.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-bootstrap.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Ganesh<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/html-login-page-with-bootstrap\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=html-login-page-with-bootstrap.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>10. HTML Login Page with JavaScript Validation<\/h2>\n<p>A stylish login form that validates input fields and displays custom error messages. This login form template uses the jQuery validate plugin to validate input fields. The overall user experience of this login form is related to Material Design. But the inputs come with an additional border draw animation on the focus event.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5152 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-640x480.png\" alt=\"HTML Login Page with JavaScript Validation\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-page-with-javascript-validation.png 1280w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<em>Author: ioSkye<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/html-login-page-with-javascript-validation\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=html-login-page-with-javascript-validation.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>11. Modern Flat Design Login Form<\/h2>\n<p>Nowadays, there is a trend of flat design visual elements. The following simple login form is the best choice to integrate it into flat design templates. Basically, it comes with a clean minimal design with a light gray and green color scheme. The inputs and login button of the form perfectly design with CSS. You can easily set a custom background color for this login form by minor changes in CSS.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5153 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-640x480.png\" alt=\"Modern Flat Design Login Form\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png 1180w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><br \/>\n<em>Author: Aigars Silkalns<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/modern-flat-design-login-form\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=modern-flat-design-login-form.zip\" target=\"_blank\" rel=\"nofollow noopener\"> Download<\/a><\/div>\n<h2>12. Classic Login Form<\/h2>\n<p>The following login form comes with CSS gradient background color and animated inputs. Basically, it&#8217;s a minimal classic designed login form template that&#8217;s best fit for small web projects and hybrid mobile apps. You can set a custom gradient background color and integrate it into your projects.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5154 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-640x480.png\" alt=\"Classic Login Form\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/classic-login-form.png 1216w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Bridges<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/classic-login-form\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=classic-login-form.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>13. Animated Background Login Screen<\/h2>\n<p>If you are working on a web project then this login screen might be helpful for you. It comes with animated background that interacts with mouse movement.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5155 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-640x480.png\" alt=\"Animated Background Login Screen\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-768x576.png 768w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/animated-background-login-screen.png 1186w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Jay<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/animated-background-login-screen\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=animated-background-login-screen.zip\" target=\"_blank\" rel=\"nofollow noopener\">Download<\/a><\/div>\n<h2>14. HTML Login Form without CSS<\/h2>\n<p>Generally, an HTML form without CSS don&#8217;t make any sense in regards to UI design. Anyhow, sometimes you need a CSS-free HTML component for various purposes. If you need a plain login form without CSS, the following form might be fit on your needs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-5156 aligncenter\" src=\"http:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css-640x480.png\" alt=\"HTML Login Form without CSS\" width=\"640\" height=\"480\" srcset=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css-640x480.png 640w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css-326x245.png 326w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css-678x509.png 678w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css-120x90.png 120w, https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/html-login-form-without-css.png 755w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Author: Jun<\/em><\/p>\n<div class=\"cd-action\" style=\"text-align: center;\"><a class=\"btn demo\" href=\"\/demo\/html-login-form-without-css\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"https:\/\/codehim.com\/download-file\/?file=html-login-form-without-css.zip\" target=\"_blank\" rel=\"nofollow noopener\"> Download<\/a><\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A login page is one of the most important pages of a website\/app that allows authorized users to access an&#8230;<\/p>\n","protected":false},"author":1,"featured_media":5153,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[101],"tags":[],"class_list":["post-5046","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-collections"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-11T16:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T09:44:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1180\" \/>\n\t<meta property=\"og:image:height\" content=\"885\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"65+ Login Page in HTML with CSS Code Sample Simple to Difficult\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\"},\"wordCount\":1148,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png\",\"articleSection\":[\"Collections\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\",\"url\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\",\"name\":\"65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png\",\"datePublished\":\"2024-01-11T16:40:00+00:00\",\"dateModified\":\"2024-01-22T09:44:27+00:00\",\"description\":\"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png\",\"width\":1180,\"height\":885,\"caption\":\"Modern Flat Design Login Form\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Collections\",\"item\":\"https:\/\/codehim.com\/category\/collections\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"65+ Login Page in HTML with CSS Code Sample Simple to Difficult\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim","description":"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/","og_locale":"en_US","og_type":"article","og_title":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim","og_description":"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.","og_url":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-11T16:40:00+00:00","article_modified_time":"2024-01-22T09:44:27+00:00","og_image":[{"width":1180,"height":885,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:27+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/"},"wordCount":1148,"commentCount":7,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png","articleSection":["Collections"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/","url":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/","name":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png","datePublished":"2024-01-11T16:40:00+00:00","dateModified":"2024-01-22T09:44:27+00:00","description":"Here is a collection of login page created with HTML, CSS, JavaScript\/jQuery code. You can view demo and download best login form for you.","breadcrumb":{"@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2020\/10\/modern-flat-design-login-form.png","width":1180,"height":885,"caption":"Modern Flat Design Login Form"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/collections\/login-page-in-html-with-css-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Collections","item":"https:\/\/codehim.com\/category\/collections\/"},{"@type":"ListItem","position":3,"name":"65+ Login Page in HTML with CSS Code Sample Simple to Difficult"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":946452,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5046","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=5046"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/5046\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/5153"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=5046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=5046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=5046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}