SlideShare a Scribd company logo
1 of 20
INTERNSHIP SEMINAR
On
“C,C++ and Web development”
Carried out at
10 SECONDS PVT. LTD, BANGALORE
during
22.08.2022 TO 14.09.2022
National Education Society ®
JNN College of Engineering
Sawalanga Road, Navule, Shivamogga -277204
(Accredited by NBA, NAAC 'B' & Certified by UGC 2f & 12B)
Department of Electronics & Telecommunication Engineering
Presented by:
Harishma R
4JN19ET013
Internal Guide:
Dr. Ashwini S.R.
Assistant Professor, Dept of ETE
JNNCE , Shivamogga.
External Guide:
Mr. Ramprasad H.C
10 Seconds ,
Bengaluru.
Contents
• About the Company/organization
• Area of Internship
• Details of Software Knowledge required
• Introduction of the project undertaken
• Aim of project undertaken
• Theoretical background
• Flowchart
• Design and Implementation details
• Results & Discussion
• Conclusion
• Outcome of the internship
• Certificate
• References
2/10/2023 Dept. of Electronics & Telecommunication Engg. 2
3
10 Seconds is a specialized learning
solution partner for organization and
institution.
This organization enables to provide high
quality, skill oriented training and services
through a highly qualified professionals.
Vision: To be globally trusted learning partner for
corporate organization and institutions providing
solutions that are holistic, relevant and generate high
performance.
Address: 10
SECONDS,AryaHamsa,Royal
County,80 feet road, J P
Nagar.8th Phase, Bangalore –
83.
https://10seconds.co.in
About the Company
Fig: Company Logo
Area of Internship
4
C
C++
* HTML
CSS
*
•Programming language – C, C++
•Web Development – Hyper text markup language(HTML) ,Cascading Style Sheet(CSS)
Designing an E-Commerce website using HTML and CSS
5
1
• Microsoft Visual Studio, a popular integrated development environment (IDE) used for
developing software applications for Windows, Android, iOS, and web platforms.
• Software applications including desktop applications, mobile apps, web applications, and
cloud-based services.
2
• It supports multiple programming languages like C++, C#, .NET, Python, and JavaScript.
• It can be used on Windows, macOS, and Linux operating systems.
3
• It also offers a wide range of features including code editing, debugging, testing, version
control, and deployment.
• Overall, Visual Studio is a comprehensive IDE that provides developers with powerful tools
for building high-quality software applications.
Visual Studio Code
Details of Software knowledge
acquired
6
1
• Is a free, open-source cross-platform IDE that supports
multiple compilers such as C, C++, and Fortran.
• It has a custom build system and optional make support.
2
• The IDE features syntax highlighting and code folding, C++ code
completion, editor and many other utilities.
• Opened files are organized into tabs. Debugger has full breakpoint support.
3
• Written in C++. No interpreted languages or proprietary libs needed.
• Extensible through plugins.
Code Blocks
Introduction of the project undertaken
• C and C++ are programming languages commonly used for system-level
programming and development of high-performance applications, such as operating
systems, embedded systems, games, and scientific simulations.
• They provide direct access to hardware resources and memory management.
• C++ is an extension of C that includes object-oriented programming features,
making it more suitable for developing complex and large-scale software
applications.
• Web development refers to the process of creating and maintaining websites and
web applications that can be accessed through the internet. It involves several
technologies and languages, including HTML, CSS, JavaScript, and various web
frameworks such as Angular, React, Etc.
7
Aim of project undertaken
8
Effective website design plays a critical role in attracting and maintaining
customer’s interest. The ultimate purpose behind this evolution is to make
shopping a hassle-free experience for everyone.
The primary goal of e-commerce is to reach maximum customers at the right
time to increase sales and profitability of the business.
E-Commerce website design using HTML and CSS.
Theoretical background
• For a developing country advancement in the field of e-commerce is
essential. The research strategy shows the importance of the e-
commerce in developing countries for business applications.
• Effective website design plays a critical role in attracting and
maintaining customer’s interest. Despite the importance of websites as
the major and at times, sole channel of communication in e-business.
• The main use of e-commerce over traditional commerce is the user can
browse online shops, compare prices and order merchandise sitting at
home on their PC.
• Here, the use of HTML and CSS to build the website where HTML is
known as the structure of the website and all the necessary contents are
shown and CSS is for the visual display of the website.
9
Flowchart of E-commerce website design
10
Fig : Flowchart of E-commerce Website design
Design and Implementation
• To design E-commerce website page design using HTML and CSS.
• Designing and implementing an e-commerce website involves several
steps, and HTML and CSS are the core technologies used to build the
website's structure and style.
• Before designing the website, planning of the website's features, layout,
and content are done.
• Different landing pages are made such as login page which is the first
page where user will be able to provide their credentials and enter the
page.
• In the home page, the main context and all the features such as being able
to navigate them to different pages are shown.
11
• In the product page product category, including product images, descriptions,
their prices and add-to-cart buttons are placed.
• By using HTML and CSS to create a visually appealing layout for the product
pages.
• And by implementing a shopping cart feature that allows users to add products
to the cart and checkout.
• Usage of HTML and CSS to create a visually appealing cart page. This is
being done using the <div></div>(division tag) in html and using class
containers to place different products and details.
• With the help of CSS, the color, font and positions of the products, features are
done for the easy navigation and visual appeal of the website which makes
easier for the customers for using the website.
12
Results & Discussion
13
Home page
Login page
•The <div> tag is used as a container
for HTML elements - which is then
styled with CSS by adding colors
and fonts.
• <label>
• <input type="email“>
• <input type=“password">
•The <section> tag defines a section in a document.
• <h2>
•<p>
• The <span> tag is an inline container and can easily
styled by CSS.
14
Product details (Featured)
Products New arrivals)
• <div>
• <article class = “featured_card”>
• <span>
• <button>
15
Testimonials Add to cart Company details
Overview of product details
<section>
<div>
<h2>
<button>
<p>
16
Connect us (Instagram) (Twitter) (Facebook)
<a href="https://www.facebook.com/" target="blank" class="home_social-
link"> Facebook
</a>
Conclusion
• E-Commerce refers to all forms of business activities across the
internet including E-tailing, intranets and extranets, online advertising,
and simply online presence.
• E-Commerce applications that started in early 1970’s needs to be still
developed in terms of security and efficiency.
• For the developing country like our India, advancement in e-commerce
is a challenge to compete with the developed countries.
17
Outcome of the internship
• This internship gave knowledge on C, C++ and web development
and helped us to design an e-commerce website using HTML and
CSS to create a user-friendly and aesthetically pleasing platform.
• This project taught to build e-commerce website and make checkout
process to be simple, allowing users to complete their purchases
quickly and easily.
• With this internship, I was able to learn and improve my time
management skills, communication skills, industry etiquettes and
overall interpersonal skills by working in team for the project given.
18
Certificate
19
References
1. Ashmita Ghongade, Ankit Kashti, Suyog Surpan, Aniket Chahande,
(2020)“E-COMMERCE WEBSITE USING HTML & CSS THE
NAMEDAS STORE WITH MORE”
2. Ch Rajesh, K S V Krishna Srikanth.(2020)” RESEARCH ON HTML5 IN
WEB DEVELOPMENT”.
3. Bablu Agrahari,Masuri, (2020)”.E-COMMERCE SITE” Volume: 07 Issue:
05 | May 2020 www.irjet.net p-ISSN: 2395-
0072.https://www.irjet.net/archives/V7/i5/IRJET-V7I5269
4. http://www.irjet.net/archives/V7/i5/IRJET-V715269
5. http://www.w3schools.com/css/https://www.javatpoint.com/c-
programming-language-tutorial
6. https://github.com/bedimcode
20

