diff --git a/Identity/Models/Css/Home/base.css b/Identity/Models/Css/Home/base.css
index 34b9b43..46d9eb3 100755
--- a/Identity/Models/Css/Home/base.css
+++ b/Identity/Models/Css/Home/base.css
@@ -299,7 +299,7 @@ dl dt {
     }
 
 dl dt:after {
-    content: ": "
+    content: ""
     }
 
 dl dd {
@@ -310,9 +310,7 @@ dl dd {
 
 dl dd ul,
 dl dd ol {
-    margin: 0;
-    padding-top: 0;
-    margin-left: 4em;
+    margin-left: 0;
     }
 
 /* Tables 
diff --git a/Identity/Models/Css/Home/home.css b/Identity/Models/Css/Home/home.css
index e34e0a7..1c03fd0 100755
--- a/Identity/Models/Css/Home/home.css
+++ b/Identity/Models/Css/Home/home.css
@@ -85,31 +85,31 @@ div#page-body a.nonexistent:hover { color: gray; }
 
 div#page-body a.www:before { 
     white-space:nowrap; 
-    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png); 
+    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
     margin: 0 0.2em; 
     }
 
 div#page-body a.http:before { 
     white-space:nowrap; 
-    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png); 
+    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
     margin: 0 0.2em; 
     }
 
 div#page-body a.https:before { 
     white-space:nowrap; 
-    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/www.png); 
+    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-www.png); 
     margin: 0 0.2em; 
     }
 
 div#page-body a.mailto:before { 
     white-space:nowrap; 
-    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/email.png); 
+    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-mail.png); 
     margin: 0 0.2em; 
     }
 
 div#page-body a.attachment:before { 
     white-space:nowrap; 
-    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/attach.png); 
+    content: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/a-attach.png); 
     margin: 0 0.2em; 
     }
 
@@ -191,7 +191,7 @@ div#page-body h2 {
         margin-top: 1.6em;
         margin-bottom: 0.8em;
         padding-left: 0.7em;
-        background-image: url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
+        background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
         border: none;
         color: #072B61;
         }
@@ -310,6 +310,30 @@ div#page-body div#right ul li.current {
     font-weight: bold;
     }
 
+/* Table of content (toc) */
+
+div#page-body div.toc {
+	border: 1px solid #CCCCCC;
+	background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/toc-bg.png") right repeat-y; 
+	font-size: small;
+	text-align:left;
+	margin-left: 1.5em;
+    width:70%;
+	}
+
+div#page-body div.toc h3 {
+    margin-top: 0;
+    background: #FFF url("/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/h2-bg.png");
+    }
+
+div#page-body div.toc ul {
+    margin-left: 1.5em;
+    }
+
+div#page-body div.toc ul ul {
+    margin-left: 0;
+}
+
 /* Quotations
 -----------------------------------------------*/
 
diff --git a/Identity/Models/Html/Home/forms.html b/Identity/Models/Html/Home/forms.html
index a4e44df..5318d62 100644
--- a/Identity/Models/Html/Home/forms.html
+++ b/Identity/Models/Html/Home/forms.html
@@ -212,14 +212,6 @@
 
 	<p>CentOS Forms Visual Style Guide.</p>
 
-	<h2>Recommendations</h2>
-
-	<ul>
-		<li>...</li>
-	</ul>
-
-	<h2>Examples</h2>
-
 	<form method="post" action="" title="Form Styles">
 	<fieldset>
 	<legend>Fieldset:</legend>
diff --git a/Identity/Models/Html/Home/headings.html b/Identity/Models/Html/Home/headings.html
index 694e6cb..e8c3e99 100644
--- a/Identity/Models/Html/Home/headings.html
+++ b/Identity/Models/Html/Home/headings.html
@@ -167,7 +167,7 @@
 
         <div id="right">
             <!--
-            The content of right column goes here.
+            The content of right column starts here.
             -->
             <ul class="first">
                 <li><a href="">Release Notes</a></li>
@@ -202,85 +202,78 @@
             </div>
 
             <!--
-            The content of left column goes here.
+            The content of left column starts here.
             -->
 
 	        <h1>Headings</h1>
     
 	        <p>CentOS Headings Visual Style Guide.</p>
 
