How to embed a Juicebox gallery into About page?

Thanks for your help, but it's still not clear exactly where I must place all the gallery files that I created. Is it inside the jbcore folder or just inside the "about" folder?

To answer my own question and for any poor suckers like me out there, here's where to paste the "start juicebox embed" code, after the div class "profile image". This will place your gallery image on the right of the text where the photo would usually go. Looks like this: 
</ul>
        </nav>
      </header>
      <section class="content">
        <section class="about">
        <div class="profile-image">         <h1><!--START JUICEBOX EMBED--><script src="jbcore/juicebox.js"></script><script>
new juicebox({
containerId : "juicebox-container",
galleryWidth: "80%",
galleryHeight: "80%",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container">
    &nbsp;</div>
<!--END JUICEBOX EMBED-->

If using the Boma theme, try adding the following to the '_themes/boma/css/custom.css' file:

p,ul,ol,h1,h2,h3,h4,h5,h6 {
    max-width: 540px;
}

... changing the 'max-width' value as appropriate (although this will affect more than just the 'About' page).

If using the Kosel theme, try adding the following to the '_themes/kosel/css/custom.css' file:

div.profile {
    max-width: 560px;
}

... changing the 'max-width' value as appropriate.