https://guardiansofchildhood.com/picturebooks.php

1<!DOCTYPE html PUBLIC>
2<html>
3	<head>
4		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5		<title>The Guardians of Childhood: Picture Books</title>
6        <meta name="keywords" content="Guardians, Guardians of Childhood, Man in the Moon, The man in the moon, Man in the moon book, The man in the moon book, Man moon book, Man on the moon book, Bill joyce, William joyce, Bill joyce man in the moon, William joyce man in the moon, William joyce books, Bill joyce books, Nick st north, Nicholas st north, Nicholas saint north, Nicholas st north book, Nicholas st north and the battle of the nightmare king, Nick north, Nightmare king, Rise of the guardians, Rise of the guardians movie" />
7
8<meta name="description" content="William Joyce's book series, The Guardians of Childhood, imagines the origins of the icons of childhood--The Man in the Moon, Santa Claus, the Easter Bunny, Mother Goose, the Sandman, Jack Frost, and the Tooth Fairy. Bill Joyce is the author of George Shrinks, The Leaf Men, Dinosaur Bob, and Santa Calls.">
9		<meta property="og:title" content="The Guardians of Childhood: Picture Books"/>
10		<meta property="og:type" content="book"/>
11		<meta property="og:url" content="http://www.theguardiansofchildhoodbooks.com/picturebooks.php"/>
12		<meta property="og:image" content="http://www.theguardiansofchildhoodbooks.com/images/bookcovers/north.jpg"/>
13		<meta property="og:site_name" content="The Guardians of Childhood Books: Picture Books"/>
14		<meta property="og:description" content="When the Guardians band together nothing can stop them. Get ready for an adventure of epic proportions!"/>
15        
16		<link rel="stylesheet" href="styles/sitestyle.css" type="text/css" media="screen" title="sitestyle" charset="utf-8">
17		

17<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

17
18		

18<script src="js/site.js" type="text/javascript" charset="utf-8"></script>