-        	<h2>Recommendations</h2>
-
-        	<ul>
-
-                <li>Defining headings' HTML structure both as anchor
-                and link. This may help to make references to specific
-                topics.</li>
+            <div class="toc">
+            <h3>Table of contents</h3>
+                <ul>
+                <li><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></li>
+                <li><a href="#head-">Examples</a></li>
+                <ul>
+                    <li><a href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></li>
+                    <li><a href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></li>
+                    <li><a href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></li>
+                    <li><a href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></li>
+                    <li><a href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></li>
+                    <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></li>
+                </ul>
+                </ul>
+            </div>
 
-                <li>Using an automatically generated number for
-                heading's anchor name. To avoid duplications we could
-                take the heading string and determine its md5 number
-                and use that number as anchor name.  See examples
-                below.</li>
+            <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
 
-        		<li>...</li>
+            <p>As heading design recommendations:</p>
 
-        	</ul>
+            <ul>
 
-        	<h2>Example</h2>
+                <li><p>When defining headings, make it accessible
+                using the following structure:</p>
 
-            <h1><a name="head-5871b1272673f7cf89bcaf48972c848a"
-            href="#head-5871b1272673f7cf89bcaf48972c848a">Heading
-            Level 1</a></h1> <pre>&lt;h1&gt;&lt;a
-            name="head-5871b1272673f7cf89bcaf48972c848a"
-            href="#head-5871b1272673f7cf89bcaf48972c848a"&gt;Heading
-            Level 1&lt;/a&gt;&lt;/h1&gt;</pre>
+                <pre>&lt;h1&gt;&lt;a name="head-a1811f6545db914813115417011b2df9"&gt;Heading&lt;/a&gt;&lt;/h1&gt;</pre>
 
-            <h2><a name="head-d33a28a4193cffb949f506cfdf770f05"
-            href="#head-d33a28a4193cffb949f506cfdf770f05">Heading
-            Level 2</a></h2>
+                <p>Where <tt>a1811f6545db914813115417011b2df9</tt> is the
+                result of applying <tt>md5sum</tt> command to
+                <tt>Heading</tt> string. In this case,
+                <tt>Heading</tt> is the heading name.</p>
+                
+                </li>
 
-            <pre>&lt;h2&gt;&lt;a
-            name="head-d33a28a4193cffb949f506cfdf770f05"
-            href="#head-d33a28a4193cffb949f506cfdf770f05"&gt;Heading
-            Level 2&lt;/a&gt;&lt;/h2&gt;</pre>
+                <li><p>Avoid using more than 4 levels of headings. If
+                you think you need to, you probably do; but consider
+                splitting your content in several pages instead. Too
+                many headings could affect your content
+                readability.</p></li>
 
-            <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a"
-            href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading
-            Level 3</a></h3>
+            </ul>
 
-            <pre>&lt;h3&gt;&lt;a
-            name="head-82dd23c665d8ee437a980459c8b80d7a"
-            href="#head-82dd23c665d8ee437a980459c8b80d7a"&gt;Heading
-            Level 3&lt;/a&gt;&lt;/h3&gt;</pre>
+            <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
 
-            <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8"
-            href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading
-            Level 4</a></h4>
+            <h1><a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a">Heading Level 1</a></h1>
+            <pre>&lt;h1&gt;&lt;a name="head-5871b1272673f7cf89bcaf48972c848a" href="#head-5871b1272673f7cf89bcaf48972c848a"&gt;Heading Level 1&lt;/a&gt;&lt;/h1&gt;</pre>
 
-            <pre>&lt;h4&gt;&lt;a
-            name="head-157dc030ea314f4b53a6ed238113a3f8"
-            href="#head-157dc030ea314f4b53a6ed238113a3f8"&gt;Heading
-            Level 4&lt;/a&gt;&lt;/h4&gt;</pre>
+            <h2><a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05">Heading Level 2</a></h2>
+            <pre>&lt;h2&gt;&lt;a name="head-d33a28a4193cffb949f506cfdf770f05" href="#head-d33a28a4193cffb949f506cfdf770f05"&gt;Heading Level 2&lt;/a&gt;&lt;/h2&gt;</pre>
 
-            <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6"
-            href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading
-            Level 5</a></h5>
+            <h3><a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a">Heading Level 3</a></h3>
+            <pre>&lt;h3&gt;&lt;a name="head-82dd23c665d8ee437a980459c8b80d7a" href="#head-82dd23c665d8ee437a980459c8b80d7a"&gt;Heading Level 3&lt;/a&gt;&lt;/h3&gt;</pre>
 
