Black Friday! Up to 90% OFF
<div class="row removable mt-4"> <div class="col-12 drop-zone"> <div class="card mb-4"> <div class="card-header pb-0 p-3"> <h6 class="mb-1">Projects</h6> <p class="text-sm">Architects design houses</p> </div> <div class="card-body p-3"> <div class="row"> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4"> <div class="card card-blog card-plain draggable"> <div class="position-relative"> <a class="d-block shadow-xl border-radius-xl"> <img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/home-decor-1.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-xl"> </a> </div> <div class="card-body px-1 pb-0"> <p class="text-gradient text-dark mb-2 text-sm">Project #2</p> <a href="javascript:;"> <h5> Modern </h5> </a> <p class="mb-4 text-sm"> As Uber works through a huge amount of internal management turmoil. </p> <div class="d-flex align-items-center justify-content-between"> <button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button> <div class="avatar-group mt-2"> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Elena Morison"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-1.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Ryan Milly"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-2.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Nick Daniel"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-3.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Peterson"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-4.jpg"> </a> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4 drop-zone"> <div class="card card-blog card-plain draggable"> <div class="position-relative"> <a class="d-block shadow-xl border-radius-xl"> <img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/home-decor-2.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body px-1 pb-0"> <p class="text-gradient text-dark mb-2 text-sm">Project #1</p> <a href="javascript:;"> <h5> Scandinavian </h5> </a> <p class="mb-4 text-sm"> Music is something that every person has his or her own specific opinion about. </p> <div class="d-flex align-items-center justify-content-between"> <button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button> <div class="avatar-group mt-2"> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Nick Daniel"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-3.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Peterson"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-4.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Elena Morison"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-1.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Ryan Milly"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-2.jpg"> </a> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4 drop-zone"> <div class="card card-blog card-plain draggable"> <div class="position-relative"> <a class="d-block shadow-xl border-radius-xl"> <img src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/home-decor-3.jpg" alt="img-blur-shadow" class="img-fluid shadow border-radius-xl"> </a> </div> <div class="card-body px-1 pb-0"> <p class="text-gradient text-dark mb-2 text-sm">Project #3</p> <a href="javascript:;"> <h5> Minimalist </h5> </a> <p class="mb-4 text-sm"> Different people have different taste, and various types of music. </p> <div class="d-flex align-items-center justify-content-between"> <button type="button" class="btn btn-outline-primary btn-sm mb-0">View Project</button> <div class="avatar-group mt-2"> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Peterson"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-4.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Nick Daniel"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-3.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Ryan Milly"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-2.jpg"> </a> <a href="javascript:;" class="avatar avatar-xs rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Elena Morison"> <img alt="Image placeholder" src="https://demos.creative-tim.com/soft-ui-dashboard/assets/img/team-1.jpg"> </a> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4 drop-zone"> <div class="card h-100 card-plain border draggable"> <div class="card-body d-flex flex-column justify-content-center text-center"> <a href="javascript:;"> <i class="fa fa-plus text-secondary mb-3" aria-hidden="true"></i> <h5 class=" text-secondary"> New project </h5> </a> </div> </div> </div> </div> </div> </div> </div> </div>