<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
<section class="container-fluid sec-download">
<div class="container">
<div class="row">
<div class="col">
<h3>مهمترین دانلود ها</h3>
</div>
</div>
<div class="row">
<div class="col-md-3">
<ul class="nav nav-pills flex-column">
<li class="nav-item w-100">
<a class="nav-link active ">
<span class="d-inline-block">فیلم</span> <i class="fab fa-youtube float-left"></i>
</a>
</li>
<li class="nav-item"><i class="fas fa-circle"></i><a href="#">برای صفحه·آرایی</a></li>
<li class="nav-item"><i class="fas fa-circle"></i><a href="#">برای صفحه·آرایی</a></li>
<li class="nav-item"><i class="fas fa-circle"></i><a href="#">برای صفحه·آرایی</a></li>
<li class="nav-item"><i class="fas fa-circle"></i><a href="#">برای صفحه·آرایی</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="nav nav-pills flex-column">
<li class="nav-item w-100">
<a class="nav-link active ">
<span class="d-inline-block">متن</span> <i class="fas fa-file-alt float-left"></i>
</a>
</li>
<li class="nav-item"><i class="fas fa-circle"></i><a href="#">برای صفحه·آرایی</a></li>