INDUSTRIAL TRAINING REPORT

For partial fulfillment towards

completion of DIPLOMA in

COMPUTER TECHNOLOGY

Submittedby
MR. Wale Aditya Dnyaneshwar

Guidedby
Prof. Bhabad V.M

at

Amrutvahni sheti & shikshan Vikas Sanstha’s

AMRUTVAHINIPOLYTECHNICSANGAMNER
Sangamner, District- Ahmednagar (Maharashtra)

Academic Year-2023-24
Academic Year-2023-24
 Amrutvahini Polytechnic, Sangamner

DEPARTMENTOFCOMPUTERTECHNOLOGY

CERTIFICATE
This is to certify
MR. Wale Aditya Dnyaneshwar

Has satisfactorily completed the In- Plant Training at

“Sumago Infotech Pvt. Ltd. Nashik”.
This report is being submitted in partial fulfillment for the award of diploma in
Computer Technology to Maharashtra State Board of Technical Education, under my
guidance.

Prof. Bhabad V.M. Prof. Kale G.B.

Mentor, HOD,
Dept. of Computer Technology Dept. of Computer Technology
Amrutvahini polytechnic, Sangamner Amrutvahini polytechnic,Sangmner
 INDUSTRIALTRAININGREPORTAPPROVALSHEET

Maharashtra State board of technical education Mumbai

MAHARASHTRASTATE BOARD OF
TECHNICAL EDUCATION
(MSBTE)

CertificateofCompletion

This is to certify that Mr. Wale Aditya Dnyaneshwar with Enrollment No.
2200800178 has successfully completed Industrial Training (22057) in Full
Stack Development in Python and Django from 10-06-2024 to 25-06-2024
for partial fulfillment towards completion of Diploma in Computer
Engineering from Amrutvahini Polytechnic, Sangamner Institute code 0080.

Date: Place:Sangamner

Mentor: Head of the Dept.

 ACKNOWLEDGMENT

The Acknowledgement is just like a drop in the ocean of the deep sense of gratitude
within our heart for people who helped us out of most embarrassing part of our life when
I was standing at most difficult step towards my dream of life.

Many people have contributed to the success of this in-plant training. Although a
single sentence hardly suffices, I would like to thank Director & Chief Executive Officer
(CEO) of Sumago Infotech PVT. LTD., Ms.Sonali Gorade and Training Coordinators
for giving me such golden opportunity to train at their site, and, providing a chance to
get more hands-on approach for better understanding.

This Summer Industrial Training wouldn’t have been possible without the support
of our honorable Principal Prof. Dhumal Sir, who has given his precious time and gave
some ideas and suggestion towards this training.

I extend sincere and heartfelt thanks to central support of our department respected
Prof. Kale G.B, Head of Department, Computer Engineering, for providing me the right
ambience for carrying out this work.

I'm grateful and sincerely appreciate the effort of my respected mentor Prof. Baheti
S.S. who acted as a fulcrum for me and supported me during the ups and downsof this
training.

I express immense pleasure and thankfulness to all the teachers and staff of the
Department of Computer Engineering for their cooperation and support.

Name: Wale Aditya Dnyaneshwar

College Name: Amrutvahini Polytechnic, Sangamner
 ABSTRACT

Industrial training is very important for the future. Industrial training is an important phase of a
every student life. In industrial training many thinks learn that period. This time is given a
direction to future. It develops an awareness of industrial approach to problem solving, based
on a broad understanding of process and mode of operation of organization.

Our implant training industry is situated at Nashik. The Name of industry is NP IT SOLUTION.
During the training period of 6 weeks at Sumago Infotech PVT. LTD. we were able to learn the
basic concepts of Python, HTML, CSS, JavaScript, Bootstrap, MySQL, and much more.

Sumago Infotech PVT. LTD. is one of the leading companies in Nasik in the area of software
Development and Training Services. They are received ISO 9001 – 2015 Quality standard for our
services. They are providing services to people since last 10 years. They are basically work in
website design and development, Android application development, Software development,
Digital Marketing. They are also providing training to students on these platforms.

They are thinking that it is necessary for students as they will realize how actually work is done
at industry. Also, they will be benefited by the practical knowledge through this training. Keeping
this view in mind their management has decided to organize a 6 Week Implant / Industrial
Training program for the students of polytechnics. In this program students will have choice to
adopt different technologies for their training. They will be fully trained on that technology.

In the Sumago Infotech PVT. LTD. during the entire 6 weeks Implant Training, we have come
across various new things which were really interesting and were not that much aware to those
things. In our industry we can attended the online ITR lectures. and this online lecture is best
experience in the implant training.
 INDEX

Sr No. Title of Chapter Page No.

1. Company Background and Organizational Structure 1- 5

2. Introduction 6-8

3. Services Offered 9-12

4. Safety Procedures 13

5. Experiments in Industry 14-18

6. Description of the Project 19-22

7 Experience in Industry 23-24

- References 25

-
z
Chapter 1

COMPANY BACKGROUND & ORGANIZATION STRUCTURE

We at Sumago Infotech PVT. LTD. are a group of IT experts, who accompanied a promise
of conveying technology-enabled business solutions. We give world-class software and web
advancement services that focus on assuming a supportive job to your business and its holistic
development. Our profoundly skilled associates and worldwide conveyance capabilities ensure
the accessibility and scale to adjust client's technology solutions to their business needs. Our
offerings span the whole IT life cycle from Consulting through Packaged, Custom, and Cloud
Applications as well as an assortment of Infrastructure Services.
We have certified and tech savvy professionals who are richly experienced in different
disciplines of online solutions that exceptionally support the businesses to fulfil several
objectives We craft the solutions as per the requirements of the clients

Services Provided by Sumago Infotech PVT. LTD.:

• Website Design & Development
• Branding, Catalogue Designing, Logo Design
• Web hosting, Domain Registrations & Professional Email Service
• CRM, ERP Software Development
• Customized Software Development
• E-Commerce Website Development
• Android Application & IOS Application Development
• Search Engine Optimization & Social Media Management
• Bulk Email Service, Bulk SMS Service
• SAP Business one Support & Consultancy
• IT Consultancy
•
Some Statistics about Sumago Infotech PVT. LTD.:
• 50+ Work Experiences
• 750+ Clients
• 55+ CRM Client & ERP
• 700+ Static Websites
• 22 Web Development Team
• 5 Android Development Team

