<div class="container relative"><!-- Row -->
<p> <br /><br /></p>
<div class="row">
<div class="col-md-8 col-md-offset-2 mb-30">
<div class="section-text text-center">
<p>You can use a set of <a href="http://www.elegantthemes.com/blog/resources/how-to-use-and-embed-an-icon-font-on-your-website" target="_blank">100+ ET-Line Icons</a></p>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="highlight">
<pre><code class="html">&lt;span class="icon-heart"&gt;&lt;/span&gt; icon-heart</code></pre>
</div>
<p><strong class="small">Result:</strong> <span class="icon-heart"> </span> icon-heart</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Row --> <!-- Icon Classes -->
<div class="et-examples"><span class="box1"><span class="icon-mobile"> </span>icon-mobile</span> <span class="box1"><span class="icon-laptop"> </span>icon-laptop</span> <span class="box1"><span class="icon-desktop"> </span>icon-desktop</span> <span class="box1"><span class="icon-tablet"> </span>icon-tablet</span> <span class="box1"><span class="icon-phone"> </span>icon-phone</span> <span class="box1"><span class="icon-document"> </span>icon-document</span> <span class="box1"><span class="icon-documents"> </span>icon-documents</span> <span class="box1"><span class="icon-search"> </span>icon-search</span> <span class="box1"><span class="icon-clipboard"> </span>icon-clipboard</span> <span class="box1"><span class="icon-newspaper"> </span>icon-newspaper</span> <span class="box1"><span class="icon-notebook"> </span>icon-notebook</span> <span class="box1"><span class="icon-book-open"> </span>icon-book-open</span> <span class="box1"><span class="icon-browser"> </span>icon-browser</span> <span class="box1"><span class="icon-calendar"> </span>icon-calendar</span> <span class="box1"><span class="icon-presentation"> </span>icon-presentation</span> <span class="box1"><span class="icon-picture"> </span>icon-picture</span> <span class="box1"><span class="icon-pictures"> </span>icon-pictures</span> <span class="box1"><span class="icon-video"> </span>icon-video</span> <span class="box1"><span class="icon-camera"> </span>icon-camera</span> <span class="box1"><span class="icon-printer"> </span>icon-printer</span> <span class="box1"><span class="icon-toolbox"> </span>icon-toolbox</span> <span class="box1"><span class="icon-briefcase"> </span>icon-briefcase</span> <span class="box1"><span class="icon-wallet"> </span>icon-wallet</span> <span class="box1"><span class="icon-gift"> </span>icon-gift</span> <span class="box1"><span class="icon-bargraph"> </span>icon-bargraph</span> <span class="box1"><span class="icon-grid"> </span>icon-grid</span> <span class="box1"><span class="icon-expand"> </span>icon-expand</span> <span class="box1"><span class="icon-focus"> </span>icon-focus</span> <span class="box1"><span class="icon-edit"> </span>icon-edit</span> <span class="box1"><span class="icon-adjustments"> </span>icon-adjustments</span> <span class="box1"><span class="icon-ribbon"> </span>icon-ribbon</span> <span class="box1"><span class="icon-hourglass"> </span>icon-hourglass</span> <span class="box1"><span class="icon-lock"> </span>icon-lock</span> <span class="box1"><span class="icon-megaphone"> </span>icon-megaphone</span> <span class="box1"><span class="icon-shield"> </span>icon-shield</span> <span class="box1"><span class="icon-trophy"> </span>icon-trophy</span> <span class="box1"><span class="icon-flag"> </span>icon-flag</span> <span class="box1"><span class="icon-map"> </span>icon-map</span> <span class="box1"><span class="icon-puzzle"> </span>icon-puzzle</span> <span class="box1"><span class="icon-basket"> </span>icon-basket</span> <span class="box1"><span class="icon-envelope"> </span>icon-envelope</span> <span class="box1"><span class="icon-streetsign"> </span>icon-streetsign</span> <span class="box1"><span class="icon-telescope"> </span>icon-telescope</span> <span class="box1"><span class="icon-gears"> </span>icon-gears</span> <span class="box1"><span class="icon-key"> </span>icon-key</span> <span class="box1"><span class="icon-paperclip"> </span>icon-paperclip</span> <span class="box1"><span class="icon-attachment"> </span>icon-attachment</span> <span class="box1"><span class="icon-pricetags"> </span>icon-pricetags</span> <span class="box1"><span class="icon-lightbulb"> </span>icon-lightbulb</span> <span class="box1"><span class="icon-layers"> </span>icon-layers</span> <span class="box1"><span class="icon-pencil"> </span>icon-pencil</span> <span class="box1"><span class="icon-tools"> </span>icon-tools</span> <span class="box1"><span class="icon-tools-2"> </span>icon-tools-2</span> <span class="box1"><span class="icon-scissors"> </span>icon-scissors</span> <span class="box1"><span class="icon-paintbrush"> </span>icon-paintbrush</span> <span class="box1"><span class="icon-magnifying-glass"> </span>icon-magnifying-glass</span> <span class="box1"><span class="icon-circle-compass"> </span>icon-circle-compass</span> <span class="box1"><span class="icon-linegraph"> </span>icon-linegraph</span> <span class="box1"><span class="icon-mic"> </span>icon-mic</span> <span class="box1"><span class="icon-strategy"> </span>icon-strategy</span> <span class="box1"><span class="icon-beaker"> </span>icon-beaker</span> <span class="box1"><span class="icon-caution"> </span>icon-caution</span> <span class="box1"><span class="icon-recycle"> </span>icon-recycle</span> <span class="box1"><span class="icon-anchor"> </span>icon-anchor</span> <span class="box1"><span class="icon-profile-male"> </span>icon-profile-male</span> <span class="box1"><span class="icon-profile-female"> </span>icon-profile-female</span> <span class="box1"><span class="icon-bike"> </span>icon-bike</span> <span class="box1"><span class="icon-wine"> </span>icon-wine</span> <span class="box1"><span class="icon-hotairballoon"> </span>icon-hotairballoon</span> <span class="box1"><span class="icon-globe"> </span>icon-globe</span> <span class="box1"><span class="icon-genius"> </span>icon-genius</span> <span class="box1"><span class="icon-map-pin"> </span>icon-map-pin</span> <span class="box1"><span class="icon-dial"> </span>icon-dial</span> <span class="box1"><span class="icon-chat"> </span>icon-chat</span> <span class="box1"><span class="icon-heart"> </span>icon-heart</span> <span class="box1"><span class="icon-cloud"> </span>icon-cloud</span> <span class="box1"><span class="icon-upload"> </span>icon-upload</span> <span class="box1"><span class="icon-download"> </span>icon-download</span> <span class="box1"><span class="icon-target"> </span>icon-target</span> <span class="box1"><span class="icon-hazardous"> </span>icon-hazardous</span> <span class="box1"><span class="icon-piechart"> </span>icon-piechart</span> <span class="box1"><span class="icon-speedometer"> </span>icon-speedometer</span> <span class="box1"><span class="icon-global"> </span>icon-global</span> <span class="box1"><span class="icon-compass"> </span>icon-compass</span> <span class="box1"><span class="icon-lifesaver"> </span>icon-lifesaver</span> <span class="box1"><span class="icon-clock"> </span>icon-clock</span> <span class="box1"><span class="icon-aperture"> </span>icon-aperture</span> <span class="box1"><span class="icon-quote"> </span>icon-quote</span> <span class="box1"><span class="icon-scope"> </span>icon-scope</span> <span class="box1"><span class="icon-alarmclock"> </span>icon-alarmclock</span> <span class="box1"><span class="icon-refresh"> </span>icon-refresh</span> <span class="box1"><span class="icon-happy"> </span>icon-happy</span> <span class="box1"><span class="icon-sad"> </span>icon-sad</span> <span class="box1"><span class="icon-facebook"> </span>icon-facebook</span> <span class="box1"><span class="icon-twitter"> </span>icon-twitter</span> <span class="box1"><span class="icon-googleplus"> </span>icon-googleplus</span> <span class="box1"><span class="icon-rss"> </span>icon-rss</span> <span class="box1"><span class="icon-tumblr"> </span>icon-tumblr</span> <span class="box1"><span class="icon-linkedin"> </span>icon-linkedin</span> <span class="box1"><span class="icon-dribbble"> </span>icon-dribbble</span></div>
<p> </p>
<!-- End Icon Classes--></div>