E : This email address is being protected from spambots. You need JavaScript enabled to view it.  • T : 01594 811100

Design & Features

Audio Books - Fairy Tales - 6 Titles

Consequuntur magni dolores eos q ratione voluptate sequi nes neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. Voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam qui dolorem ipsum.

CD BOOKS - ALADDIN
AUDIO BOOKS - ALADDIN - AGES 3+
CD BOOKS - SLEEPING BEAUTY
AUDIO BOOKS - SLEEPING BEAUTY - AGES 3+
CD BOOKS - THE PRINCESS & THE PEA
AUDIO BOOKS - THE PRINCESS & THE PEA - AGES 3+
CD BOOKS - THE EMPEROR'S NEW CLOTHES
CD BOOKS - THE EMPEROR'S NEW CLOTHES - AGES 3+
CD BOOKS - PUSS IN BOOTS
AUDIO BOOKS - PUSS IN BOOTS - AGES 3+
CD BOOKS - THE ELVES AND THE SHOEMAKER
AUDIO BOOKS - THE ELVES AND THE SHOEMAKER - AGES 3+

 

Fairy Tales CD Book Specifications

Size :
  165mm x 210mm x 5mm   Materials :
   
Extent :
  24pp + Cover   Text :
  100gsm White Woodfree Paper
Cover :
  450gsm CCNB   Binding :
  Single Sewn, Covering, Diecutting to Handle
Display Box :
  32 Books Assorted   Carton :
  2 Display Boxes

 

Slipcase Specifications

Size :
  167mm x 221mm x 35mm   Material :
  450gsm CCNB
Print :
  4C + Foiling        

Terms & Conditions

BEFORE USING THIS WEB SITE PLEASE READ THE TERMS OF USE SET FORTH BELOW. BY USING THIS WEB SITE YOU AGREE TO BE BOUND BY THESE TERMS OF USE. BK BOOKS LTD ("WE") RESERVE THE RIGHT TO REVISE THE TERMS OF USE AT ANY TIME WITHOUT NOTICE AND, BY USING THIS SITE SUBSEQUENT TO THE REVISION OF THE TERMS OF USE, YOU AGREE TO BE BOUND BY SUCH CHANGES. IF YOU FIND THE TERMS OF USE TO BE UNACCEPTABLE, YOU MUST IMMEDIATELY TERMINATE YOUR USE OF THIS WEB SITE.

1. No Representation or Warranty
1.1 The documents, graphics and images published at this Web Site could include inaccuracies or typographical errors. Additionally, we reserve the right to modify the information contained in this Web Site without notice. We make no commitment, however, to update the information contained in this Web Site. Consequently TO THE EXTENT PERMITTED BY LAW, INFORMATION ON THIS WEB SITE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.

1.2 This site may contain links to other Web Sites which are completely independent of this Web Site. We make no representation or warranty as to the accuracy, completeness or authenticity of the information or opinions contained in any such linked Web Site, and any link to another Web Site shall not in any manner be construed as an endorsement by us of that Web Site, or of the products or services described therein.

1.3 Users of this Web Site should not rely upon opinions expressed at this Web Site when making business, financial, personal or other decisions. Additionally, we do not endorse the opinions of third parties expressed on linked Web Sites.

2. Confidentiality
Your confidential use of this site cannot be guaranteed by us. We shall not be responsible for any harm that you or any person may suffer as a result of a breach of confidentiality in respect to your use of this site.

3. Limitation of Damages
3.1 IN NO EVENT WILL WE, OUR OFFICERS, EMPLOYEES, CONTRACTORS, SUBCONTRACTORS, SUPPLIERS, AGENTS, AFFILIATES, SUBSIDIARIES, SUCCESSORS OR ASSIGNS BE LIABLE TO ANY PARTY FOR ANY DIRECT, INDIRECT, OR OTHER CONSEQUENTIAL LOSS FOR ANY USE OF THIS WEB SITE, OR USE OF ANY OTHER LINKED WEBSITE, EVEN IF WE ARE EXPRESSLY ADVISED OF THE POSSIBILITY OF SUCH LOSS. THE TERM "LOSS" INCLUDES, WITHOUT LIMITATION, LEGAL FEES, ANY LOST PROFITS, BUSINESS INTERRUPTION AND LOSS OF PROGRAMMES OR OTHER DATA ON YOUR INFORMATION HANDLING SYSTEM.