Dept. of Computer Technology 7 Amrutvahini Polytechnic

College
Some Training Statistics of Sumago Infotech PVT. LTD.:
• 100 + Workshops
• 80 + Seminars
• 55 + Corporate Training
• 70 + MOU
• 5000 + Students Trained
• 1000 + Tech Video Library
Working Style / Development Process:

Dept. of Computer Technology 9 Amrutvahini Polytechnic

College
 Chapter 2 INTRODUCTION TO COMPANY

2.1 Introduction
Sumago Infotech PVT. LTD. give world-class software and web advancement services that focus
on assuming a supportive job to our business and its holistic development. It profoundly skilled
associates and worldwide conveyance capabilities ensure that accessibility and scale to adjust
client’s technology solutions to their business needs. It has certified and tech savvy professionals
who are richly experienced in different disciplines of online solutions that exceptionally support
the business to fulfil several objectives.

Location: Sumago Infotech PVT. LTD., Kamod Nagar, Nashik, Maharashtra

Industry Product Range :

Sumago Infotech PVT. LTD. are a group of IT experts, who accompanied a promise of conveying
technology- enabled business solution. We give world-class software and they advancement
services that focus on assuming a supportive job to your business and its holistic development.

Some Statistics about Sumago Infotech PVT. LTD.:

• 50+ Work Experiences
• 750+ Clients
• 55+ CRM Client & ERP
• 700+ Static Websites
• 22 Web Development Team
• 5 Android Development Team

Some Training Statistics of Sumago Infotech PVT. LTD.:

• 100 + Workshops
• 80 + Seminars
• 55 + Corporate Training
• 70 + MOU
• 5000 + Students Trained
• 1000 + Tech Video Library

Dept. of Computer Technology 10 Amrutvahini Polytechnic

College
 Chapter 3 SERVICES OFFERED

• WEB DESIGN & DEVELOPMENT

Today business strategies have been changed, online presence is becoming key factor for every
business irrespective of its size, it is an implied rule, that if your business is progressive enough,
it will undoubtedly have a website of its own. Website is the best method to enrich progress of
your business by customizing correspondence strategy for target audience and furthermore to
generate generic data about potential customer.

Our team makes effective use of the latest designing, website development, maintenance tools
for the benefit of the client's representation on the World Wide Web Our team of expert designers
and developers work with same enthusiasm to develop all type of websites like simple static
website, event management website, matrimony website, retails website to ecommerce website.
Our team focuses on optimized content, graphics, designs and other light weight elements so as
to make an interactive stage which draws in more targeted customers. We make the best use of
web-based tools to deliver custom web designs which make effective use of blaze, and other
such designing techniques which will benefit your internet marketing objectives

• MOBILE APP DEVELOPMENT

The number of Android users is growing rapidly all over the globe. If you feel, mobile technology
is important to your business, services, or products then you need a partner like Sumago Infotech
PVT. LTD.. Hire our professional android app developers, who are well-versed in App development
and create path-breaking Android Apps. Do you wish to create an Android App within an
affordable budget? Sumago Infotech PVT. LTD. has a professional and highly qualified team of
Android App developers. With extensive experience and in-depth knowledge in building unique
Android Apps, we offer Apps development service across the world. Our expert team will
understand your requirement and will deliver good results along with an end-to-end service to
assist you at every stage.

Our team of programmers has strong technical proficiency with a huge experience in Android
platform and technologies. Our services of Android app development include Custom Android
app development, cross-platform Android app development, Android games development,
Android app QA & testing, Android app enhancements & upgrades, Android widget
development, Android support & maintenance and more. If you want to build the best app,
connect with a leading Android app development company in India. We ensure your app is
optimized effectively, look no further than Sumago Infotech PVT. LTD.. As we have a massive
amount of experience in app design, development, and support.

Dept. of Computer Technology 11 Amrutvahini Polytechnic

College
 • SOFTWARE DEVELOPMENT

Today, Sumago Infotech PVT. LTD. has earned prominence in developing error -free, innovative,
class-apart software solutions for their clients. Sumago Infotech PVT. LTD. is one such
destination, where every client is satisfied and happy by the results they get. Our team follows
systematic way of development; every software is developed and delivered before timeline
without compromising in quality. Repetitive orders are the evidence of our professional work
approach.

• DIGITAL MARKETING

Digital marketing has become one of the most popular buzzwords in the last couple of years.
Everybody is talking about digital marketing and professionals praise it's the way to grow an
online business. If you type the phrase 'digital marketing' in Google trends, you will see that
there is a clear upshift in search terms related to digital marketing.

Our Digital Marketing include Search Engine Optimization, Social Media Marketing, Email
Marketing Service, Affiliate Marketing, Pay Per Click.

• GRAPHICS DESIGNING

Designs play a key role while converting your idea to real product or service. Every business
grows with interest of target audience in your product or service, the design is what make your
audience engages to your business.

Our creative expert designers have increased our customer's acquisition rate by implementing
innovative and creative concepts. We provide our vast services from concept to finished
product

Our Graphic Services include Logo design, Graphic design, Company Profile Design, Social Media
Post, Brochure Customized Design.

• ERP AND CRM SOFTWARE

Sumago Infotech PVT. LTD. is a top ERP and CRM Software solutions provider company. We
offer full featured, flexible and award-winning software solutions with ERP and CRM that is
unmatchable in the current market. We help enterprises to reach the high levels of success with
innovative business management software solutions. The tech savvy experts are highly
dedicated and experienced to scale up the business to new heights of success. We redefine the
integral business operations with best-in-class ERP and CRM solutions that are designed as per
the competitive market. We give high efforts for meeting ever-increasing customer
expectations. With our specially designed software solutions, we ensure to boost up
productivity and efficiency

Dept. of Computer Technology 12 Amrutvahini Polytechnic

College
 • DOMAIN NAME REGISTRATION

