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 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.

Video Presentation of the project

You can see the video presentation on the next link here.

Authors

👤 Ruben Paz Chuspe

• Github: @rubenpazch
• Linkedin: rubenpch
• Twitter: 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.

Show your support

Give a ⭐️ if you like this project!

Acknowledgements

• Microverse.
• Github.
• Fontawesome.
• The Odin Project.
• Creative Commons.

License

For this project we use a template from Creative Commons.

This project is MIT licensed.