Skip to content

A multi-page E-book search website(front-end) built from PSD design for a hypothetical business.

License

Notifications You must be signed in to change notification settings

jaspreet-singh-sahota/HTML-and-CSS-capstone-project

Repository files navigation

HTML & CSS Capstone Project

This Project is based on an online website for a conference, it's a real-world-like project, built with business specifications.

The content for the shop requires to build these 3 pages as the minimum requirements:

  • The main page, with a menu link to the about page and tickets page.
  • The about page.
  • The ticket page.

Details

  • display: grid is used to create the navbars in-home and ticket
  • display: flex is been used in the footer of home, ticket & about page.
  • In the home page, 2d flip-cards section is created with the bootstrap and flexbox.
  • In the home page, if you click on the 2d flip-cards it will guide you towards the ticket page.
  • In the ticket page, 3d flip cards with float amination on the images are used and all the flip cards are added in the horizontal-scrollbar section.
  • At the bottom of home and ticket page there is about us link, if we click on this link it will take us to the about page.
  • In the about page, we will see the information about the company and the product and can see our team section which is created with the help of flexbox.
  • In the about page, inside the header there is Kitab.com (company's name), this link will take us back to our home page.

The main page (In different screen sizes)

Screenshot_2020-02-13 Kitab home page

Screenshot from 2020-02-13 07-56-33

Ticket page (In different screen sizes)

Screenshot_2020-02-13 Kitab shopping site

Screenshot from 2020-02-13 08-02-49

About page (In different screen sizes)

Screenshot_2020-02-13 About(1)

Screenshot from 2020-02-13 08-07-51

Built With

  • HTML5
  • CSS3
  • Bootstrap 4
  • Node

Live Demo

https://raw.githack.com/jaspreet-singh-sahota/HTML-and-CSS-capstone-project/feature-branch/index.html

Video link

https://www.loom.com/share/e37336e9f28c4dd4801227a363521782

Getting Started

This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.

To get a local copy up and running follow these simple example steps.

Prerequisites

  • Node.js (for Stylelint)
  • IDE
  • CLI
  • Web Browser

Install

git@github.com:jaspreet-singh-sahota/HTML-and-CSS-capstone-project.git

npm install

Authors

👤 Jaspreet Singh

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse
  • Odin project
  • The owner of this cool idea of website is:
  • Dima Oxigen
  • Images: Photo by Satria Aditya on Unsplash Photo by Paul Volkmer on Unsplash Photo by Melvin Buezo from Pexels Photo by Mstudio from Pexels Photo by Mnz from Pexels

📝 License

MIT License

Copyright (c) 2020 Jaspreet Singh

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

A multi-page E-book search website(front-end) built from PSD design for a hypothetical business.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published