Hello Viewers, welcome to my other blog. In this blog, I'm going to create a Responsive covid website project by using HTML CSS. Earlier I have shared the Responsive Side Navigation bar With transparent effect by using HTML And CSS and now this time I will design a Responsive covid website project.
These projects are used for diploma and other engineering students like B.E., B-tech, M.E., M-tech to complete their microprojects and other developers to create something new.
On this website we can create three web pages the first page is the Main Page, the second is the View report page, the third page is Dos and Dont's.
Home Page:-
In these projects, we have created a covid website using HTML and CSS only. You can in the header we have to write some text. After the text, we have created a Navigation bar. After the header you can create a Helpline section on our website, we have provided health ministry, child, Mental health, senior citizens helpline number. After these, you can see the yellow color background that is, This section shows How vaccination procedure is work is shown. at the end of the yellow color, you can see, two buttons are View report and Dos and Don't. at the end of the website, we have covid website partners. above this overall information about our only main page.
Home page image:-
View Report Page:-
On these report pages, we have created 6 types of information you can see. That is first is Total vaccination doses, second is Dose-1 Vaccination, third is Dose-2 Vaccination, Fourth is Total vaccination- male, fifth is total vaccination-female, and last is AEFI report. after is you can see the button that is View Full Report. After you can see the back button for go back to the Home page.
Report page Image:-
Dos and Dont's page:-
On these pages we have shown the Dos and dont's for citizens, You can see at the left side of the web page that is Citizen dos and at the right side of the web page that is citizen Dont's. After you can see the back button for go back to the Home page.
Dos and Dont's page image :-
You might also read :
- CSS Side Navigation Bar
- Responsive Side Navigation bar With transparent effect
- Responsive Glass effect website
- Responsive Contact Us Form
Responsive covid website using HTML And CSS | Free Source Code
You can download all source code files from the given download button.