Separators

Separator

Default Sepatrator

Share your location and a working contact number when requesting collection. Availability and transport charges depend on the route and the equipment involved.


<div class="title-separator mb-60">
  <span class="text-uppercase font-26"> Separator</span>
</div>
<h4>.........</h4>
<p>.........</p>
<div class="separator"></div>

Separator Left Align

For phones, laptops and office equipment, ask about data handling and backup arrangements before handing over your device. Keep account passwords private.


<h4>.........</h4>
<p>.........</p>
<div class="separator left">
  <i class="fa fa-camera"></i>
</div>

Right Align

Ask what the repair includes, which parts are being replaced and what after-service cover applies. The team will explain the agreed work when your item is ready.


<h4>.........</h4>
<p>.........</p>
<div class="separator right">
  <i class="fa fa-graduation-cap"></i>
</div>

Separator Center Align

A repair quotation follows diagnosis. Parts, labour and any collection arrangements are confirmed with you before paid work proceeds.


<h4>.........</h4>
<p>.........</p>
<div class="separator">
  <i class="pe-7s-drop"></i>
</div>

Separator Icon (animated)

Describe the fault, the device model and when the problem started. This helps the repair team plan an assessment and explain what to bring.


<h4>.........</h4>
<p>.........</p>
<div class="separator">
  <i class="fa fa-cog fa-spin"></i>
</div>

Separator Title

Describe the fault, the device model and when the problem started. This helps the repair team plan an assessment and explain what to bring.

Separator Title

<h4>.........</h4>
<p>.........</p>
<div class="separator">
  <span>Separator Title</span>
</div>

Separator Medium Line

Share your location and a working contact number when requesting collection. Availability and transport charges depend on the route and the equipment involved.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-medium-line"> </div>

Separator Small Line

An intermittent fault is easier to assess with a clear description. Note the steps that trigger it and any warning shown on the screen.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-small-line"> </div>

Separator Round Icon

Ask what the repair includes, which parts are being replaced and what after-service cover applies. The team will explain the agreed work when your item is ready.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-rouned">
  <i class="fa fa-cog"></i>
</div>

Separator Round Icon (Left)

An intermittent fault is easier to assess with a clear description. Note the steps that trigger it and any warning shown on the screen.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-rouned separator-rouned-left">
  <i class="fa fa-cog"></i>
</div>

Separator Round Icon (Right)

Share your location and a working contact number when requesting collection. Availability and transport charges depend on the route and the equipment involved.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-rouned separator-rouned-right">
  <i class="fa fa-cog"></i>
</div>

Separator Border Icon (Center)

An intermittent fault is easier to assess with a clear description. Note the steps that trigger it and any warning shown on the screen.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-border-rouned">
  <i class="fa fa-cog"></i>
</div>

Separator Center Aligned

Describe the fault, the device model and when the problem started. This helps the repair team plan an assessment and explain what to bring.


<h4>.........</h4>
<p>.........</p>
<div class="separator separator-small-line separator-rouned">
  <i class="fa fa-pencil"></i>
</div>

Separator Border Dotted

An intermittent fault is easier to assess with a clear description. Note the steps that trigger it and any warning shown on the screen.


<h4>.........</h4>
<p>.........</p>
<div class="separator dotted separator-medium-line"> </div>