GUJARAT TECHNOLOGICAL UNIVERSITY

Chandkheda, Ahmedabad
Affiliated

GIDC DEGREE ENGINEERING

COLLEGE
Block No:997, Abrama, Navsari, Gujarat, INDIA

A Report of

“YOGIK”
Under subject of

Summer Internship (3170001) Semester –

VII (Computer Engineering)

Submitted by:
Shivshankar R Shukla
181100107045

Under the Guidance of

Prof. Pankti Naik

Academic Year
2021-22
 www.goldenmace.com

CONFIRMATION LETTER

Date: March 22, 2021

Name: Shivshankar Shukla
Location: Navsari, Gujarat

Dear Shivshankar,

I am pleased to give a confirmation on your joining as a Trainee at Goldenmace IT Solutions. As

discussed, this confirmation is conditional upon completion of satisfactory references that could include
but is not necessarily limited to, a review of past education records.

Please take the time to carefully review our confirmation. This letter, along with the enclosed schedules,
outlines the obligations of both Company and yourself with respect to your trainee conditions. This
letter will form our agreed upon trainee contract with you once signed.

Accepting the Trainee position will be conditional upon agreeing to company terms and conditions and
signing of this letter.

You will join the company as a Trainee for 6 months from March 22, 2021 .

Regular performance reviews will be done to assess your suitability. You shall receive a certificate after
successful completion of training.

Your appointment will be governed by the policies, rules, regulations, practices, processes and
procedures of the Company as applicable to you and the changes therein from time to time.

As part of the joining formalities, you will also be required to sign a confidentiality agreement, which
aims to protect the intellectual property rights and business information of the Company and its clients.

You will need to submit a copy of your identity proof and address proof along with passport size
photograph.

Sincerely,
Aditi Barad
HR head
Goldenmace IT Solutions

3rd Floor, A Wing, Plot No 19, Flat No 301, Shantivan1, Raheja Township,
Malad East, Mumbai, Maharashtra, 400097
 www.goldenmace.com

CERTIFICATE
Date: 22nd, March 2021

To whomsoever it may concern

This is to certify that Shivshankar Shukla (Enrolment No. 181100107045)

students of BE IV (Computer Engg.), Semester VII of GIDC Degree Engineering
College (110), Abrama, Navsari has successfully completed Summer Internship
(subject code: 3170001) project titled “ Yogik ” at Goldenmace IT Solutions with
Navsari during From: 22nd, March 2021 To 22nd, May 2021

Sandip kalola

Branch Head

Goldenmace IT Solutions
 COMPUTER ENGINEERING DEPARTMENT

CERTIFICATE

Date:16/06/2021

This is to Certify that this Summer Internship Project (3170001) Titled

“Yogik”, has been carried out by Shivshankar R Shukla (181100107045)
under my guidance in partial fulfilment of the degree of Bachelor of
Engineering in Computer Engineering (7th Semester) at GIDC Degree
Engineering College,
Abrama during the academic year 2021-22.

Prof. Pankti Naik Prof. Archana M. Nayak

Guide Head of the Department
CE Dept. CE Dept.
GIDC Degree Eng., Abrama GIDC Degree Eng., Abrama

iv
 Acknowledgement

The satisfaction that accompanies the successful completion of any task would be
incomplete without the mention of people whose ceaseless corporation made it
possible, whose constant guidance and encouragement grown all effort with success.
Our sincere thanks to our faculty Prof. Pankti Naik and Prof. Archana M. Nayak for
providing valuable guidance throughout our project work. Whenever we were confused
about anything, they were always there to help us.
We are thankful to Gujarat Technological University to giving the opportunity for
assigning this [Summer Internship/Mini Project Name/Specification/Seminar] work.

Shivshankar R Shukla (181100107045)

v
ABSTRACT

The “front-end languages” live in the browser. After you type an address into the address bar at the top
and hit the enter/return key, my browser will receive at least an HTML file from the webserver. That
file will likely tell the browser to request a CSS file and a JavaScript file as well (probably many more
than one, but we’ll keep it simple).

Each of these languages performs a separate but very important function and they work harmoniously
together to determine how the web page is STRUCTURED (HTML), how it LOOKS (
BOOTSTRAP,CSS), and how it FUNCTIONS (JavaScript). And keep in mind that my browser
handles figuring out how to make these files into a functioning web page (not the server).

