Servicio de telefonía ip

Contáctanos Leer Más

Servicio de DATA CENTER

Contáctanos Leer Más

Servicio de Enlaces

Contáctanos Leer Más

Servicio de INTERNET

Contáctanos Leer Más

Servicio de Videovigilancia

Contáctanos Leer Más

Buttons

Buttons
 
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button blue size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button blue size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button blue size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button blue size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button blue size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button red size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button red size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button red size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button red size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button red size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button green size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button green size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button green size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button green size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button green size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button black size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button black size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button black size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button black size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button black size5">Button 5  <i class="fa fa-check"></i></a>
 
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled blue size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled blue size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled blue size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled blue size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled blue size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled red size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled red size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled red size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled red size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled red size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled green size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled green size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled green size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled green size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled green size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled black size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled black size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled black size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled black size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled black size5">Button 5  <i class="fa fa-check"></i></a>
 
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button light size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button light size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button light size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button light size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button light size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled size5">Button 5  <i class="fa fa-check"></i></a>
Button 1  
 
Button 2  
 
Button 3  
 
Button 4  
 
Button 5  
 
GET CODE
<a class="jf_typo_button filled light size1">Button 1  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled light size2">Button 2  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled light size3">Button 3  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled light size4">Button 4  <i class="fa fa-check"></i></a>
<a class="jf_typo_button filled light size5">Button 5  <i class="fa fa-check"></i></a>
 
 

Blockquotes

Blockquotes
 
In vitae purus ligula, in venenatis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Enim auctor. In. Rhoncus aliquam magna adipiscing elementum auctor integer turpis placerat a eros tortor duis? Rhoncus duis! Augue adipiscing a tristique cras amet aenean in. Vel turpis? Et nascetur, turpis platea duis, vut non placerat velit sit, ultricies dis ac sociis ultrices, vut pellentesque? Integer in, cum, odio auctor! Vel etiam ridiculus odio mus cum sociis tincidunt mid urna? Auctor tincidunt augue! Sit augue scelerisque sit nec! Lacus ac vut dignissim, pid? Rhoncus eros dolor massa elementum est augue! Aliquam odio pulvinar dolor? Pulvinar, lundium eu! Arcu non aenean aenean cras a tempor ac eu, nec enim in est, proin lectus, pulvinar amet turpis lundium massa elit tempor porta? Rhoncus dapibus, scelerisque nec egestas augue etiam arcu platea purus.
 
GET CODE
<blockquote class="jf_typo_qoute_left">Quote text here...</blockquote>Paragraph text here...
 
 
In vitae purus ligula, in venenatis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Enim auctor. In. Rhoncus aliquam magna adipiscing elementum auctor integer turpis placerat a eros tortor duis? Rhoncus duis! Augue adipiscing a tristique cras amet aenean in. Vel turpis? Et nascetur, turpis platea duis, vut non placerat velit sit, ultricies dis ac sociis ultrices, vut pellentesque? Integer in, cum, odio auctor! Vel etiam ridiculus odio mus cum sociis tincidunt mid urna? Auctor tincidunt augue! Sit augue scelerisque sit nec! Lacus ac vut dignissim, pid? Rhoncus eros dolor massa elementum est augue! Aliquam odio pulvinar dolor? Pulvinar, lundium eu! Arcu non aenean aenean cras a tempor ac eu, nec enim in est, proin lectus, pulvinar amet turpis lundium massa elit tempor porta? Rhoncus dapibus, scelerisque nec egestas augue etiam arcu platea purus.
 
GET CODE
<blockquote class="jf_typo_qoute_right">Quote text here...</blockquote>Paragraph text here...
 
 
In vitae purus ligula, in venenatis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
GET CODE
<blockquote>Quote text here...</blockquote>
 
 

Dropcaps

Dropcaps
 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. This is a blockquote. Aenean arcu elit, tristique semper pulvinar adipiscing. Donec faucibus. Nam sit amet sem.

GET CODE
<p><span class="jf_typo_dropcap style1">L</span>some text here...</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. This is a blockquote. Aenean arcu elit, tristique semper pulvinar adipiscing. Donec faucibus. Nam sit amet sem.

GET CODE
<p><span class="jf_typo_dropcap style2">L</span>some text here...</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. This is a blockquote. Aenean arcu elit, tristique semper pulvinar adipiscing. Donec faucibus. Nam sit amet sem.

GET CODE
<p><span class="jf_typo_dropcap style3">L</span>some text here...</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. This is a blockquote. Aenean arcu elit, tristique semper pulvinar adipiscing. Donec faucibus. Nam sit amet sem.

GET CODE
<p><span class="jf_typo_dropcap style4">L</span>some text here...</p>
 
 

Text Highligts

Highligts
 

This is a highlight text. Lorem ipsum dolor sit amet.

GET CODE
<span class="jf_typo_highlight_blue">highlight text</span>

This is a highlight text. Lorem ipsum dolor sit amet.

GET CODE
<span class="jf_typo_highlight_red">highlight text</span>

This is a highlight text. Lorem ipsum dolor sit amet.

GET CODE
<span class="jf_typo_highlight_green">highlight text</span>

This is a highlight text. Lorem ipsum dolor sit amet.

GET CODE
<span class="jf_typo_highlight_black">highlight text</span>
 
 
Colors
Unlimited ColorsUnlimited Colors