Я делаю это довольно часто, но боюсь, что вам, вероятно, придется использовать JavaScript.
В модале вы сначала покажете только первую «страницу» и у вас будет несколько скрытых элементов div, содержащихВаши дополнительные «страницы».
Для начала добавьте «скрытый» класс на дополнительные страницы, чтобы они отображали: нет.
Когда пользователь нажимает «На вторую страницу», выскрыть отображаемый в данный момент div, добавив в него скрытый класс.Затем вы удаляете «скрытый» класс из div / страницы, которую вы хотите отобразить, делая его видимым.
Ваша структура HTML:
<div class="page-one">
Page One
</div>
<div class="page-two hidden">
Page Two
</div>
Тогда, возможно, какой-то jQuery, как это для каждой кнопки:
$(".btn-show-page-two").on( "click", function() {
$(".page-one").addClass("hidden");
$(".page-two").removeClass("hidden");
});