<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Bootstrap Example</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
">
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
br
>
<
br
>
<
center
>
<
button
type
=
"button"
class
=
"btn btn-success"
data-toggle
=
"modal"
data-target
=
"#exampleModal"
data-whatever
=
"@geeksforgeeks1"
>
Open modal for @geeksforgeeks1
</
button
>
<
button
type
=
"button"
class
=
"btn btn-success"
data-toggle
=
"modal"
data-target
=
"#exampleModal"
data-whatever
=
"@geeksforgeeks2"
>
Open modal for @geeksforgeeks2
</
button
>
<
button
type
=
"button"
class
=
"btn btn-success"
data-toggle
=
"modal"
data-target
=
"#exampleModal"
data-whatever
=
"@geeksforgeeks3"
>
Open modal for @geeksforgeeks3
</
button
>
<
div
class
=
"modal fade"
id
=
"exampleModal"
tabindex
=
"-1"
role
=
"dialog"
aria-labelledby
=
"exampleModalLabel"
aria-hidden
=
"true"
>
<
div
class
=
"modal-dialog modal-dialog-centered"
role
=
"document"
>
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h5
class
=
"modal-title"
id
=
"exampleModalLabel"
>
New message from geeks for geeks!
</
h5
>
<
button
type
=
"button"
class
=
"close"
data-dismiss
=
"modal"
aria-label
=
"Close"
>
<
span
aria-hidden
=
"true"
>×</
span
>
</
button
>
</
div
>
<
div
class
=
"modal-body"
>
<
form
>
<
div
class
=
"form-group"
>
<
p
>
Vertically centered, varying
modal content & scrolling
components are used!
</
p
>
</
div
>
<
div
class
=
"form-group"
>
<
label
for
=
"message-text"
class
=
"col-form-label"
>
Message:
</
label
>
<
p
>
geeksforgeeks is a computer
science portal for geeks.
It contains millions of articles
on various topics from interview
preparation, to a
small topic or a subject.
It provides various opportunities
for anyone who wants to get hired.
It's considered as one of the best
platform for anyone who want to
gain or share
their knowledge and skills.
The top achievements of geeksforgeeks
includes billions of users all
over the world.
Millions of articles have already
been published,
and thousands of people getting
Hired by some of the top companies
with their numbers still growing.
</
p
><
br
>
<
p
>
Geeksforgeeks contains articles
from old topics to new, and provides
with a variety
of services for you to learn, succeed
and also to enjoy the process!
Free tutorials and millions of
articles are being provided over here,
the live,
Online and Classroom Courses are being
provided.
Frequent coding competition and
webinars by industry experts as well
as internship
opportunities and job Opportunities
are available.
</
p
>
</
div
>
</
form
>
</
div
>
<
div
class
=
"modal-footer"
>
<
button
type
=
"button"
class
=
"btn btn-secondary"
data-dismiss
=
"modal"
>
Close
</
button
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
Save message
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
</
center
>
</
body
>
</
html
>