add an image
diff --git a/docs/img/screenshot.png b/docs/img/screenshot.png
new file mode 100644
index 0000000..a00592b
--- /dev/null
+++ b/docs/img/screenshot.png
Binary files differ
diff --git a/docs/index.html b/docs/index.html
index 82b4243..2d9e52b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -37,10 +37,11 @@
<div class="row">
<div class="eight column" style="margin-top: 20%;">
<h4>kableExtra</h4>
- <p style="color: gray;">Construct complex table with %>%</p>
+ <p style="color: gray;">Construct complex table with <code>%>%</code></p>
+ <img src="img/screenshot.png" style="width:445px;"/>
<br>
<hr>
- <strong>Package Vignettes</strong>
+ <strong>Complete Package Vignettes</strong>
<ul>
<li>
<a href="awesome_table_in_html.html">Create Awesome HTML Table with knitr::kable and kableExtra</a>
