Leno Flex

introduction

This project is a clone of the homepage of Lenovo, a popular online shop. This project aims to recreate the visual layout and design of the original website's homepage.

Project Type

Frontend

Deplolyed App

Frontend :

Bootstrap:https://lenoflex.netlify.app/ Figma:https://figmagroup1.netlify.app/

Directory Structure

my-app/ frontend/ bootstarp/ |-html, css | |-figma/ |-html,css

Features

List out the key features of your application.

• Sticky Navbar: while scrolling the navbar sticks at the top of the view height.
  -Containers
  -Pixel-perfectdesign

Installation & Getting started

bootstrap : Go to Terminal Enter the commands : cd path/to/your/project npm init -y npm install bootstrap

OR

Copy and paste the link in the head of the HTML code:

Clone the repo in your terminal, and run the command :

git clone

Team Members

1-Jayant Sanjay Jagtap

2- Ashwin Bhagat

3- Kajal kumari

4- Ricky Kumar

5-Jagannath Gari Navya

header

Designed with a sleek and visually striking aesthetic, our header sets the stage for an immersive digital experience. Navigate seamlessly through Leno Flex world of cutting-edge technology, where every click opens the door to innovation, reliability, and style. Explore, engage, and experience the future with Lenovo.

Main

The focal point of our Leno Flex page is an interactive showcase powered by cutting-edge technology. Crafted with precision using Bootstrap, CSS, and HTML, this dynamic carousel takes center stage, highlighting featured Lenovo products. The visually stunning carousel not only captivates users with its seamless transitions but also ensures a delightful browsing experience.

Footer

The footer of the Leno Flex website serves as the perfect culmination of our digital experience. Designed with a user-centric approach, it offers convenient navigation and valuable resources for our visitors. The sleek and responsive layout, developed using Bootstrap, CSS, and HTML, ensures a seamless transition from the main content to the footer.

FIGMA-DESIGN

Header

In the pixel-perfect Figma design, the layout is meticulously crafted for precision and visual harmony. Utilizing a clean and modern aesthetic, each element aligns perfectly on a grid. Crisp typography enhances readability, and well-defined spacing ensures a balanced composition. Thoughtful color choices contribute to a cohesive and visually pleasing experience, showcasing attention to detail in creating a polished and professional design.

Main

Footer

Technology Stack

List and provide a brief overview of the technologies used in the project.

HTML CSS SCSS Bootstrap