cssfish

$(document).ready(function() {
  $('div br').replaceWith('\n');
  var text = $('div').text().trim();
   $('pre').text(text);
});

$(document).ready(function() {
  var text = $('div').html().trim().replace("<br>", "\n").replace("<p>", "").replace("</p>", "");
  $('pre').text(text);
});

$(document).ready(function() {
  var text = $('div').clone().find("br").replaceWith("\n").end().text().trim(); // clone чтоб документ не портить
  $('pre').text(text);
});

.project { display:none;}
.project.is-active { display:block;}

$(".button .title").on("click", function(){
 var ind = $(this).index();
 $(".project")
    .removeClass("is-active")
    .eq(ind).addClass("is-active");
  return false;
});

html, body { height: 100%;}
body { display: flex; }
main {
  min-width: 0;
  margin: auto;
}