Added screenshots

diff --git a/www/images/main_menu.png b/www/images/main_menu.png
new file mode 100644 (file)
index 0000000..334fce3
Binary files /dev/null and b/www/images/main_menu.png differ

diff --git a/www/index.html b/www/index.html
index 22a2280..8e4aa3a 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -27,13 +27,35 @@
                                                 "contacts-merger".</p>
 
                                </div>
                                                 "contacts-merger".</p>
 
                                </div>

-                               <div class="content" align="left">
+                               <div align="left">

                                        <h2>Some Screenshots</h2>
                                        <p>
                                        <ul>
                                        <h2>Some Screenshots</h2>
                                        <p>
                                        <ul>

-                                               <li>The button "Merge Contacts" from the main menu of address book
-                                               <a href="images/menu.png"><img class="doc_img" src="images/menu.png" align="right" width="350px"></a>
-                                               </li>
+                                               <li>The button "Merge Contacts" from the main menu of address book.</li>
+                                               <a href="images/main_menu.png"><img src="images/main_menu.png" align="center" width="350px"></a>
+                                               <br /><br />
+                                               <li>The main window with two list of contacts. You may filter each 
+                                               contacts list by clicking button "Select account". The list has all contacts by default.</li>
+                                               <a href="images/main_win.png"><img src="images/main_win.png" align="center" width="350px"></a>
+                                               <br /><br />
+                                               <li>A list with accounts</li>
+                                               <a href="images/select_accounts.png"><img src="images/select_accounts.png" align="center" width="350px"></a>
+                                               <br /><br />
+                                               <li>Select contacts for merging.</li>
+                                               <a href="images/select_contacts_for_merging.png"><img src="images/select_contacts_for_merging.png" align="center" width="350px"></a>
+
+                                               <br /><br />
+                                               <li>Search contacts.</li>
+                                               <a href="images/search.png"><img src="images/search.png" align="center" width="350px"></a>
+                                               <br /><br />
+                                               <li>The button for merge.</li>
+                                               <a href="images/menu.png"><img src="images/menu.png" align="center" width="350px"></a>
+                                               <br /><br />
+                                               <li>The standart dialog for merging.</li>
+                                               <a href="images/dialog_for_merge.png"><img src="images/dialog_for_merge.png" align="center" width="350px"></a>                                          
+                                               <br /><br />
+                                               <li>Merging is complete.</li>
+                                               <a href="images/after_merge.png"><img src="images/after_merge.png" align="center" width="350px"></a>            

                                        </ul>
                                        </p>
                                </div>
                                        </ul>
                                        </p>
                                </div>