https://github.com/mdor/project-for-fun
https://github.com/mdor/project-for-fun
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mdor/project-for-fun
- Owner: MDOR
- License: mit
- Created: 2017-01-30T01:37:16.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-30T19:42:14.000Z (over 9 years ago)
- Last Synced: 2025-04-06T14:39:13.700Z (about 1 year ago)
- Size: 2.93 KB
- Stars: 1
- Watchers: 1
- Forks: 4
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# project-for-fun
## Desccription
Develop a responsive page using [Foundation](http://foundation.zurb.com/sites/docs/v/5.5.3/), the topic will be related with a Bank and you have to suggest the design of the project (See at the bottom of the page).
## Requirements
The required topics for the project are:
- The page should mobile first
- Use [Foundation](http://foundation.zurb.com/sites/docs/v/5.5.3/)
- Use HTML 5 and CSS 3.
- The code should be semantic.
- The site should be responsive.
- The sections for the project are:
- Login
- Define the section to show this element.
- Header
- It should be sticky.
- Navigation Bar
- It should be sticky.
- At least one element into the navigation bar should be 1 dropdown menu.
- Carousel
- Interest Content
- This section should include a title.
- This section should include a description.
- This section should include at least 3 links.
- Use an Ajax call to retrieve this information.
- Interest links
- Use 3 columns to display links.
- Each link's section must have a title.
- Footer
- Explain how to run your project.
## Instructions
- Create a fork of this repository.
- Use any additional technologies that you want.
- Once complete, create a pull request.
## Suggested structure
### Tablet and Desktop
|-------------Header---------------|
|------------Navigation------------|
|--------------Carousel------------|
|---------Interest Content---------|
|-----|-----Interest Links----|------|
|-----|block 1|block 2|block 3|-----|
|---------------Footer--------------|
### Mobile
|-------------Header---------------|
|------------Navigation------------|
|--------------Carousel------------|
|---------Interest Content---------|
|-----|-----Interest Links----|------|
|-----|--------Block 1--------|------|
|-----|--------Block 2--------|------|
|-----|--------Block 3--------|------|
|---------------Footer--------------|