How can beginner clone a Mentimeter.io website using HTML and CSS.
This is our first project at Masai School after learning the JavaScript and HTML, We had task of creating replica of the Mentimeter. We decided this work in multiple parts as we were four people to work on it.
Team Bhima and their Contribution
1. Sathya Prakasha P(Me) : Worked on the Landing Page, SignUp and SignIn and Footer.
2. Prasad Birari : Worked on the Features Page.
3.Ajay Kumar : Worked on the Landing page and Solution Page
4.Anwar Shad: Worked on the Blog Page and Landing Page
What I learned in past 1 Month
- I have learned basics of HTML , CSS , and JavaScript
- GitHub
Problem Statement
We had a problem statement that we have to create a clone of a website called Mentimeter.io.
Planning
Here basically we created pages according to Mentimeter and divided in between us and completed individually. We focused on every main page of the website, we haven't considered all the pages. We have used content of the Mentimeter, content as in texts and images and placed them on the new pages as they were placed on the Mentimeter. Basically we created CSS and Animations according to the Mentimeter
The Pages We Covered.
- Home Page.
- Features.
- Solutions.
- Pricing.
- Blog.
- Overview
- Live Polling
- Word Cloud
- Sign up / Log In
Some of the Snap Shots of Our Project.
Landing Page:-
This is the Landing page when the user enters the website for the first time this page will show up. We created using HTML and CSS. We have used some of the hover effects.

Solution Page:-
This is the Solution page when the user enter the solution icon in landing page. We created using HTML and CSS.

Pricing Page:-
This is the Pricing page when the user enter the Pricing icon in landing page. We created using HTML and CSS. We have used some of the hover effects.

Sign Up/Login Page:-

Footer Page:-
This is the Footer page . We created using HTML(Grid) and CSS.

If you want to look at the project then you can go to this GitHub link: https://github.com/ajcodeskills/Mentimeter_Clone .
Thanks For Reading.