WEBSITE DESIGN AND DEVELOPMENT

SUMMER INTERNSHIP REPORT

Submitted by

RUSHIT DONDA

200130111064
In partial fulfilment for the award of the degree of

BACHELOR OF ENGINEERING
In

ELECTRONICS AND COMMUNICATION DEPARTMENT

Government Engineering College, Gandhinagar

Gujarat Technological University, Ahmedabad

July-August 2023

i
 Government Engineering College
Gandhinagar

CERTIFICATE
This is to certify that the project report submitted along with the project
entitled WEBSITE DESIGN AND DEVELOPMENT has been carried
out by RUSHIT DONDA under my guidance in partial fulfilment for the
degree of Bachelor of Engineering in ELCTRONICS AND
COMMMUNICATION, 7th Semester of Gujarat Technological
University, Ahmadabad during the academic year 2023.

Internal Guide Head of department

Prof. Sandeep Rajput Prof. T.B. Sheth

ii
 Government Engineering College
Gandhinagar

DECLARATION
We hereby declare that the Internship report submitted along with the
Project entitled WEBSITE DESIGN AND DEVELOPMENT submitted
in partial fulfilment for the degree of Bachelor of Engineering in
Electronics and Communication Engineering to Gujarat Technological
University, Ahmedabad, is a bonafide record of original project work
carried out by me at BASICS INFOTECH under the supervision of Prof.
Sandeep Rajput and that no part of this report has been directly copied
from any students’ reports or taken from any other source, without
providing due reference.

Name of Student Sign of Student

Rushit Donda _____________

iii
CERTIFICATE

iv
PMMS CERTIFICATE

v
 ACKNOWLEDGEMENT

The internship opportunity I had with BASICS INFOTECH was a great

chance for learning and professional development. Therefore, I consider
myself as a very lucky individual as I was provided with an opportunity
to be a part of it. I am also grateful for having a chance to meet so many
wonderful people and professionals who led me though this internship
period.

It is my radiant sentiment to place on record my best regards, deepest

sense of gratitude to Mr. Pratap Dungarani, Director, Mr. Rahul Prajapati,
project manager, for their careful and precious guidance which were
extremely valuable for my study both theoretically and practically.

I perceive as this opportunity as a big milestone in my career

development. I will strive to use gained skills and knowledge in the best
possible way, and I will continue to work on their improvement, in order
to attain desired career objectives. Hope to continue cooperation with all
of you in the future,

Sincerely,
Rushit Donda

vi
 Table of Contents
Internship Certificate…………………………………………………..
PMMS Certificate………………………………………………………
Acknowledgement……………………………………………………...

Table of Contents…..……………………………………………………...
1. Introduction..…………………………………………………….......01
2. Introduction to Company....................................................................02
2.1 IT Services Offeres….............................................................03
3. Internship Roles And Responsibilities................................................04
3.1 Introduction…………………………………………………..04
3.2 Training Attended....................................................................04
3.3Assigned Responsibilities ……….……...................................04
3.4 Work Environment…………………………………………..05
4.Overview of Project………………………………………...………..07
4.1A Golf Business Marketing Website…………………..…08
4.2HTML Code…………………………………...………....14
4.3GSAP CODE……………………………………………..19
4.4CSS Code…………………………………………………22
5. Future Implementation………………………………………………29
6. Conclusion………..............................................................................30
7. Reference……………………………………………………………31

vii
 List Of Figures
Figure 4.1.1…………………………………………………………….08
Figure 4.1.2…………………………………………………………….09
Figure 4.1.3…………………………………………………………….10
Figure 4.1.4…………………………………………………………….11
Figure 4.1.5…………………………………………………………….12
Figure 4.1.6…………………………………………………………….13
Figure 4.2.1…………………………………………………………….14
Figure 4.2.2…………………………………………………………….15
Figure 4.2.3…………………………………………………………….16
Figure 4.2.4…………………………………………………………….17
Figure 4.2.5…………………………………………………………….18
Figure 4.3.1…………………………………………………………….19
Figure 4.3.2…………………………………………………………….20
Figure 4.3.3…………………………………………………………….21
Figure 4.4.1…………………………………………………………….22
Figure 4.4.2…………………………………………………………….23
Figure 4.4.3…………………………………………………………….24
Figure 4.4.4…………………………………………………………….25
Figure 4.4.5…………………………………………………………….26
Figure 4.4.6…………………………………………………………….27
Figure 4.4.7…………………………………………………………….28

