SQL query with bootstrap cards

Question

Good times

I've question how to retrive data from sql Table and show it seperatly in Bootstrab cards.

 

Second question:Is this a right way to use SQLDATASOURCE in same page or use CLASS Method to retrive data.

 

That is a screen shot about my example.

 

thanks