whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
plugins
/
insight-core
/
libs
/
kungfu
/
fonts
/
flaticon
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/plugins/insight-core/libs/kungfu/fonts/flaticon/flaticon.html
<!DOCTYPE html> <html> <head> <title>Flaticon WebFont</title> <link rel="stylesheet" type="text/css" href="flaticon.css"> <meta charset="UTF-8"> <style> body { font-family: sans-serif; line-height: 1.5; font-size: 16px; padding: 20px; color:#333; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 30px; font-style: normal; margin-left: 20px; color: #333; } .image p { font-size: 12px; margin: 0px; clear: none; width: 300px; line-height: 40px; } .text { float: left; font-size:14px; margin-top: 15px; } .text ul { margin-left:0px; color:#111; margin-bottom:20px; } .text .ex { font-size:12px; color:#666; margin-left:35px; display:block; } .text ul li { margin-top:10px; list-style:none; } .num { background:#66A523; color:#fff; border-radius:20px; padding:1px; display:inline-block; width:22px; height:22px; text-align:center; margin-right: 5px; } .text ul strong { font-weight:normal; color:#000; } .image { width: 280px; float: left; margin-bottom: 15px; margin-right: 30px; } #glyphs { clear: both; } .image p:nth-child(even) i { clear: none; } .glyph { display: inline-block; width: 120px; margin: 10px; text-align: center; vertical-align: top; background: #FFF; } .glyph .glyph-icon { padding: 10px; display: block; font-family:"Flaticon"; font-size: 64px; line-height: 1; } .glyph .glyph-icon:before { font-size: 64px; color: #666; margin-left: 0; } .class-name { font-size: 12px; } .author-name { font-size: 10px; } a{ color: #66A523; } .instructions { font-style:italic; font-size:22px; margin-bottom:10px; } .iconsuse { font-size:22px; font-style:italic; padding-top:20px; margin-top:20px; border-top:1px solid #bbb; } .usetitle { margin-bottom: 10px; font-size: 20px; font-style: italic; } .class-name:last-child { font-size: 10px; color:#888; } .class-name:last-child a { font-size: 10px; color:#555; } .class-name:last-child a:hover { color:#66A523; } .glyph > input { display: block; width: 100px; margin: 5px auto; text-align: center; font-size: 12px; cursor: text; } .glyph > input.icon-input { font-family:"Flaticon"; font-size: 16px; margin-bottom: 10px; } h1.logo { font-size: 40px; letter-spacing: -1px; margin-top: -16px; text-transform: lowercase; border-bottom:1px solid #bbb; } h1.logo strong { font-size: 16px; font-family:sans-serif; font-weight:normal; color:#333; } h1.logo a { color:#34302d; text-decoration: none; } h1.logo a span { color:#66A523; } #footer { padding-top:40px; clear:both; text-align:center; } #footer a { color:#66A523; } textarea { margin: 0px; width: 800px; height: 150px; border: 1px solid #CCC; resize: none; background: #EEE; } .author-link, .attrDiv a{ font-size: 12px; color: #333; text-decoration: none; } .external { display: block; } .attrDiv { font-size: 12px; } .attribution { border-top: 1px solid #AAA; margin: 10px 0; padding-top: 15px; } </style> </head> <body> <header> <h1 class="logo"> <a href="http://www.flaticon.com"> <span>FLAT</span>ICON</a> <strong>Font Demo</strong> </h1> </header> <section class="demo"> <div class="text"> <div class="instructions">Instructions:</div> <ul> <li> <p> <span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder. </li> <li> <p> <span class="num">2</span>Add the CSS link to your website source code on header. <br /> <span class="ex"><head> <br/>... <br/><link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> <br/>... <br/></head></span> </li> <li> <p> <span class="num">3</span>Use the icon class on "display:inline" elements: <br /> <span class="ex">Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span></span> </li> </ul> </div> </section> <section id="glyphs"><div class="glyph"> <div class="glyph-icon flaticon-layout32"></div> <div class="class-name">.flaticon-layout32</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/layout-design-with-three-footer-parts_43847">Freepik</a></div></div><div class="glyph"> <div class="glyph-icon flaticon-paint4"></div> <div class="class-name">.flaticon-paint4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/paint-board-and-brush_67745">Freepik</a></div></div><div class="glyph"> <div class="glyph-icon flaticon-shopping145"></div> <div class="class-name">.flaticon-shopping145</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/shopping-cart-with-product-inside_43777">Freepik</a></div></div><div class="glyph"> <div class="glyph-icon flaticon-tag30"></div> <div class="class-name">.flaticon-tag30</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sale_98923">Freepik</a></div></div><div class="glyph"> <div class="glyph-icon flaticon-web63"></div> <div class="class-name">.flaticon-web63</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/website_14714">Picol</a></div></div><div class="glyph"> <div class="glyph-icon flaticon-whiteboard"></div> <div class="class-name">.flaticon-whiteboard</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/whiteboard-with-header-and-two-footers_42988">Freepik</a></div></div></section> <section class="attribution"> <div class="usetitle">License and attribution:</div><div class="attrDiv">Font generated by <a href="http://www.flaticon.com">flaticon.com</a> under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY</a>. The authors are: <a href="http://www.freepik.com">Freepik</a>, <a href="http://picol.org">Picol</a>.</div><div class="usetitle">Copy the Attribution License:</div> <textarea onclick="this.focus();this.select();">Font generated by <a href="http://www.flaticon.com">flaticon.com</a> under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY</a>. The authors are: <a href="http://www.freepik.com">Freepik</a>, <a href="http://picol.org">Picol</a>.</textarea> </section> <section class="iconsuse"> <div class="usetitle">Examples:</div> <div class="image"><p><i class="flaticon-layout32"></i> <i class="flaticon-layout32"></i></p><p><i class="flaticon-paint4"></i> <i class="flaticon-paint4"></i></p><p><i class="flaticon-shopping145"></i> <i class="flaticon-shopping145"></i></p><p><i class="flaticon-tag30"></i> <i class="flaticon-tag30"></i></p><p><i class="flaticon-web63"></i> <i class="flaticon-web63"></i></p></div><div class="image"><p><span class="flaticon-whiteboard"></span> <span class="flaticon-whiteboard"></span></p></div> </section> <div id="footer"> <div>Generated by <a href="http://www.flaticon.com">flaticon.com</a> </div> </div> </body> </html>
Copyright ©2021 || Defacer Indonesia