viii
 1. Introduction

During the period spanning from 027th July 2023 to 10th August 2023, I
embarked on a transformative journey as an intern at Basics Infotech,
Surat. This remarkable opportunity was a pivotal phase of my academic
journey, taking place during the 7th semester of my Electronics and
Communication Engineering program at Government Engineering
College, Gandhinagar. Immersed in the dynamic realm of technology, I
was entrusted with the opportunity to work on a project that underscored
the synergy between my theoretical knowledge and practical application.
As the digital landscape continuously evolves, it is increasingly crucial to
grasp the nuances of cutting-edge technologies that drive modern
enterprises. This internship was envisaged as a bridge between classroom
learning and real-world challenges. I was poised to gain hands-on
experience in web application development using a confluence of
technologies that are reshaping the digital fabric – HTML, CSS,
Javascript and GSAP
The overarching objective of this report is to encapsulate the experiential
voyage I embarked upon, elucidating the intricate interplay between
theoretical concepts and their manifestation into tangible, functional
solutions. The subsequent sections delve into the depths of my journey,
encompassing the systematic analysis of the project's ecosystem, intricate
system modeling, meticulous implementation strategies, and finally, a
reflection on the outcomes achieved and the path ahead.
In this era of unprecedented technological dynamism, the potency of this
experience cannot be underestimated. It was not merely a chance to
augment my knowledge, but an opportunity to unravel the subtleties of
working within a collaborative team, adhering to project timelines, and
realizing the power of innovation and diligent effort.

1
 2. Introduction to Company
Basics Infotech is a global software firm on a mission to create brilliant
software’s, websites and blazing fast browser based applications. The
spectrum of this company was started in 2015. Our development offices
span the world, with teams in Surat.

We provide an end to - end service, including customized software,

business automation, website appraisal, project management, website
development, website update and maintenance, search engine
optimization and web marketing, e-Commerce, and graphic design – to
name just a few.

By removing the borders and boundaries which usually keep brilliant

people apart, our international teams provide an uncompromised talent
pool from which to select the most suitable individuals. Through this
unique approach we offer creative, distinctive, and effective solutions to
build competitive advantage and value for businesses of any size.

All this is complex, but it couldn’t be simpler for you: Our experienced
IT consultants provide a single, local point of contact and act as advocates
for your project, selecting suitable team members, drawing up schedules
and guiding our significant resources to action.

What is more, we practice development transparency, making work logs,

work in progress previews, schedules and other development information
available in real time via our client portal.

We enjoy repeat business from almost every client we have worked with.

Head Office:
Name : Basics Infotech
Address : 318, Atlanta Mall, Mota Varacha, Surat.

2
 2.1 IT Services Offered

1. Fixed Price System Develop:

Insight USA Foundation perform browser compatibility test (in major
browser) we will make sure your site with each project.

2. Software Development Kit:

Insight USA Foundation a full-cycle be spoke and software product
development service provider.

3. Payroll Software :
Insight USA Foundation offers website planning, creative design for your
business implementations.

4. Managing Site Content:

Having a web site that you can manage yourself is the perfect solution
for most companies.

5. Dedicated Support Team :

Your business is important to us and we want to make sure that you are
satisfied with our application or product.

6. Installation & Technical Manuals :

Insight USA Foundation offers website planning, creative design for your
business implementations.

7. Website Optimization :
Insight USA Foundation do understand the importance of website
optimization.

3
 3.Internship Roles And Responsibilities

3.1 Introduction
Internships play a crucial role in bridging the gap between academic
knowledge and practical experience, offering students and recent
graduates the opportunity to apply their skills in real-world settings.
Internship programs provide valuable insights into the dynamics of an
industry, an organization's operations, and the specific roles that interns
can play in contributing to a company's success. This report aims to
provide a comprehensive understanding of internship roles and
responsibilities within the context of various industries and
organizations.

3.2 Training Attended

There are more attendant and requirement is need to build a project we

know that, we can mix all language like CSS, HTML, PHP, JavaScript,
and more. The web server combines the results of the interpreted and
executed PHP code, which may be any type of data, including images,
with the generated web page.
PHP code may also be executed with a command-line interface (CLI) and
can be used to implement standalone graphical applications. Those
training I was attending in Insight Bangladesh Foundation are given
below:
• HTML4,HTML5
• CSS2, CSS3
• GSAP

