https://github.com/khitermedachraf/capstone1-tnw-conference

Europe's leading tech festival: TNW Conference is a 2-day technology event in the greater Amsterdam area, where industry leaders and tech enthusiasts alike come together, to explore how tech will shape the world of tomorrow.
https://github.com/khitermedachraf/capstone1-tnw-conference

best-practices bootstrap conference-talk css css3 gitflow-workflow html html-css-js html5 javascript linters microverse microverse-projects tnw-conference

Last synced: 3 months ago
JSON representation

Europe's leading tech festival: TNW Conference is a 2-day technology event in the greater Amsterdam area, where industry leaders and tech enthusiasts alike come together, to explore how tech will shape the world of tomorrow.

• Host: GitHub
• URL: https://github.com/khitermedachraf/capstone1-tnw-conference
• Owner: khitermedachraf
• License: mit
• Created: 2022-04-11T20:48:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-14T10:31:00.000Z (over 3 years ago)
• Last Synced: 2023-03-09T05:46:20.327Z (over 2 years ago)
• Topics: best-practices, bootstrap, conference-talk, css, css3, gitflow-workflow, html, html-css-js, html5, javascript, linters, microverse, microverse-projects, tnw-conference
• Language: HTML
• Homepage: https://khitermedachraf.github.io/Capstone1-TNW-Conference/
• Size: 5.74 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)

# TNW CONFERENCE 2022

![AsiaWebConf-Logo](https://wpranks.com/wp-content/uploads/2016/01/tnw-website-review.jpg)

## *Microverse First Capstone Project*

> **Europe's leading tech festival: TNW Conference is a 2-day technology event in the greater Amsterdam area, where industry leaders and tech enthusiasts alike come together, to explore how tech will shape the world of tomorrow.**

> This is my final project for HTML & CSS MODULE from the microverse curriculum.

> This project is meant to test student ability's on being able to put together all that they have learnt in a module to ensure they mastered it well.

## :red_circle: Live Demo

[Live Preview Link](https://khitermedachraf.github.io/Capstone1-TNW-Conference/)

## Project Documentation

- Here is the loom video [link 1](https://www.loom.com/share/ab6c7f84d99a447081d753242ccf4ca3), [link 2](https://www.loom.com/share/9e429524c9c341bd90c1797909d0f234).

## Screenshots 📸

Mobile and desktop version screenshots can be found in the repository.

## Requirements

Build a website for an event by following a [design from behance](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015), using:

- HTML5 and CSS3 (or a CSS framework) along with best practices.

- CSS3 media queries for the desktop version.

- JavaScript.

- Linters (Lighthouse, Webhint, Stylelint, Eslint).

## :hammer: Built With

- HTML5/ CSS3

- Bootstrap

- javascript

- Git and GitHub

### Prerequisites

- A web browser (like Google Chrome, Opera...)

- A code editor.

## Getting Started

To get a local copy (open and running), follow these simple steps.

### Setup

- Download or Clone Repository.

- In case you downloaded repository Extract ZIP Folder.

### Installation

- One folder in your text editor.

- Run `npm install` command to install all dependencies.

_N.B: Make sure that you have node installed in your commputer, if not [Download Node](https://nodejs.org/en/)_

## :blue_book: Learning Objectives

- Use semantic HTML tags.

- Apply best practices in HTML code.

- Use CSS selectors correctly.

- Use CSS box model.

- Use Flexbox to place elements in the page.

- Demonstrate ability to create UIs adaptable to different screen sizes using media queries.

- Use GitHub Pages to deploy web pages.

- Apply JavaScript best practices and language style guides in code.

- Use JavaScript to manipulate DOM elements.

- Use JavaScript events.

- Use objects to store and access data.

- Communicate technical concepts to other technical people.

## Authors

👤 **Achraf KHITER**

- GitHub: [![GitHub Badge](https://img.shields.io/badge/-khitermedachraf-white?logo=GitHub&logoColor=181717&style=plastic)](https://github.com/khitermedachraf/)

- LinkedIn: [![LinkedIn Badge](https://img.shields.io/badge/-khitermed-white?logo=LinkedIn&logoColor=0A66C2&style=plastic)](https://www.linkedin.com/in/khitermed/)

- Gmail: [![Gmail Badge](https://img.shields.io/badge/-@khiter.med7@gmail.com-white?logo=Gmail&logoColor=EA4335&style=plastic)](mailto:@khiter.med7@gmail.com)

- Twitter: [![Twitter Badge](https://img.shields.io/badge/-@AchrafKhiter-white?logo=Twitter&logoColor=1DA1F2&style=plastic)](https://twitter.com/AchrafKhiter)

- Instagram: [![Instagram Badge](https://img.shields.io/badge/-@khitermed-white?logo=Instagram&logoColor=bc2a8d&style=plastic)](https://www.instagram.com/khitermed07/)

- Facebook: [![Facebook Badge](https://img.shields.io/badge/-Achraf--KHITER-white?logo=Facebook&logoColor=1877F2&style=plastic)](https://www.facebook.com/achraf.khiter.750/)

## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Inspiration from Microverse great curriculumm then a great appreciation to [Microverse](https://bit.ly/MicroverseTN) community.

## Credits

- The original design ideal by [Cindy Shin in Behance](https://www.behance.net/adagio07)

- Project from [Microverse](https://bit.ly/MicroverseTN) html & css module

- Images inspired by this [All avatar images](https://pravatar.cc/images)

## 📝 License

This project is [MIT](./LICENSE) licensed.