Front-end web development is NOT design (you won’t be playing around in Photoshop or anything),
but a front-end developer does apply the work of designers to the web page by translating their well-
designed layouts into real code. The front-end developer stands between the designer on one end and
the back-end developer on the other, translating the design into code and plugging the data from the
back-end developer into the right spots. He or she must also handle all the possible interactions that the
user may need to make with the page.

On the front end, I will need to be highly conscious of who my user is and how they will be interacting
with my web page because I am building their gateway to my page or product. This may mean gaining
a strong understanding of accessibility and things like responsive development down the line, but first,
I need to build up my toolkit and pick up the fundamentals of the front-end languages.

In the following lessons, you’ll get a healthy understanding of each of the three front-end languages
(the most popular JavaScript library). To get warmed up, we’ll start at a high level.

vi
 Table of Contents
APPROVAL ........................................................................................................................................... ii
DECLARATION ................................................................................................................................... iii
ACKNOWLEDGEMENT ..................................................................................................................... iii
Chapter 1
Introduction ............................................................................................................................................. 1
1.2 Motivation ..................................................................................................................................... 1
1.3 Internship Objective ...................................................................................................................... 1
1.4 Introduction to the Company ........................................................................................................ 1
1.4.1 Company Overview ............................................................................................................... 1
1.4.2 Mission................................................................................................................................... 2
1.4.3 Vision ..................................................................................................................................... 2
1.4.3 Value ...................................................................................................................................... 2
1.5 Report Layout ............................................................................................................................... 2
Chapter 2
Organization............................................................................................................................................ 3
2.1 Introduction ................................................................................................................................... 3
2.1 Product and Market Situation ....................................................................................................... 3
2.1.1 Products of Goldenmace It Sol .............................................................................................. 4
2.1.2 Market Situation..................................................................................................................... 5
2.3 Target Group ................................................................................................................................. 6
2.4 SWOT analysis ............................................................................................................................. 7
2.4.1 Strengths of Goldenmace It Sol ............................................................................................. 7
2.4.2 Weakness of Goldenmace It Sol ............................................................................................ 7
2.4.3 Opportunities for Goldenmace It Sol ..................................................................................... 8
2.5 Organizational Structure ............................................................................................................... 9
Chapter 3
Tasks, Projects and Activities ............................................................................................................... 10
3.1 Daily Task and Activities............................................................................................................ 10
3.2 Event & Activities....................................................................................................................... 10
3.3 Project Task and Activities ......................................................................................................... 10
3.3.1 Design Specification ............................................................................................................ 11
3.3.3 Use Case Description ........................................................................................................... 17
3.3.4 Flow Chart Diagram............................................................................................................. 19
3.3.5 Design & Development Process Model of NITW ............................................................... 20
Step 1: Preparation Phase.................................................................................................................. 20
Step 2: Planning Phase ...................................................................................................................... 20

vii
 Step 3: Graphic Design Phase ........................................................................................................... 20
Step 4: Build Phase ........................................................................................................................... 20
Step 5: Review Phase ........................................................................................................................ 21
Step 6: Pre-Production ...................................................................................................................... 21
Step 7: Preparation ............................................................................................................................ 21
Step 8: Production ............................................................................................................................. 21
Step 9: Approval ............................................................................................................................... 21
Step 10: Delivery and SEO ............................................................................................................... 22
3.4 Challenges ................................................................................................................................... 22
Chapter 4
Competencies and smart plan ............................................................................................................... 24
4.1 Competencies .............................................................................................................................. 24
4.1.1 Hypertext Markup Language (HTML) .................................................................................... 24
4.1.2 Cascading Style Sheet (CSS) ............................................................................................... 24
4.2 Smart Plan ............................................................................................................................... 24
Chapter 5
Discussion, Conclusion AND Scope for Further Career ...................................................................... 25
5.1 Discussion and Conclusion ......................................................................................................... 25
5.2 Scope for Further Career ............................................................................................................. 25
References ............................................................................................................................................. 26

viii
 Chapter 1

Introduction
1.1 Introduction