Sumago Infotech PVT. LTD. conveys genuine Domain Name Registration Services according to
the particulars of the customers. Sumago Infotech PVT. LTD. has exceptionally experienced
educated experts who comprehend the shifting necessities of customers and are additionally
mindful about the various components of Domain registration. We separate the websites
according to the base of the business and designate the particular domain names. We offer
nation level domains like .in, org.in, ac.in, and so forth alongside.com, organization, .net, and so
forth. We offer Domain Name Registration administrations for government, private, instructive,
human services and web-based business sites alongside different business segments.

• LINUX WEB HOSTING

Sumago Infotech PVT. LTD. has earned wide notoriety as an expert web hosting specialist
organization. For conveying high evaluation web hosting administrations to quantities of
organizations just as experts since years, Sumago Infotech PVT. LTD. has gotten the primary
decision in the market. We have some expertise in Linux Web Hosting administrations and
solutions for the customers requesting for quick, dependable and stable working framework.

Sumago Infotech PVT. LTD. brings world class quality Linux Web Hosting administrations. We
have the group of specialists who endeavor hard to furnish top quality Linux web hosting with
uncommon mix of the unequalled reliability. We have various bundles for people and
independent ventures just as enormous organizations. We offer exceptional bundles for web
designers also!

Dept. of Computer Technology 13 Amrutvahini Polytechnic

College
 Chapter 4 SAFETY PROCEDURES

4.1 GENERAL SAFETY

• Reduce the risk of workplace incidents, injuries, and fatalities through data- driven
measurements and improvements

• Involve people from different parts of the organization to make safety a shared
Responsibility

• Be well organized and structured to ensure consistent growth and performance.

• Be proactive, preventive and integrated into the culture of the entire organization.

• Verify your backups are working.

• Check disk usage.

• Monitor RAID Alarms.

• Update Your OS.

• Update your Control Panel.

• Check application updates.

• Check remote management tools.

• Check for hardware errors.

• Check server utilization.

• Review user accounts.

• Change passwords.

• Check system security.

Dept. of Computer Technology 14 Amrutvahini Polytechnic

College
 TOPICS WE LEARN IN THE INDUSTRY
Exploring Key Areas of Knowledge and Skills for Professional Development

HTML
HTML, short for Hypertext Markup Language, is the foundation of web development and a
fundamental language for creating web pages. It provides a structured framework for
organizing content on the internet. HTML utilizes tags to define the structure and
presentation of elements within a webpage. These tags, enclosed in angle brackets, indicate
the purpose and characteristics of different elements such as headings, paragraphs, images,
links, tables, and forms.

HTML follows a hierarchical structure, with the <html> tag as the root element. Inside the
<html> tag, there are <head> and <body> tags. The <head> section contains
metainformation about the webpage, such as the title, character encoding, and external
stylesheets or scripts. The <body> section encompasses the visible content of the webpage.

HTML tags are used to define various elements. For example, the <h1> to <h6> tags
represent headings of different levels, with <h1> being the highest and <h6> the lowest.
Paragraphs are defined using the <p> tag, while images are inserted with the <img> tag.
Links are created using the <a> tag, allowing users to navigate between web pages. Tables
are structured using the <table>, <tr>, and <td> tags, among others.

Attributes can be added to HTML tags to provide additional information or functionality. For
instance, the "src" attribute is used in the <img> tag to specify the image source, while the
"href" attribute in the <a> tag defines the destination URL of a link.

HTML is a versatile language that serves as the backbone of web development.

Understanding its basics enables developers to create well-structured and visually appealing
web pages that are accessible to users across different devices and browsers.

• CSS
CSS (Cascading Style Sheets) is a fundamental technology used in web development to
control the visual appearance and layout of HTML elements on a webpage. It provides a set
of rules and properties that define how elements should be presented, allowing developers
to enhance the design and user experience of their websites.
CSS works by applying styles to HTML elements, either directly within the HTML file or in an
external CSS file that is linked to the HTML document. It uses a selector mechanism to target
specific elements and then applies various styling properties to modify their appearance.

Dept. of Computer Technology 15 Amrutvahini Polytechnic

College
 • BOOTSTRAP
Bootstrap is a popular open-source framework for building responsive and mobile-first
websites. It provides a collection of pre-designed HTML, CSS, and JavaScript components
that can be easily integrated into web projects, enabling developers to create visually
appealing and user-friendly interfaces quickly.

The core concept of Bootstrap is its grid system, which allows developers to create flexible
and responsive layouts. The grid system divides the web page into a series of rows and
columns, making it easy to arrange content and adapt it to different screen sizes and
devices.

In addition to the grid system, Bootstrap offers a wide range of components, such as
buttons, forms, navigation menus, carousels, and modals. These components come with
predefined styles and behaviors, reducing the need for custom coding and speeding up the
development process.

Bootstrap also provides a responsive design approach, ensuring that websites automatically
adjust their layout and appearance based on the screen size and orientation of the device
being used. This helps create a consistent user experience across various devices, from
desktops to tablets and smartphones.

By using Bootstrap, developers can save time and effort by leveraging ready-made
components and styles, allowing them to focus on functionality and customization. It has
become a popular choice in the industry for rapid prototyping, building minimum viable
products (MVPs), and creating visually appealing websites with modern design aesthetics.

JAVASCRIPT
JavaScript is a versatile programming language that is widely used for creating interactive
websites and web applications. It is a client-side scripting language, meaning it runs directly
in the user's web browser. JavaScript allows developers to add functionality, handle user
interactions, and manipulate web page elements dynamically.

At its core, JavaScript provides the basic building blocks of programming, such as variables,
data types, operators, control structures (if statements, loops), and functions. These
fundamental concepts enable developers to write scripts that perform calculations, make
decisions, and execute repetitive tasks.

One of JavaScript's key features is its ability to manipulate the Document Object Model
(DOM). The DOM represents the structure of an HTML document, and JavaScript can access
and modify elements, attributes, and content within the DOM. This allows developers to
create dynamic and interactive web pages, updating content, responding to user actions,
and creating visually appealing effects.

Dept. of Computer Technology 16 Amrutvahini Polytechnic

College
JavaScript also supports various APIs (Application Programming Interfaces) that provide
additional functionality beyond the browser environment. These APIs enable tasks such as
making HTTP requests (fetching data from a server), manipulating browser history,
accessing device sensors (e.g., geolocation), and working with multimedia (audio, video).