-            <pre>&lt;h5&gt;&lt;a
-            name="head-33628cc07bcbefc4e4732407b8680bf6"
-            href="#head-33628cc07bcbefc4e4732407b8680bf6"&gt;Heading
-            Level 5&lt;/a&gt;&lt;/h5&gt;</pre>
+            <h4><a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8">Heading Level 4</a></h4>
+            <pre>&lt;h4&gt;&lt;a name="head-157dc030ea314f4b53a6ed238113a3f8" href="#head-157dc030ea314f4b53a6ed238113a3f8"&gt;Heading Level 4&lt;/a&gt;&lt;/h4&gt;</pre>
 
-            <h6><a name="head-93b42a4a61a0b05a81aff6224555603c"
-            href="#head-93b42a4a61a0b05a81aff6224555603c">Heading
-            Level 6</a></h6>
+            <h5><a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6">Heading Level 5</a></h5>
+            <pre>&lt;h5&gt;&lt;a name="head-33628cc07bcbefc4e4732407b8680bf6" href="#head-33628cc07bcbefc4e4732407b8680bf6"&gt;Heading Level 5&lt;/a&gt;&lt;/h5&gt;</pre>
 
-            <pre>&lt;h6&gt;&lt;a
-            name="head-93b42a4a61a0b05a81aff6224555603c"
-            href="#head-93b42a4a61a0b05a81aff6224555603c"&gt;Heading
-            Level 5&lt;/a&gt;&lt;/h6&gt;</pre>
+            <h6><a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c">Heading Level 6</a></h6>
+            <pre>&lt;h6&gt;&lt;a name="head-93b42a4a61a0b05a81aff6224555603c" href="#head-93b42a4a61a0b05a81aff6224555603c"&gt;Heading Level 5&lt;/a&gt;&lt;/h6&gt;</pre>
 
+            <!-- 
+            The content of left column ends here.
+            -->
             <div class="page-line"><hr style="display:none;" /></div>
 
         </div>
diff --git a/Identity/Models/Html/Home/links.html b/Identity/Models/Html/Home/links.html
index c398629..ca9632e 100644
--- a/Identity/Models/Html/Home/links.html
+++ b/Identity/Models/Html/Home/links.html
@@ -207,8 +207,47 @@
             <!--
             The content of left column goes here.
             -->
-            <h1>H</h1>
-            <p>Hello</p>
+
+	<h1>Links</h1>
+
+	<p>CentOS Links Visual Style Guide.</p>
+
+
+    <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
+
+	<ul>
+		<li>...</li>
+	</ul>
+
+    <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
+
+	<h3>Common Link Style</h3>
+
+	<p><a href="">This is a common text link style</a></p>
+	<p><a href="" class="nonexistent">This is a common nonexistant text link style</a></p>
+
+	<h3>Image Link Style</h3>
+
+	<p><a title="Image Link"
+    href="/home/centos/artwork/trunk/Identity/Widgets/Img/poweredby-1.png"><img
+    src="/home/centos/artwork/trunk/Identity/Widgets/Img/poweredby-1.png"
+    alt="Powered by CentOS" /></a></p>
+
+	<h3>Decorative Link Styles</h3>
+
+	<p><a class="www" href="http://www.centos.org/">http://www.centos.org/</a>. This is
+	the "www" and "http" link style. It is generally used to link
+	external sites.</p>
+
+	<p><a class="mailto" href="mailto:centos-devel@centos.org">centos-devel@centos.org</a>. This
+	is the "mailto" link style. It is generally used to
+	display email addresses.</p>
+
+	<p><a class="attachment" href="../Img/header-bg.jpg">header-bg.jpg</a>. This is the
+	"attachment" link style. It is generally used to display
+	an attachment.</p>
+
+</div>
 
             <div class="page-line"><hr style="display:none;" /></div>
 
diff --git a/Identity/Models/Html/Home/lists.html b/Identity/Models/Html/Home/lists.html
index f5bc32e..b5e320c 100644
--- a/Identity/Models/Html/Home/lists.html
+++ b/Identity/Models/Html/Home/lists.html
@@ -12,7 +12,7 @@
 	<meta name="description" content="The CentOS web environment html definitions." />
 	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
 
-	<title>Links - Home</title>
+	<title>Lists - Home</title>
 
 	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
 
@@ -207,9 +207,89 @@
             <!--
             The content of left column goes here.
             -->
