Top
Home





Styleize Your Gallery | Styleize Your Modal


*** Your Title Here ***

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<button type="button" style="text-align:center" class="btn btn-info btn-sm" data-toggle="modal" data-target="#Moose01">
Gary Farmer
<br>
<img style="width:150px;height:200px" src="http://www.sessionite.com/paulcol04/images/002.jpg">
</button>

<button type="button" style="text-align:center" class="btn btn-info btn-sm" data-toggle="modal" data-target="#Moose02">
Danny Maderosioa
<br>
<img style="width:150px;height:200px" src="http://www.sessionite.com/paulcol04/images/003.jpg">
</button>

<button type="button" style="text-align:center" class="btn btn-info btn-sm" data-toggle="modal" data-target="#Moose03">
Andy Harrison
<br>
<img style="width:150px;height:200px" src="http://www.sessionite.com/paulcol04/images/016.jpg">
</button>

<button type="button" style="text-align:center" class="btn btn-info btn-sm" data-toggle="modal" data-target="#Moose04">
Mike Chisom
<br>
<img style="width:150px;height:200px" src="http://www.sessionite.com/paulcol04/images/022.jpg">
</button>

<button type="button" style="text-align:center" class="btn btn-info btn-sm" data-toggle="modal" data-target="#Moose05">
Joseph Fago
<br>
<img style="width:150px;height:200px" src="http://www.sessionite.com/paulcol04/images/036.jpg">
</button>

<!-- Modal -->
<div class="modal fade" id="Moose01" role="dialog">
<div class="modal-dialog modal-lg" style="width:600px">
<div class="modal-content">
<div class="modal-header" style="background-color:#369;color:white">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Gary Farmer</h4>
</div>
<div class="modal-body">
<p><img style="width:150px;height:200px;float:left;margin:5px" src="http://www.sessionite.com/paulcol04/images/002.jpg">
<h4>Musician</h4>

<P>This is the Example Page page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/09/04-22:13 nec ligula est. Suspendisse Example Page ac consequat leo.</P>
<br><br>
</div>
</div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="Moose02" role="dialog">
<div class="modal-dialog modal-lg" style="width:600px">
<div class="modal-content">
<div class="modal-header" style="background-color:#369;color:white">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Danny</h4>
</div>
<div class="modal-body">
<p><img style="width:150px;height:200px;float:left;margin:5px" src="http://www.sessionite.com/paulcol04/images/003.jpg">
<h1>Example Page</h1>

<P>This is the Example Page page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/09/04-22:13 nec ligula est. Suspendisse Example Page ac consequat leo.</P>
<br><br>
</div>
</div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="Moose03" role="dialog">
<div class="modal-dialog modal-lg" style="width:600px">
<div class="modal-content">
<div class="modal-header" style="background-color:#369;color:white">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Andy</h4>
</div>
<div class="modal-body">
<p><img style="width:150px;height:200px;float:left;margin:5px" src="http://www.sessionite.com/paulcol04/images/016.jpg">

<h4>Musician</h4>

<P>This is the Example Page page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/09/04-22:13 nec ligula est. Suspendisse Example Page ac consequat leo.</P><br><br>
</div>
</div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="Moose04" role="dialog">
<div class="modal-dialog modal-lg" style="width:600px">
<div class="modal-content">
<div class="modal-header" style="background-color:#369;color:white">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Mike</h4>
</div>
<div class="modal-body">
<p><img style="width:150px;height:200px;float:left;margin:5px" src="http://www.sessionite.com/paulcol04/images/022.jpg">
<h1>Example Page</h1>

<P>This is the Example Page page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/09/04-22:13 nec ligula est. Suspendisse Example Page ac consequat leo.</P>
<br><br>
</div>
</div>
</div>
</div>

<!-- Modal -->
<div class="modal fade" id="Moose05" role="dialog">
<div class="modal-dialog modal-lg" style="width:600px">
<div class="modal-content">
<div class="modal-header" style="background-color:#369;color:white">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">joseph</h4>
</div>
<div class="modal-body">
<p><img style="width:150px;height:200px;float:left;margin:5px" src="http://www.sessionite.com/paulcol04/images/036.jpg">

<h4>Musician</h4>

<P>This is the Example Page page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit. Pellentesque vehicula porta scelerisque. Vivamus 2015/09/04-22:13 nec ligula est. Suspendisse Example Page ac consequat leo.</P>

<br><br>
</div>
</div>
</div>
</div>