Additionally, JavaScript has a vast ecosystem of libraries and frameworks, such as React,
Angular, and Vue.js, which simplify and enhance the development process. These tools
provide pre-built components, advanced features, and efficient ways to organize and
manage code.

Overall, understanding the basics of JavaScript is essential for web developers as it forms the
foundation for creating interactive and dynamic web experiences.

• Python:
Python is a high-level, interpreted programming language known for its readability and
simplicity. It's widely used in various fields, including web development, data analysis,
artificial intelligence, scientific computing, and more. Here are some basic aspects of
Python:

Basic Concepts
1. Data Types:
o Numeric: int, float o Sequence: str, list, tuple o

Mapping: dict o Set: set o Boolean: bool o None:

NoneType
2. Operators:
o Arithmetic: +, -, *, /, %, **, // o Comparison: ==, !=,

>, <, >=, <= o Logical: and, or, not o Assignment: =,

+=, -=, *=, /=

o Membership: in, not in

o Identity: is, is not

Key Features of Python

1. Easy to Read and Write: Python's syntax is clear and concise, making it easy to
learn and write code quickly.
2. Interpreted Language: Python is executed line-by-line, which makes debugging
easier and allows for interactive programming.

Dept. of Computer Technology 17 Amrutvahini Polytechnic

College
 3. Dynamically Typed: Variables in Python do not need an explicit declaration to
reserve memory space. The declaration happens automatically when you assign a
value to a variable.
4. Object-Oriented: Python supports object-oriented programming (OOP) with
classes and objects.
5. Extensive Standard Library: Python has a rich standard library that provides
modules and functions for various tasks, from file I/O to web protocols.

Python's simplicity and readability make it a great language for beginners, while its
power and versatility allow it to be used for complex applications. The large community
and extensive libraries support a wide range of tasks, making Python a popular choice
among developers

• Django:
Django is a high-level Python web framework that encourages rapid development and
clean, pragmatic design. It was designed to help developers take applications from concept
to completion as quickly as possible. Here are the basic aspects of Django:
Key Features of Django
1. Rapid Development: Django aims to make it easier to build web applications
quickly.
2. DRY Principle: Django emphasizes the "Don't Repeat Yourself" principle,
encouraging code reuse and reducing redundancy.
3. Batteries Included: Django comes with a lot of built-in features, such as
authentication, database ORM, and a templating engine.
4. Scalable: Django is designed to handle a large number of users and a significant
amount of data.
5. Secure: Django helps developers avoid many common security mistakes, such as
SQL injection, cross-site scripting, and cross-site request forgery.
6. Versatile: Django can be used to build all sorts of applications, from content
management systems to social networks.
Basic Concepts
Installation
• You can install Django using pip:
• pip install django
Creating a Django Project 1.
Start a Project:
• django-admin startproject myproject
This creates a directory ‘myproject’ with the basic structure of a Django project.

Dept. of Computer Technology 18 Amrutvahini Polytechnic

College
 2. Run the Development Server:
• cd myproject
• python manage.py runserver
By default, the development server runs on ‘http://127.0.0.1:8000/.’
Creating a Django App 1.
Start an App:
• python manage.py startapp myapp
This creates a directory myapp within your project directory with the basic structure of a
Django app.

Django is a powerful and flexible web framework that simplifies the process of building
complex web applications. It comes with many built-in features and follows best practices
for security and scalability, making it a great choice for both beginners and experienced
developers.

Dept. of Computer Technology 19 Amrutvahini Polytechnic

College
 Chapter 5 EXPERIMENT IN INDUSTRY

Project name:”Mobile Shopping Website”

"Experimentation in Industry”:

➢ Planning

1. Define Objectives and Goals

• Business Objectives: Clarify what you want to achieve. This might include increasing
sales, enhancing brand presence, or improving user engagement.
• User Goals: Identify what your users need from the site, such as a seamless shopping
experience, easy navigation, or quick checkout.

2. Market Research

• Competitor Analysis: Study competitors' mobile shopping websites to understand

industry standards and identify opportunities for differentiation.
• User Research: Conduct surveys, interviews, or focus groups to gather insights about
your target audience's preferences and pain points.

3. Site Structure and Content Strategy

• Information Architecture: Plan the structure of your site, including categories, product
pages, and navigation menus. Create a sitemap to visualize the site’s hierarchy.
• Content Strategy: Decide what content you’ll need, including product descriptions,
images, reviews, and other relevant information.

➢ Information Structure

1. Homepage

• Search Bar: Prominently placed at the top.

• Navigation Menu: Accessible menu icon that expands to show categories.
• Featured Products/Deals: Highlight current promotions, discounts, or featured items.
• Categories: List of main product categories (e.g., Electronics, Clothing, Home Goods).
• Personalized Recommendations: Based on browsing history or past purchases.
• Trending Products: Popular or best-selling items.

Dept. of Computer Technology 20 Amrutvahini Polytechnic

College
 2. Navigation Menu

• Account: Login/Signup, Order History, Wishlist, Account Settings.

• Categories: Expandable list of product categories and subcategories.
• Cart: View items in the shopping cart.
• Help/Suppossrt: Access to customer service, FAQs, and contact information.

3. Category Pages

• Breadcrumbs: To easily navigate back to previous pages.

• Filters and Sorting Options: By price, brand, ratings, etc.
• Product Listings: Grid or list view of products with thumbnails, names, prices, and
ratings.
• Pagination or Infinite Scroll: To load more products.

4. Product Detail Pages

• Product Images: High-quality images with zoom functionality.

• Product Name and Price
• Ratings and Reviews: Customer reviews and ratings.
• Product Description: Detailed description, specifications, and features.
• Add to Cart Button: Prominently placed.
• Related Products: Suggestions for similar or complementary items.

Dept. of Computer Technology 21 Amrutvahini Polytechnic

College
 ➢ Information Structure

• Front-End

1. HTML5/CSS3: For structure and styling.

2. JavaScript: For interactive elements.
o Frameworks/Libraries:
▪ React Native: For building cross-platform mobile apps.
▪ Vue.js: Lightweight and flexible for front-end development.
▪ Angular: Comprehensive framework for building dynamic web
applications.

