<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Semantic UI Modal Variations</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
style
=
"width:100vw; height:100vh;"
>
<
div
class
=
"ui container"
>
<
h2
class
=
"ui green header"
>GeeksforGeeks</
h2
>
<
h4
>Semantic UI Modal Variations</
h4
>
<
hr
>
<
br
/>
<
div
class
=
"ui large modal"
>
<
div
class
=
"ui header"
>
GeeksforGeeks is Awesome or Not?
</
div
>
<
div
class
=
"image scrolling content"
>
<
div
class
=
"ui large image"
>
<
img
src
=
</
div
>
<
div
class
=
"description"
>
<
div
class
=
"ui header"
>Have a Peek</
div
>
<
p
>
Greetings to all the Geeks out there!
We welcome you to the platform where we
consistently strive to offer the best of
education.
</
p
>
<
p
>
This platform has been designed for every
geeks wishing to expand knowledge, share
their knowledge and is ready to grab their
dream job. We have millions of articles,
live as well as online courses, thousands
of tutorials
and much more just for the geek inside you.
Thank you for choosing and supporting us!
</
p
>
<
p
>
GeeksforGeeks is an amazing website to learn
coding.
</
p
>
<
p
>
Machine Learning, Web Development, Android
Development, Data Science, you name it, it's
all available on GeeksforGeeks.
</
p
>
<
p
>
Greetings to all the Geeks out there!
We welcome you to the platform where
we consistently
strive to offer the best of education.
</
p
>
<
p
>
This platform has been designed for
every geeks wishing to expand knowledge,
share their knowledge, and is ready to
grab their dream job. We have millions
of articles, live as well as online
courses, thousands of tutorials and
much more just for the geek inside you.
Thank you for choosing and supporting us!
</
p
>
<
p
>
GeeksforGeeks is an amazing website
to learn coding.
</
p
>
<
p
>
Machine Learning, Web Development, Android
Development, Data Science, you name it, it's
all available on GeeksforGeeks.
</
p
>
<
p
>
Greetings to all the Geeks out there! We
welcome you to the platform where we
consistently
strive to offer the best of education.
</
p
>
<
p
>
This platform has been designed for every
geeks wishing to expand knowledge, share
their knowledge and is ready to grab their
dream job. We have millions of articles,
live as well as online courses, thousands
of tutorials and much more just for the
geek inside you.
Thank you for choosing and supporting us!
</
p
>
<
p
>
GeeksforGeeks is an amazing website
to learn coding.
</
p
>
<
p
>
Machine Learning, Web Development, Android
Development, Data Science, you name it, it's
all available on GeeksforGeeks.
</
p
>
<
p
>
This platform has been designed for every
geeks wishing to expand knowledge, share
their knowledge and is ready to grab their
dream job. We have millions of articles,
live as well as online courses, thousands
of tutorials and much more just for the
geek inside you.
Thank you for choosing and supporting us!
</
p
>
<
p
>
GeeksforGeeks is an amazing website
to learn coding.
</
p
>
<
p
>
Machine Learning, Web Development, Android
Development, Data Science, you name it, it's
all available on GeeksforGeeks.
</
p
>
<
p
>
Greetings to all the Geeks out there! We
welcome you to the platform where we
consistently
strive to offer the best of education.
</
p
>
<
p
>
This platform has been designed for every
geeks wishing to expand knowledge, share
their knowledge and is ready to grab their
dream job. We have millions of articles,
live as well as online courses, thousands
of tutorials and much more just for the
geek inside you.
Thank you for choosing and supporting us!
</
p
>
<
p
>
GeeksforGeeks is an amazing website
to learn coding.
</
p
>
<
p
>
Machine Learning, Web Development, Android
Development, Data Science, you name it, it's
all available on GeeksforGeeks.
</
p
>
</
div
>
</
div
>
<
div
class
=
"actions"
>
<
div
class
=
"ui negative cancel button"
>
Sort of agree
</
div
>
<
div
class
=
"ui positive ok button"
>
Agree
</
div
>
</
div
>
</
div
>
<
button
class
=
"ui button"
onclick
=
"openModal()"
>
Scrolling Modal
</
button
>
</
div
>
<
script
>
const openModal = () => {
$('.ui.modal').modal('setting',
'transition', 'vertical flip')
.modal('show');
}
</
script
>
</
body
>
</
html
>