4. Ownership
All right, title and interest (including all copyrights, trademarks and other intellectual property rights) in this Web Site belong to us. In addition, the names, images and other indicia identifying our products and services are our proprietary marks. All other copyrights, trademarks and other intellectual property rights referred to in this Web Site belong to their respective owners.

5. License
5.1 Except as expressly provided in clause 5.2, nothing contained in this Web Site shall be construed as conferring any licence or right, expressly, by implication, by estoppel or otherwise, under any of our intellectual property rights, or under any third party's intellectual property rights, and no part of this Web Site may be reproduced, republished, copied, transmitted, or distributed in any form or by any means.

5.2 You are hereby granted a nonexclusive, nontransferable, limited licence to view, reproduce, print, and distribute materials retrieved from this Web Site provided (a) such materials are used only for informational, non-commercial purposes, and (b) you do not remove or obscure the copyright notice or other notices.

6. Linking to this web site
6.1 You may provide links to this Web Site provided (a) you do not remove or obscure the copyright notice, or other notices on this Web Site, (b) you discontinue providing a link to this Site if instructed to do so by us.

7. Governing Laws in Case of Dispute
7.1 These Terms of Use shall be governed by and construed in accordance with the laws of England and Wales as they apply to agreements made and solely performed therein. All disputes arising from these Terms of Use shall be exclusively subject to the jurisdiction of the Courts of England and Wales.

8. Cancellation & Refunds
8.1 We shall not entertain cancellations after 3 working days from purchase date. This is due to the fact that once access has been gained the data is downloadable. Any cancellation within 3 days will have to be done in writing to This email address is being protected from spambots. You need JavaScript enabled to view it. and the subscriber would be entitled to a refund of 50% of the purchase price.

9. Severability
9.1 These Terms of Use incorporate by reference any notices contained on this Web Site and constitute the entire agreement with respect to your access to and use of this Web Site. Any provision of these Terms of Use which is determined by a court of competent jurisdiction to be unenforceable in any jurisdiction shall be severable from these Terms of Use in that jurisdiction without in any way invalidating the remaining provisions of these Terms of Use. The unenforceability of any provision in a given jurisdiction shall not make that provision unenforceable in any other jurisdiction.

 

JSN Nuru was developed with extreme focus on typography and we believe it provides the most comprehensive content presentation capability. Headings, text, links, tables, images, everything was designed with high level of refinement. Let's take a look.

Headings

This is an H1 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is an H2 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is an H3 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is an H4 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is an H5 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is an H6 Header

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.


Text columns

You can arrange content in multiple columns by using very simple html code. JSN Nuru will detect the amount of columns you defined and automatically make arrangement.

Usage: <div class=”grid-layout”><div>Text in column 1</div><div>Text in column 2</div></div>

Content arranged in 2 columns

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Content arranged in 3 columns

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Content arranged in 4 columns

Text column

At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Text column

At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Content arranged in 5 columns

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

Text column

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.


Text styles

Preformatted text (<pre> tag)


div.grid-layout2 div.grid-col {
 float: left;
 width: 49.95%;
}
div.grid-layout3 div.grid-col {
 float: left;
 width: 33.3%;
}

Quote text (<blockquote> tag)

You can us this style to quote somebody's speech, idea or a fragment from some book, articles, etc. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <blockquote>This is your quote</blockquote>

Drop Cap

You can use this special drop cap symbol style for magazine / newspaper text paragraph. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-dropcap">This is the text with dropcap symbol.</p>

Highlighted Text

You can use this style to highlight important words and / or keyword expression in search result page. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <span class="text-highlight">This is the text to be highlighted.</span>