• JavaScript

4
3.3 Assigned Responsibilities:
Regular exposure to business stakeholders and executive management, as
well as the authority and scope to apply your expertise to many interesting
technical problems.
Candidate must have a strong understanding of UI, cross-browser
compatibility, general web functions and standards. The position requires
constant communication with colleagues.
3.4 Work Environment
Front end Developer The front end developer generally works at client
side dealing with the web page design, graphics that is accessible to the
user.
Back end Developer The back end developer is a person who is
responsible for the back end development that interacts with the server.
This type of web developer specializes in the languages like PHP, ruby,
ASP.Net, Java, Cold Fusion, and Perl .
The job profiles for the web developer includes:
• front end web developer.
• back end web developer.
• web application developer
• Design and layout analyst
HTML :
Hyper Text Markup Language (HTML) is the set of markup symbols or
codes inserted into a file intended for display on the Internet. The markup
tells web browsers how to display a web page's words and images.Each
individual piece markup code (which would fall between "<" and ">"
characters) is referred to as an element, though many people also refer to
it as a tag. Some elements come in pairs that indicate when some display
effect is to begin and when it is to end.

5
CSS :
CSS (Cascading Style Sheets) allows you to create great-looking web
pages, but how does it work under the hood? This article explains what
CSS is with a simple syntax example and also covers some key terms
about the language.

GSAP :
GSAP is a robust JavaScript toolset that turns developers into animation
superheroes. Build high-performance animations that work in every
major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors,
strings, motion paths, generic objects...anything JavaScript can touch!
GSAP's ScrollTrigger plugin lets you create jaw-dropping scroll-based
animations with minimal code. gsap.matchMedia() makes building
responsive, accessibility-friendly animations a breeze.

JavaScript :
JavaScript is a dynamic computer programming language. It is
lightweight and most commonly used as a part of web pages, whose
implementations allow client-side script to interact with the user and make
dynamic pages. It is an interpreted programming language with object-
oriented capabilities.

6
 4. Overview of Project

Title: Driving Success Animating Website

Introduction:
The “Driving Success” website is designed to serve as a comprehensive online
platform for golf businesses, catering to golf courses, clubs, equipment
manufacturers, and related service providers. This website aims to facilitate their
marketing efforts by offering a range of features and resources tailored to the golf
industry.

Website Components:
Homepage:
The homepage provides an engaging and visually appealing introduction to the
website.
It includes a rotating banner showcasing stunning golf course imagery.
Quick access buttons for golf course owners, equipment manufacturers, and golf
professionals.
About Us:
A section dedicated to the mission, vision, and values of the website.
Highlights the team behind the platform and their expertise in golf marketing.
Services:
Detailed descriptions of the various marketing services offered, such as SEO, social
media management, email marketing, and web design.
Pricing packages tailored to the specific needs of different business categories
(courses, equipment, etc.).

7
4.1 A Golf Business Marketing Animating Website

Project name is Golf Business Marketing Website for marketing of golf game
and it provides details about golf game. An online website on the internet that
provide below details :
1. Home Page
2. About Us
3. Golf Lesson
4. Adventure Golf
5. Top Tracer Range
6. Leuges
7. Food Court

1. Home Page

Figure 4.1.1

8
The homepage provides an engaging and visually appealing introduction
to the website.
It includes a rotating banner showcasing stunning golf course imagery.
Quick access buttons for golf course owners, equipment manufacturers,
and golf professionals.

2. About Us

Figure 4.1.2

A section dedicated to the mission, vision, and values of the website.

Highlights the team behind the platform and their expertise in golf
marketing.

9
3.Golf Lesson

Figure 4.1.3

The golf lesson spanned approximately [X] hours and covered a wide
range of fundamental aspects of the game. The primary focus areas
included:
• Improved grip and stance, resulting in more consistent and
controlled shots.
• Enhanced swing mechanics, leading to increased clubhead speed
and accuracy.
• Greater confidence and skill in chipping and putting, resulting in
fewer putts per round.
• A better understanding of course management, leading to more
informed decision-making during play.
• A heightened awareness of golf etiquette and adherence to the rules
of the game.

10
4. Adventure Golf

Figure 4.1.4

• Adventure golf, also known as mini-golf or miniature golf, is a