Front-end web improvement is the act of changing over information to a graphical interface for
the client to see and connect with information through computerized cooperation utilizing
HTML, CSS & bootstrap. Front-end web improvement, otherwise called customer side
advancement is the act of creating HTML, CSS, bootstrap and JavaScript for a site or Web
Application so a client can see and communicate with them straightforwardly. The test
related to front end improvement is that the apparatuses and methods used to make the front
finish of a site change always thus the engineer needs to continually know about how the field
is creating.

1.2 Motivation
Experience firsthand procedure of making business sector focused on design.to learn joint effort based
plan with co-originators. At long last venturing out a website specialist in its market. Toward the start,
I make as a move to work in front end Structure

1.3 Internship Objective

➔ Learning the related dialects in subtleties.
➔ Completing the undertaking in time.
➔ Gaining consumer loyalties with expert work.
➔ Experience advanced patterns and necessities of website composition
➔ Recognize and unravel configuration issues.

1.4 Introduction to the Company

1.4.1 Company Overview
Blessed with 10 years of positive change and driven by collaboration, the present acknowledgment
framework is Data Innovation, Programming and Incorporated Web-based business Advancement
Organization having the nearness in INDIA(Navsari, gujarat)
Goldenmace IT Sol. is an expert Web-based business and programming improvement organization in
INDIA giving a scope of reasonable custom web composition, economical web-based business web
architecture administrations to customers over the world. GOLDENMACE IT SOL. World is an
expert web architecture
and programming improvement organization in India with a decent notoriety and open range of
abilities. We routinely convey innovative, successful website architectures and arrangements that
demonstrate the characteristics, needs, and vision of our customers. Our objective is the
accomplishment of our customer's on the web and disconnected marking, interchanges and showcasing
system.

1.4.2 Mission
➔ To be the Cutting edge in our specialized Procedure.

➔ To actualize the best Uprightness, Ability and Development models.

➔ To inspire all classes of individuals to utilize IT offices for greater efficiency.

➔ To inspire the youthful age for utilizing IT to build up their innovativeness.

➔ Give IT administration most extreme quality and least expense.

➔ To make potential strides for the advancement of the IT part at home and abroad.

➔ To be a solid player in Programming Arrangements space offering an incredible

incentive to worldwide customers.

1.4.3 Vision
➔ To add to the general improvement of our nation by giving accessible IT
administrations to the individuals of all strata with the basic condition and devoted
administrations.

➔ To be a tutor association for the advancement of the IT segment in Bangladesh and

worldwide stage.

1.4.3 Value
Sketched out underneath are values that we hold dear. These qualities were created 100% inside
and manage the manner in which we treat one another and the manner in which we work with
our customers.

1.5 Report Layout

Picture says a lot about anything, so it is better to present the whole project in a simple way
with the help of a figure for better understand about the project. The project report consists of
6 chapter. Outline of this chapter with a brief summery is discussed below through
demographic representation:
2
 CHAPTER 1: INTRODUCTION (About the Project, The Problem, Statement, The
Purpose, Scope, Benefits of the Project, Outline the Project)

CHAPTER 2: BACKGROUND( Introduction, Related Works, Research summery,

Challenges)

CHAPTER 3: RESEARCH METHODOLOGY (Introduction, Research Subject &

Instrument, Statistical Analysis, Implementation Requirement)

CHAPTER 4: EXPERIMENTAL RESULT & DISCUSSION (Introduction,

Experimental Results, Descriptive Analysis, Summary)

CHAPTER 5: SUMMARY, CONCLUSION, RECOMMENDATION AND

IMPLICATION FOR FUTURE RESEARCH (Summary of the Study, Conclusions,
Recommendation, Implication for further Study)

Figure 1.1: Outline the project

Chapter 2

Organization
2.1 Introduction
GOLDENMACE IT SOL. World is one of the pioneers of Online business advancement and
Programming
Improvement Organization in Bangladesh, In the event that you have the Dedication and Want
3
to dispatch your Web-based business site, we have the experience and mastery to make it a
triumph! what's more, with More than 10 years of involvement with 300+ Internet business
improvement around the world, we realize how to plan and construct a shocking on the web
site for your business. You need a simple to deal with a framework that doesn't expect you to
be a specialized master, and in particular, you need a solid and quick site that is there when
your clients need it. An expert, simple to utilize and well-kept up Web-based business site is
the fundamental key to making an effective online business. our Web-based business shopping
basket programming makes it simple to deal with your site. More than 10 years of Web-based
business experience and many years of business experience implies we comprehend your
business or organization needs, we comprehend that you have to work to a financial limit and
due date, and we realize how to get results on the web. Internet business is an astounding path
for retailers to improve their primary concern and advance their image.

