<div class="card">
  <div class="card-header">کارد</div>
  <div class="card-body">
      <h5 class="card-title">متن</h5>
      <p class="card-text">توضیحات</p><a class="btn btn-primary" href="#">بیشتر</a><
  </div>
</div>

<div class="card">
  <div class="card-header">
      <ul class="nav nav-tabs">
          <li><a class="active" data-toggle="tab" href="#info">اطلاعات</a></li>
          <li><a data-toggle="tab" href="#photos">تصاویر</a></li>
          <li><a data-toggle="tab" href="#profile">پروفایل</a></li>
      </ul>
  </div>
  <div class="card-body">
      <div class="tab-content">
          <div class="tab-pane fade in active show" id="info">
              <h5 class="card-title">اطلاعات</h5>
              <p class="card-text">توضیحات</p>
          </div>
          <div class="tab-pane fade" id="photos">
              <h5 class="card-title">تصاویر</h5>
              <p class="card-text">توضیحات</p>
          </div>
          <div class="tab-pane fade" id="profile">
              <h5 class="card-title">پروفایل</h5>
              <p class="card-text">توضیحات</p>
          </div>
      </div>
  </div>
  <div class="card-footer">
      <ul class="nav nav-tabs">
          <li><a class="active" data-toggle="tab" href="#info">اطلاعات</a></li>
          <li><a data-toggle="tab" href="#photos">تصاویر</a></li>
          <li><a class="disabled" data-toggle="tab" href="#profile">پروفایل</a></li>
      </ul>
  </div>
</div>