Forem: 🚩 Atul Prajapati 🇮🇳

Simple dropdown with HTML CSS

🚩 Atul Prajapati 🇮🇳 — Sun, 24 Jul 2022 07:57:34 +0000

Number countdown with html css & javascript

🚩 Atul Prajapati 🇮🇳 — Sun, 17 Jul 2022 10:30:06 +0000

Hello dear folks 👋

I'm Atul (Fulltime Webdeveloper)Nowadays I am working on a embroidery website on core languages like HTML, CSS and Js.

In that website we want to add countdown number section to showcase achievements like numbers of year in business, numbers of professionals in workshop, etc.

To full fill that requirement I have designed this countdown number card.

To help our community I thought, I have to share with you.

So please use it as per your requirement, codepen 👇🏻

Scroll to top button with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ May 29 '22

#html #css #beginners #tutorial

Insurance agency website template to showcase your 99% valuable policies | Insurancy

🚩 Atul Prajapati 🇮🇳 — Tue, 07 Jun 2022 09:48:47 +0000

Hello dear curious reader, I am atul creator of Insurancy. I have developed this free insurance agency website template for those startups who spend $$$$ for making websites for their small business.

Wait, If you are thinking why I am doing this for free(am I stupid) 😆🤭. So let me clear these doubts actually, I am just sharpening my Web Development skills.

And I have been a website developer since 2018 so I can develop websites and the design is taken from Themeisle. because I haven’t learned web designing yet.

The theme is 100% Open Sourced too, you can make changes according to your requirements. link is given belove.

atulcodex / Insurancy

Insurancy is sharp Insurance agency website template based on HTML CSS and JavaScript specially designed for insurance company, insurance agency and startup agency. The comes with minimalisum look and feel like professional insurance an=gency website looks. Fully customizable and without any framework and library so any one make changes and customization.

Insurance agency website template | Insurancy

Insurancy is sharp Insurance agency website template based on HTML CSS and JavaScript specially designed for insurance company, insurance agency and startup agency. The comes with minimalisum look and feel like how professional insurance agency website looks. Fully customizable and without any framework and library so any one make changes and customization.

Template Features

Full demo & without click installation
Core languages (HTML, CSS & JS)
No frameworks and libraries
Well commented codes
7 pages website
HTML5 validated
Compatible with every modern browsers
Best for SEO
951ms Fully Loaded Time
Structural Schema ready
Ionicons icon used
Google Web Fonts
Stylist Blog Page
Easy to customize and user friendly

View on GitHub

Insurancy template description

Insurancy is a sharp Insurance agency website template based on HTML CSS and JavaScript specially designed for insurance companies, insurance agencies and startup agencies.

The comes with a minimalist look and feels like how a professional insurance agency website looks.

Fully customizable and without any framework and library so anyone makes changes and customization.

Features

Full demo & without click installation
Core languages (HTML, CSS & JS)
No frameworks and libraries
Well commented codes
7 pages website
HTML5 validated
Compatible with every modern browsers
Best for SEO
951ms Fully Loaded Time
Structural Schema ready
Ionicons icon used
Google Web Fonts
Stylist Blog Page
Easy to customize and user friendly

Live Demo

Download Now

Scroll to top button with JQuery

🚩 Atul Prajapati 🇮🇳 — Mon, 30 May 2022 16:42:22 +0000

Hello 👋 dear techie friends, I am Atul

Yesterday i have made a 🍭 simple scroll to top button with just HTML CSS.

Scroll to top button with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ May 29 '22

#html #css #beginners #tutorial

🤫 Today I have made another scroll to top button with some extra features. HTML + CSS + JQuery

show hide feature

Share your feedback's in comment section, I would love reply :)

Scroll to top button with just HTML CSS

🚩 Atul Prajapati 🇮🇳 — Sun, 29 May 2022 15:59:17 +0000

Hello dear friends 👋
🤞 Hope you all doing good in your coding journey.

In this post i have to show a "scroll to top" button which you might have seen on professional and long website pages which help is to go back to top of the page.

Confused 🤯

Explore this one

scroll to top button with JQUERY

Scroll to top button with JQuery

🚩 Atul Prajapati 🇮🇳 ・ May 30 '22

#html #css #beginners #tutorial

FAQ accordion using HTML CSS JavaScript

