https://github.com/sauloroman/nucleus-landingpage
Landing Page about a fictional credit card with a responsive design
https://github.com/sauloroman/nucleus-landingpage
bem-methodology css flexbox grid html media-queries
Last synced: about 1 month ago
JSON representation
Landing Page about a fictional credit card with a responsive design
- Host: GitHub
- URL: https://github.com/sauloroman/nucleus-landingpage
- Owner: sauloroman
- Created: 2022-07-18T18:03:19.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-01T20:31:35.000Z (over 2 years ago)
- Last Synced: 2025-01-30T08:43:12.349Z (3 months ago)
- Topics: bem-methodology, css, flexbox, grid, html, media-queries
- Language: HTML
- Homepage: https://nucleussrsn.netlify.app/
- Size: 638 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nucleus — LandingPage 💳
Nucleus is a fictional credit card that pretends to offer the best services at market. I developed this project following BEM methodology and mobile first principle. It has a lot of animations and transitions. Each section is easy to understand and tries to draw the user's attention. it is completely responsive and it demostrates my ability to make real a good design like this one.
## Technologies and services used:
* HTML5
* CSS3 ( Flexbox and CSS Grid )
* BEM methodology
* Netlify
You can check its functionality in:
```
https://nucleussrsn.netlify.app/
```
## UI Considerations
Colors used:
* Primary: #6834a6
* Primary-2: #3e1f64
* Black: #000000
* White: #ffffff
Breaking Points:
It's important to mention that this project was developed based on "mobile first" methodology.
* Phones and Tablets: 600px
* Desktop: 900px