2.1 Product and Market Situation

2.1.1 Products of GOLDENMACE IT SOL.:

2.1.1.1 DOMAIN

➢ Domain Registration
➢ Domain Renew
➢ Domain Transfer

2.1.1.2 HOSTING

❖ Hosting Packages
❖ Magento Hosting
❖ Linux Hosting
❖ Dedicated Customer Service

4
2.1.1.3 WEB DESIGN

❖ Dynamic Web Solutions

❖ Custom Web Design
❖ Web Application
❖ Web site Re-Design
❖ Website Maintenance
❖ Our Design Process
❖ Recent Development Site

2.1.2 Market Situation

1500+ Happy Clients around the world. We're developing new associations each and every
year, and we've been working with a few comparative clients for more than 10 years now. We
figure you may have a sneaking uncertainty of why that is, any way you'll never know until
you give us a shot! That infers GOLDENMACE IT SOL. Market condition is incredible.

5
 Fig 2.1 Client of GOLDENMACE IT SOL

2.3 Target Group

GOLDENMACE IT SOL’s for the most part target gathering are worldwide gathering, Joint
endeavor organization the individuals who need to make their site or redesign their site. Nao
IT has additionally some instructional class for the understudy who truly needs to find out
about web improvement, internet business and subsidiary promoting.

6
2.4 SWOT analysis

SWOT assessment is a basic essential masterminding gadget that can be used by Nano IT
World chiefs to finish a situational examination of the affiliation. It is a noteworthy procedure
to grasp the present Characteristics (S), Inadequacy (W), Openings (O) and Perils (T) Nano IT
Universes looking in its present business condition.

The GOLDENMACE IT SOL is one of the fundamental relationships in its industry.

GOLDENMACE IT SOL keeps up its prominent position in the market through mindfully
researching and investigating the SWOT assessment. SWOT assessment an enormously canny
system and requires practical coordination among various offices inside the relationship, for
instance, – advancing, account, undertakings, the official's information structures, and key
masterminding.

2.4.1 Strengths of GOLDENMACE IT SOL

As one of the main firms in its industry, Nano IT World has various qualities that empower it
to flourish in the commercial center. These qualities not just assistance it to ensure the piece of
the pie in existing markets yet in addition help in entering new markets. In light of Greenery
Post College broad research – a portion of the qualities of GOLDENMACE IT SOL are –

✓ Highly successful at Go to Market strategies for its products.

✓ Strong Free Cash Flow
✓ Successful track record of integrating complimentary firms through mergers &
acquisition.
✓ Successful track record of developing new products.
✓ Strong dealer community.
✓ Reliable suppliers.
✓ Highly skilled workforce through successful training and learning programs.

2.4.2 Weakness of GOLDENMACE IT SOL

Shortcoming is where Nano IT World can enhance. The procedure is tied in with settling on
decisions and shortcoming are where a firm can improve utilizing SWOT examination and
expand on its upper hand and key situating.

7
 ❖ Need more investment in new technologies.
❖ Not very good at product demand forecasting leading to higher rate of missed
opportunities compare to its competitors.
❖ Limited success outside core business.
❖ The company has not been able to tackle the challenges present by the new entrants in
the segment and has lost small market share in the niche categories.
❖ Financial planning is not done properly and efficiently.
❖ There are gaps in the product range sold by the company.
❖ The profitability ratio and Net Contribution % of Nano IT World are below the industry
average.
2.4.3 Opportunities for GOLDENMACE IT SOL
❖ The market development will lead to dilution of competitor’s advantage and enable
GOLDENMACE IT SOL to increase its competitiveness compare to the other
competitors.

❖ The new technology provides an opportunity to GOLDENMACE IT SOL to practices

differentiated pricing strategy in the new market.

❖ Economic uptick and increase in customer spending, after years of recession and slow
growth rate in the industry

