Skip to main content

Command Palette

Search for a command to run...

How can beginner clone a Mentimeter.io website using HTML and CSS.

Updated
3 min read

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

  1. I have learned basics of HTML , CSS , and JavaScript
  2. 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.

  1. Home Page.
  2. Features.
  3. Solutions.
  4. Pricing.
  5. Blog.
  6. Overview
  7. Live Polling
  8. Word Cloud
  9. 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.

landing_page.png

Solution Page:-

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

solution_page.png

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.

pricing_page.png

Sign Up/Login Page:-

login_page.png

Footer Page:-

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

footer.png

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.