🚩 Atul Prajapati 🇮🇳 — Sun, 22 May 2022 07:30:30 +0000

Hey guys just learned this new thing so just sharing with you.

Happy learning :)

HTML CSS SAAS landing page design | atulcodex

🚩 Atul Prajapati 🇮🇳 — Sun, 03 Apr 2022 06:22:30 +0000

Hi dear Developers 👋

I'm back with our 6th HTML CSS website which is a part of our #10websitewithHTMLCSS challenge.

BestuurPro is open sourced SAAS product funnel 🪝 website template.

And this is the video of our website, If you haven't find the 🔴 live demo button.

BestuurPro is based on core languages like 😎 HTML & CSS no javascript is involved at all. I know you might be thinking why I haven't used any framework or library to make this open-sourced project. So, In short, currently I am learning to develop responsive websites with core language and this is 🤩 my experiment project of gained bits of knowledge.

You can use it by downloading the 📂 master repository folder, yes no need to install it or run any commands. Actually, this SAAS funnel website template is very useful for those who are planning to launch their new SAAS product like project management, to-do web apps, HR management, etc.

atulcodex / bestuurpro

BestuurPro is based on core languages like HTML & CSS no javascript involved at all. I know you might be thinking why i haven't used any framework or library to make this open sourced project. So, In short currently i am learning to develop responsive websites with core language and this is a my experiment project of gained knowledges.

BestuurPro is open sourced SAAS product funnel website template.

BestuurPro is based on core languages like HTML & CSS no javascript involved at all. I know you might be thinking why i haven't used any framework or library to make this open sourced project. So, In short currently i am learning to develop responsive websites with core language and this is a my experiment project of gained knowledges.

You can use it by downloading the master repository folder, yes no need to install it or run any commands. Actually this SAAS funnel website template is very useful for those who are planning to launch there new SAAS product like project namagement, to-do web app, HR management, etc.

Oh yaa my dear friend, I know this is a open source project but believe you never find any difficulties from my side in this website template. But still if you find anything…

View on GitHub

Oh yaa my dear friend 🙏🏽, I know this is an open-source project but believe you never find any difficulties from my side in this website template. But still, if you find anything which needs any type of help so I am ready and love to help you. Just write to me at atulkprajapati2000@gmail.com or https://atulcodex.com

🚀 Features which makes it different

HTML5 & CSS3
No framework
Funnel ready design
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed
Much more..

Ohh, 😜 sorry I forget to show you other 4 websites which I have made before this one. This is the link of all of that.

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

#webdev #beginners #tutorial #todayilearned

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

#webdev #beginners #tutorial #todayilearned

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

#todayilearned #html #beginners #tutorial

I have made a Funnel website with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 19 '22

#beginners #css #github #100daysofcode

Completed, webinar booking website template with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Mar 6 '22

#beginners #tutorial #css #100daysofcode

I haven't wrote ✍️ any documentation for this template because it is very easy to use and customize.

Ummm, Still only one guy is managing this 😿 repository. I will update this profile chart if someone will join this template as a contributor. Hey you are always welcome as a contributor, don't think much.

If you have any feedback 🤞✌️🤟, please reach out to us at me@atulcodex.com

As you already know this is a open sourced 😺 project that's why I have used some other open source projects too like

🦉 Owl Carousel
👑 Ionicons
🐋 Google fonts

Tech Stack: HTML & CSS only

🍭 Support me and my work to see more such projects 💝

Completed, webinar booking website template with HTML CSS

🚩 Atul Prajapati 🇮🇳 — Sun, 06 Mar 2022 09:58:56 +0000

👋 Hi dear Folks, I am atul from atulcodex.com

In this dev post, I am going to talk about my 5th responsive website of our #10websitewithhtmlcss challenge. If you don't know about the challenge "10 websites with HTML CSS" as you can understand with the name you are going to see another 5 responsive websites built with just HTML and CSS except for this one.

Webinar Booking Website

This is the webinar booking website or you can say funnel website. useful for webinar organizers who can collect attendee's pieces of information so that they can arrange the numbers of seats for candidates. This simple and clean website is responsive on all devices like smartphones, laptops, desktops even TV also.

Ohh, sorry I forget to show you other 4 websites which I have made before this one. This is the link of all of that.

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

#webdev #beginners #tutorial #todayilearned

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

#webdev #beginners #tutorial #todayilearned

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

