<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>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Invoice</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<div class="container" style="border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;">
<div class="">
<div class="card-body">
Logo
<span class="float-right text-uppercase" style="font-size: 24px;font-weight: 500;"> Invoice</span>
</div>
<div class="card-body">
<div class="row mb-4">
<div class="col-sm-6">
<h6 class="mb-3"> <strong>From:</strong></h6>
<div>
ABC Private Limited
</div>
<div>ABC Address </div>
<div>Block A-1, ABC </div>
<div>New Delhi – 110012 </div>
<div class="row">
<div class="col-sm-2 pr-0">
<div class="text-uppercase mt-4">
<storng>PAN : </storng>
