ProService-iT - Компьютерный сервисный центр г. ПушкиноРемонт компьютеров, ремонт ноутбуков, установка программной части, сложный ремонт на профессиональном оборудовании.
Пушкино ул.50 лет комсомола 49 тел. +7 903 777 9 666
Обслуживание корпоративных инфраструктур, удаленное администрирование, обслуживание и ремонт серверного и компьютерного оборудования, поставка комплектующих.
Низкие ценыhttps://proservice-it.ru/10-sample-data-article/demo2025-12-31T00:45:32+00:00Компьютерный сервисный центр №1 в г. Пушкиноsupport@proservice-it.ruJoomla! - Open Source Content ManagementGet a Quote 2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/?id=27Super Useradmin@proservice-it.ru<div class="row-fluid quotation">
<div class="span9">
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor. incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="span3"><a class="pull-right btn btn-large btn-danger" href="#">Get a Quote</a></div>
</div><div class="row-fluid quotation">
<div class="span9">
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor. incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="span3"><a class="pull-right btn btn-large btn-danger" href="#">Get a Quote</a></div>
</div>Module Position2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/?id=18Super Useradmin@proservice-it.ru<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Top</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>menu</td>
<td>search</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Header</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>logo</td>
<td>top-info</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Sub Header</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>breadcrumb</td>
<td>subheader</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Slide</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>slide</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Module Title</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>module-title</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Feature</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>feature</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>User</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>user1</td>
<td>user2</td>
<td>user3</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Portfolio</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>portfolio</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Clients</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>clients</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Testimonial</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>testimonial</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Main Body</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>left</td>
<td>Component Area</td>
<td>right</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Feature Bottom</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>feature Bottom</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Content</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>content</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Timeline</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>timeline</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Bottom</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>bottom1</td>
<td>bottom2</td>
<td>bottom3</td>
<td>bottom4</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Footer</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>footer1</td>
<td>footer2</td>
</tr>
</tbody>
</table><table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Top</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>menu</td>
<td>search</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Header</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>logo</td>
<td>top-info</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Sub Header</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>breadcrumb</td>
<td>subheader</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Slide</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>slide</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Module Title</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>module-title</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Feature</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>feature</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>User</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>user1</td>
<td>user2</td>
<td>user3</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Portfolio</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>portfolio</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Clients</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>clients</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Testimonial</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>testimonial</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Main Body</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>left</td>
<td>Component Area</td>
<td>right</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Feature Bottom</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>feature Bottom</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Content</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>content</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Timeline</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>timeline</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Bottom</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>bottom1</td>
<td>bottom2</td>
<td>bottom3</td>
<td>bottom4</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-striped center">
<thead>
<tr><th colspan="6">
<h4>Footer</h4>
</th></tr>
</thead>
<tbody>
<tr>
<td>footer1</td>
<td>footer2</td>
</tr>
</tbody>
</table>Video2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/?id=17Super Useradmin@proservice-it.ru<p>[row]</p>
<p>[col class="span6"]</p>
<p>[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]</p>
<h3>Get the code</h3>
<pre>[[spvideo]http://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]]</pre>
<p>[/col]</p>
<p>[col class="span6"]</p>
<p>[spvideo]http://vimeo.com/3701346[/spvideo]</p>
<h3>Get the code</h3>
<pre>[[spvideo]http://vimeo.com/3701346[/spvideo]]</pre>
<p>[/col]</p>
<p>[/row]</p><p>[row]</p>
<p>[col class="span6"]</p>
<p>[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]</p>
<h3>Get the code</h3>
<pre>[[spvideo]http://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]]</pre>
<p>[/col]</p>
<p>[col class="span6"]</p>
<p>[spvideo]http://vimeo.com/3701346[/spvideo]</p>
<h3>Get the code</h3>
<pre>[[spvideo]http://vimeo.com/3701346[/spvideo]]</pre>
<p>[/col]</p>
<p>[/row]</p>Typography2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/14-portfolio/appsSuper Useradmin@proservice-it.ru<p>[row]</p>
<p>[col class="span6"]</p>
<h1>h1. Heading 1</h1>
<h2>h2. Heading 2</h2>
<h3>h3. Heading 3</h3>
<h4>h4. Heading 4</h4>
<h5>h5. Heading 5</h5>
<h6>h6. Heading 6</h6>
<p>[/col]</p>
<p>[col class="span6"]</p>
<h3>Dropcap</h3>
<p>[dropcap]This is a Magazine Style Drop Cap. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/dropcap]</p>
<pre>[[dropcap]Dropcap Texts[/dropcap]]</pre>
<p>[/col]</p>
<p>[/row]</p>
<p>[row]</p>
<h3>Lists example</h3>
<p>[col class="span6"]</p>
<ul>
<li>This is a sample <strong>unordered list</strong></li>
</ul>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-double">
<li>ul with class <strong>arrow-double</strong></li>
</ul>
<ul class="tick">
<li>ul with class <strong>tick</strong></li>
</ul>
<ul class="cross">
<li>ul with class <strong>cross</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul>
<p>[/col]</p>
<p>[col class="span6"]</p>
<ol>
<li>This is a sample <strong>ordered list</strong></li>
</ol>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-double">
<li>ul with class <strong>arrow-double</strong></li>
</ul>
<ul class="tick">
<li>ul with class <strong>tick</strong></li>
</ul>
<ul class="cross">
<li>ul with class <strong>cross</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul>
<p>[/col]</p>
<p>[/row]</p>
<h3>Block Number</h3>
<p>[row][col class="span4"] [blocknumber type="circle" text="01" color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="circle" text="02" color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="circle" text="03" color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber type="circle" text="01" color="#FFF" background="#f16a10"]Circle Block Number[/blocknumber]]</pre>
<p>[/col]</p>
<p>[col class="span4"] [blocknumber type="rounded" text="01" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="rounded" text="02" color="#FFF" background="#d80000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="rounded" text="03" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]]</pre>
<p>[/col]</p>
<p>[col class="span4"] [blocknumber text="01" color="#FFF" background="#999"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber text="02" color="#FFF" background="#666"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber text="03" color="#FFF" background="#000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]]</pre>
<p>[/col]<span style="line-height: 1.3em;">[/row]</span></p>
<h3>Block Examples </h3>
<p>[row][col class="span4"]</p>
<p>[block color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block color="#FFF" background="#f16a10"]Content[/block]]</pre>
<p>[/col]</p>
<p>[col class="span4"]</p>
<p>[block type="rounded" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]]</pre>
<p>[/col]</p>
<p>[col class="span4"]</p>
<p>[block border="1px dashed #CCC" padding="14px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block border="3px solid #34bcf5" padding="12px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor[/block]]</pre>
<p>[/col]</p>
<p>[/row]</p>
<h3>Bubble Examples</h3>
<p>[row][col class="span4"]</p>
<p><span style="line-height: 1.3em;">[bubble author="Betty D. Steward"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]</span></p>
<p><span style="line-height: 1.3em;">[/col][col class="span4"]</span></p>
<p><span style="line-height: 1.3em;">[bubble color="#FFF" background="#736357" author="Barbara J. Pennebaker"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]</span></p>
<p><span style="line-height: 1.3em;">[/col]</span><span style="line-height: 1.3em;">[col class="span4"]</span></p>
<p><span style="line-height: 1.3em;">[bubble background="transparent" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.[/bubble]</span></p>
<p><span>[/col]</span></p>
<p><span style="line-height: 1.3em;">[/row]</span></p>
<p><span style="line-height: 1.3em;">[row][col class="span12"]</span></p>
<p> </p>
<pre>[[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]]</pre>
<p><span style="line-height: 1.3em;">[/col]</span><span style="line-height: 1.3em;">[/row]</span></p><p>[row]</p>
<p>[col class="span6"]</p>
<h1>h1. Heading 1</h1>
<h2>h2. Heading 2</h2>
<h3>h3. Heading 3</h3>
<h4>h4. Heading 4</h4>
<h5>h5. Heading 5</h5>
<h6>h6. Heading 6</h6>
<p>[/col]</p>
<p>[col class="span6"]</p>
<h3>Dropcap</h3>
<p>[dropcap]This is a Magazine Style Drop Cap. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/dropcap]</p>
<pre>[[dropcap]Dropcap Texts[/dropcap]]</pre>
<p>[/col]</p>
<p>[/row]</p>
<p>[row]</p>
<h3>Lists example</h3>
<p>[col class="span6"]</p>
<ul>
<li>This is a sample <strong>unordered list</strong></li>
</ul>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-double">
<li>ul with class <strong>arrow-double</strong></li>
</ul>
<ul class="tick">
<li>ul with class <strong>tick</strong></li>
</ul>
<ul class="cross">
<li>ul with class <strong>cross</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul>
<p>[/col]</p>
<p>[col class="span6"]</p>
<ol>
<li>This is a sample <strong>ordered list</strong></li>
</ol>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-double">
<li>ul with class <strong>arrow-double</strong></li>
</ul>
<ul class="tick">
<li>ul with class <strong>tick</strong></li>
</ul>
<ul class="cross">
<li>ul with class <strong>cross</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul>
<p>[/col]</p>
<p>[/row]</p>
<h3>Block Number</h3>
<p>[row][col class="span4"] [blocknumber type="circle" text="01" color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="circle" text="02" color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="circle" text="03" color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber type="circle" text="01" color="#FFF" background="#f16a10"]Circle Block Number[/blocknumber]]</pre>
<p>[/col]</p>
<p>[col class="span4"] [blocknumber type="rounded" text="01" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="rounded" text="02" color="#FFF" background="#d80000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber type="rounded" text="03" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]]</pre>
<p>[/col]</p>
<p>[col class="span4"] [blocknumber text="01" color="#FFF" background="#999"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber text="02" color="#FFF" background="#666"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<p>[blocknumber text="03" color="#FFF" background="#000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]</p>
<pre>[[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]]</pre>
<p>[/col]<span style="line-height: 1.3em;">[/row]</span></p>
<h3>Block Examples </h3>
<p>[row][col class="span4"]</p>
<p>[block color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block color="#FFF" background="#f16a10"]Content[/block]]</pre>
<p>[/col]</p>
<p>[col class="span4"]</p>
<p>[block type="rounded" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]]</pre>
<p>[/col]</p>
<p>[col class="span4"]</p>
<p>[block border="1px dashed #CCC" padding="14px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block border="3px solid #34bcf5" padding="12px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<p>[block type="rounded" border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]</p>
<pre>[[block border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor[/block]]</pre>
<p>[/col]</p>
<p>[/row]</p>
<h3>Bubble Examples</h3>
<p>[row][col class="span4"]</p>
<p><span style="line-height: 1.3em;">[bubble author="Betty D. Steward"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]</span></p>
<p><span style="line-height: 1.3em;">[/col][col class="span4"]</span></p>
<p><span style="line-height: 1.3em;">[bubble color="#FFF" background="#736357" author="Barbara J. Pennebaker"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]</span></p>
<p><span style="line-height: 1.3em;">[/col]</span><span style="line-height: 1.3em;">[col class="span4"]</span></p>
<p><span style="line-height: 1.3em;">[bubble background="transparent" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.[/bubble]</span></p>
<p><span>[/col]</span></p>
<p><span style="line-height: 1.3em;">[/row]</span></p>
<p><span style="line-height: 1.3em;">[row][col class="span12"]</span></p>
<p> </p>
<pre>[[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]]</pre>
<p><span style="line-height: 1.3em;">[/col]</span><span style="line-height: 1.3em;">[/row]</span></p>Article2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/13-portfolio/designSuper Useradmin@proservice-it.ru<ul>
<li>This is a sample <strong>unordered list</strong></li>
</ul>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-2">
<li>ul with class <strong>arrow-2</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul><ul>
<li>This is a sample <strong>unordered list</strong></li>
</ul>
<ul class="arrow">
<li>ul with class <strong>arrow</strong></li>
</ul>
<ul class="arrow-2">
<li>ul with class <strong>arrow-2</strong></li>
</ul>
<ul class="star">
<li>ul with class <strong>star</strong></li>
</ul>
<ul class="rss">
<li>ul with class <strong>rss</strong></li>
</ul>Module Variations2025-12-31T00:45:32+00:002025-12-31T00:45:32+00:00https://proservice-it.ru/2-uncategorisedSuper Useradmin@proservice-it.ru<p>Welcome to Shaper Optima template. This is the corporate template for joomla based on Helix-ii Framewok.</p><p>Welcome to Shaper Optima template. This is the corporate template for joomla based on Helix-ii Framewok.</p>