#todayilearned #html #beginners #tutorial

I have made a Funnel website with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 19 '22

#beginners #css #github #100daysofcode

And this is the video of our website, If you haven't find the live demo button.

Yes, you are right the website is open source too, click the link to fork the repository and don't forget to hit the star.

atulcodex / webinar-booking

This is a Responsive quick and easy customisable Modern Multipurpose Webinar booking website Page that comes with Booking page and successful page. This free template offers numerous awesome features for , agency, business, educational, enterpreneur, digital agency, start up business, consulting firms, insurance, loan, tax help, investment firm or your just a lead form.

Webinar booking website template

This is a Responsive quick and easy customisable Modern Multipurpose Webinar booking website Page that comes with Booking page and successful page. This free template offers numerous awesome features for , agency, business, educational, enterpreneur, digital agency, start up business, consulting firms, insurance, loan, tax help, investment firm or your just a lead form.

Features that matters

HTML5 & CSS3
No framework
Funnel ready design
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed . . . .

Support me and my work to see more such projects

View on GitHub

features

HTML5 & CSS3
No framework
Funnel ready design
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed . . . .

The main goal of this challenge, videos, blog and effort is to understand and explain that responsive website design is not that hard. We can make much beautiful and responsive websites with just HTML and CSS. As you can see. 👑

And last don't hesitate, to ask your questions about the challenge and share your feedback's for these responsive website design. I love to answer your questions.

😇😍🥰

I have made a Funnel website with just HTML CSS

🚩 Atul Prajapati 🇮🇳 — Sat, 19 Feb 2022 16:29:51 +0000

Hello dear DEV community, I am Atul currently I'm working on a challenge which is 10 responsive websites with HTML & CSS.

This challenge is inspired by Florin pop's challenge which is hosted on youtube.

The actual goal of this challenge is to remove fear from our minds that we can make much much and much better responsive websites without using Javascript.

So this is 4th website from our challenge I have already designed other 3 catchy websites which are as follows.

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

#todayilearned #html #beginners #tutorial

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

#webdev #beginners #tutorial #todayilearned

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

#webdev #beginners #tutorial #todayilearned

I have recorded this video also to show you guys.

To be honest I haven't designed the UI UX of this Course funnel website. I have taken design inspiration from cartflow website templates which are WordPress based website templates but I have designed them with only HTML and CSS.

Checkout the open source repository

atulcodex / Course-funnel-website

This is a clean, modern and unique HTML template that has beautiful design and unique features. This will be the best suited for your educational purpose website and courses like online courses learning, teacher and much more.

Course funnel website template

This is a clean, modern and unique HTML template that has beautiful design and unique features. This will be the best suited for your educational purpose website and courses like online courses learning, teacher and much more. It comes with high-quality funnel system, inspired by Cartflows.

Now lets take a look on the features of this course funnel website

HTML5 & CSS3
No framework
Funnel ready design
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed . . . .

. . .

Support me and my work to see more such projects

View on GitHub

Now lets take a look on the features of this course funnel website

HTML5 & CSS3
No framework
Funnel ready design
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed

Now I am waiting for your feedback and responses about my work and ideas in the comment section. Another 6 projects pending on my bucket list. You will get a notification for that to make sure you are already following me. That's it for now I will see you in the next DEV post.

Cheers atul ☺️

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 — Thu, 03 Feb 2022 15:34:52 +0000

This is my 3rd website of the "10 responsive websites with HTML CSS" challenge. This challenge is inspired by the florin pops "10 websites with HTML CSS" challenge which is currently published on YouTube.

Fitness – is an html template for gym, fitness or health club. It is cross browser compatible, uses free fonts so your website typography will look exactly as you intend it.

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

#webdev #beginners #tutorial #todayilearned

Features

HTML5 & CSS3
No framework
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed

atulcodex / Fitness

Fitness – is an html template for gym, fitness or health club. It is cross browser compatible, uses free fonts so your website typography will look exactly as you intend it.

Fitness single page website template

watch on youtube

Fitness – is an html template for gym, fitness or health club. It is cross browser compatible, uses free fonts so your website typography will look exactly as you intend it.

Features

HTML5 & CSS3
No framework
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed

. . . .

. . .

Support me and my work to see more such projects

View on GitHub

.
.
.

