https://github.com/rubenpazch/capstone-conference-page
Conference Page is a static site developed using HTML, CSS, Javascript, SASS, Font Awesome, it was used FlexBox to build the layout from the entire website. To build this site it was given an initial design and some basic specifications from the client, the content of this project were personalized for a Workshop E-commerce if a company wants to promote an event for a conference, congress or any activity related with education, they can use this site, there is a section to show information some general information, show all program information, featured speakers, partners, tickers.
https://github.com/rubenpazch/capstone-conference-page
conference-page css html5 microverse mobile-web responsive scss workshop-ecommerce
Last synced: 2 months ago
JSON representation
Conference Page is a static site developed using HTML, CSS, Javascript, SASS, Font Awesome, it was used FlexBox to build the layout from the entire website. To build this site it was given an initial design and some basic specifications from the client, the content of this project were personalized for a Workshop E-commerce if a company wants to promote an event for a conference, congress or any activity related with education, they can use this site, there is a section to show information some general information, show all program information, featured speakers, partners, tickers.
- Host: GitHub
- URL: https://github.com/rubenpazch/capstone-conference-page
- Owner: rubenpazch
- Created: 2020-02-25T21:13:15.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-01T15:08:44.000Z (almost 6 years ago)
- Last Synced: 2023-03-06T22:24:51.338Z (over 3 years ago)
- Topics: conference-page, css, html5, microverse, mobile-web, responsive, scss, workshop-ecommerce
- Language: CSS
- Homepage: https://compassionate-nightingale-93193a.netlify.app/
- Size: 15.6 MB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Conference Page
Building a capstone project for a conference page as a part of HTML & CSS path
Explore this project »
✧
View Demo ✧
Report Bug ✧
Getting Started ✧ Installing ✧
Whats is included on this project ✧
Video Presentation of the project ✧
Author ✧
Conference Page is a static site developed using HTML, CSS, Javascript, SASS, Font Awesome, it was used FlexBox to build the layout from the entire website. To build this site it was given an initial design and some basic specifications from the client, the content of this project were personalized for a Workshop E-commerce if a company wants to promote an event for a conference, congress or any activity related with education, they can use this site, there is a section to show information some general information, show all program information, featured speakers, partners, tickers.
## Getting Started
This project was built using HTML, CSS, Flexbox, Javascript, it is a web application and for running on your local environment you should follow these guidelines.
### Prerequisites
- FontAwesome
- SASS
### Built With
Concepts used on this project
- HTML
- CSS
- SASS
- Javascript
- font-awesome
### Setup
The project repository can be found in [GitHub link](https://github.com/rubenpazch/capstone-conference-page) or just clone the project using this command.
```
Using SSH
# git clone https://github.com/rubenpazch/capstone-conference-page.git
Using HTTPS
# git clone git@github.com:rubenpazch/capstone-conference-page.git
```
+ Open terminal on your workspace with
```
cd /home/workspace/capstone-conference-page
```
## Install
To get started with the app, clone the repo, and to change the css style run:
```
# sass --watch css:scss
```
Change files located on SCSS folder
### Usage
To watch the local version of this project check on your browser the index file
### SASS structure
For this project, I use SASS for managing CSS behavior and have the next structure.
* CSS
* fonts
* img
* js
* scss
### Tools used on this project
- Stickler CI
- Visual Studio Code
- CSS Formatter
- Stylelint
## Whats is included on this project
This project includes the next parts:
+ The home page
+ Cover section
+ Main program section
+ Featured speakers
+ Partner section
+ Footer
+ About page
+ Cover section
+ Workshop Ecommerce and logo section
+ Previous events
+ Partner section
+ Footer
+ Tickets page
+ Select tickets
+ Select your lunch
+ Footer
### Link to assignment
the assignment can be found [here](https://www.notion.so/HTML-CSS-capstone-project-Conference-page-ed3efca4b9824484a9df7f9f24067ff7).
## Video Presentation of the project
You can see the video presentation on the next link [here](https://www.youtube.com/watch?v=4a5Yf33ODfQ).
## Authors
👤 **Ruben Paz Chuspe**
- Github: [@rubenpazch](https://github.com/rubenpazch)
- Linkedin: [rubenpch](https://www.linkedin.com/in/rubenpch/)
- Twitter: [rubenpch](https://www.linkedin.com/in/rubenpch/)
## Contributing
This project was created for educational purposes as part of the Microverse web development curriculum; contributing is not accepted.
Feel free to check the [issues](https://github.com/rubenpazch/capstone-conference-page/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgements
+ [Microverse](https://www.microverse.org/).
+ [Github](http://github.com/).
+ [Fontawesome](http://fontawesome.com/).
+ [The Odin Project](theodinproject.com/).
+ [Creative Commons](https://creativecommons.org/licenses/by-nc/4.0/).
## License
For this project we use a template from [Creative Commons](https://creativecommons.org/licenses/by-nc/4.0/).
This project is [MIT](lic.url) licensed.