https://github.com/gperilli/templates-form
https://github.com/gperilli/templates-form
css css3 html html5 javascript
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/gperilli/templates-form
- Owner: gperilli
- Created: 2023-12-01T04:00:51.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-08T20:28:35.000Z (over 2 years ago)
- Last Synced: 2025-02-03T12:22:49.709Z (over 1 year ago)
- Topics: css, css3, html, html5, javascript
- Language: HTML
- Homepage:
- Size: 227 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# freecodecamp projects: survey form
| | |
|---|---|
| 
| 
|
| [template](https://gperilli.github.io/templates-form/) | [demo](https://gperilli.github.io/templates-form/demo) |
This is a HTML single page form template and demo. The design is flat and works best with pastel colours. The original form project came from the freecodecamp responsive web design course [https://www.freecodecamp.org/learn/2022/responsive-web-design/](https://www.freecodecamp.org/learn/2022/responsive-web-design/). The template allows for some basic colour and box-shadow editing.
## Built With
- [Vanilla JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - vanilla Javascript
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
## Getting the project files
Either do a direct download using the download option from the code button dropdown near the top of this Github page, or use a git clone command:
```
git@github.com:gperilli/form.git
```
For more information on getting git (version control system) on your local machine, see [this](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git).
## Set Up a Local Development Environment
The web app will run directly on any modern web browser by opening the `index.html` file. The mockup file, `mockup.html`, features real product images and related text.
Editing the code can be done with a simple text edtitor, or something like [Notepad++](https://notepad-plus-plus.org/). [VSCode](https://code.visualstudio.com/), probably the most popular code editor these days, can be used with the Live Server plugin which allows for near-real-time monitoring for the HTML and CSS edits.