<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=
<link href=
<script type="text/javascript" src=
</script>
<script src=
</script>
</head>
<body>
<div class="container center">
<div class="card-panel">
<h3>Geeks for Geeks</h3>
<a class="waves-effect waves-light btn
green darken-1 modal-trigger"
href="#demo-modal-fixed-footer">
Click Here!
</a>
<div id="demo-modal-fixed-footer"
class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Modal with Fixed Footer</h4>
<div class="red-text">
Content of the modal goes here. <br>
Type information here. <br>
</div>
<p class="center">
An array is a collection of items
stored at contiguous memory locations.<br>
The idea is to store multiple items of
the same type together.<br> This makes
it easier to calculate the position<br>
of each element by simply adding an
offset to a base value,<br> i.e., the
memory location of the first element of
the array <br>(generally denoted by the
name of the array).<br>
</p>
<p class="center">
An array is a collection of items stored
at contiguous memory locations.<br>
The idea is to store multiple items of
the same type together.<br>
This makes it easier to calculate the
position of each element <br>
by simply adding an offset to a base
value, i.e., the memory location of <br>
the first element of the array (generally
denoted by the name of the array).<br>
</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action
modal-close btn green darken-1">
Agree
</a>
<a href="#!" class="modal-action
modal-close btn red darken-1">
Disagree
</a>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.modal').modal();
})
</script>
</body>
</html>