Chapter 2
HTML Quick Start
2.5 The Flesh on an HTML Document
Except for the ,
, , and
tags, the HTML standard has few other required structural elements. You're free to include pretty much anything else in the contents of your document. (The web surfers among you know that HTML authors have taken full advantage of that freedom, too.) Perhaps surprisingly, though, there are only three main types of HTML content: tags (which we described previously), comments, and text.<br/></p><p><b>2.5.1 Comments<br/></b></p><p>Like computer-programming source code, a raw HTML document, with all its embedded tags, can quickly become nearly unreadable. We strongly encourage that you use HTML comments to guide your composing eye.<br/></p><p>Although it's part of your document, nothing in a comment, including the body of your comment that goes between the special starting tag "<!--" and ending tag delimiters "-->" gets included in the browser display of your document. Now you see a comment in the source, like in our simple HTML<br/></p><p><a>example, and now you don't on the display, as evidenced by our comment's absence in Figure 2.1.<br/></a></p><p>Anyone can download the source text of the HTML document and read the comments, though, so be<br/><a>careful what you write. [Comments, 3.4.3]<br/></a></p><p><b>2.5.2 Text<br/></b></p><p>If it isn't a tag or a comment, it's text. The bulk of content in most of your HTML documents - the part readers see on their browser displays - is text. Special tags give the text structure, such as headings, lists, and tables. Others advise the browser how the content should be formatted and displayed.<br/></p><p><b>2.5.3 Multimedia<br/></b></p><p>What about images and other multimedia elements we see and hear as part of our web browser displays? Aren't they part of the HTML document? No. The data that comprise digital images, movies, sounds, and other multimedia elements that may be included in the browser display are in documents separate from the HTML document. You include references to those multimedia elements via special tags in the HTML document. The browser uses the references to load and integrate other types of documents with your HTML text.<br/></p><p>We didn't include any special multimedia references in the previous example simply because they are separate, nontext documents you can't just type into a text processor. We do, however, talk about and<br/><img src="/files/05/57/56/f055756/public/index-35_1.png" /></p><p><img src="/files/05/57/56/f055756/public/index-35_2.png" /></p><p><img src="/files/05/57/56/f055756/public/index-35_3.png" /></p><p><img src="/files/05/57/56/f055756/public/index-35_4.png" /></p><p>give examples on how to integrate images and other multimedia in your HTML documents later in this chapter, as well as in extensive detail in subsequent chapters.<br/></p><p>2.4 HTML Skeleton<br/></p><p>2.6 HTML and Text<br/></p><p><img src="/files/05/57/56/f055756/public/index-36_1.png" /></p><p><img src="/files/05/57/56/f055756/public/index-36_2.png" /></p><p><img src="/files/05/57/56/f055756/public/index-36_3.png" /></p><p><a><b>Chapter 2<br/></b></a></p><p><a><b>HTML Quick Start<br/></b></a></p><p> <br/></p><p><b>2.6 HTML and Text<br/></b></p><p>Text-related HTML tags comprise the richest set of all in the standard language. That's because HTML emerged as a way to enrich the structure and organization of text.<br/></p><p>HTML came out of academia. What was and still is important to those early developers was the ability of their mostly academic, text-oriented documents to be scanned and read without sacrificing their ability to distribute documents over the Internet to a wide diversity of computer display platforms. (ASCII text is the only universal format on the global Internet.) Multimedia integration is something of an appendage to HTML, albeit an important one.<br/></p><p>And page layout is secondary to structure in HTML. We humans visually scan and decide textual relationships and structure based on how it looks; machines can only read encoded markings. Because HTML documents have encoded tags that relate meaning, they lend themselves very well to computer-automated searches and recompilation of content - features very important to researchers.<br/></p><p>It's not so much<br/><i>how<br/></i>something is said in HTML as<br/><i>what<br/></i>is being said.<br/></p><p>Accordingly, HTML is not a page-layout language. In fact, given the diversity of user-customizable browsers as well as the diversity of computer platforms for retrieval and display of electronic documents, all HTML strives to accomplish is to<br/><i>advise,<br/></i>not dictate, how the document might look when rendered by the browser. You cannot force the browser to display your document in any certain way. You'll hurt your brain if you insist otherwise.<br/></p><p><b>2.6.1 Appearance of Text<br/></b></p><p>For instance, you cannot predict what font and what absolute size - 8-or 40-point Helvetica, Geneva, Subway, or whatever - will be used for a particular user's text display. Okay, so the latest browsers now support HTML style sheets and other desktop publishing-like features that let you control the layout and appearance of your documents. But users may change their browser's display characteristics and override your carefully laid plans at will; quite a few of the older browsers out there don't support these new layout features; and some browsers are text-only with no nice fonts at all. What to do? Concentrate on content. Cool pages are a flash in the pan. Deep content will bring people back for more and more.<br/></p><p>Nonetheless, style does matter for readability, and it is good to include it where you can, as long as it doesn't interfere with content presentation. You can attach common style attributes to your text with<br/><i>physical style<br/></i>tags like the italic <i> tag in the simple example. More importantly and truer to the language's original purpose, HTML has<br/><i>content-based<br/></i>style tags that attach<br/><i>meaning<br/></i>to various text passages. And you can alter text display characteristics, such as font style and size, color, and so on, with Cascading Style Sheets.<br/></p><p>All of today's graphical browsers recognize the physical and content-related text style tags and change the appearance of their related text passage to visually convey meaning or structure. You just can't predict exactly what that change will look like.<br/></p><p><b>2.6.1.1 Content-based text styles<br/></b></p><p>Content-based style tags indicate to the browser that a portion of your HTML text has a specific usage or meaning. The <cite> tag in our simple example, for instance, means the enclosed text is some sort of citation - the document's author, in this case. Browsers commonly, although not universally,<br/><a>display the citation text in italic, not as regular text. [Content-based Style Tags, 4.4]<br/></a></p><p>While it may or may not be obvious to the current reader that the text is a citation, someday, someone might create a computer program that searches a vast collection of HTML documents for embedded <cite> tags and compiles a special list of citations from the enclosed text. Similar software agents already scour the Internet for HTML-embedded information to compile listings, such as the infamous Webcrawler and the AltaVista database of web sites.<br/></p> </div>
<div class="col-xs-12 text-left pagination-container">
<ul class="pagination"><li class="prev"><a href="/book/read-online-html-the-definitive-guide-free/page-12" data-page="11">«</a></li>
<li class="first"><a href="/book/read-online-html-the-definitive-guide-free" data-page="0">1</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-5" data-page="4">5</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-8" data-page="7">8</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-9" data-page="8">9</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-10" data-page="9">10</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-11" data-page="10">11</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-12" data-page="11">12</a></li>
<li class="active"><a href="/book/read-online-html-the-definitive-guide-free/page-13" data-page="12">13</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-14" data-page="13">14</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-15" data-page="14">15</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-16" data-page="15">16</a></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-17" data-page="16">17</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/book/read-online-html-the-definitive-guide-free/page-90" data-page="89">90</a></li>
<li class="disabled"><span>...</span></li>
<li class="last"><a href="/book/read-online-html-the-definitive-guide-free/page-163" data-page="162">163</a></li>
<li class="next"><a href="/book/read-online-html-the-definitive-guide-free/page-14" data-page="13">»</a></li></ul> </div>
<div class=""><div class="col-xs-12"><h2>Other books</h2></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-none-20422-free">none</a></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-troubles-child-free">Trouble's Child</a> by <span>Walter, Mildred Pitts; </span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-bait-a-dark-erotic-thriller-hunter-prey-book-2-free">Bait: A dark erotic thriller (Hunter & Prey Book 2)</a> by <span>Barker, Kira</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-romance-claimed-by-the-forbidden-vampire-alpha-male-paranormal-shifter-menage-romance-werewolf-vampires-interracial-pregnancy-novel-free">ROMANCE: Claimed By The Forbidden Vampire (Alpha Male Paranormal Shifter Menage Romance) (Werewolf Vampires Interracial Pregnancy Novel)</a> by <span>Tatiana Jones</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-love-or-money-119869-free">Love or Money</a> by <span>Elizabeth Roderick</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-troy-rising-1-live-free-or-die-free">Troy Rising 1 - Live Free or Die</a> by <span>Ringo, John</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-wild-bride-free">Wild Bride</a> by <span>Jill Sanders</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-the-house-of-mirth-free">The House of Mirth</a> by <span>Edith Wharton</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-clear-water-free">Clear Water</a> by <span>Amy Lane</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-225.7911" y1="273.675" x2="258.4989" y2="273.675" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_1_);" d="M431.21,483.625H80.791c-16.815,0-30.445-13.631-30.445-30.445V30.445
C50.345,13.631,63.976,0,80.791,0h350.42c16.815,0,30.445,13.631,30.445,30.445v422.734
C461.656,469.994,448.024,483.625,431.21,483.625z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="229.0494" y1="-58.9265" x2="117.5394" y2="52.5835" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);" points="182.089,483.625 154.009,455.545 94.004,455.545 94.004,483.625 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="254.8089" y1="83.693" x2="254.8089" y2="28.273" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_3_);" d="M421.848,470.705H79.115c-9.82,0-17.781-7.961-17.781-17.781V41.739
c0-15.916,12.902-28.819,28.819-28.819h331.696c15.916,0,28.819,12.902,28.819,28.819v400.147
C450.667,457.802,437.764,470.705,421.848,470.705z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="128.8676" y1="481.5302" x2="354.4676" y2="117.1603" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F"/>
<stop offset="1" style="stop-color:#8AA753"/>
</linearGradient>
<path style="fill:url(#SVGID_4_);" d="M431.211,0H80.791C63.976,0,50.345,13.631,50.345,30.445v422.478h10.988l0,0
c0-9.378,7.602-16.979,16.979-16.979H431.21c16.815,0,30.445-13.631,30.445-30.445V30.445C461.656,13.631,448.024,0,431.211,0z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="254.8084" y1="58.813" x2="254.8084" y2="80.483" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<path style="fill:url(#SVGID_5_);" d="M431.211,435.944H78.312c-9.373,0-16.971,7.595-16.979,16.966v0.014
c0,9.82,7.961,17.781,17.781,17.781h342.734c15.916,0,28.819-12.902,28.819-28.819v-12.974
C445.391,433.302,438.61,435.944,431.211,435.944z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="230.414" y1="8.8122" x2="172.72" y2="120.3222" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#B8DE6F;stop-opacity:0"/>
<stop offset="1" style="stop-color:#4B7104"/>
</linearGradient>
<path style="fill:url(#SVGID_6_);" d="M79.114,470.706c-9.82,0-17.778-7.958-17.778-17.778c0-4.688,1.895-8.935,4.972-12.011
c3.065-3.065,7.312-4.972,12-4.972h47.306V0H80.791C63.976,0,50.345,13.63,50.345,30.445v422.734
c0,16.815,13.631,30.445,30.445,30.445h44.823v-12.919H79.114V470.706z"/>
<g>
<path style="fill:#FFFFFF;" d="M371.802,101.1H161.307c-4.032,0-7.3-3.268-7.3-7.3V83.301c0-4.032,3.268-7.3,7.3-7.3h210.494
c4.032,0,7.299,3.268,7.299,7.3V93.8C379.101,97.832,375.833,101.1,371.802,101.1z"/>
<path style="fill:#FFFFFF;" d="M317.951,146.51H215.157c-4.032,0-7.299-3.268-7.299-7.299v-10.499c0-4.032,3.268-7.3,7.299-7.3
h102.796c4.032,0,7.3,3.268,7.3,7.3v10.499C325.251,143.243,321.983,146.51,317.951,146.51z"/>
</g>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="265.3214" y1="209.633" x2="265.3214" y2="2.133" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB"/>
<stop offset="1" style="stop-color:#F1DACB"/>
</linearGradient>
<path style="fill:url(#SVGID_7_);" d="M364.038,377.415H169.071c-8.318,0-15.063-6.743-15.063-15.063v-56.719
c0-8.319,6.743-15.063,15.063-15.063h194.967c8.319,0,15.063,6.743,15.063,15.063v56.719
C379.101,370.672,372.357,377.415,364.038,377.415z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="203.8669" y1="-27.309" x2="117.1669" y2="59.391" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FFF2EB;stop-opacity:0"/>
<stop offset="1" style="stop-color:#D3B4A0"/>
</linearGradient>
<polygon style="fill:url(#SVGID_8_);" points="169.168,470.705 154.009,455.545 94.004,455.545 94.004,470.705 "/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="123.3299" y1="58.463" x2="123.3299" y2="-32.907" gradientTransform="matrix(1.0039 0 0 -1.0039 0.1922 516.5609)">
<stop offset="0" style="stop-color:#FCC344"/>
<stop offset="1" style="stop-color:#F7AE3D"/>
</linearGradient>
<path style="fill:url(#SVGID_9_);" d="M146.114,511.368l-19.591-10.378c-1.574-0.834-3.461-0.834-5.035,0l-19.591,10.378
c-3.581,1.897-7.895-0.699-7.895-4.752v-51.07h60.004v51.07C154.009,510.668,149.695,513.264,146.114,511.368z"/>
</svg>
<div><a href="/book/read-online-to-beguile-a-beast-free">To Beguile a Beast</a> by <span>Elizabeth Hoyt</span></div></div></div>
<!--er-->
</div>
</div>
<div class="row" style="margin-top: 15px;">
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="pull-left">
© READ ONLINE FREE BOOKS 2015 - 2024 Contact for me redstone2016@yeah.net <a href="https://genres.read-online-books.com">genres read online books</a>
<a href="https://lit.read-online-books.com">lit read online books</a>
<a href="https://fiction.read-online-books.com">fiction read online books</a>
<a href="https://files.read-online-books.com">files read online books</a>
<a href="https://wiki.read-online-books.com">wiki read online books</a>
<a href="https://novels.read-online-books.com">novels read online books</a>
<a href="https://free.read-online-books.com">free read online books</a>
</p>
<p class="pull-right">
<!--LiveInternet counter-->
<script type="text/javascript">
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
</script>
<!--/LiveInternet-->
</p>
</div>
</footer>
<script src="/assets/ba91f165/jquery.js?v=1529425591"></script>
<script src="/assets/618ab67e/yii.js?v=1529414259"></script>
<script src="/js/site.js?v=1722099411"></script>
<script src="/assets/5e1636ad/js/bootstrap.js?v=1529424553"></script>
</body>
</html>
