Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jayantjagtap001/cw-project-g1
Leno Flex website is an dynamic website meticulously crafted using Bootstrap, CSS, and HTML.Organized navigation, and visually striking elements, it delivers an immersive experience. Focused on user-friendly browsing and secure transactions, Leno Flex website Showcase ensures a personalized and secure shopping journey for tech enthusiasts.
https://github.com/jayantjagtap001/cw-project-g1
bootstrap css figma html scss scss-framework
Last synced: 5 days ago
JSON representation
Leno Flex website is an dynamic website meticulously crafted using Bootstrap, CSS, and HTML.Organized navigation, and visually striking elements, it delivers an immersive experience. Focused on user-friendly browsing and secure transactions, Leno Flex website Showcase ensures a personalized and secure shopping journey for tech enthusiasts.
- Host: GitHub
- URL: https://github.com/jayantjagtap001/cw-project-g1
- Owner: jayantjagtap001
- Created: 2024-02-20T09:04:32.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T10:20:23.000Z (6 months ago)
- Last Synced: 2024-12-06T02:10:16.565Z (2 months ago)
- Topics: bootstrap, css, figma, html, scss, scss-framework
- Language: HTML
- Homepage: https://github.com/jayantjagtap001/CW-Project-G1
- Size: 4.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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-perfect design
## 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 [](https://github.com/jayantjagtap001/CW-Project-G1.git)
## 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