diff --git a/index.html b/index.html
index 25c3ca20..74f68236 100644
--- a/index.html
+++ b/index.html
@@ -39,11 +39,56 @@
 			<h1>Sprout C++ Libraries</h1>
 			<p>C++11 constexpr based Containers, Algorithms, Random numbers, Parsing, Ray tracing, Synthesizer, and others.</p>
 			<p>
-				<a href="./docs/index.html" class="btn btn-primary btn-large">Documentation &raquo;</a>
+				<a href="./docs/index.html" class="btn btn-info btn-large">Documentation &raquo;</a>
 				<a href="https://github.com/bolero-MURAKAMI/Sprout/" class="btn btn-primary btn-large" target="_blank">Project page (Github) &raquo;</a>
 			</p>
 		</div>
 
+		<blockquote>
+			<p>Und wenn du lange in einen constexpr blickst, blickt der constexpr auch in dich hinein.</p>
+			<small>Certain philosopher</small>
+		</blockquote>
+		<blockquote>
+			<p>constexpr is Mandatory. Citizen, are you constexpr?</p>
+			<small>Certain computer</small>
+		</blockquote>
+
+		<h2>Try now!</h2>
+		<p><a href="http://melpon.org/wandbox/" target="_blank">Wandbox</a> is an online compiler that you can use the Sprout C++ Libraries.</p>
+		<p>Example:</p>
+		<ul>
+			<li>
+				<p><a href="http://melpon.org/wandbox/permlink/bo0MF5mnhUxKxTFR" target="_blank">Compile-time Inverse FizzBuzz</a></p>
+			</li>
+		</ul>
+		<p>Enjoy it!</p>
+
+
+
+		<h2>Materials</h2>
+		<p>(Japanese)</p>
+		<h3>Blog</h3>
+		<ul>
+			<li>
+				<p><a href="http://d.hatena.ne.jp/boleros/20111205" target="_blank">Compile-time Ray tracing</a></p>
+			</li>
+			<li>
+				<p><a href="http://d.hatena.ne.jp/boleros/20121207/1354888090" target="_blank">Compile-time Synthesizer and Speech synthesis</a></p>
+			</li>
+		</ul>
+		<h3>Slide</h3>
+		<div class="row">
+			<div class="span4">
+				<iframe src="http://www.slideshare.net/slideshow/embed_code/10458089" width="360" height="320" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="https://www.slideshare.net/GenyaMurakami/constexpr-10458089" title="中３女子でもわかる constexpr" target="_blank">中３女子でもわかる constexpr</a> </strong> from <strong><a href="http://www.slideshare.net/GenyaMurakami" target="_blank">Genya Murakami</a></strong> </div>
+			</div>
+			<div class="span4">
+				<iframe src="http://www.slideshare.net/slideshow/embed_code/11509325" width="360" height="320" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="https://www.slideshare.net/GenyaMurakami/constexpr-11509325" title="中３女子が狂える本当に気持ちのいい constexpr" target="_blank">中３女子が狂える本当に気持ちのいい constexpr</a> </strong> from <strong><a href="http://www.slideshare.net/GenyaMurakami" target="_blank">Genya Murakami</a></strong> </div>
+			</div>
+			<div class="span4">
+				<iframe src="http://www.slideshare.net/slideshow/embed_code/23355469" width="360" height="320" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="https://www.slideshare.net/GenyaMurakami/constexpr-23355469" title="Constexpr 中３女子テクニック" target="_blank">Constexpr 中３女子テクニック</a> </strong> from <strong><a href="http://www.slideshare.net/GenyaMurakami" target="_blank">Genya Murakami</a></strong> </div>
+			</div>
+		</div>
+
 		<h3>Author</h3>
 		<p>Bolero MURAKAMI <a href="mailto:contact-lib@boleros.x0.com">(E-Mail)</a></p>
 		<div class="row">