Table of Contents

ACKNOWLEDGMENT ......................................................................................................................................... i
ABSTRACT .............................................................................................................................................................. ii
INTERNSHIP OBJECTIVES .............................................................................................................................. 1
WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES .......................................................................... 2
WEEK 1 ................................................................................................................................................................. 2
WEEK 2 ................................................................................................................................................................. 3
WEEK 3 ................................................................................................................................................................. 4
WEEK 4 ................................................................................................................................................................. 5
WEEK 5 ................................................................................................................................................................. 6
INTRODUCTION ................................................................................................................................................... 7
1.1 Location .................................................................................................................................................... 7
1.2 Scope .......................................................................................................................................................... 7
1.3 Background Information ...................................................................................................................... 7
INTERNSHIP DISCUSSION ............................................................................................................................... 9
2.1 Introduction ................................................................................................................................................... 9
2.2 Responsibilities Assigned ............................................................................................................................ 9
2.3 Training........................................................................................................................................................... 9
2.5 Tools Used..................................................................................................................................................... 10
2.5.1 HTML5 .................................................................................................................................................. 10
2.5.2 Bootstrap ............................................................................................................................................... 11
2.5.3 CSS3......................................................................................................................................................... 12
2.5.4 PHP .......................................................................................................................................................... 12
2.5.5 JavaScript ............................................................................................................................................. 13
2.5.6 phpMyAdmin ........................................................................................................................................ 14
2.6 Results & Observations ............................................................................................................................... 15
CONCLUSION ............................................................................................................................................................ 19
BIBLIOGRAPHY.................................................................................................................................................. 20

iv
 ACKNOWLEDGMENT

I would like to thank the VTech Soft IT Services Ltd for giving me an opportunity to do
an internhip within their office. I would also like to thank them for taking care of me comfortably
during the internship. This was quite a great experience I can learn from. It helped me to explore
my skills and increase my interests in web development.
Next, I would like to thank my Guide Mrs. R. Radha for permitting me for attending this
internship.
I would like to thank my fellow mates Keerthana.R , Raghumai .G, Sushmitha.M who
attended the internship along with me.
Finally I would like to thank my parents for supporting me throughout this Internship.

i
 ABSTRACT
This internship report highlights the major works carried out by the author in terms of
academic and non-academic perspectives. The scope of this document is to identify and describe
the analysis carried out, projects completed, experience gained, and focuses on the achievements
as an intern. The internship is done at Vtech Soft IT Services which is also joined hands with
Hewlett Packard Enterprise.

VTECH SOFT IT SERVICES is an upcoming leader in providing IT Services across

India. VTECH SOFT provides complete solutions in the fields of Software & Web
Development, Network Infrastructure, Home Automation, Embedded and PCB Designing for
Several SMEs’ and Large Corporations. They provide incomparable IT Training solutions to
Individuals, Institutions and Corporate in various IT Technologies such as Desktop Support
Engineering, Software Development (Java/ Dotnet/ Python/ Angular JS/ Node JS/ TCL Script/
Shell Script), Web Development, Embedded, VLSI, MATLAB, Android Application
Development, Switching & Routing, Server Administration, Software Testing, Power
Electronics etc. They have an incredible team which has an outstanding experience of 15 years in
IT Service Industry.To enhance the quality of our Educational services they have joined hands
with the most reputed MNC “HEWLETT PACKARD ENTERPRISE”.
Hewlett Packard Enterprise Company (commonly referred to as Hewlett Packard
Enterprise or HPE) is an American multinational enterprise information technology company
based in Palo Alto, California, founded on 1 November 2015 as part of splitting of the Hewlett-
Packard Company. HPE is a business-focused organization with four divisions: Enterprise
Group, which works in servers, storage, networking, consulting and support; Services; Software;
and Financial Services.
V TECH SOFT IT SERVICES are specializing in innovative website design with powerful
functionality for better online business. Web designing and Website development is a strategic
combination of creative designing & graphic art, content writing and management, technology
arrangement and database management systems – along with highly reliable Web hosting and
support services. Its creativity and natural flair for blending originality with functionality sets it apart
from its competitors. Getting your business online is essential – whether your business is large or
small. Many of the benefits of being online will not be obvious till you see what a website can do for
you! Customers from all over the world can see your product or service online straight

