beginning of cards ui