Support me and my work to see more such projects

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 — Wed, 26 Jan 2022 16:12:52 +0000

This is my 2nd website of the "10 responsive websites with HTML CSS" challenge. This challenge is inspired by the florin pops "10 websites with HTML CSS" challenge which is currently published on YouTube.

Furniture – Single page website template HTML CSS Theme is an elegantly designed and versatile Product theme that gives you smartly optimized page layouts and sections so you can easily create a stunning Product store for a multiple product. It incorporates a clean and modern design to give your website a professional look in little to no time.

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

#webdev #beginners #tutorial #todayilearned

Features

HTML5 & CSS3
No framework
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed

atulcodex / furniture

Furniture – Single Product Shop HTML CSS Theme is an elegantly designed and versatile Product theme that gives you smartly optimized page layouts and sections so you can easily create a stunning Product store for a furniture product. It incorporates a clean and modern design to give your website a professional look in little to no time.

Furniture single page website template

watch on youtube

Furniture – Single Product Shop HTML CSS Theme is an elegantly designed and versatile Product theme that gives you smartly optimized page layouts and sections so you can easily create a stunning Product store for a furniture product. It incorporates a clean and modern design to give your website a professional look in little to no time.

It was designed for any e-commerce stores and diversified commodities as furniture store, fashion store, accessories store, shoes store, restaurant, mobile store, high tech store and multi-stores.

Features

HTML5 & CSS3
No framework
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
SEO friendly
Super fast loading speed

. . . .

. . .

Support me and my work to see more such projects

View on GitHub

.
.
.

Support me and my work to see more such projects

How to make text responsive

🚩 Atul Prajapati 🇮🇳 — Wed, 26 Jan 2022 05:54:49 +0000

Currently was developing a furniture website landing page which is but at that time i was struggling to make text responsive.

And just found a perfect result on google from W3Schools.

We can use "viewport width" to make any text responsive on web page.

click checkout whole experiment with output

Forem: 🚩 Atul Prajapati 🇮🇳

Simple dropdown with HTML CSS

Number countdown with html css & javascript

To full fill that requirement I have designed this countdown number card.

So please use it as per your requirement, codepen 👇🏻

also read

Scroll to top button with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ May 29 '22

Insurance agency website template to showcase your 99% valuable policies | Insurancy

atulcodex / Insurancy

Insurance agency website template | Insurancy

Template Features

Insurancy template description

Features

Live Demo

Download Now

Scroll to top button with JQuery

Scroll to top button with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ May 29 '22

show hide feature

Scroll to top button with just HTML CSS

Confused 🤯

scroll to top button with JQUERY

Scroll to top button with JQuery

🚩 Atul Prajapati 🇮🇳 ・ May 30 '22

FAQ accordion using HTML CSS JavaScript

HTML CSS SAAS landing page design | atulcodex

BestuurPro is open sourced SAAS product funnel 🪝 website template.

And this is the video of our website, If you haven't find the 🔴 live demo button.

atulcodex / bestuurpro

BestuurPro is open sourced SAAS product funnel website template.

🚀 Features which makes it different

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

I have made a Funnel website with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 19 '22

Completed, webinar booking website template with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Mar 6 '22

If you have any feedback 🤞✌️🤟, please reach out to us at me@atulcodex.com

Tech Stack: HTML & CSS only

🍭 Support me and my work to see more such projects 💝

Completed, webinar booking website template with HTML CSS

Webinar Booking Website

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

I have made a Funnel website with just HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 19 '22

And this is the video of our website, If you haven't find the live demo button.

atulcodex / webinar-booking

Webinar booking website template

Features that matters

Support me and my work to see more such projects

features

😇😍🥰

I have made a Funnel website with just HTML CSS

Fitness website with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Feb 3 '22

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22

Headphone responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 16 '22

I have recorded this video also to show you guys.

Checkout the open source repository

atulcodex / Course-funnel-website

This is a clean, modern and unique HTML template that has beautiful design and unique features. This will be the best suited for your educational purpose website and courses like online courses learning, teacher and much more.

Course funnel website template

Now lets take a look on the features of this course funnel website

Support me and my work to see more such projects

Cheers atul ☺️

Fitness website with HTML CSS

Furniture store responsive landing page with HTML CSS

🚩 Atul Prajapati 🇮🇳 ・ Jan 26 '22