ii
away, a web site never sleeps – it is open 24/7! Whether you currently have a web site that is
under-performing or you are completely new to the web we can help you. They provide the
following services:
 Logos designing

 Website design and development

 Redesigning your existing website

 ASP .net Application development

 “Look and Feel” development
Web site design includes defining the site, developing the site structure, visual design and
testing, production and Q&A, testing for usability and analysing your competition. Web site
redesign includes effective navigation, visual appeal, updated information, multi-platform
compatibility, a professional presence and an interactive site. This proven experience makes the
difference in the way the business is conducted with the clients and business associates.

WEBSITE DESIGN AND DEVELOPMENT were the main objective of this internship.
To develop a web based application or software there are several programming languages that
are in use. Some of them are only used for the frontend and backend design of the software. For
exampleHTML3, HTML4, HTML5, CSS, Bootstrap Framework etc. There are also some other
programming languages that are used to develop the dynamic functions of the software or
application. For example-PHP, Java etc. Nowadays there are also some framework's that use
vastly. Frameworks are basically structured programming by using Model, View, and Controller.
It is also called as MVC. If we develop web based application that is very useful for us because
we can access it from anywhere of the world. It is very helpful for our daily life. That is why I
choose subject of my report is "WEBSITE DESIGN AND DEVELOPMENT".
The key parts of the report are the technologies used to develop web projects and the day to
day schedule of the project. A project is completed in a planned way and hence scheduling is very
important aspect in any project. The report also explains about the technologies that are used to
develop this project. This helps in gaining knowledge about the technical aspects of this project.
The overall report tells about the internship experience and knowledge gained through the
internship.

iii
 INTERNSHIP OBJECTIVES

The main objectives of the internship is divided into two categories-Technical/Academic

skills and employability/interpersonal skills.
The following tables describe the objectives and outcome of the objectives in a brief manner.
Technical/Academic Skills Related Job Tasks Evidence or Outcomes
and Content
HTML/CSS Design and code HTML/CSS Clean and visually appealing
static landing pages websites constructed using
HTML/CSS
Bootstrap Design and code bootstrap Clean and responsive web
responsive web pages pages.
PHP , JavaScript Coding in PHP for server side Connected to database
scripting
PhpMyAdmin Managing the database Data stored in data base
Content Editing Work with web designers on Create websites with clear
gathering content for current and creative messaging and
projects advertising schemes
Help edit content to
streamline website

Employability/Interpersonal Related Job Tasks Evidences or Outcomes

Skills
Creativity Willingness to take initiative Visually creative and
Contribute to brainstorming developmentally innovative
sessions website design
Verbal Communication Use and adjust Production of website
communication strategies as materials that’s focused on
needed based on the purpose appropriate audience Seek
of the message, context and feedback from fellow
audience designers on website design
Seek input to gauge others’ and layout
understanding of the message

These are the objectives of the internship and are also achieved during the internship period.

1
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 1
DATE DAY NAME OF THE
MODULE/TOPIC
COMPLETED
22/04/2019 MONDAY Introduction/Overview to the
Internship

23/04/2019 TUESDAY Introduction to

HTML5,History of
HTML5,Features of HTML5

24/04/2019 WEDNESDAY List of HTML5 New tags and

Input elements, List of
HTML5 Attributes.
25/04/2019 THURSDAY HTML5
Forms,Colors,Events.

26/04/2019 FRIDAY Introduction to CSS3,History

of CSS3,Features of CSS3

27/04/2019 SATURDAY CSS3 colors, background,

images, padding and
advanced styling elements.

2
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 2

DATE DAY NAME OF THE

MODULE/TOPIC
COMPLETED

29/04/2019 MONDAY Introduction to Bootstrap,

Need for Bootstrap

30/04/2019 TUESDAY Bootstrap Grid Systems,

Button Groups.