Highlighted Text on mouse over

You can use this style to highlight important text block on mouse over. Just roll mouse over this text block to see how it's highlighted.

Usage: <div class="text-box-highlight">This is the text to be highlighted.</div>

You can use this style to highlight important text block on mouse over. Just roll mouse over this text block to see how it's highlighted.

Usage: <div class="text-box-highlight">This is the text to be highlighted.</div>

Alert Text

You can use this style for alert or warning text paragraph requiring user's attention. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-alert">This is text that requires user's attentions.</p>

Info Text

You can use this style for regular information text paragraph that does not require much user's attentions. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-info">This is your d text.</p>

Download Text

You can use this style for information text paragraph related to download process. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-download">This is download related text.</p>

Tip Text

You can use this style for useful information like tips, hint or help text. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-tip">This is yourtip hint or help text.</p>

Comment Text

You can use this style for comment text paragraph. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-comment">This is your comment text.</p>

Attachment Text

You can use this style for information text paragraph related to attachment file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-attachment">This is your attachment related text.</p>

Video Text

You can use this style for description text paragraph that related to video file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-video">This is your video related text.</p>

Audio Text

You can use this style for description text paragraph related to audio file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage: <p class="text-audio">This is your audio related text.</p>


Link Styles

Link Icon Styles

You can attach up to 20 predefined icons to the front of any link by adding simple class to it.

Usage: <a class="link-icon jsn-icon-xxx">This is link text.</a>, where xxx is the name of icon to be applied. Detailed information about all icon names can be found in template documentation.

Example: <a class="link-icon jsn-icon-download">This is link to download something.</a>

Link Button Styles

JSN Nuru offers 6 button styles to decorate any call-to-action links you have in the content.

Usage: <a class="link-button button-xxx">This is link text.</a>, where xxx is the button color name selected from: light, dark, green, orange, blue and red.

Example: <a class="link-button button-pink">See plans & pricing.</a>

Combination of Button and Icon Styles

You can use both button and icon link style combined.

Usage: <a class="link-button button-xxx"><span class="link-icon jsn-icon-yyy">This is link text.</span></a>, where xxx and yyy are button color and icon names respectively.

Example: <a class="link-button button-green"><span class="link-icon jsn-icon-cart">Add to cart.</span></a>

Extension link styles

JSN Nuru is able to attach not only descriptive icon to the front of link as described in above section, but also 23 extension icons to the end of the link.

All icons can be assigned automatically by enabling a template parameter or manually by adding simple class to the link.

Usage: <a class="link-icon-ext jsn-icon-ext-xxx">This is link text.</a>, where xxx is the icon name. Detailed information about all icon names can be found in template documentation.


Table Styles

Plain Rows table style

Table header Column header 1 Column header 2 Column header 3
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Table footer Footer data

Color Stripes table style

Table header Column header 1 Column header 2 Column header 3
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Table footer Footer data

Grey Stripes table style

Table header Column header 1 Column header 2 Column header 3
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
Table footer Footer data

List styles

Standard list styles

Unordered list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Ordered list
  1. Lorem ipsum dolor sit amet
  2. Consetetur sadipscing elitr
  3. Sed diam voluptua

Arrow list styles

Red arrow
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Blue arrow
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Green arrow
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua

Icon list styles

Article icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Folder icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Image icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Online icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Star icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
User icon list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua

You can assign any of predefined 20 icons to list items. 6 icons shown above are just samples.

Number list styles

Blue Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Green Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Brown Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Yellow Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Red Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Pink Bullet number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Blue Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Green Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Brown Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Yellow Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Red Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua
Pink Digit number list
  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr
  • Sed diam voluptua

JSN Nuru provides 6 box designs for module background styling, which can be combined with 20 predefined icons for module title styling. Take a look around to see how module styles are applied.

Module styles are configured by module's parameter Module Class Suffix with very simple syntax. To set up icons, you need to add string icon-xxx to module class suffix, where xxx is the icon name.

Go to top