<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(function() {
$(".video").click(function () {
var theModal = $(this).data("target"),
videoSRC = $(this).attr("data-video"),
videoSRCauto = videoSRC + "?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1";
$(theModal + ' iframe').attr('src', videoSRCauto);
$(theModal + ' button.close').click(function () {
$(theModal + ' iframe').attr('src', videoSRC);
});
});
});
</script>
</head>
<body>
<!-- -->
<div class="col-md-12">
<div class="col-md-6">
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<iframe width="100%" height="350" src="" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="col-md-4" >
<img name="" src="https://box.live/wp-content/uploads/2016/08/Mikey_Garcia2.png" width="100" height="100" alt="" />
<br />Garcia 160 +<br />
Fanbase fight
<button title="Mickey Garcia I'm a better figher than him in everyway" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/7xZLknmeAv0" data-toggle="modal" data-target="#videoModal"><img name="Mickey Garcia I'm a better figher than him in everyway" src="https://box.live/wp-content/uploads/2016/08/Mikey_Garcia2.png" width="32" height="32" alt="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" /> Mickey Garcia 50 + <img name="" src="https://cdn.dribbble.com/users/181199/screenshots/2962313/overwatch_-_ana.gif" width="32" height="32" alt="" /> </button>
<button title="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/TJpyI1hnNHE" data-toggle="modal" data-target="#videoModal">
<img name="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" src="https://box.live/wp-content/uploads/2016/08/Timothy_Bradley_Jr.png" width="32" height="32" alt="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" /> Tim Bradley 20 +</button>
<button title="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/apV_M0iBNgA" data-toggle="modal" data-target="#videoModal">
<img name="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" src="https://box.live/wp-content/uploads/2016/08/Timothy_Bradley_Jr.png" width="32" height="32" alt="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" /> Keith Thurman 10 +</button>
<button title="Sugar Ray Leonard: I'm picking Mickey for the win because he's Mickey" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/vVep5o9pw6c" data-toggle="modal" data-target="#videoModal">
<img name="Sugar Ray Leonard: I think I see what Mickey sees he don't move his head its always there" src="https://www.georgeforeman.com/images/champions/large/fight_sugarray_large.png" width="32" height="32" alt="Tim Bradley: I think I see what Mickey sees he don't move his head its always there" /> Sugar Ray Leonard 20 +</button>
<hr />
FightNight
<hr />
Post Fight
<button title="Andre Ward: I'm picking Mickey for the win because he's Mickey" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/T09UNIyVWHM" data-toggle="modal" data-target="#videoModal">
<img name="Andre Ward: Boxing Clinc by Spence" src="https://box.live/wp-content/uploads/2016/08/Andre_Ward.png" width="32" height="32" alt="Anre Ward: I think I see what Mickey sees he don't move his head its always there" /> Anre Ward 20 +</button>
<button title="Andre Ward: I'm picking Mickey for the win because he's Mickey" class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/B_x67LqDZ00" data-toggle="modal" data-target="#videoModal">
<img name="Andre Ward: Boxing Clinc by Spence" src="https://box.live/wp-content/uploads/2016/08/Mikey_Garcia2.png" width="32" height="32" alt="Micky Garcia I see something, Errol Spend is 5 9 Robert Easter is 5 11: I think I see what Mickey sees he don't move his head its always there" /> Mickey Garcia 20 -</button>
</div>
<div class="col-md-1" align="center">vs </div>
<div class="col-md-2" align="center">
<img name="" src="https://box.live/wp-content/uploads/2016/08/Errol_Spence_Jr.png" width="100" height="100" alt="" />
<br />
Spence +30
<button title="Keep that same energy!"-Earl Spence Jr." class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/mB0YvSFPZi0" data-toggle="modal" data-target="#videoModal"><img name="Mickey Garcia I'm a better figher than him in everyway" src="https://box.live/wp-content/uploads/2016/08/Mikey_Garcia2.png" width="32" height="32" alt="Keep that same energy!"-Earl Spence Jr." /> Errol Spence Jr 20 + <img name="" src="https://cdn.dribbble.com/users/181199/screenshots/2962313/overwatch_-_ana.gif" width="32" height="32" alt="" /> </button>
</div>
</div>
<div class="col-md-6">
<div class="col-md-4" align="center">
<img name="" src="https://box.live/wp-content/uploads/2016/08/Manny_Paquiao.png" width="100" height="100" alt="" />
<br />Pacquiao1 30+ <br />
Fanbase fight, A Name
<button title="Spence can't hit that hard"-Pacquiaol." class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/ik1Q93n90ZQ" data-toggle="modal" data-target="#videoModal"><img name="Manny Pacquiaol can't hit that hard" src="https://box.live/wp-content/uploads/2016/08/Manny_Paquiao.png" width="32" height="32" alt="Spence can't hit that hard"-Pacman." /> Manny Pacquiaol 50 + <img name="" src="https://cdn.dribbble.com/users/181199/screenshots/2962313/overwatch_-_ana.gif" width="32" height="32" alt="" /> </button>
</div>
<div class="col-md-1" align="center">vs </div>
<div class="col-md-2" align="center">
<img name="" src="https://box.live/wp-content/uploads/2016/08/Errol_Spence_Jr.png" width="100" height="100" alt="" />
<br />
Spence +50 <br />
<button title="Keep that same energy!"-Earl Spence Jr." class="btn btn-default btn-sm video" data-video="https://www.youtube.com/embed/mB0YvSFPZi0" data-toggle="modal" data-target="#videoModal"><img name="Mickey Garcia I'm a better figher than him in everyway" src="https://box.live/wp-content/uploads/2016/08/Errol_Spence_Jr.png" width="32" height="32" alt="Keep that same energy!"-Earl Spence Jr." /> Errol Spence Jr 20 + <img name="" src="https://cdn.dribbble.com/users/181199/screenshots/2962313/overwatch_-_ana.gif" width="32" height="32" alt="" /> </button>
</div>
</div>
</div>
<div align="center">Errol Spence vs Manny Pacquiao1 </div>
<br />
<!--
<iframe width="560" height="315" src="https://www.youtube.com/embed/K2I6y-7GBoY?start=90" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->
</body>
</html>