18
19	</head>
20	
21<body>
22     <div id="wrapper">
23<!--HEADER-->
24     	   <div id="header">
25		
26     	        <span class="logo_categories" >
27     	        <img id="books_logo" src="images/layout/title_picture.png" alt="Picture Books">
28		</span>
29		<div class="fixed_ie">
30		<div id="category_nav">                      
31			        <a id="home" class="cat_nav" href="index.php" title="Young Readers Home">
32				Home
33				</a>  
34				<a id="pb_active" class="cat_nav" href="picturebooks.php" title="Picture Books">
35				Picture<br> Books
36				</a> 
37				<a id="yr"  class="cat_nav" href="novels.php" title="Young Readers Books">
38				The <br>Novels
39				</a>
40				<a id="aa" class="cat_nav" href="author.php" title="About The Author">
41				Author
42				</a>
43				<a id="mg"   class="cat_nav" href="meettheguardians.php" title="Meet The Guardians">
44				Meet The Guardians
45				</a>
46				<a id="ext"  class="cat_nav" href="extras.php" title="Extras">
47				Extras
48				</a>
49		</div>    
50		</div>
51		
52            	
53          </div>  
54          
55<!-- END HEADER-->
56
57       <div id="content">
58               
59                	<div id="mtg1" class="masked_image">
60          			<img class="moon_gallery_image" src="images/bookcovers/mim.jpg" style="height: 340px;">  
61          			<span class="moon_gallery_text">
62					<h2>The Man in the Moon
63					</h2>
64					<p>
65					Find out how a round, jolly baby became the great white hope of the Milky Way—and ringleader of the Guardians of Childhood.
66					</p>
67          			</span>
68          		</div>
69          		
70          		<div id="mtg2" class="masked_image">
71          			<img class="moon_gallery_image" src="http://www.guardiansofchildhoodbooks.com/images/bookcovers/sandman.jpg" style="height: 340px;">  
72          			<span class="moon_gallery_text">
73					<h2>The Sandman
74					</h2>
75					<p>
76					Meet the sleepy little fellow to whom we all owe many a good nights’ rest, the Sandman.
77					</p>
78          			</span>
79          		</div> 
80                
81                <div id="mtg3" class="masked_image">
82          			<img class="moon_gallery_image" src="http://www.guardiansofchildhoodbooks.com/images/bookcovers/frost.jpg" style="height: 340px;">  
83          			<span class="moon_gallery_text">
84					<h2>Jack Frost
85					</h2>
86					<p>
87					Discover how Jack Frost keeps the hearts of children happy.
88					</p>
89          			</span>
90          		</div> 
91                
92               
93          		<div id="moonface"></div>
94          		
95                </div>
96         
97	    <div id="circlemask">hi</div>
98          <div class="maskbox" id="mask_l"></div>
99          <div class="maskbox" id="mask_r"></div>		 
100          <div id="moon5">
101
102      
103<!--BOOK NAVIGATION-everything in this div displays on top of the moon mask-->          
104          <div class="maskbox">
105                <span id="mid_nav">
106                
107                	<a id="moon_books"  
108				class="category_rollover_left"
109				href="mim.php" 
110				title="The Man in the Moon">
111				<img src="buttons/books_moon-a.png">
112				</a>
113                <a id="frost_books"  
114				class="category_rollover_left"
115				href="frost.php" 
116				title="Jack Frost">
117				<img src="buttons/books_frost-a.png">
118				</a>
119                <a id="sand_books"  
120                		class="category_rollover_right"
121                		href="sandman.php" 
122                		title="The Sandman">
123           		<img src="buttons/books_sand-a.png">
124           		</a>
125                 
126			</span>
127		</span>
128		  
129<h3 style="text-align: center; margin: 370px 0 0 0px;">When the Guardians band together nothing can stop them. <br>
130Get ready for an adventure of epic proportions!</h3>
131
132	</div>
133    			   
134 	
135	
136       <div class="long_footer" style="padding-top: 100px;">
137     
138	
139      
140 
141<span class="category_footer_links">
142
143<div class="addthis">
144 
145<p id="legal">
146Atheneum Books for Young Readers Illustrations Copyright William Joyce 2011. <br>Rise of the Guardians<sup>TM</sup> &#38; Copyright 2011 DreamWorks Animation, L.L.C. "Sand Man" and "Pitch" character designs used with permission.  All rights reserved.
147</p>
148</span>
149</span>
150<span id="frame1"></span>
151<span id="frame2"></span>
152       	</div>
153       	</div>
154       
155<!-- SCRIPTS -->

156<script type="text/javascript">
157(function($){
158		$(document).ready(function(){
159				$('#moon_books').hover(function(e){
160						
161						$('#mtg1').stop().fadeTo(400,1);
162				}, function () {		
163						$('#mtg1').stop().fadeTo(400,0);
164				});
165				$('#sand_books').hover(function(e){
166						$('#mtg2').stop().fadeTo(400,1);
167				}, function () {		
168						$('#mtg2').stop().fadeTo(400,0);
169				
170				});
171				$('#frost_books').hover(function(e){
172						$('#mtg3').stop().fadeTo(400,1);
173				}, function () {		
174						$('#mtg3').stop().fadeTo(400,0);
175				
176				});
177				});
178				
179
180					
181		})(jQuery);
182		</script>

182
183

184<script>
185
186		$(document).ready(function () {
187		    $('#preorder').click(function () {
188		      $('.retailers').fadeIn();
189		    });
190		    $('.retailers').mouseleave(function () {
191		      $('.retailers').fadeOut();
192		  });
193  });
194</script>

194

195<script type="text/javascript">
196		Shadowbox.init();
197		</script>

197

198<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e26eb796ad25015"></script>

198

199<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>

199

200<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e03c5b87c4aca67"></script>

200
201
202
203
204</body>
205</html>
206