leisure activity that combines elements of traditional golf with
exciting and imaginative challenges. Designed for players of all ages
and skill levels, adventure golf provides a unique and entertaining
experience for both beginners and seasoned golfers. Here is a
description suitable for a report:
• Adventure golf is a recreational sport that offers a delightful and
engaging twist on the traditional game of golf. It is typically played
on a miniature course featuring a variety of themed obstacles and
unique putting challenges. These courses are designed to transport
players into captivating and whimsical environments, often
mirroring a story or theme that adds an element of adventure to the
game.

11
5. Top Tracer Range

Figure 4.1.5

Top tracer Range is a state-of-the-art technology system designed to

transform traditional golf driving ranges into interactive and engaging
golfing experiences. By providing real-time data, immersive graphics,
and an array of practice and game modes, Top tracer Range redefines the
way golfers practice and enjoy their time at the range.

12
6. Coffee Shop

Figure 4.1.6

• Coffee shop that offers a welcoming atmosphere for coffee

enthusiasts and patrons seeking a delightful escape from the hustle
and bustle of daily life. Nestled in the heart of a vibrant urban
neighborhood, Coffee Haven stands out as a place where the art of
brewing coffee meets community to create an unforgettable
experience.

7. Contact Us

13
4.2 HTML Code
HTML :
Hyper Text Markup Language (HTML) is the set of markup symbols or
codes inserted into a file intended for display on the Internet. The markup
tells web browsers how to display a web page's words and images.Each
individual piece markup code (which would fall between "<" and ">"
characters) is referred to as an element, though many people also refer to
it as a tag. Some elements come in pairs that indicate when some display
effect is to begin and when it is to end.

Figure 4.2.1

14
Figure 4.2.1

15
Figure 4.2.1

16
Figure 4.2.1

17
FIGURE 4.2.5

18
4.3 GSAP CODE
GSAP is a robust JavaScript toolset that turns developers into animation
superheroes. Build high-performance animations that work in every
major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors,
strings, motion paths, generic objects...anything JavaScript can touch!
GSAP's ScrollTrigger plugin lets you create jaw-dropping scroll-based
animations with minimal code. gsap.matchMedia() makes building
responsive, accessibility-friendly animations a breeze.

Figure 4.3.1

19
Figure 4.3.2

20
FIGURE 4.3.3

21
4.4 CSS Code
CSS (Cascading Style Sheets) allows you to create great-looking web
pages, but how does it work under the hood? This article explains what
CSS is with a simple syntax example and also covers some key terms
about the language.

FIGURE 4.4.1

22
FIGURE 4.4.2

23
Figure 4.4.3

24
Figure 4.4.4

25
Figure 4.4.5

26
Figure 4.4.6

27
Figure 4.4.7

28
 5. Future Implementation

The future of marketing in the golf business is likely to be influenced by

emerging technologies and changing consumer behaviors. Here are some
potential future implementations and trends for a golf business marketing
website:

• Virtual Reality (VR) and Augmented Reality (AR): Implement VR

and AR experiences to allow potential customers to virtually walk
through golf courses, practice their swing in a virtual range, or try
out golf equipment. These immersive experiences can be a powerful
marketing tool to engage and educate customers.

• Live Streaming and Interactive Content: Live-streaming golf events,

tournaments, or lessons can engage a broader audience.
Additionally, interactive content like online golf clinics or Q&A
sessions with golf professionals can be featured on the website.

29
 6. Conclusion

My internship journey fused theory with application, highlighting

JavaScript, HTML, CSS, GSAP impact on web development.
Transitioning from foundational core HTML to advanced frameworks, I
unveiled the efficiency of modern tools. System modelling materialized
complex interactions into diagrams, revealing the essence of data, logic,
and user engagement.
Implementing these concepts transformed code into a functional web
application, substantiated by snapshots, data insights.
In closing, this internship spotlighted the nexus of innovation and
technology. It imparted practical skills while nurturing an enduring thirst
for exploration. As one chapter concludes, the journey of innovation
continues, crafting solutions where technology and creativity harmonize.

30
 Reference

• https://www.w3schools.com
• https://www.golfmarketinginc.com/
• https://sidcupfamilygolf.com/?gad_source=1&gclid=Cj
wKCAjw7oeqBhBwEiwALyHLMxTPfhD1eaJF9WLlq
x4iImoSamLBCICz4kNbnmSTLNhKN7DdzBpd6BoC
5ZEQAvD_BwE

31