File: D:/HostingSpaces/PHerau/ha.health-science.be/wwwroot/Portals/4/Templates/ProgressBar.page.template
<portal version="3.0"><description>ProgressBar</description><tabs><tab><content>Progress Bar</content><contentKey /><containersrc /><cultureCode /><description /><disabled>false</disabled><enddate>0001-01-01T00:00:00</enddate><issecure>false</issecure><visible>true</visible><keywords /><pageheadtext /><permanentredirect>false</permanentredirect><refreshinterval>-1</refreshinterval><sitemappriority>0.5</sitemappriority><skinsrc /><startdate>0001-01-01T00:00:00</startdate><name>Progress Bar</name><title /><iconfile>/test730/Portals/1/progressbar.png</iconfile><url type="Normal" /><tabpermissions><permission><permissioncode>SYSTEM_TAB</permissioncode><permissionkey>VIEW</permissionkey><allowaccess>true</allowaccess><rolename>All Users</rolename></permission><permission><permissioncode>SYSTEM_TAB</permissioncode><permissionkey>VIEW</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission><permission><permissioncode>SYSTEM_TAB</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></tabpermissions><tabsettings><tabsetting><settingname>CacheDuration</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>DoNotRedirect</settingname><settingvalue>False</settingvalue></tabsetting><tabsetting><settingname>LinkNewWindow</settingname><settingvalue>False</settingvalue></tabsetting><tabsetting><settingname>MaxVaryByCount</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>CacheProvider</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>IncludeVaryBy</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>CustomStylesheet</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>CacheIncludeExclude</settingname><settingvalue></settingvalue></tabsetting><tabsetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabsetting><tabsetting><settingname>ExcludeVaryBy</settingname><settingvalue></settingvalue></tabsetting></tabsettings><panes><pane><name>contentPane</name><modules><module><contentKey /><moduleID>1325</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod /><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Text/HTML</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>81218bad-c791-491c-b832-2718003004f2</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;h4&gt;Default &lt;/h4&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Small&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-xs&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;100%&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-xs&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;WordPress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-xs&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-xs&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;900&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Small&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-xs&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-xs&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-xs&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-xs&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Default&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar1&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;100%&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;WordPress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;900&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar1&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Default&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Large&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar2&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;100%&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;WordPress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;600&quot;&gt; &lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar2&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Large&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings /><tabmodulesettings /><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>739</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>5 Styles, Unlimited Sizes & Colors</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>85477ab4-9b9c-4335-adb2-33f5b3ba02fb</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;h4&gt;Animated &amp;amp; Tooltips&lt;/h4&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar3&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar3&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Primary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar4&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar4&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Secondary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar5&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;69%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;28%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar5&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Tertiary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar6&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;69%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;28%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar6&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Quaternary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>738</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer><hr class="tall"></footer><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title><h4>Progress Bars Shortcodes</h4></title><startdate>0001-01-01T00:00:00</startdate><uniqueId>4341f1a5-5119-4412-839f-358701f07f29</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;h4&gt;Contextual Classes&lt;/h4&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar7&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 90%;&quot;&gt;
&lt;span&gt;Development 90%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%;&quot;&gt;
&lt;span&gt;Identity 80%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-warning &quot; role=&quot;progressbar&quot; aria-valuenow=&quot;70&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 70%;&quot;&gt;
&lt;span&gt;Marketing 70%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-danger &quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 60%;&quot;&gt;
&lt;span&gt;Research 60%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar7&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Style 1&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-success&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;60&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 90%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Development 90%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-info&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;80&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 80%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Identity 80%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-warning &quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;70&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 70%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Marketing 70%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-danger &quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;60&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 60%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Research 60%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar8&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius progress-lg&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-success&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;60&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 90%;&quot;&gt;
&lt;span&gt;Development 90%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius progress-lg&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-info&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;80&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 80%;&quot;&gt;
&lt;span&gt;Identity 80%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-border-radius progress-lg&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-warning&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;70&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 70%;&quot;&gt;
&lt;span&gt;Marketing 70%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar8&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Style 2&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius progress-lg&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-success&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;60&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 90%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Development 90%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius progress-lg&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-info&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;80&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 80%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Identity 80%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-border-radius progress-lg&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-warning&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;70&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 70%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Marketing 70%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>searchonce</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>searchonce</settingname><settingvalue>False</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>740</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Text/HTML</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>2070b5f0-bbc3-4b04-9bff-d73d88f36194</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;h4&gt;Counter&lt;/h4&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar9&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars circle-tip&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;Photoshop&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-sm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar9&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Style 1&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars circle-tip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar10&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-bars circle-tip&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;HTML/CSS&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-success&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;100%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;Design&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-info&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;85%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt;
&lt;span&gt;WordPress&lt;/span&gt;
&lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-warning&quot; data-appear-progress-animation=&quot;75%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;span class=&quot;progress-bar-tooltip&quot;&gt;75%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar10&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Style 2&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars circle-tip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-success&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-info&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-warning&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>741</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Text/HTML</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>38206ee5-e7f9-4ef3-8487-52695a0a652c</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;h4&gt;Progress Bar With Counter&lt;/h4&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt; &lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#counterprogressbar1&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt; &lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress progress-style-1&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary counters&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;100&quot;&gt;100&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary counters&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;85&quot;&gt;85&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary counters&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;69&quot;&gt;69&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary counters&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;28&quot;&gt;28&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;counterprogressbar1&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Primary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress progress-style-1&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt; &lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#counterprogressbar2&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt; &lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress progress-style-1&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary counters&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;100&quot;&gt;100&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary counters&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;85&quot;&gt;85&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;WordPress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary counters&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;69&quot;&gt;69&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-secondary counters&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;28&quot;&gt;28&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;counterprogressbar2&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Secondary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress progress-style-1&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;WordPress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-secondary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt; &lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#counterprogressbar3&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt; &lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress progress-style-1&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary counters&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;100&quot;&gt;100&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary counters&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;85&quot;&gt;85&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Wordpress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary counters&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;69&quot;&gt;69&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-tertiary counters&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;28&quot;&gt;28&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;counterprogressbar3&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Tertiary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress progress-style-1&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Wordpress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-tertiary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-3&quot;&gt;
&lt;div class=&quot;shortcode-title&quot;&gt; &lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#counterprogressbar4&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt; &lt;/div&gt;
&lt;div class=&quot;progress-bars th-progress progress-style-1&quot;&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;HTML/CSS&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary counters&quot; data-appear-progress-animation=&quot;100%&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;100&quot;&gt;100&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Design&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary counters&quot; data-appear-progress-animation=&quot;85%&quot; data-appear-animation-delay=&quot;300&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;85&quot;&gt;85&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Wordpress&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary counters&quot; data-appear-progress-animation=&quot;69%&quot; data-appear-animation-delay=&quot;600&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;69&quot;&gt;69&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;progress-label&quot;&gt;
&lt;h6&gt; &lt;span class=&quot;progbar-title-text&quot;&gt;Photoshop&lt;/span&gt; &lt;/h6&gt;
&lt;/div&gt;
&lt;div class=&quot;progress progress-no-border-radius progress-xsm&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-quaternary counters&quot; data-appear-progress-animation=&quot;28%&quot; data-appear-animation-delay=&quot;900&quot;&gt;
&lt;div class=&quot;counter progress-bar-tooltip&quot;&gt; &lt;span data-to=&quot;28&quot;&gt;28&lt;/span&gt;&lt;span&gt;%&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;counterprogressbar4&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Quaternary Color&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt; 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bars th-progress progress-style-1&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100%&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;100&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Design&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;300&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;85&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;85&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Wordpress&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;600&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;69&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;69&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-label&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progbar-title-text&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;Photoshop&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress progress-no-border-radius progress-xsm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-quaternary counters&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-progress-animation=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28%&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-appear-animation-delay=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;900&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;counter progress-bar-tooltip&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-to=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;28&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;28&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&lt;/span&gt;%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;
&lt;/div&gt;
&lt;/div&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>733</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Text/HTML</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>525a43a2-db3f-4313-b832-f44121973c38</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Striped&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar15&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;
&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;h6&gt;Striped&lt;/h6&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary progress-bar-striped&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;40&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 40%;&quot;&gt; &lt;span class=&quot;sr-only&quot;&gt;40% Complete (success)&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;h6&gt;Animated&lt;/h6&gt;
&lt;div class=&quot;progress&quot;&gt;
&lt;div class=&quot;progress-bar progress-bar-primary progress-bar-striped active&quot; role=&quot;progressbar&quot; aria-valuenow=&quot;45&quot; aria-valuemin=&quot;0&quot; aria-valuemax=&quot;100&quot; style=&quot;width: 45%;&quot;&gt; &lt;span class=&quot;sr-only&quot;&gt;45% Complete&lt;/span&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;progressbar15&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;defaultModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Striped&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;
&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;1
2
3
4
5
6
7
8&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;Striped&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary progress-bar-striped&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;40&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 40%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;sr-only&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;40% Complete (success)&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;h6&amp;gt;&lt;/span&gt;Animated&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/h6&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progress-bar progress-bar-primary progress-bar-striped active&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;role=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;progressbar&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuenow=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;45&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemin=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;0&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;aria-valuemax=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;100&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;style=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;width: 45%;&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;span&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;sr-only&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;45% Complete&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/span&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt; &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>734</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Circular</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>8b96cebc-2024-43a8-b3ad-a10dde022197</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Circular&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar16&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;circular-bar&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-6&quot;&gt;
&lt;div class=&quot;circular-bar only-icon&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;60&quot; data-plugin-options=&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;em class=&quot;fa fa-star&quot;&gt;&lt;/em&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div aria-hidden=&quot;true&quot; aria-labelledby=&quot;defaultModalLabel&quot; class=&quot;modal fade&quot; id=&quot;progressbar16&quot; role=&quot;dialog&quot; tabindex=&quot;-1&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;&lt;button aria-hidden=&quot;true&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Circular&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;1
2
3
4
5
6&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar only-icon&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;60&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;em&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;fa fa-star&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;/em&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt;&lt;button class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;Close&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>735</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Sizes</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>3253ef5f-a861-44c6-aac9-8a28f48fa971</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Sizes&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar17&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar circular-bar-sm&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;size&#39;: 85, &#39;lineWidth&#39;: 3, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar circular-bar-lg&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;size&#39;: 250, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div aria-hidden=&quot;true&quot; aria-labelledby=&quot;defaultModalLabel&quot; class=&quot;modal fade&quot; id=&quot;progressbar17&quot; role=&quot;dialog&quot; tabindex=&quot;-1&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;&lt;button aria-hidden=&quot;true&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Sizes&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;1
2
3
4
5
6
7
8
9&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar circular-bar-sm&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;size&#39;: 85, &#39;lineWidth&#39;: 3, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar circular-bar-lg&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;size&#39;: 250, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt;&lt;button class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;Close&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;taller&quot; /&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module><module><contentKey /><moduleID>736</moduleID><alignment /><alltabs>false</alltabs><border /><cachemethod>MemoryModuleCachingProvider</cachemethod><cachetime>1200</cachetime><color /><containersrc /><displayprint>false</displayprint><displaysyndicate>false</displaysyndicate><displaytitle>true</displaytitle><enddate>0001-01-01T00:00:00</enddate><footer /><header /><iconfile /><inheritviewpermissions>true</inheritviewpermissions><iswebslice>false</iswebslice><modulepermissions><permission><permissioncode>SYSTEM_MODULE_DEFINITION</permissioncode><permissionkey>EDIT</permissionkey><allowaccess>true</allowaccess><rolename>Administrators</rolename></permission></modulepermissions><title>Options</title><startdate>0001-01-01T00:00:00</startdate><uniqueId>0855bc85-e2f7-40e4-bc5e-328cbef9aea1</uniqueId><visibility>Maximized</visibility><websliceexpirydate>0001-01-01T00:00:00</websliceexpirydate><webslicettl>0</webslicettl><cultureCode /><content type="DNNHTML" version="07.03.00"><![CDATA[<htmltext><content><![CDATA[&lt;div class=&quot;shortcode-title&quot;&gt;
&lt;h4&gt;Options&lt;/h4&gt;
&lt;button class=&quot;btn btn-primary btn-xs&quot; data-toggle=&quot;modal&quot; data-target=&quot;#progressbar18&quot;&gt; &lt;em class=&quot;fa fa-code&quot;&gt;&lt;/em&gt; Shortcode &lt;/button&gt;&lt;/div&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 3, &#39;barColor&#39;: &#39;#2baab1&#39;, &#39;trackColor&#39;: &#39;#CCC&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 10, &#39;lineCap&#39;: &#39;square&#39;,&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;
&lt;div class=&quot;circular-bar&quot;&gt;
&lt;div class=&quot;circular-bar-chart&quot; data-percent=&quot;75&quot; data-plugin-options=&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 15, &#39;lineCap&#39;: &#39;square&#39;, &#39;scaleColor&#39;: &#39;#999&#39;, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&gt;&lt;strong&gt;HTML/CSS&lt;/strong&gt; &lt;label&gt;75%&lt;/label&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div aria-hidden=&quot;true&quot; aria-labelledby=&quot;defaultModalLabel&quot; class=&quot;modal fade&quot; id=&quot;progressbar18&quot; role=&quot;dialog&quot; tabindex=&quot;-1&quot;&gt;
&lt;div class=&quot;modal-dialog modal-lg&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;&lt;button aria-hidden=&quot;true&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;&amp;times;&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot; id=&quot;defaultModalLabel&quot;&gt;Options&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot;&gt;&lt;!-- HTML generated using hilite.me --&gt;
&lt;div style=&quot;background: #ffffff; overflow: auto; width: auto; border-style: solid; border-color: gray; border-image: initial; border-width: 0.1em 0.1em 0.1em 0.8em; padding: 0.2em 0.6em;&quot;&gt;
&lt;table&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;1
2
3
4
5
6
7
8
9&lt;/pre&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;pre style=&quot;margin: 0px; line-height: 125%;&quot;&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 3, &#39;barColor&#39;: &#39;#2baab1&#39;, &#39;trackColor&#39;: &#39;#CCC&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 10, &#39;lineCap&#39;: &#39;square&#39;,&#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;class=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;circular-bar-chart&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-percent=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;75&quot;&lt;/span&gt; &lt;span style=&quot;color: #ff0000;&quot;&gt;data-plugin-options=&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&quot;{&#39;size&#39;: 175, &#39;lineWidth&#39;: 15, &#39;lineCap&#39;: &#39;square&#39;, &#39;scaleColor&#39;: &#39;#999&#39;, &#39;barColor&#39;: &#39;#2baab1&#39;}&quot;&lt;/span&gt;&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;gt;&amp;lt;strong&amp;gt;&lt;/span&gt;HTML/CSS&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/span&gt; &lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;label&amp;gt;&lt;/span&gt;75%&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/label&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;span style=&quot;font-weight: bold; color: #000080;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt;&lt;button class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot; type=&quot;button&quot;&gt;Close&lt;/button&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;]]></content></htmltext>]]></content><modulesettings><modulesetting><settingname>WorkflowID</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_SearchDescLength</settingname><settingvalue>100</settingvalue></modulesetting><modulesetting><settingname>HtmlText_UseDecorate</settingname><settingvalue>1</settingvalue></modulesetting><modulesetting><settingname>HtmlText_ReplaceTokens</settingname><settingvalue>False</settingvalue></modulesetting><modulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></modulesetting><modulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></modulesetting></modulesettings><tabmodulesettings><tabmodulesetting><settingname>AllowIndex</settingname><settingvalue>True</settingvalue></tabmodulesetting><tabmodulesetting><settingname>hideadminborder</settingname><settingvalue>False</settingvalue></tabmodulesetting></tabmodulesettings><definition>DNN_HTML</definition><moduledefinition>Text/HTML</moduledefinition></module></modules></pane></panes></tab></tabs></portal>