customize my Arabic wordpress custome post type (Front End) to be the same provided image

Hello i have a custom post type on my wordpress website and i want to make a custom view for it on the Front end . i already can view all the custom post type informations and meta boxs on the post all i need to make its look like the image provided . i am dealing with bootstrap for css and html , but you can do your own custom css file and HTML tags no problem(but should be responsive) . website url : [login to view URL] i will provide you with template files and you can work on it locally then resend it to me , or i can provide you with online web host to test it . current page layout : [login to view URL] and you can see all the information i need is ready and included needed layout : see attachments , and don't forget content section as its not included on this image. as you can see its easy job and should not take so time its just one page html and css work. i have many tasks for this website but i will start with this one , so maybe you will have a big chance to continue on the other tasks if this one was completed perfectly .