02/05/2019 THURSDAY Overview of Glyphicons,

Bootstrap Alerts.

03/05/2019 FRIDAY Overview of Responsive

Design

04/05/2019 SATURDAY Creating a Responsive

Design-Practical.

3
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 3
DATE DAY NAME OF THE
TOPIC/MODULE
COMPLETED

06/05/2019 MONDAY Introduction to JavaScript,

history of JavaScript

07/05/2019 TUESDAY List of Datatypes, Form

Validation

08/05/2019 WEDNESDAY Function declarations, List of

events, Strings and its
methods.

09/05/2019 THURSDAY Arrays and its methods, objects

and its methods

10/05/2019 FRIDAY Overview of switch and nested

statements, overview of error
handling and debugging.

11/05/2019 SATURDAY Simple calculator example,

examples of slideshow,
animation etc.

4
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 4
DATE DAY NAME OF THE
TOPIC/MODULE
COMPLETED
13/05/2019 MONDAY PHP Introduction, History of
PHP,XAMPP Installation,
PhpMyAdmin Overview.

14/05/2019 TUESDAY List of data types, overview of

strings, constants and arrays.

15/05/2019 WEDNESDAY Getting Form values, File

upload, File Open/Read/Write.

16/05/2019 THURSDAY Overview of the Project,

Rough Design of Web pages
and its flow.

17/05/2019 FRIDAY Designing Homepage

18/05/2019 SATURDAY Designing register page

5
 WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 5
DATE DAY NAME OF THE
TOPIC/MODULE
COMPLETED
20/05/2019 MONDAY List of events page completed

21/05/2019 TUESDAY Events Archive module

completed

22/05/2019 WEDNESDAY Admin module completed

23/05/2019 THURSDAY Database created and tables

added

24/05/2019 FRIDAY Connection between database

and frontend is completed

25/05/2019 SATURDAY Project submitted.

6
 INTRODUCTION

Internship opportunity provides the students a great chance to relate their theoretical
knowledge with the competitive and tough real job market environment. Moreover, if the
internship period is within the bachelor program and the students have to return to the academia
after completing it, the skills that they have developed during the internship help them to gain a
more sound academic result. After returning from internship the students get six months for
preparing himself/herself for the company and their future career.

The company I went for is Vtech Soft IT Services Located at Chennai. In order to improvise
their training, they have joined with Hewlett Packard Enterprise.
1.1 Location
Vtech Soft IT Services is Located at Ambattur, Chennai. It is also known as HP Software
University. The complete address is as follows:
#123, 2nd Floor,
MTH Road Ambattur OT Chennai-600053.
Landmark : Next to Singapore Shopping, Above Hotel Aishwarya

Vtech Soft IT services is located in a Residential area rather than a industrial area.

The office is located at second floor above a restaurant called Aishwarya and this building is
next to Singapore Shopping building.

1.2 Scope
An internship adds great value to the resume. This Web development internship gives a boost
to my resume and it represents myself as a web developer. This internship helps to grow my
knowledge both technically and professionaly. It helps to know about the work experience and
how a professional environment looks.
1.3 Background Information
This is to gain some knowledge about the technical stuffs that are used for the project that is
a part of this internship.
[5]
HTML 5 was first released in public-facing form on 22 January 2008, with a major
update and "W3C Recommendation" status in October 2014. Its goals were to improve the

7
language with support for the latest multimedia and other new features; to keep the language
both easily readable by humans and consistently understood by computers and devices such as
web browsers, parsers, etc., without XHTML's rigidity; and to remain backward-compatible with
older software. HTML 5 is intended to subsume not only HTML 4, but also XHTML 1 and
[7]
DOM Level 2 HTML.

PHP was developed by Ramus Ledford. It is a freeware. It is also a weakly typed, free from
language. PHP has since evolved into a powerful server-side markup language with syntax that
resembles a mix between Perl and C. PHP is a server-side scripting language designed specifically
for the web. Within an HTML page, we can embed PHP code that will be executed each time the
page is visited.HTML generate the web page with the static text and images. However, the need
evolved for dynamic web base usage. These dynamic usages are facilities by PHP [1].