-            <h1>H</h1>
-            <p>Hello</p>
 
+	<h1>Lists</h1>
+
+	<p>CentOS Lists Visual Style Guide.</p>
+
+    <div class="toc">
+    <h3>Table of contents</h3>
+    <ul>
+        <li><a href="#head-e292ecd3aaf69881cddc8d0b6768448a">Unordered Lists</a></li>
+        <li><a href="#head-767042866fe68d7058b33181d25a4728">Ordered Lists</a></li>
+        <li><a href="#head-e8489ae9d71b3a11bf3a9229506a74fb">Definition Lists</a></li>
+        <li><a href="#head-ec292ddd7a46d7f87e484794bf9c8a20">Nested Lists</a></li>
+    </ul>
+    </div>
+
+	<h2><a name="head-e292ecd3aaf69881cddc8d0b6768448a">Unordered Lists</a></h2>
+
+    <p>This section illustrates the visual style of unordered lists.</p>
+
+	<ul>
+        <li>This is a list element.</li>
+        <li>This is another list element.</li>
+        <li>This is even another list element.</li>
+	</ul>
+
+	<h2><a name="head-767042866fe68d7058b33181d25a4728">Ordered Lists</a></h2>
+
+    <p>This section illustrates the visual style of ordered lists.</p>
+
+	<ol>
+        <li>This is a list element.</li>
+        <li>This is another list element.</li>
+        <li>This is even another list element.</li>
+	</ol>
+
+	<h2><a name="head-e8489ae9d71b3a11bf3a9229506a74fb">Definition Lists</a></h2>
+
+    <p>This section illustrates the visual style of definition lists.</p>
+
+	<dl>
+		<dt>WWW</dt>
+		<dd>World Wide Web</dd>
+
+		<dt>CentOS</dt>
+		<dd>Community Enterprise Operating System</dd>
+	</dl>
+
+	<h2><a name="head-ec292ddd7a46d7f87e484794bf9c8a20">Nested Lists</a></h2>
+
+	<p>Lists may also be nested and different list types may be
+	used together, as in the following example, which is a
+	definition list that contains an unordered list (the
+	ingredients) and an ordered list (the procedure):</p>
+
+	<dl>
+		<dt>The ingredients</dt>
+		<dd>
+		<ul>
+			<li>100 g. flour</li>
+			<li>10 g. sugar</li>
+			<li>1 cup water</li>
+			<li>2 eggs</li>
+			<li>salt, pepper</li>
+		</ul>
+		</dd>
+
+		<dt>The procedure</dt>
+		<dd>
+		<ol>
+		   <li>Mix dry ingredients thoroughly.</li>
+		   <li>Pour in wet ingredients.</li>
+		   <li>Mix for 10 minutes.</li>
+		   <li>Bake for one hour at 300 degrees.</li>
+		</ol>
+		</dd>
+
+	</dl>
+
+</div>
+
+            <!--
+            The content of left column ends here.
+            -->
             <div class="page-line"><hr style="display:none;" /></div>
 
         </div>
diff --git a/Identity/Models/Html/Home/texts.html b/Identity/Models/Html/Home/texts.html
index 84a46ce..569d5d4 100644
--- a/Identity/Models/Html/Home/texts.html
+++ b/Identity/Models/Html/Home/texts.html
@@ -212,13 +212,28 @@
 
 	<p>CentOS Texts Visual Style Guide.</p>
 
-	<h2>Recommendations</h2>
+    <div class="toc">
+        <h3>Table of contents</h3>
+        <ul>
+            <li><a href="#head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></li>
+            <li><a href="#head-">Examples</a></li>
+        <ul>
+            <li><a href="#head-5871b1272673f7cf89bcaf48972c848a">Phrase elements</a></li>
+            <li><a href="#head-d33a28a4193cffb949f506cfdf770f05">Subscripts and superscripts</a></li>
+            <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Paragraphs</a></li>
+            <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Preformatted text</a></li>
+            <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Quotation</a></li>
+            <li><a href="#head-93b42a4a61a0b05a81aff6224555603c">Inline quotation</a></li>
+        </ul>
+    </div>
+
+    <h2><a name="head-dc0cb512bb74064641dae42bf4581955">Recommendations</a></h2>
 
 	<ul>
 		<li>...</li>
 	</ul>
 
