Skip to content

Leno is a modern, visually appealing website designed to showcase the productivity and health-focused for users.

Notifications You must be signed in to change notification settings

JanelAMonroe/leno

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Leno Website

Leno is a modern, visually appealing website designed to showcase the productivity and health-focused for users. This repository contains the complete source code for the website, including HTML, CSS, and JavaScript files, offering a responsive and engaging user experience.


Table of Contents


Project Overview

The Leno website highlights the features, testimonials, pricing, and download options for the app. It is tailored for users seeking to enhance their productivity and health with a reliable and intuitive tool. The website features:

  • A visually engaging hero section.
  • Interactive navigation and responsive design.
  • Detailed sections on features, testimonials, and pricing.
  • Options to download the app for Apple and Android.

Features

  1. Responsive Design: The website adapts seamlessly to various screen sizes, ensuring a great user experience on mobile and desktop devices.
  2. Interactive Navigation: A dynamic navigation bar that changes style on scroll and supports a mobile menu.
  3. Hero Section: A high-impact introductory section with call-to-action buttons.
  4. Testimonials: Displays user feedback with images and quotes.
  5. Pricing Plans: Highlights the app’s subscription options.
  6. Customizable and Modular Code: Easy to extend or modify.

File Structure

leno-website/
├── index.html          # Main landing page
├── details.html        # Additional details about app features
├── css/
│   └── styles.css      # Styling for the website
├── js/
│   └── script.js       # JavaScript for interactive features
├── images/             # Placeholder for images (logo, icons, screenshots)
└── README.md           # Project documentation

Technologies Used

  • HTML5: For structuring the website content.
  • CSS3: For styling, including animations and responsive design.
  • JavaScript: For interactive elements and dynamic behavior.
  • Font Awesome: For icons.
  • Google Fonts: For typography.

Setup Instructions

  1. Clone the Repository:

    git clone https://github.com/your-username/leno-website.git
  2. Navigate to the Directory:

    cd leno-website
  3. Open in Browser: Open index.html in any modern web browser.

  4. Host Locally (Optional): Use a local HTTP server for testing. For example:

    npx serve .

Screenshots

Hero Section

CDA30642-2627-43CA-9EBF-E4949AFAA672

Takeaways

FC066AE9-593D-40D0-BB21-D9E4980F7D66

Features Section

69136779-EA0D-40F6-B28A-FBF0B262B7AF

About

Leno is a modern, visually appealing website designed to showcase the productivity and health-focused for users.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published