Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/cyphernyx/race-registration-form

Marathon Registration Form using HTML, CSS and Bootstrap to create a landing page with a styled form ready to allow users to sign up for a marathon race.
https://github.com/cyphernyx/race-registration-form

bootstrap css html5

Last synced: about 5 hours ago
JSON representation

Marathon Registration Form using HTML, CSS and Bootstrap to create a landing page with a styled form ready to allow users to sign up for a marathon race.

Awesome Lists containing this project

README

        

# Race Registration Sign-up Page
> Deployed with GitHub Pages 🔗https://cyphernyx.github.io/race-registration-form/

### Description

This repository contains a simple Marathon Registration Form using HTML, CSS and Bootstrap to create a landing page with a styled form ready to allow users to sign up for a marathon race.

## Table of Contents

- [Screenshot](#screenshot)
- [Technologies](#technologies)
- [Features](#features)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)

## Screenshot

You can check out the live demo of the Marathon Registration Form [here](https://cyphernyx.github.io/race-registration-form/).

![Marathon Race Sign-up Page](./assets/screencapture-cyphernyx-github-io-race-registration-form-2023-10-31-22_38_15.png)
![Pricing Panel](./assets/screencapture-127-0-0-1-5500-pricing-html-2023-11-03-23_51_27.png)

## Technologies
![HTML5](https://img.shields.io/badge/HTML5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![Bootstrap](https://img.shields.io/badge/Bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

## Features

- User-friendly sign-up form.
- Stylish and responsive design.
- Easy to integrate with your event website.

## Getting Started

Follow these instructions to get a copy of the project up and running on your local machine.

### Prerequisites

You need a web browser to view the HTML landing page. No additional software or tools are required.

### Installation

1. Clone this repository to your local machine using the following command:

```shell
git clone https://github.com/CypherNyx/race-registration-form.git

2. Navigate to the project directory:

```shell
cd race-registration-form

3. Open the index.html file in your web browser to view the landing page.

## Usage

1. Open the `index.html` file in your web browser.
2. Fill out the sign-up form with your details.
3. Click the "Submit" button to register for the marathon race.

Thank you for checking out the Race Registration Sign-up Page.

## Contributing
Pull requests are welcome. Please open an issue first to discuss any proposed changes or additions.

## License
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

https://opensource.org/licenses/MIT

This project is open source and available under the MIT License.


### Attributions

- Background Image by Freepik
- Marathon Icon SVG Icon pack by macrovector on Freepik
- Pricing Panel heavily inspired by Travis Williamson @ CodePen

## Questions
GitHub [CypherNyx](https://github.com/CypherNyx)

Email: [email protected]