CSS is designed to enable the separation of presentation and content, including layout,
[3]
colors, and fonts. This separation can improve content accessibility, provide more flexibility
and control in the specification of presentation characteristics, enable multiple web pages to
share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity
and repetition in the structural content.

Bootstrap is a web framework that focuses on simplifying the development of informative

web pages (as opposed to web apps). The primary purpose of adding it to a web project is to
apply Bootstrap's choices of color, size, font and layout to that project. As such, the primary
factor is whether the developers in charge find those choices to their liking.
Other tasks that PHP is especially good at are database access, disk access, networking and
text manipulation. PHP is an excellent alternative to such similar programming solutions as
Microsoft’s proprietary scripting engine ASP and Allayer’s rather expensive Cold fusion. As
mentioned before, PHP is a cross-platform language.

8
 INTERNSHIP DISCUSSION
2.1 Introduction
This internship is actually a web development internship. The objective of this internship
is to train students on various web development tools and technologies and help them make
their own Web development Project.
The Anvaya had been planned to consist of two parts front-end and back-end
development. The front-end is the part of the web that you can see and interact with (e.g. Client-
side programming). While front-end code interacts with the user in real time, the back-end
interacts with a server to return user ready results. The front-end is a combination of HTML,
CSS and JavaScript coding. By using JavaScript, modifications of the design of a web page can
be made immediately, however only temporary and visible only by the user. Normally the user
would not have rights to modify web content dynamically on the server side.
Logically, administrators are the ones who deal with back-end modification of
databases for example, as they often contain sensitive data which should not be available to see
or modify by the general public. Back-end programming languages include PHP, Java, Python,
Ruby and others. I focused on both front hand as well as back end development in order to
create a standalone application by myself. Difference between front hand and back end
development is shown in below figure.
2.2 Responsibilities Assigned
Completing a whole system requires certain responsibilities to be carried out.
Some responsibilities assigned for completion of this project are:
 Requirements gathering to model the system adequately.

 Creating requirement specification document.

 Design the database schema using phpmyadmin.

 Creating front end design using HTML5,CSS3,Bootstrap.

 Client side scripting using JavaScript.

 Server side scripting using PHP.
2.3 Training
In order to achieve the main objective, that is to create a web project , I undergone
training on many web development tools and technologies. The web development tools and
technologies are:

9
  HTML5

 CSS3

 Bootstrap

 JavaScript

 PHP

 PhpMyAdmin
The training was attended for 20 days and the remaining days were allocated for the
web development project.
2.5 Tools Used
The various implementation tools are listed below:
Operating System : Windows 10
Development Environment: HTML5, CSS3, Bootstrap, JavaScript, PHP, PhpMyAdmin
IDE : Notepad++
Web Server : XAMPP
2.5.1 HTML5

HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language

 HTML describes the structure of Web pages using markup

 HTML elements are the building blocks of HTML pages

 HTML elements are represented by tags

 HTML tags label pieces of content such as "heading", "paragraph", "table", and so on

 Browsers do not display the HTML tags, but use them to render the content of the page

[a]
HTML 5 (formerly and commonly spelled HTML5 ) is a software solution stack that
defines the properties and behaviors of web page content by implementing a markup based
pattern to it.
When you save an HTML file, you can use either the .htm or the .html extension. The
.htm extension comes from the past when some of the commonly used software only allowed
three letter extensions. It is perfectly safe to use either .html or .htm, but be consistent.
mypage.htm and mypage.html are treated as different files by the browser.

10
 [5]
