22. Chapter Layout 1

<div style="background-image:url(https://78.media.tumblr.com/c8619bbbc5c9d088a875d1cb1812442c/tumblr_oyl9h0CnKm1w3lwi2o1_1280.jpg);background-attachment:fixed;width:900px;float:left;">
<div style="background-color:transparent;width:800px;float:left;margin-left:50px;margin-bottom:20px;">
<div style="background-color: #FF90AB; width: 800px; margin-top: 30px; float: left; height: 50px; text-transform: uppercase; text-align: center;"><span style="color:#4d4a4b;"><span style="font-family:Trebuchet MS;"><span style="font-size:28px;">chapter 01: title</span></span></span></div>

<div style="background-color:transparent; width: 800px; margin-top: 1px; float: left;">
<div style="background-color: transparent;width:780px;margin-left:10px;margin-top:10px;margin-bottom:10px;float:left; text-align: justify;line-height:110%;"><span style="color:#4d4a4b;"><span style="font-family:Helvetica;"><span style="font-size:12px;">&nbsp;</span><span style="font-size:14px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est eros, varius ut scelerisque non, placerat et libero. Nulla et leo at nulla rutrum posuere. In nunc magna, iaculis eget finibus ac, vulputate vitae dolor. Praesent vitae tristique dolor, eget mollis leo. Phasellus mi purus, pellentesque sed nulla non, fermentum volutpat lectus.</span></span><br />
<br />
<span style="font-family:Helvetica;"><span style="font-size:14px;">Fusce tempor elementum vehicula. Morbi sit amet sodales purus, eget rutrum justo. Suspendisse nec venenatis dolor. Fusce ut nibh eu ligula facilisis consectetur in vel lorem. Integer id aliquam lorem. Suspendisse non tellus non erat commodo ultricies ac sit amet nisl. Donec porttitor justo ligula, eget consectetur turpis hendrerit nec. Vivamus volutpat orci quis arcu semper eleifend ut rhoncus dolor. Vivamus laoreet enim eu tellus pellentesque, nec varius ipsum iaculis. Curabitur nulla est, maximus ut varius at, aliquam at quam.</span></span><br />
<br />
<span style="font-family:Helvetica;"><span style="font-size:14px;">Sed lobortis lacus libero, sit amet dapibus risus aliquet sed. In quis venenatis justo, nec pharetra lorem. Integer tortor ante, facilisis nec pretium sit amet, aliquam ut mi. Fusce leo magna, varius ac lacus consequat, tempor feugiat magna. Curabitur aliquet id metus quis fringilla. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In id fermentum ipsum, eu mattis lectus. Duis pharetra viverra efficitur.</span></span><br />
<br />
<span style="font-family:Helvetica;"><span style="font-size:14px;">Fusce sit amet aliquam mauris. Vivamus vitae aliquet sapien, nec interdum risus. Ut cursus posuere sapien at viverra. Cras non varius est. In eget nulla ut mauris condimentum gravida. Aenean id ante id mauris aliquet faucibus id posuere velit. Phasellus maximus feugiat felis non ultricies. Suspendisse potenti.</span></span></span></div>
</div>

<div style="background-color: #FFCCD1;width:600px;margin-top:1px;float:left;height:130px;">
<div style="background-color: transparent;width:590px;margin-left:5px;margin-top:5px;margin-bottom:5px;float:left; line-height:110%;"><span style="color:#4d4a4b;"><span style="font-family:Helvetica;"><span style="font-size:14px;"><strong>AUTHOR&#39;S NOTE:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est eros, varius ut scelerisque non, placerat et libero. Nulla et leo at nulla rutrum posuere. In nunc magna, iaculis eget finibus ac, vulputate vitae dolor.</span></span></span></div>
</div>

<div style="background-color:#FFCCD1;width:199px;margin-top:1px;margin-left:1px;float:left;height:130px;line-height:110%;">
<div style="background-color: transparent;width:189px;margin-left:5px;margin-top:5px;margin-bottom:5px;float:left; text-align: justify;line-height:110%;"><span style="color:#4d4a4b;"><span style="font-size:14px;"><span style="font-family:Helvetica;"><strong>DATE UPDATED:</strong><br />
00.00.00<br />
<br />
<strong>WORD&#39;S COUNTED:</strong><br />
000 Words</span></span></span></div>
</div>
</div>
</div>