https://github.com/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.
https://github.com/amita-roy/global-summit-2020
bootstrap css3 fontawesome googlefonts html5
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/amita-roy/global-summit-2020
- Owner: amita-roy
- Created: 2020-07-19T15:18:47.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T06:42:46.000Z (over 2 years ago)
- Last Synced: 2023-10-20T16:57:29.318Z (about 2 years ago)
- Topics: bootstrap, css3, fontawesome, googlefonts, html5
- Language: HTML
- Homepage: https://wonderful-lichterman-cecf3b.netlify.app/
- Size: 10.3 MB
- Stars: 22
- Watchers: 1
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) of [Cindy Shin](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)'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](https://www.intelligentcommunity.org) 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](https://www.loom.com/share/f20d7e59a8fc4393a7af8c7d2a5dc7fb) of the project to hear more about this assignment and how I approached it.
Watch my video [presentation](https://www.loom.com/share/b500106067f94b6fb236ab3ccd2e8853) 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](https://wonderful-lichterman-cecf3b.netlify.app)!
## 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 git@github.com: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](https://github.com/Amita-Roy)
- Twitter: [@AmitaRoy14](https://twitter.com/AmitaRoy14)
- LinkedIn: [Amita Roy](https://www.linkedin.com/in/amita-roy-3b823b68/)
## 🤝 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](https://github.com/Amita-Roy/global-summit-2020/issues/new)!
## 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](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015), for design.
- Thanks to [techsini.com](https://techsini.com/multi-mockup/) for their useful URL-based website mockup tool.
- Content was largely inspired by [this](https://www.intelligentcommunity.org/summit_2020_speakers) website, which lists speakers at the ICF in Dublin, Ohio on the 21st-23rd October 2020.
- README Content was taken from [Joe Burke](https://github.com/Joseph-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](lic.url) licensed.