Bootstrap PI

<!DOCTYPE html>
<html lang="pl">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" type="text/css" href="Pi.css"/>
  <link rel="stylesheet" href="css/fontello.css" type="text/css" />

</head>
<body>

<div class="jumbotron jumbotron-fluid bg-dark"><h2 class="display-4 text-white ml-4">Liczba <kbd class="bg-white"><span class="text-dark">π<span></kbd></h2></div>

<div class="container my-5">
  <div class="jumbotron  bg-light text-dark shadow " style="font-size:30px;letter-spacing:5px;overflow-wrap: break-word;">1238565609275463333950612385656092754633339506
  </div>
</div>

<div class="container ">
 <button type="baton" class="btn btn-info float-right ml-3 mb-3" style="z-index:10000;" data-toggle="collapse" data-target="#demo">Statystyki</button>
 <button class="btn btn-secondary float-right mb-3" >Od Nowa</button>
</div>

<div id="demo" class="collapse bg-primary" style="position:absolute;bottom:0;left:0;width:100%;opacity:.5;">
 <div class="container-fluid">
  <div class="row text-left font-weight-bolder text-white">
   <div class="col-lg-3 col-6"><h3 class="display-5"><i class="icon-thumbs-up-alt"></i>- 36</h3></div>
   <div class="col-lg-3 col-6"><h3 class="display-5"><i class="icon-thumbs-down-alt"></i>- 8</h3></div>
   <div class="col-lg-3 col-6"><h3 class="display-5"><i class="icon-child"></i>- 16</h3></div>
   <div class="col-lg-3 col-6"><h3 class="display-5"><i class="icon-chart-line"></i>-77%</h3></div>
  </div>
 </div>
</div>

<script src="Pi.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>