More Related Content

Similar to Internship_ppt.pptx

Similar to Internship_ppt.pptx (20)

7 phases of web development.
7 phases of web development.7 phases of web development.
7 phases of web development.
 
Vittal_CV
Vittal_CVVittal_CV
Vittal_CV
 
project web development
project web developmentproject web development
project web development
 
shopify(Globalizing local market)web page and development .pptx
shopify(Globalizing local market)web page and development .pptxshopify(Globalizing local market)web page and development .pptx
shopify(Globalizing local market)web page and development .pptx
 
web design CV
web design CVweb design CV
web design CV
 
Jay_Bankoff_131
Jay_Bankoff_131Jay_Bankoff_131
Jay_Bankoff_131
 
MobileStore.pptx
MobileStore.pptxMobileStore.pptx
MobileStore.pptx
 
Ashitha~Resume
Ashitha~ResumeAshitha~Resume
Ashitha~Resume
 
SadikulIslamDotNetResume
SadikulIslamDotNetResumeSadikulIslamDotNetResume
SadikulIslamDotNetResume
 
VijayendranResume
VijayendranResumeVijayendranResume
VijayendranResume
 
Prasanth_CV
Prasanth_CVPrasanth_CV
Prasanth_CV
 
dynamicweb pdf.pdf
dynamicweb pdf.pdfdynamicweb pdf.pdf
dynamicweb pdf.pdf
 
