implemented card ui view