❖ Stable free cash flow provides opportunities to invest in adjacent product segments.

❖ Decreasing cost of transportation because of lower shipping prices can also bring down
the cost of Wolverine World Wide’s products thus providing an opportunity to the
company.

❖ Government green drive also opens an opportunity for procurement of

GOLDENMACE IT SOL products by the state as well as federal government
contractors.

❖ Opening up of new markets because of government agreement.

8
2.5 Organizational Structure

Fig 2.2: Organizational Structure of GOLDENMACE IT SOL

9
 Chapter 3

Tasks, Projects and Activities

3.1 Daily Task and Activities
Goldenmace It Sol. is extraordinary compared to other organization in our nation. Here I
Doled out an Internee for 60 Days. Here I learn and practice about front end structure for Web
composition and created. As an apprentice engineer, I Practice in this organization HTML
bootstrap and CSS. HTML bootstrap and CSS are most significant for front end web
architecture. I consistently work in this IT Organization 09:00 am to 5:00 pm in seven days. I
work there in a group. My colleague is so useful.

3.2 Project Task and Activities

In Goldenmace It Sol. I work for front End Plan of Web architecture as a tenderfoot
designer. Where I Utilized HTML and CSS for the front end plan. NITW get worked for
a Customer Japan Parts. There I doled out for as Front End Fashioner. I utilized for
frontend plan Html bootstrap and CSS

10
 3.2.1 Design Specification:

3.2.1.1 Home Page:

Figure 3.3.1.1 Home Page

About yogik

Fig 3.3.1.2 What Yogik offers

11
About Yogik and their experience

Fig 3.3.1.4 About Yogik and their experience

3.3.1.5 Services offered By Yogik:

Fig 3.3.1.5: Services offered By Yogik

12
Organised time table

Fig 3.3.1.6: Organised time table

13
3.3.1.6 Team of Yogik

5... Fig 3.3.1.7: Team of Yogik

6... User Log in Form

Fig 3.3.1.8: User Log in Form

14
7... About Yogik

Fig3.3.1.9: Yogik

15
3.2.2 Design & Development Process Model of NITW

Ten Periods of the Web architecture and Advancement Procedure.

Nano IT Ltd. is a full-administration web promoting firm, offering PHP my-SQL driven
website composition and improvement, and premade prepared to-go web application
Administration Organization. We convey the best powerful, propelled, rich web application
advancement is actually what you are searching for. Building a site, such as structure a house,
requires arranging and thought with the end goal for it to be a fruitful site. There are not many
procedures will give you a manual to find out about our work process. I would be glad to assist
you with each progression all the while.

Step 1: Preparation Phase

• Gather client content

• Register domain
• Deploy client extranet

Step 2: Planning Phase

• Write project plan

• Create site blueprint
• Establish project timeline

Step 3: Graphic Design Phase

• Find stock images

• Create site design mockup
• Post mockup on extranet for client review
• Revise mockup based on client’s input
• Obtain final approval on design

Step 4: Build Phase

• Review client content

16
 • Slice mockup into images
• Create master HTML template page
• Create CSS stylesheet
• Test and tweak page in supported browsers
• Create additional pages from master HTML template and add client content to each
• Build and test contact form

Step 5: Review Phase

• Present a site for customer audit

• Amend as required
• Get last customer endorsement

Step 6: Pre-Production

• Register area
• Make (physical) work envelope
• Enter work into Creation spreadsheet
• Spot organizer in the line to anticipate generation

Step 7: Preparation

• Pick a format
• Set-up neighborhood envelope and venture records
• Discover stock pictures, if fundamental; or download customer documents from
Album
• Make facilitating and FTP account
• Submit the admission structure to copywriting office
• Dole out the undertaking to an in-house or outside colleague

Step 8: Production

• Creation
• Acquire site duplicate from copywriting office
• Make pages from the format and add customer substance to each
• Implant map, if fitting, and client video
• Set up and test contact structure

17
 • Include title labels, META portrayal and catchphrase labels to each page
• Direct space toward host servers
• Make and submit XML Sitemap

Step 9: Approval

• Contact customer for survey

• Submit corrections to planner
• Contact customer for definite endorsement
• Document work envelope

Step 10: Delivery and SEO

• Transfer to your site