Hari Kovvada ( .NET Programmer)
Hari Kovvada ( .NET Programmer)Hari Kovvada ( .NET Programmer)
Hari Kovvada ( .NET Programmer)
 
web designing course in chandigarh
web designing course in       chandigarhweb designing course in       chandigarh
web designing course in chandigarh
 
Resume updated-maks
Resume updated-maksResume updated-maks
Resume updated-maks
 
Ramakrishna Embari
Ramakrishna EmbariRamakrishna Embari
Ramakrishna Embari
 
BadesahebKBichu
BadesahebKBichuBadesahebKBichu
BadesahebKBichu
 
Ambuj_Chaudhary_C.V
Ambuj_Chaudhary_C.VAmbuj_Chaudhary_C.V
Ambuj_Chaudhary_C.V
 
NAMITA TIWARI RESUME - Latest
NAMITA TIWARI RESUME - LatestNAMITA TIWARI RESUME - Latest
NAMITA TIWARI RESUME - Latest
 
Ramakrishna Embari
Ramakrishna EmbariRamakrishna Embari
Ramakrishna Embari
 

Recently uploaded

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 

Recently uploaded (20)

Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 

Internship_ppt.pptx

  • 1. INTERNSHIP SEMINAR On “C,C++ and Web development” Carried out at 10 SECONDS PVT. LTD, BANGALORE during 22.08.2022 TO 14.09.2022 National Education Society ® JNN College of Engineering Sawalanga Road, Navule, Shivamogga -277204 (Accredited by NBA, NAAC 'B' & Certified by UGC 2f & 12B) Department of Electronics & Telecommunication Engineering Presented by: Harishma R 4JN19ET013 Internal Guide: Dr. Ashwini S.R. Assistant Professor, Dept of ETE JNNCE , Shivamogga. External Guide: Mr. Ramprasad H.C 10 Seconds , Bengaluru.
  • 2. Contents • About the Company/organization • Area of Internship • Details of Software Knowledge required • Introduction of the project undertaken • Aim of project undertaken • Theoretical background • Flowchart • Design and Implementation details • Results & Discussion • Conclusion • Outcome of the internship • Certificate • References 2/10/2023 Dept. of Electronics & Telecommunication Engg. 2
  • 3. 3 10 Seconds is a specialized learning solution partner for organization and institution. This organization enables to provide high quality, skill oriented training and services through a highly qualified professionals. Vision: To be globally trusted learning partner for corporate organization and institutions providing solutions that are holistic, relevant and generate high performance. Address: 10 SECONDS,AryaHamsa,Royal County,80 feet road, J P Nagar.8th Phase, Bangalore – 83. https://10seconds.co.in About the Company Fig: Company Logo
  • 4. Area of Internship 4 C C++ * HTML CSS * •Programming language – C, C++ •Web Development – Hyper text markup language(HTML) ,Cascading Style Sheet(CSS) Designing an E-Commerce website using HTML and CSS
  • 5. 5 1 • Microsoft Visual Studio, a popular integrated development environment (IDE) used for developing software applications for Windows, Android, iOS, and web platforms. • Software applications including desktop applications, mobile apps, web applications, and cloud-based services. 2 • It supports multiple programming languages like C++, C#, .NET, Python, and JavaScript. • It can be used on Windows, macOS, and Linux operating systems. 3 • It also offers a wide range of features including code editing, debugging, testing, version control, and deployment. • Overall, Visual Studio is a comprehensive IDE that provides developers with powerful tools for building high-quality software applications. Visual Studio Code Details of Software knowledge acquired
  • 6. 6 1 • Is a free, open-source cross-platform IDE that supports multiple compilers such as C, C++, and Fortran. • It has a custom build system and optional make support. 2 • The IDE features syntax highlighting and code folding, C++ code completion, editor and many other utilities. • Opened files are organized into tabs. Debugger has full breakpoint support. 3 • Written in C++. No interpreted languages or proprietary libs needed. • Extensible through plugins. Code Blocks
  • 7. Introduction of the project undertaken • C and C++ are programming languages commonly used for system-level programming and development of high-performance applications, such as operating systems, embedded systems, games, and scientific simulations. • They provide direct access to hardware resources and memory management. • C++ is an extension of C that includes object-oriented programming features, making it more suitable for developing complex and large-scale software applications. • Web development refers to the process of creating and maintaining websites and web applications that can be accessed through the internet. It involves several technologies and languages, including HTML, CSS, JavaScript, and various web frameworks such as Angular, React, Etc. 7
  • 8. Aim of project undertaken 8 Effective website design plays a critical role in attracting and maintaining customer’s interest. The ultimate purpose behind this evolution is to make shopping a hassle-free experience for everyone. The primary goal of e-commerce is to reach maximum customers at the right time to increase sales and profitability of the business. E-Commerce website design using HTML and CSS.
  • 9. Theoretical background • For a developing country advancement in the field of e-commerce is essential. The research strategy shows the importance of the e- commerce in developing countries for business applications. • Effective website design plays a critical role in attracting and maintaining customer’s interest. Despite the importance of websites as the major and at times, sole channel of communication in e-business. • The main use of e-commerce over traditional commerce is the user can browse online shops, compare prices and order merchandise sitting at home on their PC. • Here, the use of HTML and CSS to build the website where HTML is known as the structure of the website and all the necessary contents are shown and CSS is for the visual display of the website. 9
  • 10. Flowchart of E-commerce website design 10 Fig : Flowchart of E-commerce Website design
  • 11. Design and Implementation • To design E-commerce website page design using HTML and CSS. • Designing and implementing an e-commerce website involves several steps, and HTML and CSS are the core technologies used to build the website's structure and style. • Before designing the website, planning of the website's features, layout, and content are done. • Different landing pages are made such as login page which is the first page where user will be able to provide their credentials and enter the page. • In the home page, the main context and all the features such as being able to navigate them to different pages are shown. 11
  • 12. • In the product page product category, including product images, descriptions, their prices and add-to-cart buttons are placed. • By using HTML and CSS to create a visually appealing layout for the product pages. • And by implementing a shopping cart feature that allows users to add products to the cart and checkout. • Usage of HTML and CSS to create a visually appealing cart page. This is being done using the <div></div>(division tag) in html and using class containers to place different products and details. • With the help of CSS, the color, font and positions of the products, features are done for the easy navigation and visual appeal of the website which makes easier for the customers for using the website. 12
  • 13. Results & Discussion 13 Home page Login page •The <div> tag is used as a container for HTML elements - which is then styled with CSS by adding colors and fonts. • <label> • <input type="email“> • <input type=“password"> •The <section> tag defines a section in a document. • <h2> •<p> • The <span> tag is an inline container and can easily styled by CSS.
  • 14. 14 Product details (Featured) Products New arrivals) • <div> • <article class = “featured_card”> • <span> • <button>
  • 15. 15 Testimonials Add to cart Company details Overview of product details <section> <div> <h2> <button> <p>
  • 16. 16 Connect us (Instagram) (Twitter) (Facebook) <a href="https://www.facebook.com/" target="blank" class="home_social- link"> Facebook </a>
  • 17. Conclusion • E-Commerce refers to all forms of business activities across the internet including E-tailing, intranets and extranets, online advertising, and simply online presence. • E-Commerce applications that started in early 1970’s needs to be still developed in terms of security and efficiency. • For the developing country like our India, advancement in e-commerce is a challenge to compete with the developed countries. 17
  • 18. Outcome of the internship • This internship gave knowledge on C, C++ and web development and helped us to design an e-commerce website using HTML and CSS to create a user-friendly and aesthetically pleasing platform. • This project taught to build e-commerce website and make checkout process to be simple, allowing users to complete their purchases quickly and easily. • With this internship, I was able to learn and improve my time management skills, communication skills, industry etiquettes and overall interpersonal skills by working in team for the project given. 18
  • 20. References 1. Ashmita Ghongade, Ankit Kashti, Suyog Surpan, Aniket Chahande, (2020)“E-COMMERCE WEBSITE USING HTML & CSS THE NAMEDAS STORE WITH MORE” 2. Ch Rajesh, K S V Krishna Srikanth.(2020)” RESEARCH ON HTML5 IN WEB DEVELOPMENT”. 3. Bablu Agrahari,Masuri, (2020)”.E-COMMERCE SITE” Volume: 07 Issue: 05 | May 2020 www.irjet.net p-ISSN: 2395- 0072.https://www.irjet.net/archives/V7/i5/IRJET-V7I5269 4. http://www.irjet.net/archives/V7/i5/IRJET-V715269 5. http://www.w3schools.com/css/https://www.javatpoint.com/c- programming-language-tutorial 6. https://github.com/bedimcode 20