Skip to content
Cover image for Login Form In Pug

Login Form In Pug

w3hubs profile image twitter logo ・1 min read  

Pug is an HTML template engine that is built in Node.js with easy to write code. One of the most popular HTML template engine which directs compile and generates an HTML file. Pug has a top-level of features like loop, conditions, operate, mixins and also different types of written tags. So here we designed a simple login form using Pug with some basic CSS.

In these elements, we used font awesome icons in our social button and also used background RGB color to show the best user-interface. To make our login form responsive we used css3 media queries and also used CSS3 flexbox properties.

Download Source code and Visit login form

twitter logo DISCUSS
markdown guide
Classic DEV Post from Jul 26 '19

🎩 JavaScript Enhanced Scss mixins! 🎩 concepts explained

In the next post we are going to explore CSS @apply to supercharge what we talk about here.... profile image