[Conference Web Page ] is a conference web page built on HTML,CSS and Javascript. I used semantic HTML tags in this project. -I used CSS selectors correctly. -I Used CSS box model. -I used Flexbox to place elements in the page. -I Demonstrated the ability to create UIs adaptable to different screen sizes using media queries. -I used GitHub Pages to deploy web pages. -I Applied JavaScript best practices and language style guides in this code. -I Used JavaScript to manipulate DOM elements. -I Used JavaScript events. -I used objects to store and access data.
Click Here for Video Presentation
- Front-end: HTML, CSS, JavaScript, Flexbox, Grid, Media Queries, Semantic HTML.
- Back-end: Not applicable as the project is a static website.
- Database: Not applicable as the project is a static website.
- Deployment: The website can be hosted on a web server or using a static site generator like Github Pages.
HTML
CSS
Javascript
Describe between 1-3 key features of the application.
- [Implemeted HTML,css and Javascript ]
- [Usage of Grid, media queries Semantic HTML]
Create a local directory that you want to clone the repository.
-
Open the command prompt in the created directory.
-
On the terminal run this command git clone https://github.com/harshi0102/ConferencePage.git
-
Go to the repository folder using command prompt cd.
-
Install the dev dependencies for linters run npm install.
To get a local copy up and running, follow these steps.
In order to run this project you need: A web browser: You will need a modern web browser such as Google Chrome, Mozilla Firefox, or Safari to view and test your project.
- A code editor: You will need a code editor such as Visual Studio Code, Sublime Text, or Atom to write, edit, and manage your project's files.
- A local server: You will need a local server such as XAMPP or WAMP to run your project locally and test it on your own computer.
- Knowledge of HTML, CSS, and JavaScript: You will need to have a basic understanding of HTML, CSS, and JavaScript in order to build a web development project.
- Familiarity with Git and GitHub: If you are using Git and GitHub to manage your project's codebase, you will need to be familiar with how to use them.
Clone this repository to your desired folder:
-
Open the command prompt in the created directory.
-
On the terminal run this command git clone https://github.com/harshi0102/ConferencePage.git
-
Go to the repository folder using command prompt cd.
-
Install the dev dependencies for linters run npm install.
No installation required
To run the project, open index.html in any web browser.
To run tests, open index.html in any web browser.
You can check the live version here:https://harshi0102.github.io/ConferencePage/
👤 Author1
- GitHub: harshi0102
- Twitter: @harshika0102me
- LinkedIn: LinkedIn
-
Implement some UX improvements: add the "More" button on the home page, include transitions and/or animation
-
Implement additional pages, like the tickets page and the schedule page. Make sure that you have a decent mobile design for them
Contributions, issues, and feature requests are welcome! Feel free to check my issues page: https://github.com/harshi0102/ConferencePage/issues
If you like this project...Give a ⭐️ if you like this project!
Cindy Shin for the Amazing Design Template.
Fontawsome Special thanks to fontawsome for the icons assets.
This project is MIT licensed.