amita-roy / global-summit-2020

I have created this project for the capstone of the HTML/CSS module. I was provided with a design to mock. The content was inspired by https://www.intelligentcommunity.org/summit_2020_speakers  website, which lists speakers at the ICF in Dublin, Ohio on the 21st-23rd October 2020.

HTML/CSS Capstone: ICF Global Summit 2020

This project is a website for the ICF Global Conference taking place in Dublin, Ohio, USA in October 2020.

I was given this design of Cindy Shin's to follow, mirroring its structure, typography and colors as I built my own conference website.

I have created this sidebar without using bootstrap.

I am using logo and content from this website. I have 2 version for my footer (dark and light). For the dark footer, I wasn't able to integrate the original logo as it has dark color so I created the my own logo for dark footer.

For speaker images, I have created my own frame.

On the Ticket page, there is a page divider on the original design, so I created that divider from scratch instead of taking the screenshot from the design. Now the divider is a scaleable vector graphic.

Video Presentation

Video after update presentation of the project to hear more about this assignment and how I approached it.

Watch my video presentation of the project to hear more about this assignment and how I approached it.

Built With

• HTML/CSS
• Bootstrap
• CSS
• fontawesome
• npm
• Adobe XD (for logo, image frame and page divider)
• Google Fonts (Lato)
• Stylelint, Webhint, Lighthouse
• VSCode (with Prettier, Stylelint)
• Google Chrome (with DevTools and Pesticide)
• MacOS

Live Demo

See the project in action by visiting the live demo!

Getting Started

To get this project set up on your local machine, follow these simple steps:

1. Open Terminal.

2. Navigate to your desired location to download the contents of this repository.

3. Copy and paste the following code into the Terminal:

   git clone [e-mail]:Amita-Roy/global-summit-2020.git

4. Hit enter.

5. Run npm install in the terminal to get all the dependencies installed localy.

6. Once the repository has been cloned, open main.html in a browser of your choosing. From there, you may also navigate to the "Home", "About" and "Join" (Join tab for Ticket page) pages.

7. Enjoy!

Prerequisites

• A computer, a smartphone, or another similar device.
• Access to the internet.

Author

👤 Amita Roy

• Github: @Amita-Roy
• Twitter: @AmitaRoy14
• LinkedIn: Amita Roy

🤝 Contributing

Contributions, issues and feature requests are always welcome!

I love meeting other developers, especially ones that give me advice on how to improve my work.

Drop me an issue!

Show your support

Finally, if you've read this far, don't forget to give this repo a ⭐️. They're free . . . I think.

Acknowledgments

• Thanks are owed to the designer, Cindy Shin, for design.

• Thanks to techsini.com for their useful URL-based website mockup tool.

• Content was largely inspired by this website, which lists speakers at the ICF in Dublin, Ohio on the 21st-23rd October 2020.

• README Content was taken from Joe Burke, one of my stand up team member.

• Icons were taken from https://fontawesome.com/

• Conference images were taken from https://unsplash.com/

• Photo by Product School on Unsplash

• Photo by Product School on Unsplash

• Photo by 🇨🇭 Claudio Schwarz | @purzlbaum on Unsplash

📝 License

This project is MIT licensed.