Guidelines To Link Back To Smyleee - Smyleee

Guidelines to Link Back to Smyleee

Please follow the below steps to place a link on your website. Please select the suitable design that will best suit your website theme.

1. Copy any one of the below codes on your Home Page or Contact Us Page. Preferably next to the Social Media Icons.

2. Send us an email once it is added and we will give you your Clinic’s Actual URL which you need to replace in the code.

If you wish to add the complete logo of Smyleee on your website then check the below steps.

For Dark Background copy the following code. This  is a white logo with transparent background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/smyleee-white-logo.png” alt=”” width=”100″ height=”23″ /></a>

The above code will show like this when you apply this on any dark background:

smyleee white logo

For Light Background copy the following code. This is a blue logo with transparent background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/smyleee-blue-logo.png” alt=”” width=”100″ height=”23″ /></a>

The above code will show like this when you apply this on any light background:

smyleee blue logo

Copy the following code if you want to add block logo rounded edge. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/smyleee-embed-logo.png” alt=”” width=”90″
height=”30″ /></a>

The above code will show like this when you apply this on any light background:

smyleee embed logo

The above code will show like this when you apply this on any dark background:

smyleee embed logo

Copy the following code if you want to add block logo sharp edge. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/smyleee-embed-logo-sharp-edge.png” alt=”” width=”90″
height=”30″ /></a>

The above code will show like this when you apply this on any light background:

smyleee embed logo sharp edge

The above code will show like this when you apply this on any dark background:

smyleee embed logo sharp edge

If you wish to add the just the icon of Smyleee on your website then check the below steps.

For Dark Background copy the following code. This  is a white logo with transparent background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-White-Icon-Transparent.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee White Icon Transparent

Square icons for Dark Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-White-BG-Blue-Text.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon White BG Blue

Rounded Edge icons for Dark Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-White-BG-Blue-Text-Round-Edge.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon White BG Blue Text Round Edge

Round icons for Dark Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-White-BG-Blue-Text-Round.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon White BG Blue Text Round

For Light Background copy the following code. This  is a blue logo with transparent background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Blue-Icon-Transparent.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Blue Icon Transparent

Square icons for Light Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-Blue-BG-White-Text.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon Blue BG White

Rounded Edge icons for Light Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-Blue-BG-White-Text-Round-Edge.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon Blue BG White Text Round Edge

Round icons for Light Background. Please change the width and height as required but follow the aspect ratio.

<a href=”https://smyleee.com” target=”_blank”><img class=”alignnone” src=”https://smyleee.com/cdn/images/Smyleee-Icon-Blue-BG-White-Text-Round.png” alt=”” width=”40″ height=”40″ /></a>

The above code will show like this when you apply this on any dark background:

Smyleee Icon Blue BG White Text Round