Basic

---

<div class="container-fluid" id="title-page">
	<div class="row">
		<div class="col-md-12 intro">
			LOREM IPSUM
		</div>
		<div class="col-md-12 title">
			<h1> Book Title</h1>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
		<img alt="Image" src="https://resources.icampus21.com/book-templates/basic/image1.jpg" />
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<p>Dolor sit amet </p>
		</div>
	</div>
</div>

<div class="container-fluid" id="section-page">
	<div class="row">
		<div class="col-md-6 left">
			<div class="col-md-12 intro">
				Section 1
			</div>
			<div class="col-md-12 title">
				<h1> Untitled</h1>
			<p>&nbsp;</p>
			</div>
			<div class="col-md-12 left-list">
			LOREM IPSUM
			<hr>
			<ol>
				<li>Lorem ipsum dolor sit amet</li>
				<li>Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst.</li>
				<li>Suspendisse congue metus tortor, vel finibus lorem fringilla ut. Quisque mollis est dictum justo accumsan, sed congue justo interdum.</li>
			</ol>
			</div>
			<br />
			<div class="col-md-12 left-list">
			Table of contents
			<hr>
			<ol>
				<li><a href="https://moodledemo.icampus21.com/mod/book/view.php?id=126&chapterid=219">Chapter 1</a></li>
				<li><a href="https://moodledemo.icampus21.com/mod/book/view.php?id=126&chapterid=220">Chapter 2</a></li>
				<li><a href="https://moodledemo.icampus21.com/mod/book/view.php?id=126&chapterid=221">Chapter 3</a></li>
			</ol>
			</div>
		</div>


		<div class="col-md-6">
			<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae tellus aliquet, lobortis nunc sit amet, viverra leo. Integer ut purus sed lacus fermentum rutrum. Praesent vestibulum risus vitae ex tristique, sit amet pulvinar dui sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
			</p><p>
			Maecenas porta, nisl at pulvinar sodales, lorem erat sodales lacus, nec porttitor ante ante non augue. 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. Vivamus convallis dolor sed ultricies malesuada. Curabitur iaculis euismod elementum. 
			</p><p>
			In purus odio, suscipit id imperdiet id, vestibulum eget sem. Pellentesque ac porta augue. Aliquam erat volutpat. Phasellus quis convallis turpis. Phasellus scelerisque massa sed turpis viverra tempor. 
			</p>
			<p>
			In purus odio, suscipit id imperdiet id, vestibulum eget sem. Pellentesque ac porta augue. Aliquam erat volutpat. Phasellus quis convallis turpis. Phasellus scelerisque massa sed turpis viverra tempor. 
			</p>
		</div>
		
		</div>		
</div>	

<div class="container-fluid" id="chapter-page">
	<div class="row">
		<div class="col-md-6 left">
			<div class="col-md-12 intro">
				Chapter 1
			</div>
			<div class="col-md-12 title">
				<h1> Untitled</h1>
			</div>
			<div class="col-md-12">
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, ed iaculis posuere diam ut cursus metus nunc consequat lectus, id bibendum diam velit et dui. Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. 
				</p>
				
			</div>
		</div>
		<div class="col-md-6">
			<img alt="Image " src="https://resources.icampus21.com/book-templates/basic/image1.jpg" />
		</div>
		
		</div>		
</div>	

<div class="container-fluid" id="basic-page">
	<div class="row">
		<div class="col-md-6">
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui. Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.
			</p>
		</div>
		<div class="col-md-6">
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui. Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.
			</p>
		</div>
	</div>
</div>