• Conveyance and appreciate.
• Extract better web crawler advancement.

3.3 Challenges

When I initially began as a front-end web designer, the quantity of learnings which I have to
do were tremendous. The code documentation was restricted. Around then, I didn't generally
have a guide to help me through the learning procedure so I needed to learn without anyone
else more often than not. In addition, I was given a great deal of undertakings which were very
hard with a restricted time spending plan.

One of my senior gave a cool technique which he constantly utilized it in her day by day works.
It turned out she depended vigorously on a "search in catalog" instrument to learn numerous
pieces of the codebase. From that point, I figured out how to utilize that technique too alongside
Google search. After a concentrated inquiry, huge amounts of investigations and tests, I ended
up used to get familiar with a codebase in a brief timeframe on numerous sorts of programming
dialects.

There were times when I expected to get some assistance from others. Luckily, the majority of
my companions were useful and prepared to help at whatever point I asked them.
18
Not the majority of my works were great. A portion of my works transformed into a debacle
and influenced incredibly to my organization. Be that as it may, once more, luckily, my friends
and my bosses effectively pardoned me and were happy to assist me with fixing the issue. From
that point, I figured out how to manage a mix-up and how to gain from that.

Fundamentally, what I did was simply learning by doing. Not so gaudy to be sure. Perhaps I
was only fortunate to be in a working environment where individuals are urged to learn by
errors.

Presently I generally advise my encounters to the new enrollment specialists. Our present
condition isn't as brutal as in the past, however at any rate other individuals can gain from my
past missteps.

19
 Chapter 4

Competencies and smart plan

4.1 Competenci
es
In my study, I have Learned from Frontend design by using html bootstrap and CSS. This
tools are essential for frontend design as a beginner developer.

4.1.1 Hypertext Markup Language (HTML):

HTML was created by Tim Berners-Lee in 1987. HTML is the standard markup language for
making Site pages. HTML represents Hypertext Markup Language. It depicts the structure of
Site pages utilizing markup. HTML components are the structure blocks of HTML pages. Its
components are spoken to by labels. Its labels mark bits of substance, for example, "heading",
"section", "table, etc. Programs don't show the HTML labels yet use them to render the
substance of the page. [15]
4.1.2 Cascading Style Sheet (CSS):
Hakon Wium Falsehood is the dad of CSS. Untruth proposed the idea of Falling Templates
(CSS) in 1994 while with the W3C. CSS represents Falling Templates. CSS portrays how
HTML components are to be shown on the screen, paper, or in other media. It spares a great
deal of work. It can control the format of numerous website pages at the same time. Outer
templates are put away in CSS documents. [15]
CSS
➢ Cascading Style Sheets (CSS)
➢ Simple mechanism
➢ Easy for adding style (e.g., fonts, colors, spacing) to Web documents.

4.2 Smart Plan

In this Report, I Take Concentrate About Frontend Plan by HTML and CSS. I think this isn't
sufficient I need more practices. In the wake of Finishing my Investigation I intending to find
out about Bootstrap, JavaScript, PHP.

20
 Chapter 5

Discussion, Conclusion AND Scope for Further Career

5.1 Discussion and Conclusion

My objective was to manufacture the frontend of the site venture given by Nano IT. I have taken every
necessary step utilizing HTML bootstrap and CSS and adapted well about these subjects. The
coursework appropriately set me up for the expert substance of the temporary job. I confronted a few
difficulties while doing the CSS cushioning and situating the site substance. After work, I've figured
out how to work in an expert way.

5.2 Scope for Further Career

There is a great deal of space to improve the structure of the site. This work is only the
fundamental arrangement of the undertaking. We can include some more component later on
if necessary. Future work can characterize more use cases for various purposes like leasing
vehicles and a lot of things on interest for Vehicle Purchasers. The other group has officially
done the backend part of the task. They likewise will do some improvement is fundamental.

21
 References / bilbography

[1] https://stackoverflow.com/questions/7695044/what-does-doctype-html-do
[2] https://www.w3.org/QA/Tips/Doctype
[3] https://developer.mozilla.org/en-
US/docs/Archive/Web/Properly_Using_CSS_and_JavaScript_in_XHTML_Document
s_
[4] https://en.wikipedia.org/wiki/XHTML

22
23