• Back-End

1. Programming Languages:
• Python (Django/Flask): For robust and secure backend services

2. Frameworks:
• Django/Flask: For Python applications.
Screenshot:

Dept. of Computer Technology 22 Amrutvahini Polytechnic

College
Dept. of Computer Technology 23 Amrutvahini Polytechnic
College
Dept. of Computer Technology 24 Amrutvahini Polytechnic
College
 Chapter 6 DESCRIPTION OF PROJECT

----------------------------------------------------------
Project Title: Resume Builder with Python and Django

Project Overview

The mobile shopping website aims to provide users with an easy-to-use, visually appealing platform to
browse, search, and purchase products directly from their mobile devices. The website will feature a
responsive design, ensuring it looks great and functions well on various screen sizes.

Key Features

1. User Authentication:
o User registration and login
o Secure password management and recovery
2. Product Catalog:
o Browse products by category
o Detailed product pages with descriptions, images, and reviews
o Search functionality with filters (price, brand, ratings, etc.)
3. Shopping Cart:
o Add and remove products from the cart
o View cart summary and total price
o Update product quantities
4. Checkout Process:
o Enter shipping and billing information
o Select payment method (credit card, PayPal, etc.)
o Order summary and confirmation

Project Phases

1. Planning:
o Define project scope and requirements
o Create wireframes and mockups
o Choose the technology stack
2. Design:
o Develop the website layout and design
o Ensure a mobile-first, responsive design approach
3. Development:
o Set up the project structure and environment
o Implement user authentication
o Develop the product catalog and search functionality
o Create the shopping cart and checkout process
o Implement user account management features
4. Testing:
o Conduct thorough testing on different devices and browsers
o Perform usability testing to ensure a smooth user experience
o Fix any bugs and issues
 Chapter 7

Experiences in Industry

REFERENCES

--------------------------------------------------------------------

HTML:

• Mozilla Developer Network (MDN) HTML Documentation:

https://developer.mozilla.org/en-US/docs/Web/HTML

• W3Schools HTML Tutorial: https://www.w3schools.com/html/

CSS:

• Mozilla Developer Network (MDN) CSS Documentation:

https://developer.mozilla.org/enUS/docs/Web/CSS

• W3Schools CSS Tutorial: https://www.w3schools.com/css/

Bootstrap:

• Bootstrap Documentation: https://getbootstrap.com/docs/

• W3Schools Bootstrap Tutorial:

https://www.w3schools.com/bootstrap/

JavaScript:

Mozilla Developer Network (MDN) JavaScript Documentation: https://developer.mozilla.org/en-

US/docs/Web/JavaScript

• W3Schools JavaScript Tutorial: https://www.w3schools.com/js/

 Sumago Infotech PVT. LTD.WEEKLY REPORT

Week 1:
From Date: 07/06/23 To: 13/06/23

Day Activities Carried Out

1 Introduction of Sumago Infotech PVT. LTD. and Team Structure. Identify

Responsibilities of different People working In the Company.
 What is HTML & Used of HTML
• Used of different types of tags.
• Basic structure of html.
• How to run html code.
2  What is CSS
• Types of css.
• Properties of css.
• Basic structure of css
• Used of different types of tags.
• Inputs types of css.

3  What is Bootstrap
• Used of bootstrap.
• How to design responsive web-site in bootstrap.
• Used of Default container & Fluid container.
• Bootstrap Grid system.
• How to create navbar using bootstrap.
• How to used carousel in bootstrap.
• Types of devices in bootstrap.
• How to create footer using bootstrap..

4  Javascript:
• What is javascript.
• Advantages & disadvantages for javascript.
• Syntax for javascript.
• Types of Datatypes.
• Java script loop statements.
• Types of loop.
• How to used of promt() method & alert() method.
5  Python:
• What is python?
• Advantages & disadvantages for python. • Process of
download of python
• Methods of document object.
• Real time application in python.
• Syntax
• What is Dom.
6  Python:
• Keyword for python\
• Type () Method
• Input methods
 Week 2:
FromDate:17/06/24 To: 22/06/24
Day Activities Carried Out

1  Python:
• Data types in python.
o Operators in python.
• Arithmetic operator.
• Assignment operator.
• Comparison operator.
• Logical operator.
• Identity operator.
• Membership operator.
• Bitwise operator.
2  Python:
• Data types.
• Dictionary.
• Dictionary method.

3  Function:
• Syntax of functions in python.
• Benefits of Functions.
• Types of functions.
• How to creating a function in python.
 Inheritance:
• What is inheritance.
• Types of inheritance.

4  Python:
• What is file handling.
• Modes of file handling.  MYSQL install
command.
 Create database.
 Creating table.
 Fetching data.
5  Django:
• Django install command.
• What is MVT.
• Django install steps.
6  Django:
• For loop in Django.
• If statement in Django.
• What mode.
• Dictionary.
• Creating mode.
• Creating table in Django.
• What is ORM.
• Template inheritance.
• Adding link in anchor tag.  Checking of weekly report.

Week3: FromDate:24/06/24 To: 25/06/24

Day Activities Carried Out

1  Django:
• Creating login page stapes.
• Creating table.
• Adding buttons.
• Run the document server.

2  Checking for the project.

 To check the working on project.
 Final checking for the weekly report.
 To introduction to overall experience for industrial training.
 Project Code:-

Home Page

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
" rel="stylesheet" integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmL
ASjC" crossorigin="anonymous">
<link rel="stylesheet" href="tp.css">

<title>Hello, world!</title>

</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-secondary"
style="border-radius: 20px; margin: 8px;" >
<div class="container-fluid" >
<a class="navbar-brand" href="#" style="color: rgb(0, 0, 0);"
><b>Mobile.Shop</b></a>
<button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">

Dept. of Computer Technology 29 Amrutvahini Polytechnic

 <a class="nav-link active" aria-current="page" style="color: aliceblue;
