ali-0111/m_cap_1

Capstone project for Module-1 : Microverse

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 🛠 Additional Tool
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Travelly web site

Travelly web site Welcome to Travelly web site! It has two pages: Home and About. Stay updated with its latest news, team updates, and partner information. Users can Contact easily via email. Enjoy a seamless experience on both desktop and mobile versions. Explore about Travelly's mission, team, and values.

🛠 Built With

• HTML
• Twailwind CSS framework👍
• Use CSS selectors correctly.
• Use CSS box model.
• Use Flexbox to place elements in the page.
• (RWD) responsive web design
• Animation and Transition⤵️
• Use GitHub Pages to deploy web pages.

Tech Stack

Client

• Twailwindcss
• CSS
• Javascript

Additional tools

• Lato fonts

Key Features

• Making use of Tailwindcss frame work to add CSS styles
• 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.
• Use semantic HTML tags.
• Apply best practices in HTML code.

(back to top)

🚀 Live Demo

Travelly

(back to top)

💻 Getting Started

Setup

To setup and install this project, follow the below steps:

• Clone this project by the command:

$ git clone https://github.com/Ali-0111/M_CAP_1.git

• Then switch to the project folder by the bellow query:

$ cd M_CAP_1

Prerequisites

• ✔ A professional editer such as VS Code.
• ✔ An Updated web browser such as Google Chrome, you can download it from here.
• ✔ Node.js installed in your machine.
• ✔ Git installed in your machine.
• ✔ Sign in or sign up to your Github account.

Install

- Install npm dependencies with:
$ npm install

Usage

1. Download or clone this repostory
2. Provide a browser.
3. Open the index.html file using a live server / browser.

Deployment

• This project is deployed with Github and you can access the live version of the project in the Live Demo section.

(back to top)

👥 Authors

👤 Qurban Ali Safari

• 👤 GitHub: Ali-0111
• 👤 Twitter: qurban_safari
• 👤 LinkedIn: Safari

(back to top)

🔭 Future Features

• Building admin / user accounts
• Adding Langauges translator for the page

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give it a ⭐️

(back to top)

🙏 Acknowledgments

• 🙏 Microverse for its arrangements and supports.
• 🙏 Cindy Shin in Behance for providing the template for project. 🤝

I especially thank from these Code reviwers for their honest help and constructive feedbacks during the project:

• 🙏 Qoosim AbdulGhaniyy
• 🙏 Gordon Tinyefuza
• 🙏 Rao Muhammad Akif Tufail

(back to top)

📝 License

This project is MIT licensed.

(back to top)

m_cap_1's Issues

Desktop version About page appearance

Hi! Do not forget that in behance template the footer section of about page in desktop version color is #272a31, you may consider changing it 😉