HTML 5 was first released in public-facing form on 22 January 2008, with a major
update and "W3C Recommendation" status in October 2014. Its goals were to improve the
language with support for the latest multimedia and other new features; to keep the language
both easily readable by humans and consistently understood by computers and devices such as
web browsers, parsers, etc., without XHTML's rigidity; and to remain backward-compatible with
older software. HTML 5 is intended to subsume not only HTML 4, but also XHTML 1 and
[7]
DOM Level 2 HTML.
2.5.2 Bootstrap
Bootstrap is a web framework that focuses on simplifying the development of
informative web pages (as opposed to web apps). The primary purpose of adding it to a web
project is to apply Bootstrap's choices of color, size, font and layout to that project. As such, the
primary factor is whether the developers in charge find those choices to their liking. Once added
to a project, Bootstrap provides basic style definitions for all HTML elements. The end result is a
uniform appearance for prose, tables and form elements across web browsers. In addition,
developers can take advantage of CSS classes defined in Bootstrap to further customize the
appearance of their contents. For example, Bootstrap has provisioned for light- and dark-colored
tables, page headings, more prominent pull quotes, and text with a highlight.
Bootstrap also comes with several JavaScript components in the form of jQuery plugins.
They provide additional user interface elements such as dialog boxes, tooltips, and carousels.
Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases
accompanying JavaScript code. They also extend the functionality of some existing interface
elements, including for example an auto-complete function for input fields.

The most prominent components of Bootstrap are its layout components, as they affect an
entire web page. The basic layout component is called "Container", as every other element in the
page is placed in it. Developers can choose between a fixed-width container and a fluid-width
container. While the latter always fills the width of the web page, the former uses one of the four
predefined fixed widths, depending on the size of the screen showing the page:
 Smaller than 576 pixels

 576–768 pixels

 768–992 pixels

 992–1200 pixels

11
 Larger than 1200 pixels

Once a container is in place, other Bootstrap layout components implement a CSS grid
layout through defining rows and columns.

2.5.3 CSS3
CSS stands for Cascading Style Sheets.CSS describes how HTML elements are to be
displayed on screen, paper, or in other media.CSS saves a lot of work. It can control the layout of
multiple web pages all at once. External stylesheets are stored in CSS files
HTML was NEVER intended to contain tags for formatting a web page!.HTML was created
to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started
a nightmare for web developers. Development of large websites, where fonts and color
information were added to every single page, became a long and expensive process.To solve this
problem, the World Wide Web Consortium (W3C) created CSS.
The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C).
Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March
1998). The W3C operates a free CSS validation service for CSS documents.
2.5.4 PHP
What is a PHP File?

 PHP files can contain text, HTML, CSS, JavaScript, and PHP code

 PHP code are executed on the server, and the result is returned to the browser as plain

HTML

 PHP files have extension ".php"

 PHP can generate dynamic page content


 PHP can create, open, read, write, delete, and close files on the server

12
  PHP can collect form data

 PHP can send and receive cookies

 PHP can add, delete, modify data in your database

 PHP can be used to control user-access

 PHP can encrypt data

With PHP you are not limited to output HTML. You can output images, PDF files, and even
Flash movies. You can also output any text, such as XHTML and XML. Why PHP?

 PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)


 PHP is compatible with almost all servers used today (Apache, IIS, etc.)

 PHP supports a wide range of databases

PHP code may be executed with a command line interface (CLI), embedded into HTML code, or it
can be used in combination with various web template systems, web content management systems,
and web frameworks. PHP code is usually processed by a PHP interpreter implemented as a module
in a web server or as a Common Gateway Interface (CGI) executable. 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 can be used for many programming tasks outside of the web
context, such as standalone graphical applications and robotic drone control.
The standard PHP interpreter, powered by the Zend Engine, is free software released
under the PHP License. PHP has been widely ported and can be deployed on most web servers
on almost every operating system and platform, free of charge.
The PHP language evolved without a written formal specification or standard until 2014,
with the original implementation acting as the de facto standard which other implementations
aimed to follow. Since 2014, work has gone on to create a formal PHP specification.

2.5.5 JavaScript
JavaScript often abbreviated as JS, is a high-level, interpreted programming language
that conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic
typing, prototype-based object-orientation, and first-class functions.

13
 Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide
