JSFiddle - React, Tailwind, and code Playground

by arielblues

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
  <title>modal-minimize-and-maximize Example</title>
  <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="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

  <!-- font Awesome 4.5.0 -->
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  </head>

  <body>
  <div class="container"> 
    <!-- Modal -->
    <div class="modal right fade mymodal" id="modal-1" role="dialog">
    <div class="modal-dialog"> 
        
        <!-- Modal content-->
        <div class="modal-content">
        <div class="modal-header" style="padding:35px 50px;">
           
        <button class="close modalMinimize"> <i class='fa fa-close'></i> </button>
        <h4 class="modal-title">Exclusive promotion </h4>
          </div>
        <div class="modal-body"  style="padding:40px 50px;">
         <p>Some text in the modal.</p>
          </div>
        <div class="modal-footer"  style="padding:40px 50px;">
         <p>Some text in the modal.</p>
        </div>
      </div>
      </div>
  </div>

  </div>
  
<div class="minmaxCon"></div>

</body>
</html>