"
href=file:///C:/Users/walea/OneDrive/Desktop/Sumago/Project/files/Mobilesh
op.html>Home</a>
</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#"
id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-
expanded="false" style="color: aliceblue;">
brands
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item"
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\samsung.html"
>Samsung</a></li>
<li><a class="dropdown-item"
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Apple.html">A
pple</a></li>
<li><a class="dropdown-item"
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Oneplus.html"
>Oneplus</a></li>
<li><a class="dropdown-item"
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Moto.html">M
otorola</a></li>
<li><a class="dropdown-item"
href="https://store.google.com/in/category/phones?hl=en-GB">Google
pixel</a></li>
<li><a class="dropdown-item"
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\mi.html">Xaio
mi/poco</a></li>
<li><a class="dropdown-item"
href="https://www.realme.com/in/realme-phones">Realme</a></li>
<li><a class="dropdown-item"
href="https://www.infinixmobility.com/Smartphones">infinix</a></li>
<li><a class="dropdown-item"
href="https://in.nothing.tech/">Nothing</a></li>
<li><a class="dropdown-item"
href="https://www.vivo.com/in">Vivo/iqoo</a></li>

Dept. of Computer Technology 30 Amrutvahini Polytechnic

 <li><a class="dropdown-item"
href="https://www.oppo.com/in/smartphones/">Oppo</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.amazon.in/mobile-
phones/b/?ie=UTF8&node=1389401031&ref_=nav_cs_mobiles" style="color:
aliceblue;">Amazon</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.flipkart.com/mobile-phones-
store" style="color: aliceblue;">Flipkart</a>

</ul>

</div>
</div>
</nav>
<div id="carouselExampleInterval" class="carousel-slide" data-bs-
ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="1000">
<img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\1aaabbf8-ac51-
4eb4-9e69-a23df371cb4c.__CR0,0,1464,600_PT0_SX1464_V1___.jpg" class="d-
block w-100" style="border-radius: 10px;">
</div>
<div class="carousel-item" data-bs-interval="1000">
<a href="https://www.oneplus.in/oneplus-12"><img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\8efd46cb-73a5-
4353-adae-37f3109fdfc2.__CR0,0,1464,600_PT0_SX1464_V1___.jpg" class="d-
block w-100" style="border-radius: 10px;"></a>
</div>
<div class="carousel-item" data-bs-interval="1000">
<a href="https://www.apple.com/in/iphone/?afid=p238%7CsYt4Eu33f-
dc_mtid_209254ho67063_pcrid_697513920402_pgrid_127298783756_pexid__
&cid=wwa-in-kwgo-iphone-slid----Evergreen-"><img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\R1807_1._CB5753463
53_.jpg" class="d-block w-100" style="border-radius: 10px";></a>
</div>

Dept. of Computer Technology 31 Amrutvahini Polytechnic

 <div class="carousel-item" data-bs-interval="1000">
<a
href="https://www.vivo.com/in/products/xfold3pro?utm_source=google_searc
h&utm_medium=cpc_superday&utm_campaign=brand_xfold3pro&utm_conte
nt=cameraai&utm_term=brandcore&gad_source=1&gclid=Cj0KCQjwsuSzBhC
LARIsAIcdLm5WgXDM0ajQydZtOjMTEb6PF1Uaq0aRU0t-
62OKsGMtoWJEEjO0xSMaAtFUEALw_wcB"> <img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\6f56d02a-3da8-
459a-95f5-08b18001fb61.__CR0,0,2928,1200_PT0_SX1464_V1___.jpg" class="d-
block w-100" style="border-radius: 10px;"></a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

</div>

<h3 style="text-align: center; padding-top: 20px; padding-bottom: 30px;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;" ><b>
<U>POPULAR BRANDS</U></b></h3>
<HR style="border: dotted;color: rgb(255, 0, 0);">

<div class="container ">

<div class="row">
<div class="col">
<a
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\samsung.html"
> <img src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\samsung-1-
logo-png-transparent.png" style="width: 150px; height: 75px; margin-left:
30%;" ></a>

Dept. of Computer Technology 32 Amrutvahini Polytechnic

 </div>
<div class="col">
<a
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Apple.html"
><img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\Apple_logo_black.sv
g.png" style="width: 75px; height: 90px; margin-left: 50%;"></a>
</div>
<div class="col">
<a
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Moto.html"><i
mg src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\motorola-6.svg"
style="width: 75px; height: 75px; margin-left: 50%;"></a>
</div>
<div class="col">
<a
href="C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\Oneplus.html"
><img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\idrP09mR2N.svg"
style="width: 75px; height: 75px; margin-left: 50%;"></a>
</div>
<div class="col">
<a
href=C:\Users\walea\OneDrive\Desktop\Sumago\Project\files\mi.html> <img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Xiaomi_logo_(2021-
).svg.png style="width: 75px; height: 75px; margin-left: 50%;" ></a>
</div>

</div>
</div>
<HR style="border: dotted;color: rgb(255, 0, 0);">

<h3 style="text-align: center; padding-top: 20px; padding-bottom: 30px;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;" ><b> <U
>POPULAR DEVICES</U></b></h3>
<div class="container">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">

Dept. of Computer Technology 33 Amrutvahini Polytechnic

 <img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imahfu766ybd5h4z.webp class="card-img-top" style="height: 250px; width:
