Craft
Title page
<div class="container-fluid" id="t3-title-page">
<div class="row title-container">
<div class="col-md-12">
<h4>Lorem Ipsum</h4>
<h1>BOOK TITLE</h1>
</div>
<div class="col-md-12">
<img alt="Image" src="https://resources.icampus21.com/book-templates/craft/chapter-img5.jpg" class="img-thumbnail">
</div>
<div class="col-md-12">
<h3>SUSPENDISSE POTENTI</h3>
</div>
</div>
</div
Section page
<div class="container-fluid" id="t3-section-page">
<div class="row section-container">
<div class="col-md-3 col-left">
<h5>Lorem Ipsum</h5>
<ol>
<li>Aliquam turpis tellus. Id malesuada lectus. Suspendisse potenti. Etiam felis nisl, cursus bibendum tempus nec. Aliquam at turpis tellus.</li>
<li>Id malesuada lectus. Suspendisse potenti. Etiam felis nisl, cursus bibendum tempus nec, aliquet ac magna. Pellentesque a tellus.</li>
<li>Etiam nec dictum quam, id tristique tortor. Etiam ut aliquam arcu. Phasellus vehicula ultricies est ut bibendum. Pellentesque sagittis arcu congue metus auctor, non fringilla est laoreet.</li>
<li>Suspendisse congue metus tortor, vel finibus lorem fringilla ut. Quisque mollis est dictum justo accumsan, sed congue justo interdum.</li>
</ol>
</div> <!--END col left-->
<div class="col-md-9 col-right">
<div class="col-md-12 section-name">
<h3>Section 1</h3>
<hr>
</div>
<div class="col-md-12">
<img alt="Image" src="https://resources.icampus21.com/book-templates/craft/t3-3.jpg" class="img-thumbnail">
</div>
<div class="row text">
<div class="col-md-12">
<h2> Untitled</h2>
</div>
<div class="col-md-6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu molestie odio, sed euismod arcu. Vivamus et tellus lorem. Fusce metus lacus, euismod in condimentum a, suscipit quis metus. Nullam non sollicitudin justo in hendrerit egestas. Etiam molestie mi quis ante suscipit, sed mattis ex tincidunt. Sed et diam ligula. Proin euismod, lacus et rutrum imperdiet, sapien est laoreet sagitis baucibus enim, sed commodo mauris
</p><p>
</p>
</div>
<div class="col-md-6">
<p>
a lectus eget, tempor egestas est. In tempus scelerisque efficitur. Cras fringilla pretium erat sed mollis. Maecenas ut sollicitudin tellus, ut sagittis nibh. Donec sit amet elit placerat urna semper sollicitudin eget non nisi. In mattis faucibus magna quis placerat. Aenean sit amet egestas orci, volutpat pellentesque diam. Maecenas commodo dolor ultricies interdum maximus. Morbi ut eros efficitur, convallis eros eu, fringilla velit.
</p>
</div>
</div><!--END col right 2 cols right-->
</div> <!--END col right-->
<div class="col-md-12 page-number">2</div>
</div>
</div>
Chapter page
<div class="container-fluid" id="t3-chapter-page">
<div class="row chapter-container">
<div class="col-md-12 chapter-name">
<h3>CHAPTER 1</h3>
<hr>
<h1>UNTITLED</h1>
</div>
<div class="row chapter-row">
<div class="col-md-4">
<img alt="Image" src="https://resources.icampus21.com/book-templates/craft/chapter-img1.jpg" class="img-thumbnail" style="height:360px;">
</div>
<div class="col-md-8">
<img alt="Image" src="https://resources.icampus21.com/book-templates/craft/chapter-img2.jpg" class="img-thumbnail" style="height:360px;">
</div>
</div>
<div class="row chapter-row">
<div class="col-md-6 chapter-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu molestie odio, sed euismod arcu. Vivamus et tellus lorem. Fusce metus lacus, euismod in condimentum a, suscipit quis metus. Cras fringilla pretium erat sed mollis. Maecenas ut sollicitudin tellus, ut sagittis nibh. Donec sit amet elit placerat urna semper sollicitudin eget non nisi. Nullam non sollicitudin justo in hendrerit egestas. Etiam molestie mi quis ante suscipit, sed mattis ex tincidunt. Sed et diam ligula. Proin euismod, lacus et rutrum imperdiet, sapien est laoreet sagitis.
</p>
</div>
<div class="col-md-6">
<img alt="Image" src="https://resources.icampus21.com/book-templates/craft/chapter-img3.jpg" class="img-thumbnail">
</div>
</div>
</div>
</div>
Simple page
<div class="container-fluid" id="t3-basic-page">
<div class="row text">
<div class="col-md-6 col-left">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu molestie odio, sed euismod arcu. Vivamus et tellus lorem. Fusce metus lacus, euismod in condimentum a, suscipit quis metus. Nullam sollicitudin justo in hendrerit egestas. Etiam molestie mi quis ante suscipit, sed mattis ex tincidunt. Sed et diam ligula. Proin euismod, lacus et rutrum imperdiet, sapien est laoreet enim, sed commodo mauris sem sit amet odio. Vivamus sit amet auctor urna. Fusce a metus et dolor blandit finibus sed et metus. Pellentesque sagittis venenatis aliquam. Maecenas egestas erat et elit pulvinar, eu lacinia velit auctor. Integer dignissim nulla ac accumsan dapibus. Mauris fermentum magna non felis consequat ornare.
</p><p>
Vivamus lacus massa, cursus ut varius nec, gravida consequat magna. Phasellus rutrum massa non condimentum lacinia. Integer pharetra odio erat, ut tristique odio ullamcorper ac. Vestibulum sodales facilisis tortor, vitae ultrices eros porttitor ac. Vivamus egestas dui vel commodo fermentum. Nam a nulla luctus, efficitur elit ut, dignissim metus. Quisque sodales bibendum posuere. Morbi in condimentum magna. Mauris maximus lacinia eleifend. Curabitur at lacinia massa. Curabitur tincidunt nunc vel leo tincidunt, egestas sollicitudin nunc vestibulum. Morbi quis tincidunt quam, rhoncus interdum eros. Quisque congue dignissim nibh, vel luctus nisi ornare ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi pretium, libero non pulvinar tincidunt, velit massa interdum arcu, eleifend maximus arcu ipsum eu lacus. Curabitur tincidunt porta mauris, in malesuada erat.
</p><p>
</p>
</div>
<div class="col-md-6 col-right">
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus interdum neque eu dui luctus consectetur. Vivamus nunc magna, vestibulum a lectus eget, tempor egestas est. In tempus scelerisque efficitur. Cras fringilla pretium erat sed mollis. Maecenas ut sollicitudin tellus, ut sagittis nibh. Donec sit amet elit placerat urna semper sollicitudin eget non nisi. In mattis faucibus magna quis placerat. Aenean sit amet egestas orci, volutpat pellentesque diam. Maecenas commodo dolor ultricies interdum maximus. Morbi ut eros efficitur, convallis eros eu, fringilla velit. Duis sed lorem felis.
</p><p>
Aliquam pulvinar velit at mauris lobortis, eu facilisis orci malesuada. Maecenas tincidunt, sem quis dictum semper, dui lorem dapibus eros, sit amet lobortis lectus nisi eget arcu. Vestibulum a nisl placerat, convallis augue nec, dapibus erat. Mauris ullamcorper scelerisque magna ut volutpat. Nullam ipsum libero, ultricies dapibus mi in, congue porttitor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam non turpis sit amet sem faucibus pulvinar fermentum vitae risus. Maecenas volutpat dictum ex, id imperdiet mi venenatis vitae. Donec vulputate molestie felis, vitae placerat ante finibus sit amet. Etiam finibus lacus vel diam rhoncus semper. Sed sodales scelerisque elit, vel vehicula nisi placerat vitae. Nullam mattis dui vel erat euismod mollis. Quisque ut arcu quam. Aenean in gravida nibh, eget posuere sem. Cras vehicula blandit nisl, quis fringilla eros scelerisque nec. Suspendisse arcu odio, pharetra eget finibus nec, pretium et mauris.
</p>
</div>
<div class="col-md-12 page-number">3</div>
</div>
</div>