necesito crear solo una pagina que sea la bandeja de mensajes de correos, este debe tener dos columnas, en la primera columna van a estar la lista de mensajes que se han enviado y cuando dea click en alguno de ello pueda ver el contenido en la segunda columna

html
    <div class="container" id="main">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    carlos
                </div>
                <div class="card-body">
                    <h5 class="card-title">Special title treatment</h5>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                    <a href="#" class="btn btn-primary">Go somewhere</a>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    carlos
                </div>
                <div class="card-body">
                    <h5 class="card-title">Special title treatment</h5>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                    <a href="#" class="btn btn-primary