-	<h2>Examples</h2>
+    <h2><a href="head-c1fb2df131f9b6be4e9c0868b3352fc0">Examples</a></h2>
 
 	<h3>Phrase elements</h3>
 
@@ -275,25 +290,43 @@
 
 	<h3>Paragraphs</h3>
 
-	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here.  Paragraph here.</p>
+    <p><a href="http://www.centos.org/">CentOS</a> is an
+    Enterprise-class Linux Distribution derived from sources freely
+    provided to the public by a prominent North American Enterprise
+    Linux vendor.  CentOS conforms fully with the upstream vendors
+    redistribution policy and aims to be 100% binary compatible.
+    (CentOS mainly changes packages to remove upstream vendor branding
+    and artwork.)</p>
+    
+    <p>CentOS is developed by a small but growing team of core
+    developers.&nbsp; In turn the core developers are supported by an
+    active user community including system administrators, network
+    administrators, enterprise users, managers, core Linux
+    contributors and Linux enthusiasts from around the world.</p>
+
+    <p>CentOS has numerous advantages including: an active and growing
+    user community, quickly rebuilt, tested, and QA'ed errata
+    packages, an extensive <a
+    href="http://www.centos.org/modules/tinycontent/index.php?id=15">mirror
+    network</a>, developers who are contactable and responsive
+    reliable Enterprise Linux class distribution, multiple free
+    support avenues including a <a
+    href="http://wiki.centos.org/">wiki</a>, <a
+    href="http://www.centos.org/modules/tinycontent/index.php?id=8">IRC
+    Chat</a>, <a
+    href="http://www.centos.org/modules/tinycontent/index.php?id=16">Email
+    Lists</a>, <a
+    href="http://www.centos.org/modules/newbb/">Forums</a>,and a
+    dynamic&nbsp;<a
+    href="http://www.centos.org/modules/smartfaq/">FAQ</a>.
+    </p>
 
-	<p>Paragraph here. Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here. Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here.  Paragraph here. Paragraph here. Paragraph here.
-	Paragraph here.  Paragraph here.</p>
 
 	<h3>Preformatted text</h3>
 
-	<pre>This is a pre formatted element.</pre>
+	<pre>This is a small one-line pre formatted element.</pre>
 
-	<pre>
-This is a pre formatted element (line 1).
-This is a pre formatted element (line 2).
-This is a pre formatted element (line 3).
-</pre>
+	<pre>This is a long one-line pre formatted element to illustrate how the content is scrollable when it doesn't fit the current screen area.</pre>
 
 	<h3>Quotations</h3>
 
diff --git a/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg b/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg
index 5f3f713..3bde60e 100644
Binary files a/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg and b/Identity/Models/Img/Promo/Web/jpg/toc-bg.jpg differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-attach.png b/Identity/Models/Img/Promo/Web/png/a-attach.png
new file mode 100644
index 0000000..dc75f89
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-attach.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-mail.png b/Identity/Models/Img/Promo/Web/png/a-mail.png
new file mode 100644
index 0000000..40e90f8
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-mail.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/a-www.png b/Identity/Models/Img/Promo/Web/png/a-www.png
new file mode 100644
index 0000000..1b92afe
Binary files /dev/null and b/Identity/Models/Img/Promo/Web/png/a-www.png differ
diff --git a/Identity/Models/Img/Promo/Web/png/toc-bg.png b/Identity/Models/Img/Promo/Web/png/toc-bg.png
index 02f4993..063d7bb 100644
Binary files a/Identity/Models/Img/Promo/Web/png/toc-bg.png and b/Identity/Models/Img/Promo/Web/png/toc-bg.png differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-attach.xcf b/Identity/Models/Xcf/Promo/Web/a-attach.xcf
new file mode 100644
index 0000000..1da9042
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-attach.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-mail.xcf b/Identity/Models/Xcf/Promo/Web/a-mail.xcf
new file mode 100644
index 0000000..1f2e901
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-mail.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/a-www.xcf b/Identity/Models/Xcf/Promo/Web/a-www.xcf
new file mode 100644
index 0000000..5291887
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/a-www.xcf differ
diff --git a/Identity/Models/Xcf/Promo/Web/toc-bg.xcf b/Identity/Models/Xcf/Promo/Web/toc-bg.xcf
new file mode 100644
index 0000000..9737bc7
Binary files /dev/null and b/Identity/Models/Xcf/Promo/Web/toc-bg.xcf differ