Skip to content

This is an example of a site for a service you offer with plans cards and etc.

Notifications You must be signed in to change notification settings

Vahidpro/portfolio-service

Repository files navigation

Service Template Website

This is an experimental JavaScript application that provides a service template website. The website can be used for various product or service offerings and includes multiple sections such as plans, hero, user reviews, products, app download, and more. The website is fully responsive and adapts to different screen sizes.

Screenshots

Hero Section Comments
Screenshot 2024-05-05 095737 Screenshot 2024-05-05 095800
App Download Footer
Screenshot 2024-05-05 095814 Screenshot 2024-05-05 101029
Mobile Hero Hambergur Menu Footer
Screenshot 2024-05-05 100112 Screenshot 2024-05-05 101411 Screenshot 2024-05-05 100141

Technologies Used

Frontend

  • HTML5
  • CSS3
  • JavaScript

Features

Navigation

  • Responsive navigation menu for desktop and mobile devices
  • Smooth scrolling to different sections

Plans

  • Section to showcase different pricing plans
  • Modal dialog for confirming plan selection

Hero Section

  • Prominent hero section for showcasing the main product or service

User Reviews

  • Section to display user reviews and testimonials

Products

  • Section to showcase and highlight various products or services

App Download

  • Section for promoting and allowing users to download the mobile app

Footer

  • Footer section with quick links, course information, and contact details
  • Social media links and email subscription form

Other Features

  • Cookie consent message
  • Responsive design for optimal viewing experience on different devices

Installation

  1. Clone the repository.
  2. Navigate to the project directory.
  3. Open the index.html file in a web browser.

Usage

  1. Open the website in a web browser.
  2. Explore the different sections, including plans, hero, user reviews, products, app download, and footer.
  3. Interact with the navigation menu to smoothly scroll to different sections.
  4. View and select pricing plans, with a modal confirmation dialog.
  5. Check out the user reviews and testimonials.
  6. Discover the featured products or services.
  7. Download the mobile app from the designated section.
  8. Connect with the website via social media links or subscribe to the email list.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.