An open API service indexing awesome lists of open source software.

https://github.com/mohamedsabry0/signup-form


https://github.com/mohamedsabry0/signup-form

Last synced: 4 months ago
JSON representation

Awesome Lists containing this project

README

        

# Second-microverse-project
Attemptting to recreate the Mint singup page.
Project: HTML Forms

[![Contributors][contributors-shield]][contributors-url]





Logo

Mint signup clone


An attempt at recreating a sign-up page of Mint's
(https://www.mint.com/)


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

## Table of Contents

* [About the Project](#about-the-project)
* [Built With](#built-with)
* [License](#license)
* [Contact](#contact)

## About The Project

Built for Microverse following these requirements:
#### login instead section
- [x] should have two elements one with text and a button
- [x] both elements should be on the right most side
- [x] must contain lockpad image within the button

#### main body of the page (the form)
- [x] in the middle of the page with white background color
- [x] a header with the website logos above the form block
- [x] a header inside the form with a title and description
- [x] email input with its corresponding label
- [x] telephone input with its corresponding label
- [x] password input with its corresponding label
- [x] a lock icon inside the password input
- [x] a form submit button with a lock image inside and blue color
- [x] disclaimer section with links to terms and privacy statement
- [x] a reCAPTCHA footer for the form

#### page footer
- [x] three centerd links to legal, privacy, and security pages styled to black no underline
- [x] a centered copyright disclaimer

and following this lesson :
https://www.theodinproject.com/courses/html5-and-css3/lessons/html-forms

[![Product Name Screen Shot][product-screenshot]](./images/snapshot.png)

## Built With
* (HTML5)
* (CSS3)
* [https://getbootstrap.com/](Bootsrap v 4.3)
* Roboto font by Google

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Rodolfo Rodriguez Mata - [Github profile](https://github.com/RodolfoRodriguezMata)
Mohamed Sabry - [Github profile](https://github.com/mohamedSabry0)

Project Link: [https://github.com/mohamedSabry0/signup-form](https://github.com/mohamedSabry0/signup-form)

[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=flat-square
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=flat-square
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=flat-square
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=flat-square
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[product-screenshot]: images/snapshot.png