App-docsisious
7 results

 view release on metacpan or  search on metacpan

lib/App/docsisious/public/icons/flaticon.html  view on Meta::CPAN 

    .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">&lt;head&gt;
                            <br/>...
                            <br/>&lt;link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"&gt;
                            <br/>...
                            <br/>&lt;/head&gt;</span>
                </li>

                <li>
                    <p>
                        <span class="num">3</span>Use the icon class on "display:inline" elements:
                        <br />
                        <span class="ex">Use example: &lt;i class=&quot;flaticon-airplane49&quot;&gt;&lt;/i&gt; or &lt;span class=&quot;flaticon-airplane49&quot;&gt;&lt;/span&gt;</span>
                </li>
            </ul>
        </div>

    </section>

    <section id="glyphs"><div class="glyph">
		<div class="glyph-icon flaticon-download164"></div>
		<div class="class-name">.flaticon-download164</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/download-button_60721">Google</a></div></div><div class="glyph">
		<div class="glyph-icon flaticon-fullscreen4"></div>
		<div class="class-name">.flaticon-fullscreen4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/fullscreen-arrows-symbol_25183">Dave Gandy</a></div></div><div class="glyph">
		<div class="glyph-icon flaticon-gear39"></div>
		<div class="class-name">.flaticon-gear39</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/settings-work-tool_70367">Egor Rumyantsev</a></div></div><div class="glyph">
		<div class="glyph-icon flaticon-question58"></div>
		<div class="class-name">.flaticon-question58</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/question-mark_3711">Daniel Bruce</a></div></div><div class="glyph">
		<div class="glyph-icon flaticon-save28"></div>
		<div class="class-name">.flaticon-save28</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/save-icon_64052">Freepik</a></div></div><div class="glyph">
		<div class="glyph-icon flaticon-uploading18"></div>
		<div class="class-name">.flaticon-uploading18</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/upload-arrow-with-bar_76979">Plainicon</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.google.com">Google</a>, <a href="http://fontawesome.io">Dave Gandy</a>, <a href="http://www.behance.com/pio-5">Egor Rumyantsev</a>, <a href="...

<textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;http://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;
 under &lt;a href=&quot;http://creativecommons.org/licenses/by/3.0/&quot;&gt;CC BY&lt;/a&gt;. The authors are: &lt;a href=&quot;http://www.google.com&quot;&gt;Google&lt;/a&gt;, &lt;a href=&quot;http://fontawesome.io&quot;&gt;Dave Gandy&lt;/a&gt;, &lt...

</section>

<section class="iconsuse">
    	<div class="usetitle">Examples:</div>
		<div class="image"><p>&lt;i class=&quot;flaticon-download164&quot;&gt;&lt;/i&gt; <i class="flaticon-download164"></i></p><p>&lt;i class=&quot;flaticon-fullscreen4&quot;&gt;&lt;/i&gt; <i class="flaticon-fullscreen4"></i></p><p>&lt;i class=&quot;flat...
</section>
<div id="footer">
    <div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
    </div>
</div>
	</body>
</html>



( run in 0.595 second using v1.01-cache-2.11-cpan-b16cb0d3907 )