AutoCommit Fre Jul 31 17:03:12 CEST 2015
This commit is contained in:
Andreas Stephanides
BIN
app/assets/fonts/flatfeticon2.eot
Normal file
BIN
app/assets/fonts/flatfeticon2.eot
Normal file
Binary file not shown.
537
app/assets/fonts/flatfeticon2.html
Normal file
537
app/assets/fonts/flatfeticon2.html
Normal file
@@ -0,0 +1,537 @@
|
|||||||
|
<!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-accident3"></div>
|
||||||
|
<div class="class-name">.flaticon-accident3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/man-with-arm-injury_18026">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-alphabet3"></div>
|
||||||
|
<div class="class-name">.flaticon-alphabet3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/alphabet-letters-a-b-and-c_27482">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angel"></div>
|
||||||
|
<div class="class-name">.flaticon-angel</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/angel-face_75956">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angry"></div>
|
||||||
|
<div class="class-name">.flaticon-angry</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/discontent-boy-face_75489">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angry2"></div>
|
||||||
|
<div class="class-name">.flaticon-angry2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/shouting-boy_75490">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angry23"></div>
|
||||||
|
<div class="class-name">.flaticon-angry23</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/angry-emoticon-face-with-opened-mouth-in-rounded-square-outline_42818">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angry40"></div>
|
||||||
|
<div class="class-name">.flaticon-angry40</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/anger-face_75495">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-angry41"></div>
|
||||||
|
<div class="class-name">.flaticon-angry41</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-anger-face_75595">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-animal203"></div>
|
||||||
|
<div class="class-name">.flaticon-animal203</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/fish-with-four-bubbles_85113">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-annulled3"></div>
|
||||||
|
<div class="class-name">.flaticon-annulled3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/annulled-emoticon-square-face_42874">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-bandaid"></div>
|
||||||
|
<div class="class-name">.flaticon-bandaid</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/band-aid-forming-a-cross-mark_26590">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-battery88"></div>
|
||||||
|
<div class="class-name">.flaticon-battery88</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/battery-charging-with-solar-panel_34518">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-book97"></div>
|
||||||
|
<div class="class-name">.flaticon-book97</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/book-with-bookmark_27478">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-boy11"></div>
|
||||||
|
<div class="class-name">.flaticon-boy11</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-raising-hand-for-question_27472">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-boy12"></div>
|
||||||
|
<div class="class-name">.flaticon-boy12</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-reading-a-book_27474">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-business57"></div>
|
||||||
|
<div class="class-name">.flaticon-business57</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/business-man_33563">SimpleIcon</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-camouflage"></div>
|
||||||
|
<div class="class-name">.flaticon-camouflage</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-concealing-face_75457">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-car65"></div>
|
||||||
|
<div class="class-name">.flaticon-car65</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/car-in-black-side-view_26352">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-certificate7"></div>
|
||||||
|
<div class="class-name">.flaticon-certificate7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/certificate-award_27477">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-checklist4"></div>
|
||||||
|
<div class="class-name">.flaticon-checklist4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/checklist-on-a-paper-with-a-pencil_48746">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-circuit4"></div>
|
||||||
|
<div class="class-name">.flaticon-circuit4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/circuit-print-for-electronic-products_34643">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-confused4"></div>
|
||||||
|
<div class="class-name">.flaticon-confused4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/confusion-boy-face_75505">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-cpu"></div>
|
||||||
|
<div class="class-name">.flaticon-cpu</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/cpu_31005">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-cpu1"></div>
|
||||||
|
<div class="class-name">.flaticon-cpu1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/cpu_31046">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-cry1"></div>
|
||||||
|
<div class="class-name">.flaticon-cry1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/weeping-face_75409">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-cry2"></div>
|
||||||
|
<div class="class-name">.flaticon-cry2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-face-weep_75533">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-crying7"></div>
|
||||||
|
<div class="class-name">.flaticon-crying7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/crying-emoticon-rounded-square-face_42888">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-customerservice10"></div>
|
||||||
|
<div class="class-name">.flaticon-customerservice10</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/_"></a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-doubt3"></div>
|
||||||
|
<div class="class-name">.flaticon-doubt3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/doubt-on-emoticon-square-face_42908">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-doubts1"></div>
|
||||||
|
<div class="class-name">.flaticon-doubts1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/doubt-face-with-glasses_75535">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-drinks48"></div>
|
||||||
|
<div class="class-name">.flaticon-drinks48</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/cocktail-coconut_85120">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-education6"></div>
|
||||||
|
<div class="class-name">.flaticon-education6</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/education-diploma_27485">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-election3"></div>
|
||||||
|
<div class="class-name">.flaticon-election3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/election-envelopes-and-box_48761">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-electronic51"></div>
|
||||||
|
<div class="class-name">.flaticon-electronic51</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/electronic-printed-circuit-with-lines-and-circles_34740">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-emoticon101"></div>
|
||||||
|
<div class="class-name">.flaticon-emoticon101</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/emoticon-in-love-face-with-heart-shaped-eyes-in-square-outline_42899">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-emoticon82"></div>
|
||||||
|
<div class="class-name">.flaticon-emoticon82</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/emoticon-square-smile_42815">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-emoticon83"></div>
|
||||||
|
<div class="class-name">.flaticon-emoticon83</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/emoticon-square-face-with-curved-mouth-expression_42819">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-emoticon98"></div>
|
||||||
|
<div class="class-name">.flaticon-emoticon98</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/emoticon-square-face-with-closed-eyes-and-mouth-of-straight-lines_42890">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-emoticons11"></div>
|
||||||
|
<div class="class-name">.flaticon-emoticons11</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/emoticons-square-face-with-sunglasses_42845">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-family4"></div>
|
||||||
|
<div class="class-name">.flaticon-family4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/family-of-three_27506">OCHA</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-fear3"></div>
|
||||||
|
<div class="class-name">.flaticon-fear3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/afraid-boy-face_75487">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-first21"></div>
|
||||||
|
<div class="class-name">.flaticon-first21</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/first-aid-case_33485">SimpleIcon</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-fright"></div>
|
||||||
|
<div class="class-name">.flaticon-fright</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-face-with-fear_75531">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-furious3"></div>
|
||||||
|
<div class="class-name">.flaticon-furious3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/furious-emoticon-square-face_42872">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-graduate2"></div>
|
||||||
|
<div class="class-name">.flaticon-graduate2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/graduate-boy-reading-a-book_27473">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-group58"></div>
|
||||||
|
<div class="class-name">.flaticon-group58</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/group-of-three-men-standing-side-by-side-hugging-each-other_47352">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-handshake3"></div>
|
||||||
|
<div class="class-name">.flaticon-handshake3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/employment-deal_69165">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-hatchback"></div>
|
||||||
|
<div class="class-name">.flaticon-hatchback</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/hatchback-car-silhouette_26561">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-help9"></div>
|
||||||
|
<div class="class-name">.flaticon-help9</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/customer-service_78935">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-house77"></div>
|
||||||
|
<div class="class-name">.flaticon-house77</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/house-with-solar-panel-installed_34550">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-illness1"></div>
|
||||||
|
<div class="class-name">.flaticon-illness1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/nausea-boy-face_75421">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-inadequacy"></div>
|
||||||
|
<div class="class-name">.flaticon-inadequacy</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/inadequacy_75396">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-incompetence"></div>
|
||||||
|
<div class="class-name">.flaticon-incompetence</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-inadequacy-face_75559">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-indifferent"></div>
|
||||||
|
<div class="class-name">.flaticon-indifferent</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/indifference-face_75404">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-kiss3"></div>
|
||||||
|
<div class="class-name">.flaticon-kiss3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-kissing_75399">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-laughing7"></div>
|
||||||
|
<div class="class-name">.flaticon-laughing7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/laughter-boy-face_75534">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-laughing8"></div>
|
||||||
|
<div class="class-name">.flaticon-laughing8</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/laughter-face_75970">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-lifesaver28"></div>
|
||||||
|
<div class="class-name">.flaticon-lifesaver28</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/life-vest_85132">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-lively"></div>
|
||||||
|
<div class="class-name">.flaticon-lively</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/friskiness-boy-face_75532">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-love2"></div>
|
||||||
|
<div class="class-name">.flaticon-love2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-love-face_75451">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-mad1"></div>
|
||||||
|
<div class="class-name">.flaticon-mad1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/offense-face_75965">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-man282"></div>
|
||||||
|
<div class="class-name">.flaticon-man282</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/man-talking-by-speaker_46770">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-manager3"></div>
|
||||||
|
<div class="class-name">.flaticon-manager3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/management-group_71041">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-medical43"></div>
|
||||||
|
<div class="class-name">.flaticon-medical43</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/medical-date-reminder-calendar-daily-page-interface-symbol-with-first-aid-cross_42954">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-mobile26"></div>
|
||||||
|
<div class="class-name">.flaticon-mobile26</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/mobile-tool_23621">Icomoon</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-moustaches1"></div>
|
||||||
|
<div class="class-name">.flaticon-moustaches1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-moustache-and-up-eyebrow_75456">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-mute24"></div>
|
||||||
|
<div class="class-name">.flaticon-mute24</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/mute-emoticon-square-face_42868">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-mute3"></div>
|
||||||
|
<div class="class-name">.flaticon-mute3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/silence-face_75408">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-navigation28"></div>
|
||||||
|
<div class="class-name">.flaticon-navigation28</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/radar-working_85141">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-nerd6"></div>
|
||||||
|
<div class="class-name">.flaticon-nerd6</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/nerd-happy-smiling-face-in-rounded-square-face_42863">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-nervous"></div>
|
||||||
|
<div class="class-name">.flaticon-nervous</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/nerve-boy-face_75483">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-owl9"></div>
|
||||||
|
<div class="class-name">.flaticon-owl9</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/owl-wearing-graduation-hat_27471">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-palmtrees1"></div>
|
||||||
|
<div class="class-name">.flaticon-palmtrees1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/_"></a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-panic1"></div>
|
||||||
|
<div class="class-name">.flaticon-panic1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/fright-boy-face_75442">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-pencil32"></div>
|
||||||
|
<div class="class-name">.flaticon-pencil32</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/pencil-and-paintbrush_27476">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-pirate5"></div>
|
||||||
|
<div class="class-name">.flaticon-pirate5</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/pirate-emoticon-face-with-one-covered-eye-in-square-outline_42905">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-plus13"></div>
|
||||||
|
<div class="class-name">.flaticon-plus13</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/mathematic-symbol_5156">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-protection24"></div>
|
||||||
|
<div class="class-name">.flaticon-protection24</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/big-sunglasses_85149">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-robot30"></div>
|
||||||
|
<div class="class-name">.flaticon-robot30</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/robot-design_48717">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-robotic2"></div>
|
||||||
|
<div class="class-name">.flaticon-robotic2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/robotic-arm-ios-7-interface-symbol_22464">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-rough"></div>
|
||||||
|
<div class="class-name">.flaticon-rough</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/abrupt-boy-face_75448">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad34"></div>
|
||||||
|
<div class="class-name">.flaticon-sad34</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sad-suffering-crying-emoticon-face_42811">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad35"></div>
|
||||||
|
<div class="class-name">.flaticon-sad35</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sad-sleepy-emoticon-face-square_42812">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad37"></div>
|
||||||
|
<div class="class-name">.flaticon-sad37</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sad-emoticon-square-face_42833">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad38"></div>
|
||||||
|
<div class="class-name">.flaticon-sad38</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sad-rounded-square-emoticon_42849">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad39"></div>
|
||||||
|
<div class="class-name">.flaticon-sad39</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sad-face-in-rounded-square_42901">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad74"></div>
|
||||||
|
<div class="class-name">.flaticon-sad74</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sadness-boy-face_75441">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad75"></div>
|
||||||
|
<div class="class-name">.flaticon-sad75</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-sadness-face_75493">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sad77"></div>
|
||||||
|
<div class="class-name">.flaticon-sad77</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sorrow-face_75968">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-scary"></div>
|
||||||
|
<div class="class-name">.flaticon-scary</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/fear-face_75536">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-serious3"></div>
|
||||||
|
<div class="class-name">.flaticon-serious3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/seriousness-boy-face_75500">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-severe"></div>
|
||||||
|
<div class="class-name">.flaticon-severe</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/serious-boy-face_75443">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-silhouette121"></div>
|
||||||
|
<div class="class-name">.flaticon-silhouette121</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/black-user-shape_16612">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-singing4"></div>
|
||||||
|
<div class="class-name">.flaticon-singing4</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/singing-emoticon-square-face_42869">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sleep1"></div>
|
||||||
|
<div class="class-name">.flaticon-sleep1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-sleeping-face_75562">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sleepness"></div>
|
||||||
|
<div class="class-name">.flaticon-sleepness</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-fatigue-face_75597">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sleepy6"></div>
|
||||||
|
<div class="class-name">.flaticon-sleepy6</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sleepy-emoticon-square-face_42820">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smile31"></div>
|
||||||
|
<div class="class-name">.flaticon-smile31</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-smiling_75418">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smile32"></div>
|
||||||
|
<div class="class-name">.flaticon-smile32</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/very-happy-boy-face_75482">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smile33"></div>
|
||||||
|
<div class="class-name">.flaticon-smile33</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-smiling-face_75558">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smiley41"></div>
|
||||||
|
<div class="class-name">.flaticon-smiley41</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/smiley-of-square-face-shape_42865">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smiley42"></div>
|
||||||
|
<div class="class-name">.flaticon-smiley42</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/smiley-square-face_42878">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smiling35"></div>
|
||||||
|
<div class="class-name">.flaticon-smiling35</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/smiling-happy-emoticon-square-face-with-eyes-like-stars_42871">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-smiling36"></div>
|
||||||
|
<div class="class-name">.flaticon-smiling36</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/smiling-emoticon-square-face_42877">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-solar12"></div>
|
||||||
|
<div class="class-name">.flaticon-solar12</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/solar-powered-house-building-with-solar-panels-on-the-roof_34541">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-spring13"></div>
|
||||||
|
<div class="class-name">.flaticon-spring13</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/spring-square-notepad_27481">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-square103"></div>
|
||||||
|
<div class="class-name">.flaticon-square103</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/square-emoticon-angry-face_42875">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-stars53"></div>
|
||||||
|
<div class="class-name">.flaticon-stars53</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/win-face_75957">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-student12"></div>
|
||||||
|
<div class="class-name">.flaticon-student12</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/student-smiling-emoticon-square-face_42886">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-study7"></div>
|
||||||
|
<div class="class-name">.flaticon-study7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/nerd-boy-face_75486">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-stupor"></div>
|
||||||
|
<div class="class-name">.flaticon-stupor</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/stupor-boy-face_75492">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-surprise5"></div>
|
||||||
|
<div class="class-name">.flaticon-surprise5</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-shock-face_75594">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-surprised"></div>
|
||||||
|
<div class="class-name">.flaticon-surprised</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/surprise-face_75967">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-surprised19"></div>
|
||||||
|
<div class="class-name">.flaticon-surprised19</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/surprised-emoticon-square-face-with-open-eyes-and-mouth_42835">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-surprised21"></div>
|
||||||
|
<div class="class-name">.flaticon-surprised21</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/surprised-square-face-with-eyes-and-mouth-opened_42893">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-surveillance1"></div>
|
||||||
|
<div class="class-name">.flaticon-surveillance1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/surveillance-camera_32029">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-suspicions"></div>
|
||||||
|
<div class="class-name">.flaticon-suspicions</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-with-suspicious-face_75599">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sweat1"></div>
|
||||||
|
<div class="class-name">.flaticon-sweat1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/shock-face-with-drop_75596">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-sweating3"></div>
|
||||||
|
<div class="class-name">.flaticon-sweating3</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/sweating-emoticon-square-face_42894">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-tears"></div>
|
||||||
|
<div class="class-name">.flaticon-tears</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-face-with-tear_75530">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-telephone45"></div>
|
||||||
|
<div class="class-name">.flaticon-telephone45</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/old-telephone-ringing_15914">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-think7"></div>
|
||||||
|
<div class="class-name">.flaticon-think7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/man-thinking_76818">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-timidity"></div>
|
||||||
|
<div class="class-name">.flaticon-timidity</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/humility-face_75966">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-tongue1"></div>
|
||||||
|
<div class="class-name">.flaticon-tongue1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/inadequacy-boy-face_75450">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-tongue2"></div>
|
||||||
|
<div class="class-name">.flaticon-tongue2</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/unconcious-boy-face_75496">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-two128"></div>
|
||||||
|
<div class="class-name">.flaticon-two128</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/two-books-with-apple-on-top_27480">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-two210"></div>
|
||||||
|
<div class="class-name">.flaticon-two210</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/two-persons-talking-sharing-sitting-on-a-table_47024">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-users53"></div>
|
||||||
|
<div class="class-name">.flaticon-users53</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/user-with-tie_74229">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-very7"></div>
|
||||||
|
<div class="class-name">.flaticon-very7</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/very-angry-emoticon-square-face_42898">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-wink"></div>
|
||||||
|
<div class="class-name">.flaticon-wink</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/boy-winking_75598">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-wink9"></div>
|
||||||
|
<div class="class-name">.flaticon-wink9</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/wink-face-square_42830">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-winking9"></div>
|
||||||
|
<div class="class-name">.flaticon-winking9</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/winking-emoticon-smiling-face-with-tongue-out-of-the-mouth-in-square-rounded-outline-shape_42861">Freepik</a></div></div><div class="glyph">
|
||||||
|
<div class="glyph-icon flaticon-winners1"></div>
|
||||||
|
<div class="class-name">.flaticon-winners1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/winners-ribbon_27475">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://www.simpleicon.com">SimpleIcon</a>, <a href="http://"></a>, <a href="http://www.unocha.org">OCHA</a>, <a href="http://www.icomoon.io">Icomoon</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://www.simpleicon.com">SimpleIcon</a>, <a href="http://"></a>, <a href="http://www.unocha.org">OCHA</a>, <a href="http://www.icomoon.io">Icomoon</a>.</textarea>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="iconsuse">
|
||||||
|
<div class="usetitle">Examples:</div>
|
||||||
|
<div class="image"><p><i class="flaticon-accident3"></i> <i class="flaticon-accident3"></i></p><p><i class="flaticon-alphabet3"></i> <i class="flaticon-alphabet3"></i></p><p><i class="flaticon-angel"></i> <i class="flaticon-angel"></i></p><p><i class="flaticon-angry"></i> <i class="flaticon-angry"></i></p><p><i class="flaticon-angry2"></i> <i class="flaticon-angry2"></i></p></div><div class="image"><p><span class="flaticon-angry23"></span> <span class="flaticon-angry23"></span></p><p><span class="flaticon-angry40"></span> <span class="flaticon-angry40"></span></p><p><span class="flaticon-angry41"></span> <span class="flaticon-angry41"></span></p><p><span class="flaticon-animal203"></span> <span class="flaticon-animal203"></span></p><p><span class="flaticon-annulled3"></span> <span class="flaticon-annulled3"></span></p></div><div class="image"><p><span class="flaticon-bandaid"></span> <span class="flaticon-bandaid"></span></p><p><i class="flaticon-battery88"></i> <i class="flaticon-battery88"></i></p><p><i class="flaticon-book97"></i> <i class="flaticon-book97"></i></p><p><i class="flaticon-boy11"></i> <i class="flaticon-boy11"></i></p><p><i class="flaticon-boy12"></i> <i class="flaticon-boy12"></i></p></div><div class="image"><p><span class="flaticon-business57"></span> <span class="flaticon-business57"></span></p><p><span class="flaticon-camouflage"></span> <span class="flaticon-camouflage"></span></p><p><span class="flaticon-car65"></span> <span class="flaticon-car65"></span></p><p><span class="flaticon-certificate7"></span> <span class="flaticon-certificate7"></span></p><p><span class="flaticon-checklist4"></span> <span class="flaticon-checklist4"></span></p></div><div class="image"></div>
|
||||||
|
</section>
|
||||||
|
<div id="footer">
|
||||||
|
<div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
app/assets/fonts/flatfeticon2.svg
Normal file
3
app/assets/fonts/flatfeticon2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.2 MiB |
BIN
app/assets/fonts/flatfeticon2.ttf
Normal file
BIN
app/assets/fonts/flatfeticon2.ttf
Normal file
Binary file not shown.
BIN
app/assets/fonts/flatfeticon2.woff
Normal file
BIN
app/assets/fonts/flatfeticon2.woff
Normal file
Binary file not shown.
415
app/assets/stylesheets/flatfeticon2.css.scss
Normal file
415
app/assets/stylesheets/flatfeticon2.css.scss
Normal file
@@ -0,0 +1,415 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "ffi2";
|
||||||
|
src: url("/assets/flatfeticon2.eot");
|
||||||
|
src: url("/assets/flatfeticon2.eot#iefix") format("embedded-opentype"),
|
||||||
|
url("/assets/flatfeticon2.woff") format("woff"),
|
||||||
|
url("/assets/flatfeticon2.ttf") format("truetype"),
|
||||||
|
url("/assets/flatfeticon2.svg") format("svg");
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
[class^="ffi2-"]:before, [class*=" ffi2-"]:before,
|
||||||
|
[class^="ffi2-"]:after, [class*=" ffi2-"]:after {
|
||||||
|
font-family: ffi2;
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 20px;
|
||||||
|
}.ffi2-accident3:before {
|
||||||
|
content: "\e000";
|
||||||
|
}
|
||||||
|
.ffi2-alphabet3:before {
|
||||||
|
content: "\e001";
|
||||||
|
}
|
||||||
|
.ffi2-angel:before {
|
||||||
|
content: "\e002";
|
||||||
|
}
|
||||||
|
.ffi2-angry:before {
|
||||||
|
content: "\e003";
|
||||||
|
}
|
||||||
|
.ffi2-angry2:before {
|
||||||
|
content: "\e004";
|
||||||
|
}
|
||||||
|
.ffi2-angry23:before {
|
||||||
|
content: "\e005";
|
||||||
|
}
|
||||||
|
.ffi2-angry40:before {
|
||||||
|
content: "\e006";
|
||||||
|
}
|
||||||
|
.ffi2-angry41:before {
|
||||||
|
content: "\e007";
|
||||||
|
}
|
||||||
|
.ffi2-animal203:before {
|
||||||
|
content: "\e008";
|
||||||
|
}
|
||||||
|
.ffi2-annulled3:before {
|
||||||
|
content: "\e009";
|
||||||
|
}
|
||||||
|
.ffi2-bandaid:before {
|
||||||
|
content: "\e00a";
|
||||||
|
}
|
||||||
|
.ffi2-battery88:before {
|
||||||
|
content: "\e00b";
|
||||||
|
}
|
||||||
|
.ffi2-book97:before {
|
||||||
|
content: "\e00c";
|
||||||
|
}
|
||||||
|
.ffi2-boy11:before {
|
||||||
|
content: "\e00d";
|
||||||
|
}
|
||||||
|
.ffi2-boy12:before {
|
||||||
|
content: "\e00e";
|
||||||
|
}
|
||||||
|
.ffi2-business57:before {
|
||||||
|
content: "\e00f";
|
||||||
|
}
|
||||||
|
.ffi2-camouflage:before {
|
||||||
|
content: "\e010";
|
||||||
|
}
|
||||||
|
.ffi2-car65:before {
|
||||||
|
content: "\e011";
|
||||||
|
}
|
||||||
|
.ffi2-certificate7:before {
|
||||||
|
content: "\e012";
|
||||||
|
}
|
||||||
|
.ffi2-checklist4:before {
|
||||||
|
content: "\e013";
|
||||||
|
}
|
||||||
|
.ffi2-circuit4:before {
|
||||||
|
content: "\e014";
|
||||||
|
}
|
||||||
|
.ffi2-confused4:before {
|
||||||
|
content: "\e015";
|
||||||
|
}
|
||||||
|
.ffi2-cpu:before {
|
||||||
|
content: "\e016";
|
||||||
|
}
|
||||||
|
.ffi2-cpu1:before {
|
||||||
|
content: "\e017";
|
||||||
|
}
|
||||||
|
.ffi2-cry1:before {
|
||||||
|
content: "\e018";
|
||||||
|
}
|
||||||
|
.ffi2-cry2:before {
|
||||||
|
content: "\e019";
|
||||||
|
}
|
||||||
|
.ffi2-crying7:before {
|
||||||
|
content: "\e01a";
|
||||||
|
}
|
||||||
|
.ffi2-customerservice10:before {
|
||||||
|
content: "\e01b";
|
||||||
|
}
|
||||||
|
.ffi2-doubt3:before {
|
||||||
|
content: "\e01c";
|
||||||
|
}
|
||||||
|
.ffi2-doubts1:before {
|
||||||
|
content: "\e01d";
|
||||||
|
}
|
||||||
|
.ffi2-drinks48:before {
|
||||||
|
content: "\e01e";
|
||||||
|
}
|
||||||
|
.ffi2-education6:before {
|
||||||
|
content: "\e01f";
|
||||||
|
}
|
||||||
|
.ffi2-election3:before {
|
||||||
|
content: "\e020";
|
||||||
|
}
|
||||||
|
.ffi2-electronic51:before {
|
||||||
|
content: "\e021";
|
||||||
|
}
|
||||||
|
.ffi2-emoticon101:before {
|
||||||
|
content: "\e022";
|
||||||
|
}
|
||||||
|
.ffi2-emoticon82:before {
|
||||||
|
content: "\e023";
|
||||||
|
}
|
||||||
|
.ffi2-emoticon83:before {
|
||||||
|
content: "\e024";
|
||||||
|
}
|
||||||
|
.ffi2-emoticon98:before {
|
||||||
|
content: "\e025";
|
||||||
|
}
|
||||||
|
.ffi2-emoticons11:before {
|
||||||
|
content: "\e026";
|
||||||
|
}
|
||||||
|
.ffi2-family4:before {
|
||||||
|
content: "\e027";
|
||||||
|
}
|
||||||
|
.ffi2-fear3:before {
|
||||||
|
content: "\e028";
|
||||||
|
}
|
||||||
|
.ffi2-first21:before {
|
||||||
|
content: "\e029";
|
||||||
|
}
|
||||||
|
.ffi2-fright:before {
|
||||||
|
content: "\e02a";
|
||||||
|
}
|
||||||
|
.ffi2-furious3:before {
|
||||||
|
content: "\e02b";
|
||||||
|
}
|
||||||
|
.ffi2-graduate2:before {
|
||||||
|
content: "\e02c";
|
||||||
|
}
|
||||||
|
.ffi2-group58:before {
|
||||||
|
content: "\e02d";
|
||||||
|
}
|
||||||
|
.ffi2-handshake3:before {
|
||||||
|
content: "\e02e";
|
||||||
|
}
|
||||||
|
.ffi2-hatchback:before {
|
||||||
|
content: "\e02f";
|
||||||
|
}
|
||||||
|
.ffi2-help9:before {
|
||||||
|
content: "\e030";
|
||||||
|
}
|
||||||
|
.ffi2-house77:before {
|
||||||
|
content: "\e031";
|
||||||
|
}
|
||||||
|
.ffi2-illness1:before {
|
||||||
|
content: "\e032";
|
||||||
|
}
|
||||||
|
.ffi2-inadequacy:before {
|
||||||
|
content: "\e033";
|
||||||
|
}
|
||||||
|
.ffi2-incompetence:before {
|
||||||
|
content: "\e034";
|
||||||
|
}
|
||||||
|
.ffi2-indifferent:before {
|
||||||
|
content: "\e035";
|
||||||
|
}
|
||||||
|
.ffi2-kiss3:before {
|
||||||
|
content: "\e036";
|
||||||
|
}
|
||||||
|
.ffi2-laughing7:before {
|
||||||
|
content: "\e037";
|
||||||
|
}
|
||||||
|
.ffi2-laughing8:before {
|
||||||
|
content: "\e038";
|
||||||
|
}
|
||||||
|
.ffi2-lifesaver28:before {
|
||||||
|
content: "\e039";
|
||||||
|
}
|
||||||
|
.ffi2-lively:before {
|
||||||
|
content: "\e03a";
|
||||||
|
}
|
||||||
|
.ffi2-love2:before {
|
||||||
|
content: "\e03b";
|
||||||
|
}
|
||||||
|
.ffi2-mad1:before {
|
||||||
|
content: "\e03c";
|
||||||
|
}
|
||||||
|
.ffi2-man282:before {
|
||||||
|
content: "\e03d";
|
||||||
|
}
|
||||||
|
.ffi2-manager3:before {
|
||||||
|
content: "\e03e";
|
||||||
|
}
|
||||||
|
.ffi2-medical43:before {
|
||||||
|
content: "\e03f";
|
||||||
|
}
|
||||||
|
.ffi2-mobile26:before {
|
||||||
|
content: "\e040";
|
||||||
|
}
|
||||||
|
.ffi2-moustaches1:before {
|
||||||
|
content: "\e041";
|
||||||
|
}
|
||||||
|
.ffi2-mute24:before {
|
||||||
|
content: "\e042";
|
||||||
|
}
|
||||||
|
.ffi2-mute3:before {
|
||||||
|
content: "\e043";
|
||||||
|
}
|
||||||
|
.ffi2-navigation28:before {
|
||||||
|
content: "\e044";
|
||||||
|
}
|
||||||
|
.ffi2-nerd6:before {
|
||||||
|
content: "\e045";
|
||||||
|
}
|
||||||
|
.ffi2-nervous:before {
|
||||||
|
content: "\e046";
|
||||||
|
}
|
||||||
|
.ffi2-owl9:before {
|
||||||
|
content: "\e047";
|
||||||
|
}
|
||||||
|
.ffi2-palmtrees1:before {
|
||||||
|
content: "\e048";
|
||||||
|
}
|
||||||
|
.ffi2-panic1:before {
|
||||||
|
content: "\e049";
|
||||||
|
}
|
||||||
|
.ffi2-pencil32:before {
|
||||||
|
content: "\e04a";
|
||||||
|
}
|
||||||
|
.ffi2-pirate5:before {
|
||||||
|
content: "\e04b";
|
||||||
|
}
|
||||||
|
.ffi2-plus13:before {
|
||||||
|
content: "\e04c";
|
||||||
|
}
|
||||||
|
.ffi2-protection24:before {
|
||||||
|
content: "\e04d";
|
||||||
|
}
|
||||||
|
.ffi2-robot30:before {
|
||||||
|
content: "\e04e";
|
||||||
|
}
|
||||||
|
.ffi2-robotic2:before {
|
||||||
|
content: "\e04f";
|
||||||
|
}
|
||||||
|
.ffi2-rough:before {
|
||||||
|
content: "\e050";
|
||||||
|
}
|
||||||
|
.ffi2-sad34:before {
|
||||||
|
content: "\e051";
|
||||||
|
}
|
||||||
|
.ffi2-sad35:before {
|
||||||
|
content: "\e052";
|
||||||
|
}
|
||||||
|
.ffi2-sad37:before {
|
||||||
|
content: "\e053";
|
||||||
|
}
|
||||||
|
.ffi2-sad38:before {
|
||||||
|
content: "\e054";
|
||||||
|
}
|
||||||
|
.ffi2-sad39:before {
|
||||||
|
content: "\e055";
|
||||||
|
}
|
||||||
|
.ffi2-sad74:before {
|
||||||
|
content: "\e056";
|
||||||
|
}
|
||||||
|
.ffi2-sad75:before {
|
||||||
|
content: "\e057";
|
||||||
|
}
|
||||||
|
.ffi2-sad77:before {
|
||||||
|
content: "\e058";
|
||||||
|
}
|
||||||
|
.ffi2-scary:before {
|
||||||
|
content: "\e059";
|
||||||
|
}
|
||||||
|
.ffi2-serious3:before {
|
||||||
|
content: "\e05a";
|
||||||
|
}
|
||||||
|
.ffi2-severe:before {
|
||||||
|
content: "\e05b";
|
||||||
|
}
|
||||||
|
.ffi2-silhouette121:before {
|
||||||
|
content: "\e05c";
|
||||||
|
}
|
||||||
|
.ffi2-singing4:before {
|
||||||
|
content: "\e05d";
|
||||||
|
}
|
||||||
|
.ffi2-sleep1:before {
|
||||||
|
content: "\e05e";
|
||||||
|
}
|
||||||
|
.ffi2-sleepness:before {
|
||||||
|
content: "\e05f";
|
||||||
|
}
|
||||||
|
.ffi2-sleepy6:before {
|
||||||
|
content: "\e060";
|
||||||
|
}
|
||||||
|
.ffi2-smile31:before {
|
||||||
|
content: "\e061";
|
||||||
|
}
|
||||||
|
.ffi2-smile32:before {
|
||||||
|
content: "\e062";
|
||||||
|
}
|
||||||
|
.ffi2-smile33:before {
|
||||||
|
content: "\e063";
|
||||||
|
}
|
||||||
|
.ffi2-smiley41:before {
|
||||||
|
content: "\e064";
|
||||||
|
}
|
||||||
|
.ffi2-smiley42:before {
|
||||||
|
content: "\e065";
|
||||||
|
}
|
||||||
|
.ffi2-smiling35:before {
|
||||||
|
content: "\e066";
|
||||||
|
}
|
||||||
|
.ffi2-smiling36:before {
|
||||||
|
content: "\e067";
|
||||||
|
}
|
||||||
|
.ffi2-solar12:before {
|
||||||
|
content: "\e068";
|
||||||
|
}
|
||||||
|
.ffi2-spring13:before {
|
||||||
|
content: "\e069";
|
||||||
|
}
|
||||||
|
.ffi2-square103:before {
|
||||||
|
content: "\e06a";
|
||||||
|
}
|
||||||
|
.ffi2-stars53:before {
|
||||||
|
content: "\e06b";
|
||||||
|
}
|
||||||
|
.ffi2-student12:before {
|
||||||
|
content: "\e06c";
|
||||||
|
}
|
||||||
|
.ffi2-study7:before {
|
||||||
|
content: "\e06d";
|
||||||
|
}
|
||||||
|
.ffi2-stupor:before {
|
||||||
|
content: "\e06e";
|
||||||
|
}
|
||||||
|
.ffi2-surprise5:before {
|
||||||
|
content: "\e06f";
|
||||||
|
}
|
||||||
|
.ffi2-surprised:before {
|
||||||
|
content: "\e070";
|
||||||
|
}
|
||||||
|
.ffi2-surprised19:before {
|
||||||
|
content: "\e071";
|
||||||
|
}
|
||||||
|
.ffi2-surprised21:before {
|
||||||
|
content: "\e072";
|
||||||
|
}
|
||||||
|
.ffi2-surveillance1:before {
|
||||||
|
content: "\e073";
|
||||||
|
}
|
||||||
|
.ffi2-suspicions:before {
|
||||||
|
content: "\e074";
|
||||||
|
}
|
||||||
|
.ffi2-sweat1:before {
|
||||||
|
content: "\e075";
|
||||||
|
}
|
||||||
|
.ffi2-sweating3:before {
|
||||||
|
content: "\e076";
|
||||||
|
}
|
||||||
|
.ffi2-tears:before {
|
||||||
|
content: "\e077";
|
||||||
|
}
|
||||||
|
.ffi2-telephone45:before {
|
||||||
|
content: "\e078";
|
||||||
|
}
|
||||||
|
.ffi2-think7:before {
|
||||||
|
content: "\e079";
|
||||||
|
}
|
||||||
|
.ffi2-timidity:before {
|
||||||
|
content: "\e07a";
|
||||||
|
}
|
||||||
|
.ffi2-tongue1:before {
|
||||||
|
content: "\e07b";
|
||||||
|
}
|
||||||
|
.ffi2-tongue2:before {
|
||||||
|
content: "\e07c";
|
||||||
|
}
|
||||||
|
.ffi2-two128:before {
|
||||||
|
content: "\e07d";
|
||||||
|
}
|
||||||
|
.ffi2-two210:before {
|
||||||
|
content: "\e07e";
|
||||||
|
}
|
||||||
|
.ffi2-users53:before {
|
||||||
|
content: "\e07f";
|
||||||
|
}
|
||||||
|
.ffi2-very7:before {
|
||||||
|
content: "\e080";
|
||||||
|
}
|
||||||
|
.ffi2-wink:before {
|
||||||
|
content: "\e081";
|
||||||
|
}
|
||||||
|
.ffi2-wink9:before {
|
||||||
|
content: "\e082";
|
||||||
|
}
|
||||||
|
.ffi2-winking9:before {
|
||||||
|
content: "\e083";
|
||||||
|
}
|
||||||
|
.ffi2-winners1:before {
|
||||||
|
content: "\e084";
|
||||||
|
}
|
||||||
@@ -39,6 +39,7 @@ a:hover {
|
|||||||
@import 'tinymce';
|
@import 'tinymce';
|
||||||
@import 'fetlogo';
|
@import 'fetlogo';
|
||||||
@import 'flatfeticon1';
|
@import 'flatfeticon1';
|
||||||
|
@import 'flatfeticon2';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -222,3 +223,6 @@ ul.ui-menu > li > a
|
|||||||
padding-left:10px;
|
padding-left:10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.choice-true
|
||||||
|
{text-width:bold}
|
||||||
@@ -1,8 +1,12 @@
|
|||||||
<%=
|
<%
|
||||||
|
if current_user.nil?
|
||||||
|
t=choice.text
|
||||||
|
else
|
||||||
value=(current_user.id.nil?)? false : choice.answers.where(user_id: current_user.id).count>0
|
value=(current_user.id.nil?)? false : choice.answers.where(user_id: current_user.id).count>0
|
||||||
cstyle=(value) ? "true" :"false"
|
cstyle=(value) ? "true" :"false"
|
||||||
link_to ((value)? fa_icon("arrow-right"): "")+choice.text, answer_survey_question_path(choice.question, params: {survey_question: {selected: [choice.id]}})
|
t= link_to ((value)? fa_icon("arrow-right"): "")+choice.text, answer_survey_question_path(choice.question, class: "choice-"+cstyle, params: {survey_question: {selected: [choice.id]}})
|
||||||
|
end
|
||||||
|
|
||||||
#url_for({controller: obj.class.name.tableize,action: :flag, flag: flag, value: !value, theme: nil, locale: nil, id: obj.id}), remote: true, class:("flag-"+cstyle +" flag-"+flag + "-"+cstyle ), id: obj.flaglinkid(flag)
|
|
||||||
%>
|
%>
|
||||||
|
<%= t %>
|
||||||
|
<%= ff_icon("ffi2-boy12") %>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<div id="container_question_<%= answeredquestion.id %>" style="min-width: 310px; max-width: 800px; height: <%= (100+answeredquestion.choices.count * 50).to_s%>px; margin: 0 auto">
|
<div id="container_question_<%= answeredquestion.id %>" style="min-width: 310px; max-width: 800px; height: <%= (100+answeredquestion.choices.count * 50).to_s%>px; margin: 0 auto" class="contentbox">
|
||||||
<div style="background:red"><b><%= answeredquestion.title%></b>
|
<div style="background:red"><b><%= answeredquestion.title%></b>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
|||||||
@@ -1,12 +1,15 @@
|
|||||||
<% if current_user.nil? %>
|
<% if current_user.nil? %>
|
||||||
<%= render partial: "answeredquestion", object: question %>
|
<%= render partial: "answeredquestion", object: question %>
|
||||||
<% else %>
|
<% else %>
|
||||||
<div style="background:red"><b><%= question.title%></b>
|
<div class="contentbox" style="background: grey">
|
||||||
|
<div class="contentbox">
|
||||||
|
<b><%= question.title%></b></div>
|
||||||
|
<div class="contentbox">
|
||||||
<ul>
|
<ul>
|
||||||
<% question.choices.each do |c| %>
|
<% question.choices.each do |c| %>
|
||||||
<li><%= render c %></li>
|
<li><%= render c %></li>
|
||||||
<% end %>
|
<% end %>
|
||||||
</ul>
|
</ul></div>
|
||||||
<%= render partial: "answeredquestion", object: question if question.answers.where(user_id: current_user.id).count>0%>
|
<%= render partial: "answeredquestion", object: question if question.answers.where(user_id: current_user.id).count>0%>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user