260px; margin: 15px; padding-left:20px;" >
<div class="card-body">
<h5 class="card-title">Samsung Galaxy S24 Ultra</h5>
<p class="card-text">(Titanium Gray, 256 GB,12 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹1,29,999</h5>
<a href="#" class="btn btn-info" >Get details</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagtc3kfyhgfcvr.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iphone 15 Pro Max</h5>
<p class="card-text"> (Natural Titanium, 256 GB)</p>
<h5 class="card-text" style="text-align: center;">₹1,48,900</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagzr2e2xxem9kq.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Xaiomi 14</h5>
<p class="card-text">(White, 512 GB,12 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹69,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>

Dept. of Computer Technology 34 Amrutvahini Polytechnic

 <div class="col">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagy5wfcgybpq5x.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;" >
<div class="card-body">
<h5 class="card-title">Oneplus 12R</h5>
<p class="card-text">(Iron Grey, 256 GB,16 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹44,484 </h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imahyvnursvngwdm.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">SAMSUNG Galaxy S24 5G</h5>
<p class="card-text"> (Onyx Black, 256 GB,8 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹79,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagzhspm6zvfaeh.webp style="height: 250px; width: 230px; margin: 15px;
padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Motorola Edge 50 Pro 5G</h5>
<p class="card-text"> (Black Beauty, 256 GB,12 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹34,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>

Dept. of Computer Technology 35 Amrutvahini Polytechnic

 </div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem; ">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\14-ultra-
mzb0gvnin-xiaomi-original-imagzt8cw9q2zgae.webp class="card-img-top"
style="height: 250px; width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Xiaomi 14 Ultra</h5>
<p class="card-text"> (White, 512 GB,16 GB RAM)</p>
<h5 class="card-text" style="text-align:
center;">₹99,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;" >
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagtc6fhhtqjnr9.webp class="card-img-top" style="height: 250px; width:
220px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iPhone 15 Plus</h5>
<p class="card-text"> (Blue, 128 GB)</p>
<h5 class="card-text" style="text-align:
center;">₹77,999a</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-dark py-5 mt-5">
<div class="container text-light text-Center">
<p class="display-5 mb-3">Mobile.Shop &trade;</p>
<Small calss=""text-white-50>&copy; Copyright by Mobile.com. All
rights reservsd</Small>
</div>

Dept. of Computer Technology 36 Amrutvahini Polytechnic

 </footer>

<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.mi
n.js" integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxV
XM" crossorigin="anonymous"></script>

<!-- Option 2: Separate Popper and Bootstrap JS -->

<!--
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.mi
n.js" integrity="sha384-
IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8
p" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-
cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
-->
</body>
</html>

Mobile Brands

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
" rel="stylesheet" integrity="sha384-

Dept. of Computer Technology 37 Amrutvahini Polytechnic

 EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmL
ASjC" crossorigin="anonymous">
<link rel="stylesheet" href="a.css">
<title>Mobile.Shop</title>

</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white" style="border-
radius: 20px; margin: 8px; position:static " >
<div class="container-fluid" >

<br>
<a class="navbar-brand" href="#" style="color: rgb(0, 0, 0);" ><b><img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Apple_logo_black.svg.
png style="width: 45px; height: 55px;"></b></a>
<button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a
href="file:///C:/Users/walea/OneDrive/Desktop/Sumago/Project/files/Mobiles
hop.html" class="nav-link-active" aria-current="page" style="color: rgb(0, 0, 0);
padding-left: 20px;">Home</a>
</li>
<h6 style="padding-left: 1200px;">Mobile.shop</h6>

</ul>

</div>
</div>
</nav>

Dept. of Computer Technology 38 Amrutvahini Polytechnic

 </div>
<img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\R1807_1._CB5753463
53_.jpg" height="700px" width="99%" style="margin: 10px; padding:10px
border-radius 10px; " >

<hr>
<div class="container">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagtc3kfyhgfcvr.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iphone 15 Pro Max</h5>
<p class="card-text"> (Natural Titanium, 256 GB)</p>
<h5 class="card-text" style="text-align: center;">₹1,48,900</h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;" >
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagtc6fhhtqjnr9.webp class="card-img-top" style="height: 250px; width:
220px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iPhone 15 Plus</h5>
<p class="card-text"> (Blue, 128 GB)</p>
<h5 class="card-text" style="text-align: center;">₹77,999</h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>

Dept. of Computer Technology 39 Amrutvahini Polytechnic

 </div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/9/f/p/-
original-imaghxenhnpyhn5u.jpeg?q=70" class="card-img-top" style="height:
250px; width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iphone 14 Pro Max</h5>
<p class="card-text">(Space Balck,512 GB)</p>
<h5 class="card-text" style="text-align: center;">₹1,57,999</h5>
<a href="https://www.apple.com/in/" class= "btn btn-info">Get
Details</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/b/u/f/-
original-imaghxa5hvapbfds.jpeg?q=70" class="card-img-top" style="height:
250px; width: 260px; margin: 15px; padding-left:20px;" >
<div class="card-body">
<h5 class="card-title">Apple iphone 14 </h5>
<p class="card-text">(Purple,256 Gb)</p>
<h5 class="card-text" style="text-align: center;">₹68,999 </h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/a/h/7/-
original-imaghx9qaepzajta.jpeg?q=70" class="card-img-top" style="height:
250px; width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Apple iphome 14 plus</h5>

Dept. of Computer Technology 40 Amrutvahini Polytechnic

 <p class="card-text"> ((Product)RED,128GB)</p>
<h5 class="card-text" style="text-align: center;">₹55,999</h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>
</div>
</div>

<div class="col" style="padding-top: 10px;">

<div class="card" style="width: 18rem; ">
<img
src="https://rukminim2.flixcart.com/image/312/312/l0igvww0/mobile/9/y/q/-
original-imagca67yxswgwqq.jpeg?q=70" class="card-img-top" style="height:
250px; width: 220px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">apple iphone SE 3rd Gen</h5>
<p class="card-text"> (Midnight,128 GB)</p>
<h5 class="card-text" style="text-align: center;">₹54,999</h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;" >
<img
src="https://rukminim2.flixcart.com/image/312/312/ktketu80/mobile/u/p/8/ip
hone-13-mini-mlk23hn-a-apple-original-imag6vp6btm5zacs.jpeg?q=70"
class="card-img-top" style="height: 250px; width: 240px; margin: 15px;
padding-left:20px;">
<div class="card-body">
<h5 class="card-title"> Apple iphone 13 mini</h5>
<p class="card-text"> (Pink ,128 GB)</p>
<h5 class="card-text" style="text-align: center;">₹64,900</h5>
<a href="https://www.apple.com/in/" class="btn btn-info">Get
Details</a>
</div>
</div>
</div>

Dept. of Computer Technology 41 Amrutvahini Polytechnic

 <footer class="bg-dark py-5 mt-5">
<div class="container text-light text-Center">
<p class="display-5 mb-3">Mobile.Shop &trade;</p>
<Small calss=""text-white-50>&copy; Copyright by Mobile.com.
All rights reservsd</Small>
</div>
</footer>

<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.mi
n.js" integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxV
XM" crossorigin="anonymous"></script>

<!-- Option 2: Separate Popper and Bootstrap JS -->

<!--
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.mi
n.js" integrity="sha384-
IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8
p" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-
cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
-->
</body>
</html>

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->

Dept. of Computer Technology 42 Amrutvahini Polytechnic

 <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
" rel="stylesheet" integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmL
ASjC" crossorigin="anonymous">
<link rel="stylesheet" href="a.css">
<title>Mobile.Shop</title>

</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white" style="border-
radius: 20px; margin: 8px; position:static " >
<div class="container-fluid" >

<br>
<a class="navbar-brand" href="#" style="color: rgb(0, 0, 0);" ><b><img
src="C:\Users\walea\OneDrive\Desktop\Sumago\Project\Xiaomi_logo_(2021-
).svg.png" style="width: 75px; height: 75px;"></b></a>
<button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a
href=file:///C:/Users/walea/OneDrive/Desktop/Sumago/Project/files/Mobilesh
op.html class="nav-link-active" aria-current="page" style="color: rgb(0, 0, 0);
padding-left: 20px;">Home</a>
</li>
<h6 style="padding-left: 1200px;">Mobile.shop</h6>

</ul>

Dept. of Computer Technology 43 Amrutvahini Polytechnic

 </div>
</div>
</nav>

</div>
<img src="https://i02.appmifile.com/mi-com-product/fly-birds/redmi-
note-13-pro-plus-world-champion-edition/In-
PC/a7a59f61238c675fcab4fc5638de2fa8.png?f=webp" height="1100px"
width="99%" style="margin: 10px; padding:10px border-radius 10px; " >
<img
src="https://i02.appmifile.com/794_operator_sg/18/03/2024/7f001946aad3dd
8d8f0bb86bf3e4a7c8.jpg?f=webp" height="600px" width="99%"
style="margin: 10px; padding:10px border-radius 10px; " >

<hr>
<div class="container">
<div class="row">
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;">
<img
src="https://i03.appmifile.com/685_item_in/12/06/2024/bf92547d182a41e506
5c9a19733baaa4.jpg?thumb=1&w=160&f=webp&q=85" style="height: 250px;
width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Xiaomi 14 CIVI</h5>
<p class="card-text"> (Shadow Black,512 GB)</p>
<h5 class="card-text" style="text-align: center;">₹42,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem; ">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\14-ultra-

Dept. of Computer Technology 44 Amrutvahini Polytechnic

 mzb0gvnin-xiaomi-original-imagzt8cw9q2zgae.webp class="card-img-top"
style="height: 250px; width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Xiaomi 14 Ultra</h5>
<p class="card-text"> (White, 512 GB,16 GB RAM)</p>
<h5 class="card-text" style="text-align: center;">₹99,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src=C:\Users\walea\OneDrive\Desktop\Sumago\Project\Devices\-original-
imagzr2e2xxem9kq.webp class="card-img-top" style="height: 250px; width:
230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Xaiomi 14</h5>
<p class="card-text">(White, 512 GB,12 GB RAM)</p>
<h5 class="card-text" style="text-align:
center;">₹69,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/s/y/5/-
original-imagwu894yyhyyce.jpeg?q=70" class="card-img-top" style="height:
250px; width: 260px; margin: 15px; padding-left:20px;" >
<div class="card-body">
<h5 class="card-title">Redmi Note 13 Pro </h5>
<p class="card-text">(Coral Purple,256 Gb)</p>
<h5 class="card-text" style="text-align: center;">₹22,149 </h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">

Dept. of Computer Technology 45 Amrutvahini Polytechnic

 <div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/x/j/m/-
original-imagwubk2ky9v2gz.jpeg?q=70" class="card-img-top" style="height:
250px; width: 230px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Redmi Note 13 pro+</h5>
<p class="card-text"> (Fusion Black,256 GB)</p>
<h5 class="card-text" style="text-align: center;">₹32,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/y/4/q/-
original-imah2yxfcedzqcqu.jpeg?q=70" style="height: 250px; width: 200px;
margin: 15px; padding-left:30px;">
<div class="card-body">
<h5 class="card-title">Poco F6 5G</h5>
<p class="card-text"> (Titanium, 256 GB)</p>
<h5 class="card-text" style="text-align: center;">₹29,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem; ">
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/v/e/a/-
original-imahfk4xuk7ntphs.jpeg?q=70" class="card-img-top" style="height:
250px; width: 220px; margin: 15px; padding-left:20px;">
<div class="card-body">
<h5 class="card-title">Redmi 13c</h5>
<p class="card-text"> (Stardust Black,128 GB)</p>
<h5 class="card-text" style="text-align: center;">₹,999</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>

Dept. of Computer Technology 46 Amrutvahini Polytechnic

 </div>
<div class="col" style="padding-top: 10px;">
<div class="card" style="width: 18rem;" >
<img
src="https://rukminim2.flixcart.com/image/312/312/xif0q/mobile/q/z/q/-
original-imagwzrjvypwnjzr.jpeg?q=70" class="card-img-top" style="height:
250px; width: 170px; margin: 15px; padding-left:50px;">
<div class="card-body">
<h5 class="card-title"> Poco X6 Pro</h5>
<p class="card-text"> (Racing Gray ,128 GB)</p>
<h5 class="card-text" style="text-align: center;">₹25,900</h5>
<a href="#" class="btn btn-info">Get Details</a>
</div>
</div>
</div>
<img src="https://www.poco.in/images/f6/Desktop/f6-
Desktop_02.jpg" height="550px" width="99%" style=" border-radius:10px; " >

<footer class="bg-dark py-5 mt-5">

<div class="container text-light text-Center">
<p class="display-5 mb-3">Mobile.Shop &trade;</p>
<Small calss=""text-white-50>&copy; Copyright by Mobile.com.
All rights reservsd</Small>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.mi
n.js" integrity="sha384-
MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxV
XM" crossorigin="anonymous"></script>

<!-- Option 2: Separate Popper and Bootstrap JS -->

<!--
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.mi
n.js" integrity="sha384-

Dept. of Computer Technology 47 Amrutvahini Polytechnic

 IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8
p" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-
cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
-->
</body>
</html>

Dept. of Computer Technology 48 Amrutvahini Polytechnic