[9]
Web. JavaScript enables interactive web pages and is an essential part of web applications. The
[10]
vast majority of websites use it, and major web browsers have a dedicated JavaScript engine to
execute it.
As a multi-paradigm language, JavaScript supports event-driven, functional,
and imperative (including object-oriented and prototype-based) programming styles. It
has APIs for working with text, arrays, dates, regular expressions, and the DOM, but the
language itself does not include any I/O, such as networking, storage, or graphics facilities. It
relies upon the host environment in which it is embedded to provide these features.
Initially only implemented client-side in web browsers, JavaScript engines are now
embedded in many other types of host software, including server-side in web servers and
databases, and in non-web programs such as word processors and PDF software, and in runtime
environments that make JavaScript available for writing mobile and desktop applications,
including desktop widgets.
2.5.6 phpMyAdmin
phpMyAdmin is a free and open source administration tool for MySQL and MariaDB.
As a portable web application written primarily in PHP, it has become one of the most popular
MySQL administration tools, especially for web hosting services.

Features provided by the program include:

1. Web interface
2. MySQL and MariaDB database management
3. Import data from CSV and SQL
4. Export data to various formats: CSV, SQL, XML, PDF (via the TCPDF library), ISO/IEC
26300 - OpenDocument Text and Spreadsheet, Word, Excel, LaTeX and others
5. Administering multiple servers
6. Creating PDF graphics of the database layout
7. Creating complex queries using query-by-example (QBE)
8. Searching globally in a database or a subset of it
9. Transforming stored data into any format using a set of predefined functions, like
displaying BLOB-data as image or download-link

14
 10. Live charts to monitor MySQL server activity like connections, processes, CPU/memory
usage, etc.

2.6 Results & Observations

The above image shows the homepage of the apartment rental website.

15
The above pictures shows the List of events available and the events archive. These are all
responsive webpages done using bootstrap.

This image shows the report form for the apartment rental website.

16
This shows the phpmyadmin database page. This is where all the backend data is stored.

17
This image shows all the datas present in the database. It shows the tables and data present in the
table.

18
 CONCLUSION

The current work is the initial background report for the website development project. This
report aims to provide a critical review of the relevant literature in the web field and also to
describe key aspects of the methodology that will be applied throughout the project. This report
tries to examine various issues that arise while building a website. It is important to highlight,
that websites are not simple software artifacts. Mastering the necessary software skills and tools
to build a website does not guarantee its success. For this reason, following the guidance and the
advice of my supervising professor, this report focuses on many other challenges that come up
through the development process, like performing website evaluation, conducting market
research and choosing the right business model for the website proposal. These are the first and
most crucial steps that will ensure that the final IT employment website, will be developed
according to the requirements of the market and will be tailored to the needs of its users. Further
research and more focus will be given on software tools after these parts of the methodology are
complete and will be presented in later stages of the project.
As a conclusion, I can say that this internship was a great experience. Thanks to this
project, I acquired deeper knowledge concerning my technical skills but I also personally
benefited. Currently PHP pages are a common part of web applications, and one of the most
popular language for web development used by developers worldwide. If we surf internet we can
see millions of websites built with PHP and MYSQL. I learn to live in a different environment
from the one I am used to. Indeed, I grew more independent in work and also in everyday life. I
realized that I could do more things than I thought like learning new things by myself. There are
huge opportunities available for the students who want to work in this field. Many private and
public organizations hire web designer for their online work and website development. With the
rapid advent of online industry, the demand of web development professionals is increasing and
this has created a huge job opportunity for the aspirants in the upcoming days.

19
 BIBLIOGRAPHY
[1] https://www.w3schools.com/js/default.asp
[2] http://dspace.library.daffodilvarsity.edu.bd:8080/bitstream/handle/20.500.11948/3254/131-15-
2188.pdf?sequence=1&isAllowed=y
[3] https://www.w3schools.com/html/default.asp
[4] https://www.slideshare.net/NadiaIIT/intern-report-final
[5] http://vtechsoftitservices.com
[6] https://en.wikipedia.org/wiki/PhpMyAdmin
[7] https://en.wikipedia.org/wiki/JavaScript
[8] https://en.wikipedia.org/wiki/ Cascading_Style_Sheets
[9] https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
[10] https://en.wikipedia.org/wiki/HTML5

20