<div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
  

    
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>

  

    
   
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
    
  

    
   
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
    
  

    
   
   <div >
   <div >
   <div >
    <h5>کارت ثانویه</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
   </div>
   </div>
    
  

    

   <div >
   <div >
   <div >
    <h5>کارت ثانویه</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
   </div>
   </div>

  

    

   <div >
   <div >
   <div >
    <h5>کارت موفقیت</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
   </div>
   </div>

  

    

   <div >
   <div >
   <div >
    <h5>کارت خطرناک</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
   </div>
   </div>
   </div>

  

    
   
     <div >
    <div >
    <div >
      <h5>کارت حاشیه دار</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
    </div>
    </div>
    </div>
    
  

    

     <div >
    <div >
    <div >
      <h5>کارت حاشیه دار</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
    </div>
    </div>
    </div>

  

    
   
    <div >
    <div >
    <div >
      <h5>کارت روشن</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
    </div>
    </div>
    </div>
    
  

    

    <div >
     <div >
    <div >
      <h5>کارت روشن</h5>
    </div>
    <div >
    <h6>متن کارت</h6>
    <p>...</p>
    </div>
    </div>
    </div>