<div class="row">
<div class="col-9">
<div class="row">
<div class="col-8"></div>
<div class="col-4"></div>
<div class="col-4"></div>
<div class="col-8"></div>
</div>
</div>
<div class="col-3"></div>
</div>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})div =(<div class="btn-b" data-fancybox data-animation-duration="700" data-src="#Modal" href="javascript:;">Открыть</div>
<script>
document.querySelector('.btn-b').addEventListener("click", function(){location.href='file.xlsx'})
</script>
<div class="row">
<div class="col-3"></div>
<div class="col-9">
<div class="row no-gutters">
<div class="col-4"></div>
<div class="col-4"></div>
<div class="col-4"></div>
</div>
<div class="row no-gutters">
<div class="col-8"></div>
<div class="col-4"></div>
</div>
</div>
</div>