![nextjs/how-to-add-the-custom-local-font-in-next-js](/_next/image?url=%2Fimages%2Fnextjs%2Fcustom-font%2F01.jpg&w=3840&q=75)
web-dev
How to add the custom local font in NextJS.v14(or v13)
NextJS 14 provides the next/font/local add local/external fonts on our website. Before jumping into it, letβs install the NextJS 14 first.
5 min read
![webdev/functional-contact-form-using-html-tailwind-smtpjs-elastic-email](/_next/image?url=%2Fimages%2Fprojects%2Fcontact-form%2F01%2Fproject-ui.png&w=3840&q=75)
web-dev
Functional Contact Form using HTML, TailwindCSS, SMTPJS and Elastic Email
Build a sleek and efficient contact form using HTML, TailwindCSS, SMTPJS, and Elastic Email β all without the need for complex backend code.
3 min read
![webdev/minimal-footer-using-html-tailwindcss](/_next/image?url=%2Fimages%2Fprojects%2Ffooter%2F01%2Fproject-ui.png&w=3840&q=75)
web-dev
Minimal Footer using HTML, CSS and TailwindCSS
A website footer is like the bottom of a webpage where you put helpful stuff like links to important pages.
1 min read
![webdev/mega-menu-using-html-tailwindcss-and-js](/_next/image?url=%2Fimages%2Fprojects%2Fmega-menu%2F01%2Fproject-ui.png&w=3840&q=75)
web-dev
Simple Mega-menu built using HTML, TailwindCSS and Javascript(JS)
A mega menu is a dynamic and expansive navigation menu that displays multiple levels of content, making it easy for users to explore a website's offerings.
1 min read
![webdev/simple-tab-using-html-tailwindcss-js](/_next/image?url=%2Fimages%2Fprojects%2Ftab-section%2F01%2Fproject-ui.png&w=3840&q=75)
web-dev
Simple Tab section (Service tab) using HTML, TailwindCSS and a bit of JavaScript(JS)
A tab section, often referred to as a 'tabbed interface' or 'tabs' is a user interface component used to organize content into multiple sections or categories.
1 min read