init

css/base.css

@@ -0,0 +1,70 @@
+/* 把我们所有标签的内外边距清零 */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* em 和 i 斜体的文字不倾斜 */
+em,
+i {
+    font-style: normal
+}
+/* 去掉li 的小圆点 */
+li {
+    list-style: none
+}
+
+img {
+    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
+    border: 0;
+    /* 取消图片底侧有空白缝隙的问题 */
+    vertical-align: middle
+}
+
+button {
+    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
+    cursor: pointer
+}
+
+a {
+    color: #666;
+    text-decoration: none
+}
+
+a:hover {
+    color: #c81623
+}
+
+button,
+input {
+    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
+    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    border: 0;
+    outline: 0;
+}
+
+body {
+    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
+    -webkit-font-smoothing: antialiased;
+    background-color: #fff;
+    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    color: #666
+}
+
+.hide,
+.none {
+    display: none
+}
+/* 清除浮动 */
+.clearfix:after {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    content: ".";
+    height: 0
+}
+
+.clearfix {
+    *zoom: 1
+}

css/common.css

@@ -0,0 +1,269 @@
+/* 版心确定1200 */
+
+.w{
+    width: 1200px;
+    margin: 0 auto;
+}
+/* 调用字体图标 */
+@font-face {
+    font-family: 'icomoon';
+    src: url('../fonts/icomoon.eot');
+    src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
+    url('../fonts/icomoon.woff?7kkyc2') format('woff'),
+    url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+   }
+   
+.shortcut{
+    width: 100%;
+    height: 31px;
+    line-height: 31px;
+    background-color: #f1f1f1;
+    
+}
+.fl{
+    float: left;
+}
+.fr{
+    float: right;
+}
+.style_red{
+    color: #c81623;
+}
+.shortcut ul li{
+    float: left;
+}
+
+.shortcut .fr ul li:nth-child(even){
+    width: 1px;
+    height: 12px;
+    background-color: #666;
+    margin: 9px 15px 0;
+}
+.arrow_icon::after{
+    content: "\e91e";
+    font-family: icomoon;
+    margin-left: 3px;
+}
+/* 头部开始了 */
+.header{
+    position: relative;
+    height: 105px;
+    background-color: pink;
+}
+.logo{
+    position: absolute;
+    top: 25px;
+    width: 171px;
+    height: 61px;
+    /* background-color: blue; */
+}
+
+.logo a{
+    display: block;
+    width: 171px;
+    height: 61px;
+    background: url(../images/logo.png);
+    /* 为了文字看不到，我们给了个写法 */
+    /* font-size: 0; 京东做法*/
+    /* 淘宝做法 */
+    text-indent: -999px;
+    overflow: hidden;
+}
+.search{
+    width: 538px;
+    height: 36px;
+    border: 2px solid red;
+    position: absolute;
+    left: 346px;
+    top: 25px;
+}
+.search input{
+    float: left;
+   width: 454px;
+    height: 32px;
+    padding-left: 10px;
+}
+.search button{
+    float: right;
+  width: 80px;
+  height: 32px;
+  background-color: red;
+  font-size: 16px;
+  color: #fff;
+}
+.hotword{
+ position: absolute;
+ top: 66px;
+ left: 346px;
+}
+.hotword a{
+    margin: 0 10px;
+}
+.shopcar{
+    position: absolute;
+    top: 25px;
+    right: 60px;
+    width: 140px;
+    height: 35px;
+    line-height: 35px;
+    text-align: center;
+    border: 1px solid #efefef;
+    background-color: #f1f1f1;    
+}
+.shopcar::before{
+    font-family: 'icomoon';
+    content: "\ea44";
+    margin-right: 5px;
+    color: red;
+}
+.shopcar::after{
+    font-family: 'icomoon';
+    content: "\ea44";
+    margin-left: 5px;
+    color: red;
+}
+.count{
+    position:absolute;
+    top: -5px;
+    left: 105px;
+    height: 14px;
+    line-height: 14px;
+    color: #fff;
+    background-color: red;
+    padding: 0 5px;
+    border-radius: 7px 7px 7px 0;
+}
+.nav{
+    height: 47px;
+    border-bottom: 2px solid #b1191a;
+}
+.nav .dropdown{
+    float: left;
+    width: 210px;
+    height: 45px;
+    background-color: #b1191a;
+}
+
+.nav .navitems{
+    float: left;
+}
+.dropdown .dt{
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ line-height: 45px ;
+ text-align: center;
+ font-size: 16px;
+}
+.dropdown .dd{
+    /* display: none; */
+    width: 210px;
+    height: 465px;
+    background-color: #c81623;
+}
+.dropdown .dd ul li{
+    position: relative;
+    height: 31px;
+    line-height: 31px;
+    margin-left: 2px;
+    
+    
+}
+.dropdown .dd ul li:hover{
+    background-color: #fff;
+    
+}
+.dropdown .dd ul li::after{
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    color: #fff;
+    font-family: 'icomoon';
+   content: "\e920";
+}
+
+.dropdown .dd ul li a{
+     font-size: 14px;
+     color: #fff;
+     
+     
+} 
+.dropdown .dd ul li:hover a{
+    color: #c81623;
+}
+.navitems ul li{
+    float: left;
+}
+.navitems ul li a{
+    display: block;
+    height: 45px;
+    line-height: 45px;
+    padding: 0 25px;
+}
+/* 底部模块制作 */
+.footer{
+   
+    height: 415px;
+    background-color: #f5f5f5;
+    padding-top: 30px;
+}
+.mod_service{
+    height: 80px;
+    /* border: 1px solid #999; */
+}
+.mod_service ul li{
+    float: left;
+    width: 299px;
+    height: 50px;
+   
+    padding-left: 35px;
+}
+.mod_service ul li h5{
+
+    float: left;
+    width: 50px;
+    height: 50px;
+    background: url(../images/icons.png) no-repeat -252px -2px;
+    margin-right: 6px;
+}  
+.service-_txt h4{
+    font-size: 14px;   
+}
+.service-_txt p{
+    font-size: 12px;
+}
+.mod_help{
+    height: 185px;
+    border-bottom: 1px solid #999;
+    margin-top: 20px;
+    margin-left: 50px;
+}
+.mod_help dl{
+    float: left;
+    width: 200px;
+}
+.mod_help dl:last-child{
+    width: 90px;
+    text-align: center;
+}
+.mod_help dl dt{
+    font-size: 16px;
+    margin-bottom: 10px;
+}
+.mod_copyright{
+    text-align: center;
+    padding-top: 20px;
+}
+.links{
+   margin-bottom: 15px;
+}
+.links a{
+    margin: 0 auto;
+}
+.copyringht{
+    line-height: 20px;
+}
+/* 底部完成 */

css/index.css

@@ -0,0 +1,183 @@
+.main{
+    width: 980px;
+    height: 450px;
+    /* background-color: pink; */
+    margin-left: 220px;
+    margin-top: 10px;
+}
+.focus{
+    float: left;
+    width: 721px;
+    height: 455px;
+    /* background-color: blue; */
+}
+.newsflash{
+    float: right;
+    width: 250px;
+    height: 455px;
+    /* background-color: yellow; */
+    
+}
+.news{
+    height: 165px;
+    border: 1px solid #e4e4e4; 
+}
+.news_hd{
+        height: 33px;
+        line-height: 33px;
+        border-bottom: 1px dotted #e4e4e4;
+        padding: 0 15px;
+} 
+ .news_hd h5{
+     float: left; 
+    font-size: 14px;
+}
+.news_hd .more{
+    float: right;
+}
+  .news_hd .more::after{
+    font-family: 'icomoon';
+    content: "\e920";
+} 
+.news_bd{
+    padding: 5px 15px 0;
+}
+.news_bd ul li {
+    
+     height: 24px;
+     line-height: 24px;
+     /* 超出的文字隐藏的写法 */
+     overflow: hidden;
+     white-space: normal;
+     text-overflow: ellipsis;
+} 
+.lifesevice{
+    overflow: hidden;
+    height: 209px;
+    border: 1px solid #e4e4e4;
+    border-top: 0;
+}
+.lifesevice ul{
+    width: 252px;
+}
+.lifesevice ul li{
+     text-align: center;
+     float: left;
+     width: 63px;
+     height: 73px;
+     border-right: 1px solid #e4e4e4;
+     border-bottom: 1px solid #e4e4e4;
+}
+.lifesevice ul li i{
+    display: inline-block;
+    width: 24px;
+    height: 28px;
+    background-color: pink;
+    margin-top: 12px;
+    background: url(../images/icons.png) no-repeat -19px -15px;
+}
+.bargain{
+    margin-top: 5px;
+}
+/* 推荐模块开始 */
+.recom{
+    height: 163px;
+    background-color: #ebebeb;
+    margin-top: 12px;
+}
+.recom_hd{
+    float: left;
+    width: 205px;
+    height: 163px;
+    background-color: #5c5251;
+    text-align: center;
+    padding-top: 30px;
+    font-size: 20px;
+    color: #fff;
+}
+.recom_hd p{
+    margin-top: 10px;
+}
+.recom_bd{
+    float: left;
+}
+.recom_bd ul li{
+    position: relative;
+    float: left;
+}
+.recom_bd ul li img{
+    width: 248px;
+    height: 163px;
+}
+.recom_bd ul li:nth-child(-n+3):after{
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 10px;
+    width: 1px;
+    height: 145px;
+    background-color: #ddd;
+}
+/* 楼层区开始了 */
+.box_hd{
+    height: 30px;
+    border-bottom: 2px solid #c81623;
+}
+.box_hd h3{
+    float: left;
+    font-size: 18px;
+    color: #c81623;
+    font-weight: 400;
+}
+.tab_list {
+    float: right;
+    line-height: 30px;
+}
+.tab_list ul li{
+    float: left;
+}
+.tab_list ul li a{
+    margin: 0 15px;
+}
+.floor .w{
+    margin-top: 30px;
+}
+.box_bd{
+    height: 361px;
+    background-color: pink;
+}
+.tab_list_item>div{
+float: left;
+}
+.col_210{
+    width: 210px;
+    height: 361px;
+    background-color: #f9f9f9;
+    text-align: center;
+}
+.col_210 ul{
+    padding-left: 12px;
+}
+.col_210 ul li{
+    float: left;
+    width: 85px;
+    height: 34px;
+    text-align: center;
+    line-height: 34px;
+    border-bottom: 1px solid #ccc;
+    margin-left: 10px;
+}
+.col_329{
+    width: 329px;
+}
+.col_221{
+    width: 221px;
+    border-right: 1px solid #ccc;
+}
+.col_219{
+    width: 219px;
+}
+.bb{
+    display: block;
+    border-bottom: 1px solid #ccc;
+}

css/list.css

@@ -0,0 +1,59 @@
+/* 列表页的秒杀模块 */
+/* 解决盒子自动上去的问题 */
+.nav{
+    overflow: hidden;
+}
+.sk{
+    position: absolute;
+    left: 190px;
+    top: 40px;
+    border-left: 1px solid #c81523;
+    padding: 3px 0 0 14px;
+}
+.sk_list{
+    float: left;
+}
+.sk_list ul li{
+    float: left;
+
+}
+.sk_list ul li a{
+    display: block;
+    font-size: 16px;
+    font-weight: 700;
+    color: #000;
+    line-height: 47px;
+    padding: 0 30px;
+}
+.sk_con{
+    float: left;
+}
+.sk_con ul li{
+    float: left;
+}
+.sk_con ul li a{
+    display: block;
+    font-size: 14px;
+    /* color: #000; */
+    line-height: 49px;
+    padding: 0 20px;
+}
+.sk_con ul li:last-child a::after{
+    content: "\e91e";
+    font-family: "icomoon";
+}
+.sk_bd ul li{
+    float: left;
+    overflow: hidden;
+    width: 290px;
+    height: 460px;
+    /* Li原先就有1像素的边框，所以为了避免鼠标经过图片上去，把这个边框写成透明颜色 */
+    border: 1px solid transparent;
+    margin-right: 12px;
+}
+.sk_bd ul li:nth-child(4n){
+    margin-right: 0;
+}
+.sk_bd ul li:hover{
+    border: 1px solid #c81523;
+}

css/regisiter.css

@@ -0,0 +1,123 @@
+.w{
+    width: 1200px;
+    margin: 0 auto;
+}
+header{
+    height: 84px;
+    border-bottom: 2px solid #c81623;
+}
+.logo{
+    padding-top: 18px;
+}
+.registerarea{
+    height: 522px;
+    border: 1px solid #ccc;
+    margin-top: 20px;
+}
+.registerarea h3{
+    height: 42px;
+    background-color: #ececec;
+    border-bottom: 1px solid #ccc;
+    line-height: 42px;
+    padding: 0 10px;
+    font-size: 18px;
+    font-weight: 400;
+}
+.login{
+    float: right;
+    font-size: 14px;
+}
+.login a{
+    color: #c81623;
+}
+.reg_form{
+    width: 600px;
+    /* background-color: pink; */
+    margin: 50px  auto;
+}
+.reg_form ul li{
+    margin-bottom: 20px;
+}
+.reg_form ul li label{
+      display: inline-block;
+      width: 88px;
+      text-align: right;
+}
+.reg_form ul li .inp{
+    width: 242px;
+    height: 37px;
+    border: 1px solid #ccc;
+}
+.erro{
+    color: #c81623;
+}
+.erro_icon{
+
+    display: inline-block;
+    /* 行内块元素垂直居中 */
+    vertical-align: middle;
+    width: 20px;
+    height: 20px;
+    background: url(../images/error.png) no-repeat;
+    margin-top: -2px;
+}
+.success{
+    color: green;
+}
+.success_icon{
+    display: inline-block;
+    /* 行内块元素垂直居中 */
+    vertical-align: middle;
+    width: 20px;
+    height: 20px;
+    background: url(../images/success.png) no-repeat;
+    margin-top: -2px;
+}
+.safe{
+    padding-left: 160px;
+}
+.safe em{
+    color: #fff;
+    padding: 0 12px;
+}
+.ruo{
+    background-color: red;
+}
+.zhong{
+    background-color: orange;
+}
+.qiang{
+    background-color: green;
+}
+.agree{
+    padding-left: 95px;
+}
+.agreen input{
+    vertical-align: middle;
+
+}
+.agree a{
+    color: blue;
+}
+.btn{
+    width: 200px;
+    height: 34px;
+    font-size: 14px;
+    background-color: #c81623;
+    color: #fff;
+    margin: 30px 0 0 70px;
+
+}
+.mod_copyright{
+    text-align: center;
+    padding-top: 20px;
+}
+.links{
+   margin-bottom: 15px;
+}
+.links a{
+    margin: 0 auto;
+}
+.copyringht{
+    line-height: 20px;
+}

fonts/icomoon.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="angellist" d="M702.507 535.296c31.36 85.333 55.893 155.733 73.515 211.371 17.493 55.467 26.368 89.6 26.368 102.4 0 13.44-2.987 24.064-8.96 31.488-5.76 7.424-13.824 11.264-24.192 11.264-13.227 0-26.88-10.88-40.107-32.64-13.653-21.76-28.587-56.917-45.227-105.259l-70.4-203.093 88.32-15.53zM608.939 346.069c-20.224 1.28-39.381 3.413-57.344 6.4-17.92 3.413-35.413 8.107-51.883 14.080 7.552-14.933 14.293-29.867 20.139-44.8 5.888-14.933 10.667-29.44 14.507-44.373 11.093 14.080 23.040 26.88 35.413 38.4 12.459 11.52 25.6 21.76 39.040 30.72zM529.493 559.403l-75.947 219.307c-19.797 55.893-34.987 92.16-45.867 109.653-10.667 17.067-22.4 25.6-35.072 25.6-9.813 0-17.792-3.413-23.893-11.093-6.144-7.68-9.131-17.493-9.131-29.867 0-21.333 8.107-58.88 24.32-112.64 16.213-53.333 40.96-123.307 73.813-210.347 2.56 5.12 6.827 8.96 11.947 11.093s11.947 3.413 20.907 3.413c2.56 0 8.107-0.427 16.64-0.427 8.107-0.853 22.187-1.707 41.387-3.84zM460.459 219.776c8.021 0 15.36 3.84 21.76 11.093 6.4 7.68 9.984 15.36 9.984 23.467 0 8.96-6.4 29.867-19.285 62.293-12.8 32.427-29.013 64.427-48.213 96-14.080 23.467-27.947 41.387-41.387 53.333-13.824 11.947-26.667 17.92-38.827 17.92-9.813 0-20.651-5.973-32.725-18.773-11.947-12.373-17.92-23.893-17.92-34.56 0-11.093 5.973-28.16 17.621-50.347 11.733-22.613 27.52-46.507 47.104-71.68 20.693-27.733 40.107-49.067 58.453-64.427 18.261-15.36 32.853-23.040 43.52-23.040h-0.085zM249.472 236.843c6.656-8.107 15.787-19.627 27.563-34.987 30.848-42.667 59.52-64 85.76-64 8.96 0 16.939 2.987 24.021 8.533 6.997 5.973 10.539 11.52 10.539 17.92 0 7.253-4.693 18.773-14.080 35.413-9.472 16.64-22.357 34.987-38.699 55.467-18.773 23.893-34.347 41.387-46.848 52.48-12.288 11.093-22.4 16.64-29.739 16.64-16.213 0-31.573-8.96-45.227-26.453-13.653-17.067-20.48-38.4-20.48-62.293 0-19.2 5.12-40.533 14.933-64.427 9.813-23.467 23.467-47.36 41.813-71.253 27.733-37.12 62.293-65.28 103.253-85.333 40.96-19.627 86.613-29.44 136.107-29.44 91.307 0 168.107 34.133 229.547 102.4 61.867 68.267 92.587 153.6 92.587 256.427 0 31.573-2.133 56.747-6.827 75.093s-12.373 32-23.040 40.533c-19.2 16.213-56.747 30.293-112.213 43.093s-113.493 19.2-174.080 19.2c-16.64 0-29.013-2.987-35.84-8.533s-10.24-15.36-10.24-28.715c0-32 17.92-55.040 53.76-69.376 35.84-14.507 93.44-21.76 173.227-21.76h28.843c6.4 0 11.947-2.56 15.787-7.424 3.84-4.693 6.4-11.947 7.68-22.187-8.107-7.253-24.32-15.787-49.237-25.6-25.173-9.387-43.947-19.2-57.173-28.373-28.16-20.651-50.773-45.227-67.84-73.557-17.067-28.16-25.6-55.040-25.6-80.341 0-15.36 3.669-34.133 11.008-55.893 7.253-21.76 11.093-35.115 11.093-40.533v-4.693l-1.28-6.4c-20.48 1.28-36.693 13.355-48.64 36.267-12.245 22.613-17.92 52.907-17.92 90.88v6.4c-3.84-3.2-7.509-5.76-11.093-7.040-3.669-1.451-7.595-2.133-11.52-2.133-4.267 0-8.448 0.256-12.373 0.853-3.84 0.683-7.68 1.707-12.373 3.2 1.28-5.12 2.432-10.24 3.243-15.061 0.427-5.12 0.853-8.96 0.853-11.52 0-17.323-6.827-32.427-20.48-44.8-13.653-12.245-29.867-18.347-48.64-18.347-29.44 0-59.605 14.507-90.027 43.093-30.507 28.757-45.653 57.173-45.653 84.693 0 5.12 0.64 9.813 1.707 13.781s3.2 7.253 5.973 10.24zM753.237 523.989c42.027-7.68 71.893-25.6 89.173-53.333 17.493-27.307 26.027-70.827 26.027-130.56 0-118.187-35.328-214.613-106.325-289.707-71.125-75.093-162.005-113.067-272.512-113.067-43.648 0-86.016 8.107-126.976 23.893-41.387 15.787-76.373 37.973-106.24 65.707-33.707 31.147-59.307 63.573-75.947 98.133-17.067 34.56-25.6 69.973-25.6 105.813 0 40.533 8.533 71.68 25.6 93.44 17.067 22.187 44.8 37.12 82.347 45.227-7.253 16.64-12.373 30.293-15.36 41.813-3.413 11.52-5.12 20.053-5.12 26.027 0 21.333 11.093 43.093 33.28 64.853 22.187 22.187 43.093 33.28 62.72 33.28 8.107 0 17.067-1.28 26.453-4.693 9.387-2.987 20.053-8.107 32-14.933-34.56 100.267-61.013 179.2-77.227 234.667-16.64 55.893-24.747 93.867-24.747 115.2 0 29.013 7.253 52.48 22.187 69.547 15.36 17.067 35.84 25.6 61.44 25.6 43.947 0 99.84-98.56 167.68-295.381 11.947-33.707 20.48-59.733 26.88-78.080l21.76 61.995c67.84 194.133 125.867 291.413 174.933 291.413 23.893 0 43.093-8.107 57.173-24.32 14.080-16.341 21.333-37.845 21.333-64.981 0-20.48-8.107-58.027-23.893-113.067-15.659-54.613-39.253-126.293-71.253-215.040z" />
+<glyph unicode="&#xe901;" glyph-name="apache" d="M675.243 960c-6.377-0.008-12.33-1.817-17.379-4.946l0.142 0.082c-16.043-9.472-42.752-36.309-74.581-75.221l-6.656-8.192c-8.448-10.496-17.195-21.845-26.197-33.835-27.1-35.74-55.463-77.084-81.941-119.72l-4.075-7.043-2.816-4.608c-21.663-34.401-45.909-77.426-68.338-121.532l-4.579-9.924c-14.769-28.655-30.582-64.636-44.453-101.567l-2.481-7.532c-3.883-10.709-7.424-21.035-10.667-30.976-2.645-8.491-5.205-16.981-7.595-25.429-5.675-19.925-10.581-39.851-14.592-59.648l0.043-0.085-0.555-2.603c-4.318-20.299-7.842-44.995-9.811-70.127l-0.13-2.065-0.213-2.517c-11.947 19.157-43.904 37.803-43.861 37.632 22.912-33.195 40.277-66.133 42.837-98.475-12.245-2.517-29.056 1.109-48.469 8.277 20.224-18.603 35.413-23.723 41.344-25.088-18.603-1.152-37.931-13.952-57.429-28.629 28.501 11.648 51.541 16.213 68.053 12.501-16.305-40.601-43.11-121.322-68.114-202.83l-10.521-39.858c7.414 2.156 13.174 7.775 15.486 14.942l0.045 0.162c4.693 15.744 35.712 118.869 84.352 254.464l4.181 11.648 1.195 3.243c5.12 14.208 10.453 28.715 15.957 43.52l3.797 10.112 0.085 0.213-25.771 50.901 25.771-50.859c5.077 13.525 10.24 27.221 15.573 41.088l2.219 5.803 2.261 5.845 1.749 4.437-1.749-4.48-2.261-5.803-2.219-5.803c-5.333-13.867-10.496-27.563-15.573-41.088l4.523-8.875 4.011 0.427 0.427 1.195c6.528 17.792 12.971 35.157 19.371 52.053l0.213 0.597c3.55 12.81-3.065-4.616-9.573-22.093l-9.969-30.557-0.427-1.195-2.859-7.808c-5.035-13.867-10.112-27.947-15.189-42.368l-0.213-0.64-2.176-6.101c-3.413-9.728-6.4-18.475-13.184-38.357 11.221-5.12 20.224-18.603 28.757-33.877-0.88 16.757-8.347 31.615-19.837 42.156l-0.045 0.041c55.296-2.475 102.955 11.477 127.616 51.925 2.219 3.627 4.224 7.381 6.016 11.435-11.179-14.208-25.088-20.224-51.2-18.731 38.485 17.237 57.771 33.749 74.837 61.141 3.563 5.624 7.549 12.647 11.238 19.847l0.751 1.614c-33.664-34.56-72.619-44.373-113.707-36.907h-0.085l-1.749 0.299c36.821 4.565 85.76 32.085 117.419 66.048 14.592 15.659 27.819 34.133 40.064 55.723 9.131 16.085 17.664 33.92 25.813 53.675 7.125 17.237 13.952 35.925 20.565 56.192-10.011-5.241-21.64-9.136-33.923-11.054l-0.637-0.082c-0.702-0.165-2.705-0.494-4.718-0.795l-1.17-0.144 0.085 0.043 0.128 0.043c1.92 0.299 3.797 0.555 5.675 0.896 1.92 0.341 3.84 0.683 5.717 1.109l-5.675-1.024-5.632-0.981c34.219 13.227 55.808 38.699 71.509 69.845-11.799-8.13-25.608-14.377-40.466-17.923l-0.835-0.168c-1.547-0.365-4.021-0.827-6.518-1.221l-0.778-0.101-1.835-0.256 0.043 0.043 0.384 0.043 1.365 0.213c2.997 0.462 5.267 0.894 7.515 1.388l-0.816-0.15 0.597 0.128-0.683-0.128-8.277-1.408c11.861 4.992 21.888 10.539 30.592 17.109 6.494 5.079 12.235 10.55 17.405 16.528l0.131 0.155c3.413 4.053 6.613 8.448 9.6 13.227l2.731 4.437 3.285 6.485c4.851 9.424 10.139 21.395 14.817 33.667l0.885 2.642 1.323 3.755c1.195 3.627 2.219 6.869 2.987 9.685 1.152 4.224 1.877 7.595 2.261 10.069-1.174-0.948-2.484-1.851-3.861-2.651l-0.149-0.080c-10.368-6.187-28.16-11.819-42.496-14.464l-4.224-0.469-0.043-0.043-96.725-10.624-0.512-1.024-3.285-6.741-10.027-20.821c3.371 7.083 6.699 14.037 10.027 20.821l3.285 6.741c0.171 0.384 0.384 0.725 0.512 1.109l-3.584-0.384-2.859 5.632c0.608 2.371-4.776-8.307-10.080-19.031l-6.048-13.524-8.704-18.091c-8.209-15.135-23.832-48.893-38.854-82.976l-7.738-19.68c-5.030-8.402-20.561-45.025-35.602-81.901l-10.521-29.161 3.669 9.216c24.173 62.161 38.466 95.741 53.175 129.098l-10.721-27.252c22.888 54.069 38.512 87.843 54.715 121.284l-8.123-18.586 8.704 18.091c5.035 10.411 10.112 20.693 15.275 30.891l0.853 1.621c8.149 16.128 16.384 32 24.704 47.616 8.875 16.64 17.92 32.896 27.008 48.683 12.812 22.51 22.302 38.099 32.083 53.486l-3.411-5.742 1.707 2.731c9.557 15.104 19.2 29.653 28.885 43.563 20.936 30.229 42.267 56.666 65.34 81.46l-0.401-0.436-2.475-2.645c-6.827-7.509-27.477-31.616-58.667-79.488 30.037 1.493 76.16 7.637 113.792 14.080 11.179 62.72-10.965 91.392-10.965 91.392s-18.944 30.677-44.032 30.933zM604.928 639.701c28.16 12.971 40.789 24.704 52.992 41.643 3.243 4.693 6.528 9.557 9.771 14.635 9.941 15.488 19.669 32.597 28.373 49.579 8.405 16.384 15.829 32.64 21.504 47.317 2.762 6.642 5.675 15.158 8.119 23.87l0.415 1.73c1.749 6.699 3.157 13.099 4.224 19.157-37.675-6.4-83.797-12.587-113.835-14.037-7.177-10.601-16.994-26.223-26.477-42.068l-3.219-5.804c-8.704-14.72-18.005-30.848-27.733-48.512-12.175-20.836-29.139-52.976-45.297-85.586l-5.604-12.505 96.725 10.624zM759.723 866.219v-2.816h6.656v-18.731h3.072v18.731h6.699v2.816h-16.384zM779.477 866.219v-21.589h2.816v17.109l7.339-14.848h1.963l7.339 14.848v-17.109h2.816v21.589h-3.712l-7.424-15.061-7.467 15.061h-3.712zM608.469 640.043l-4.352-0.683 0.043 0.043 4.267 0.683zM604.629 639.531v0zM487.723 586.539l-4.523-9.685-5.675-12.245c-5.053-8.725-18.245-38.002-31.022-67.502l-8.274-21.458c-4.822-8.279-19.186-42.712-33.080-77.385l-9.544-26.978c-6.315-16.128-12.715-32.64-19.157-49.621l-0.213-0.597c38.563 104.72 72.709 185.092 109.861 263.767l-8.571-20.183 5.675 12.245 4.523 9.643z" />
+<glyph unicode="&#xe902;" glyph-name="co-op" d="M993.067 735.36c0 36.352-5.632 72.661-15.36 109.013-13.995 43.349-46.123 78.251-86.656 93.611-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-42.591-15.035-74.859-49.61-86.398-92.666l-0.215-0.945c-9.325-32.469-14.687-69.763-14.687-108.309s5.362-75.84 15.382-111.176l-0.695 2.866c13.909-43.307 46.080-78.251 86.613-93.611 35.244-13.387 75.996-21.139 118.559-21.139 4.010 0 8.005 0.069 11.982 0.205l-0.578-0.016c44.757 0 88.021 8.363 129.963 20.949 42.592 15.050 74.865 49.616 86.439 92.664l0.217 0.947c9.771 34.944 15.36 71.253 15.36 107.605zM851.925 735.36c0-16.768-2.773-36.352-8.363-51.712-6.997-22.357-26.581-40.533-50.347-46.123-10.077-1.995-21.662-3.137-33.515-3.137s-23.438 1.142-34.653 3.321l1.138-0.184c-24.551 4.26-43.985 22.279-50.247 45.683l-0.1 0.439c-5.336 15.857-8.415 34.118-8.415 53.099s3.079 37.241 8.765 54.311l-0.35-1.212c6.955 22.357 26.539 40.533 50.347 46.123 10.077 1.995 21.662 3.137 33.515 3.137s23.438-1.142 34.653-3.321l-1.138 0.184c24.536-4.291 43.955-22.296 50.246-45.682l0.101-0.441c5.547-19.541 8.363-37.717 8.363-54.485zM478.805 146.987c9.305 32.471 14.655 69.765 14.655 108.309s-5.351 75.838-15.35 111.181l0.694-2.871c-13.952 43.349-46.123 78.251-86.613 93.653-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-42.597-15.064-74.871-49.645-86.439-92.706l-0.217-0.947c-9.305-32.471-14.655-69.765-14.655-108.309s5.351-75.838 15.35-111.181l-0.694 2.871c13.995-43.307 46.123-78.251 86.656-93.568 38.719-13.952 83.399-22.017 129.963-22.017s91.243 8.065 132.718 22.876l-2.756-0.859c41.706 16.384 73.403 50.361 86.343 92.543l0.271 1.025zM353.024 254.635c0-16.768-2.816-36.352-8.405-51.712-7.792-22.968-26.522-40.316-49.823-46.023l-0.481-0.1c-10.083-1.995-21.676-3.137-33.536-3.137s-23.453 1.142-34.676 3.321l1.14-0.184c-24.514 4.317-43.909 22.313-50.203 45.682l-0.101 0.441c-5.315 15.859-8.382 34.121-8.382 53.099s3.067 37.24 8.732 54.316l-0.35-1.218c7.763 22.986 26.507 40.347 49.825 46.024l0.479 0.099c10.083 2.016 21.675 3.169 33.536 3.169s23.453-1.153 34.669-3.354l-1.133 0.185c24.519-4.306 43.919-22.307 50.203-45.682l0.101-0.441c5.589-18.176 8.405-36.309 8.405-54.485zM353.024 736.768h141.141c0 36.309-5.589 72.661-15.36 107.563-13.952 43.349-46.123 78.251-86.613 93.611-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-43.349-16.725-75.477-51.669-86.699-94.976-9.305-32.471-14.655-69.765-14.655-108.309s5.351-75.838 15.35-111.181l-0.694 2.871c13.995-43.307 46.123-78.251 86.656-93.611 41.899-15.36 85.248-20.992 129.963-20.992s88.021 8.405 129.963 20.992c42.582 15.048 74.845 49.617 86.397 92.665l0.216 0.946c1.408 5.589 2.773 12.587 5.589 18.176l-132.736 61.483c-1.408-8.363-2.773-15.36-5.589-23.765-6.955-22.357-26.539-40.533-50.304-46.123-10.083-1.995-21.676-3.137-33.536-3.137s-23.453 1.142-34.676 3.321l1.14-0.184c-24.509 4.327-43.899 22.319-50.203 45.681l-0.101 0.441c-5.315 15.859-8.382 34.121-8.382 53.099s3.067 37.24 8.732 54.316l-0.35-1.218c6.997 22.357 26.539 40.533 50.304 46.165 10.083 1.995 21.676 3.137 33.536 3.137s23.453-1.142 34.676-3.321l-1.14 0.184c24.529-4.313 43.933-22.332 50.204-45.725l0.1-0.44c4.181-18.133 6.997-34.901 6.997-51.669zM541.653 362.197c-9.641-32.638-15.243-70.148-15.36-108.95v-317.248h141.141v318.635c0 16.768 2.773 36.352 8.363 51.712 6.955 22.357 26.539 40.533 50.347 46.123 10.077 2.015 21.661 3.169 33.515 3.169s23.438-1.153 34.647-3.354l-1.132 0.185c24.527-4.312 43.936-22.308 50.245-45.681l0.101-0.441c5.315-15.859 8.382-34.121 8.382-53.099s-3.067-37.24-8.732-54.316l0.35 1.218c-6.997-22.315-26.581-40.533-48.896-46.080-10.083-2.016-21.675-3.169-33.536-3.169s-23.453 1.153-34.669 3.354l1.133-0.185c-4.224 1.323-9.771 2.731-13.952 4.181l47.488-131.371c44.757 0 88.021 8.405 129.963 20.949 42.579 15.070 74.844 49.627 86.439 92.663l0.217 0.948c9.305 32.471 14.655 69.765 14.655 108.309s-5.351 75.838-15.35 111.181l0.694-2.871c-13.995 43.349-46.123 78.251-86.656 93.653-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-43.349-11.221-75.477-46.165-89.472-89.515z" />
+<glyph unicode="&#xe903;" glyph-name="codacy" d="M165.675 540.8c25.796 92.657 85.082 168.541 163.679 215.406l1.654 0.914 1.707 0.896-76.928 132.821c-116.011-67.883-201.685-176.981-237.568-306.731l-0.853-3.584zM419.157 793.856c27.409 7.668 58.883 12.076 91.387 12.076 0.332 0 0.664 0 0.996-0.001h0.161v153.387h-0.811c-0.097 0-0.211 0-0.326 0-47.924 0-94.317-6.557-138.331-18.823l7.201 1.714zM604.928 793.728c92.56-25.819 168.345-85.104 215.108-163.676l0.914-1.657 0.896-1.707 132.992 76.757c-67.883 115.968-176.896 201.643-306.603 237.568l-3.584 0.853zM0 448v-0.256c0-46.933 6.315-92.373 18.133-135.552l-0.853 3.584 148.309 39.637c-7.695 27.273-12.12 58.594-12.12 90.948 0 0.441 0.001 0.882 0.002 1.322v-0.068 0.341zM68.48 192.213c23.467-40.149 50.347-74.837 81.109-105.6l108.928 108.373c-21.114 21.145-39.652 44.87-55.099 70.659l-0.922 1.661-0.939 1.707zM255.787 5.12c72.504-43.017 159.829-68.44 253.091-68.44 0.528 0 1.056 0.001 1.583 0.002h0.771v153.387h-0.171c-0.179 0-0.391-0.001-0.603-0.001-66.21 0-128.179 18.152-181.204 49.752l1.626-0.898 1.664-0.896zM821.717 268.587c-47.305-80.184-122.646-139.556-212.245-165.098l-2.539-0.619-2.517-0.597 39.723-148.309c133.291 36.693 242.389 122.155 309.163 235.52l1.323 2.389zM1005.952 310.571c11.435 40.405 18.048 86.827 18.048 134.784 0 46.379-6.144 91.307-17.707 134.059l0.811-3.584-148.736-39.723c7.467-27.307 11.733-58.624 11.733-90.965 0-33.707-4.651-66.347-13.355-97.28l0.597 2.517z" />
+<glyph unicode="&#xe904;" glyph-name="codeigniter" d="M362.24-64c-65.707 29.013-110.336 91.563-116.181 163.157 3.84 73.685 42.752 141.013 104.533 181.163-10.155-24.747-7.68-52.907 6.4-75.52 16.043-22.4 43.605-33.152 70.613-27.563 38.485 10.837 61.013 50.773 50.176 89.259-3.84 13.483-11.52 25.685-22.016 34.901-43.52 35.413-65.365 91.008-57.6 146.603 7.467 29.44 23.765 56.064 46.763 76.16-17.28-46.080 31.445-91.563 64.171-113.92 58.027-34.816 113.92-73.088 167.424-114.603 58.453-46.080 90.325-118.187 85.333-192-13.141-78.507-68.693-143.36-144.427-167.68 151.467 33.707 307.627 154.027 310.613 324.693-2.987 136.533-84.48 259.072-209.067 314.88h-5.547c2.773-6.699 4.096-13.909 3.84-21.163 0.427 4.693 0.427 9.387 0 14.080 0.683-5.547 0.683-11.093 0-16.64-9.472-38.827-48.64-62.72-87.552-53.248-15.531 3.84-29.44 12.587-39.424 25.173-49.92 64 0 136.832 8.363 207.232 5.12 90.027-36.011 176.085-108.971 228.693 36.523-60.885-12.117-140.8-47.488-186.283-35.413-45.483-86.613-79.36-128.341-119.040-44.971-41.813-86.187-87.808-123.179-136.96-79.957-97.707-111.36-226.56-85.333-350.080 35.669-119.040 134.613-208.469 256.64-231.68h0.683z" />
+<glyph unicode="&#xe905;" glyph-name="codepen" d="M1024 610.901l-0.768 3.712-0.725 2.133c-0.427 1.024-0.768 2.133-1.28 3.2-0.128 0.768-0.64 1.451-0.853 2.133l-1.493 2.859-1.28 2.133-1.877 2.56-1.963 1.92-2.56 1.92-1.963 1.28-2.56 1.877-1.877 1.707-0.64 0.853-467.413 312.704c-14.805 9.899-33.963 9.899-48.725 0l-473.771-316.245-1.621-1.707-2.133-2.389-1.579-1.92-2.133-2.56c-0.853-0.725-1.28-1.28-1.28-1.963l-2.133-2.56-0.853-2.56c-0.853-0.427-0.853-1.707-1.28-2.987l-0.427-2.133c-0.811-1.323-0.811-2.603-0.811-3.883v-319.872c0-1.877 0.128-3.84 0.427-5.76l0.427-1.963c0.213-1.28 0.427-2.56 0.853-3.669l0.64-2.133c0.427-1.152 0.683-2.261 1.152-3.2l0.939-2.133c0-0.427 0.64-1.707 1.28-2.56l1.28-1.707c0.64-0.427 1.28-1.707 1.92-2.56l1.28-1.707 1.707-1.707c0.427-0.555 0.427-1.28 1.28-1.28l2.56-1.792 1.707-1.28 0.427-0.597 468.053-312.747c6.997-5.12 16-6.955 24.32-6.955s16.64 2.56 24.32 7.68l476.075 315.989 2.219 2.475 1.408 1.92 1.707 2.56 1.28 2.133 1.28 2.987 0.683 2.219 1.28 3.285 0.64 1.92 1.28 3.413v320c0 2.133 0 4.053-0.683 5.973l-0.597 1.92 1.877-0.128zM512.427 342.955l-155.733 104.107 155.733 104.192 155.733-104.107-155.733-104.107zM468.309 627.712l-190.848-127.573-154.155 103.083 345.003 229.973v-205.568zM198.229 447.104l-110.165-73.813v147.243l110.165-73.643zM277.461 393.771l190.848-127.573v-205.653l-345.003 230.016 154.368 103.125v0.171zM556.373 266.197l190.891 127.147 154.155-103.253-345.045-229.973v205.653zM826.453 446.677l110.208 73.387v-147.456l-110.208 73.813zM747.307 499.584l-190.848 127.616v206.080l344.96-229.973-154.112-103.168z" />
+<glyph unicode="&#xe906;" glyph-name="dell" d="M766.421 337.067v225.109h52.139v-179.371h91.307v-45.653h-143.445zM348.971 477.355l127.147 97.792c11.989-9.728 23.893-19.541 35.883-29.312l-120.619-91.307 26.069-22.827 120.619 94.549c11.989-9.728 23.893-19.541 35.883-29.355-13.79-11.699-53.042-42.679-92.482-73.43l-28.137-21.119 26.027-22.869 120.747 97.92-0.043 84.736h52.181v-179.371h94.549v-45.653h-143.445v84.779c-42.453-32.555-84.779-65.237-127.189-97.792l-127.189 97.792c-6.144-31.104-27.861-58.027-55.979-72.277-12.16-6.272-25.472-10.24-39.040-11.776-7.808-0.939-15.659-0.725-23.509-0.725h-80.427v225.024h92.757c25.352-0.265 48.571-9.181 66.898-23.929l-0.21 0.163c19.371-15.36 33.195-37.205 39.552-61.013zM198.997 516.48v-136.96l40.661 0.043c17.922 0.601 33.735 9.14 44.11 22.194l0.092 0.12c10.082 12.566 16.18 28.704 16.18 46.267 0 12.548-3.113 24.369-8.609 34.733l0.195-0.403c-8.52 16.234-23.381 28.163-41.204 32.59l-0.438 0.092c-7.083 1.707-14.421 1.28-21.632 1.365h-29.355zM504.32 960h14.379c84.521-1.138 163.76-22.684 233.346-59.916l-2.732 1.335c70.7-37.698 129.553-88.792 175.049-150.358l0.994-1.408c60.25-81.306 97.018-183.191 98.641-293.589l0.004-0.384v-15.36c-1.724-132.868-53.952-253.214-138.319-343.010l0.25 0.269c-91.947-98.023-221.674-159.664-365.817-161.575l-0.349-0.004h-15.403c-63.851 0.993-124.491 13.527-180.32 35.597l3.466-1.208c-71.382 28.235-132.171 69.321-182.236 120.877l-0.121 0.126c-53.437 54.901-94.776 121.861-119.531 196.389l-1.045 3.632c-14.78 44.325-23.705 95.401-24.571 148.437l-0.005 0.427v15.403c1.806 101.896 33.292 196.088 86.146 274.719l-1.154-1.823c50.626 75.639 118.409 136.069 198.006 176.639l2.954 1.367c63.604 32.498 138.547 52.085 217.935 53.413l0.433 0.006zM497.792 907.52c-104.592-3.075-199.819-40.788-275.192-101.999l0.846 0.665c-62.693-50.756-111.277-116.548-140.54-191.977l-1.071-3.138c-18.76-48.416-29.629-104.447-29.629-163.017 0-66.312 13.932-129.369 39.029-186.406l-1.165 2.97c33.943-76.81 85.599-140.449 150.012-187.73l1.284-0.899c57.3-42.195 126.523-71.63 201.717-82.728l2.486-0.301c62.123-8.917 126.080-5.291 186.709 11.093 86.001 23.707 159.376 69.266 216.278 130.368l0.255 0.277c56.695 60.738 97.175 137.306 114.118 222.36l0.485 2.92c5.34 26.468 8.396 56.894 8.396 88.034 0 39.671-4.96 78.184-14.295 114.952l0.693-3.221c-39.437 154.229-153.034 275.271-299.606 324.433l-3.242 0.943c-42.565 14.359-91.587 22.645-142.543 22.645-5.283 0-10.546-0.089-15.786-0.266l0.762 0.020z" />
+<glyph unicode="&#xe907;" glyph-name="discourse" d="M516.395 960c280.021 0 507.605-234.027 507.605-511.872 0-277.76-227.413-511.573-507.733-511.573l-516.267-0.555v520.96c0 277.76 236.032 503.040 516.395 503.040zM521.344 765.312c-110.635 0.128-213.163-57.685-270.379-152.32-56.747-94.208-59.179-211.499-6.315-308.053l-56.917-181.632 204.544 45.824c117.12-52.267 254.507-28.843 347.136 59.307 92.587 87.637 122.027 223.061 74.112 341.205-48.427 118.528-163.84 195.84-291.84 195.627h-0.341z" />
+<glyph unicode="&#xe908;" glyph-name="discover" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512v0c282.77 0 512 229.23 512 512s-229.23 512-512 512v0z" />
+<glyph unicode="&#xe909;" glyph-name="home2" d="M512 928l-512-512 96-96 96 96v-416h256v192h128v-192h256v416l96-96 96 96-512 512zM512 512c-35.346 0-64 28.654-64 64s28.654 64 64 64c35.346 0 64-28.654 64-64s-28.654-64-64-64z" />
+<glyph unicode="&#xe90a;" glyph-name="bower" d="M537.937 17.112c44.307 46.071 71.945 276.535 79.977 349.235 8.308-3.519 16.931-6.526 25.79-9.018 4.348-9.93 8.383-20.607 11.745-31.68-3.997-1.345-19.225-7.711-26.462-11.312-4.035-146.229 108.654-153.746 139.541-159.678 30.178-5.813 59.371-5.536 112.689-55.694 21.795 74.717-33.742 182.182-116.402 218.173 5.066 13.526 8.822 27.093 11.118 40.505 38.764 9.608 146.744 59.646 146.744 190.924 0 85.038-35.125 170.787-96.35 235.261-32.987 34.729-72.147 62.022-116.447 81.12-47.818 20.608-100.464 31.054-156.509 31.054-195.154 0-366.143-133.213-366.143-208.482 0-32.868 24.604-61.149 46.678-67.79-15.15-5.574-62.18-22.624-74.119-28.243-17.726-8.309-33.025-46.631-14.637-63.405-11.985-21.556-19.182-61.149 12.777-82.704-8.779-41.528 15.982-78.273 45.563-79.066 1.068-20.367 29.71-30.382 52.488-25.949 16.774 3.28 77.011 38.33 97.775 52.011-22.034-27.056-28.243-95.638 0-103.947-34.25-43.627-16.296-111.657 11.589-117.037-13.763-53.042 16.494-113.831 53.118-103.864 5.895-85.2 96.518-74.302 119.487-50.412zM688.155 238.969c8.822 22.43 14.398 50.883 14.398 70.817 0 28.28-16.019 45.525-16.019 72.147 0 5.574-0.037 18.903 3.795 29.625-7.396-7.039-11.394-15.78-11.394-32.748 0-10.124 5.182-30.215 10.050-46.474-3.446-0.239-6.806-0.59-10.207-1.068-7.277 30.455-26.659 62.414-31.679 71.668 45.446 20.569 88.398 2.886 108.222-13.449-0.156-73.252-50.471-132.443-67.163-150.517zM691.562 207.267l10.483 11.193c10.796 11.51 20.526 23.494 29.192 35.834 36.387-18.351 76.137-41.414 100.741-70.525-12.933 32.038-51.54 63.719-92.791 82.428 6.052 9.534 11.469 19.225 16.176 28.99 55.731-26.106 102.242-86.739 105.881-153.582-40.624 44.774-121.624 27.967-169.645 65.699l-0.037-0.037zM653.606 299.243c10.722 4.947 28.46 9.908 38.897 9.317 0.198-8.308-2.929-24.283-3.519-26.815-4.902 0.987-15.66 1.502-17.050 1.502 2.727-1.584 12.104-5.969 15.822-7.758-3.048-15.981-8.15-36.985-13.882-49.283-9.378 14.478-19.561 39.017-20.271 73.036zM726.466 563.278c6.492 18.102 22.811 18.102 29.303 0s-1.665-40.854-14.646-40.854c-12.982 0-21.142 22.75-14.647 40.854zM720.409 502.922c35.841 0 58.365 39.064 40.445 70.149s-62.968 31.085-80.889 0c-17.921-31.085 4.603-70.149 40.444-70.149zM779.203 399.020c-59.213 58.422-134.124 35.366-167.941 14.086-50.353 30.26-84.758 89.742-100.427 158.846 0-77.563 19.972-123.209 39.51-149.747 12.5-16.931 24.798-26.106 31.642-30.813-7.434-115.020-44.494-297.12-56.478-314.88-4.827-7.121-15.466-14.478-25.673-15.586 12.105 86.425 24.838 242.226 26.973 282.995-4.118-28.953-44.102-240.163-53.475-276.789-18.157 11.156-31.007 36.545-22.072 74.792-28.161-20.69-61.94 19.462-43.351 75.39-27.645-12.299-52.526 37.455-23.73 94.054-27.645-0.71-30.85 70.204-0.276 98.208-3.639-0.553-10.603-3.878-13.689-5.297-80.769 9.018-130.882 75.187-130.882 142.942 0 165.887 134.759 310.412 314.013 310.412 189.496 0 330.936-140.058 330.936-309.067 0-96.826-76.219-140.573-105.089-149.55z" />
+<glyph unicode="&#xe90b;" glyph-name="circleci" d="M382.421 448c0 67.584 54.784 121.813 121.813 121.813 67.072 0 121.856-54.784 121.856-121.813 0-67.072-54.784-121.856-121.856-121.856-66.987 0-121.813 54.784-121.813 121.856zM504.235 960c-239.061 0-439.296-163.84-496.128-385.067-0.427-1.536-0.427-2.987-0.427-5.12 0-13.355 10.752-24.576 24.533-24.576h206.293c9.813 0 18.475 5.547 22.059 14.208 42.539 92.16 135.68 156.672 243.712 156.672 147.883 0 268.203-120.32 268.203-268.245 0-148.053-120.32-268.373-268.373-268.373-107.947 0-201.131 64-243.627 156.715-4.139 8.107-12.373 14.336-22.059 14.336h-206.208c-13.312 0-24.533-10.795-24.533-24.576 0-1.579 0.597-3.072 0.597-5.12 56.32-221.013 256.853-384.853 495.957-384.853 282.624 0 512 229.333 512 512 0 282.581-229.376 512-512 512z" />
+<glyph unicode="&#xe90c;" glyph-name="civicrm" d="M962.773 573.696c10.581 20.352 19.2 48 10.027 76.203-10.667 32.683-40.064 54.4-87.509 64.469l-300.885 64-307.243 164.352c-3.328 1.792-33.237 17.28-65.92 17.28-24.363 0-45.355-8.448-60.757-24.363-14.379-14.891-22.997-35.584-25.728-61.611-2.493 0.163-5.404 0.256-8.337 0.256-0.054 0-0.108 0-0.162 0h0.008c-46.464 0-70.315-19.456-82.176-35.797-18.347-25.259-20.651-59.435-6.869-101.632l113.024-346.368 10.709-300.075c1.877-52.139 30.677-108.203 89.515-108.245 11.264 0 22.912 2.176 34.987 6.4 13.995-23.723 39.253-52.565 79.531-52.565 28.416 0 56.491 15.232 83.456 45.355l218.027 243.072 289.408 182.741c6.272 4.011 61.611 40.533 59.648 95.104-0.939 27.392-15.445 51.285-42.752 71.424zM315.563 99.584l-99.328 304.384-13.483 377.472 355.243-75.563 288.896-154.539-240.213-267.904-291.115-183.851zM869.419 639.573c23.253-4.949 30.251-11.904 30.72-13.355 0.896-2.688-0.725-8.363-3.712-14.677l-69.248 37.035 42.24-9.003zM211.243 883.541c11.477 0 25.899-6.187 29.867-8.235l74.155-39.637-114.901 24.448c0.555 13.781 3.413 20.651 5.12 22.443 0.512 0.469 2.645 0.981 5.76 0.981zM99.883 760.576c-8.32 25.387-3.968 32.981-3.925 33.024 0.811 1.109 7.125 4.224 20.309 4.224 3.541 0 6.784-0.213 9.429-0.469l4.651-130.133-30.464 93.355zM227.371 93.184l-1.237 34.048 21.931-67.157c-2.239-0.775-4.83-1.294-7.518-1.447l-0.077-0.003c-6.229 0-12.501 21.333-13.099 34.56zM381.568 32.427c-17.664-19.755-26.453-19.968-26.539-19.968-2.475 0-7.893 5.632-12.843 13.525l77.568 48.981-38.187-42.539zM905.088 471.851l-61.653-38.955 72.32 80.64c10.624-7.424 13.355-12.715 13.397-14.037 0.256-5.675-12.245-19.968-24.064-27.648z" />
+<glyph unicode="&#xe90d;" glyph-name="circleci1" d="M382.421 448c0 67.584 54.784 121.813 121.813 121.813 67.072 0 121.856-54.784 121.856-121.813 0-67.072-54.784-121.856-121.856-121.856-66.987 0-121.813 54.784-121.813 121.856zM504.235 960c-239.061 0-439.296-163.84-496.128-385.067-0.427-1.536-0.427-2.987-0.427-5.12 0-13.355 10.752-24.576 24.533-24.576h206.293c9.813 0 18.475 5.547 22.059 14.208 42.539 92.16 135.68 156.672 243.712 156.672 147.883 0 268.203-120.32 268.203-268.245 0-148.053-120.32-268.373-268.373-268.373-107.947 0-201.131 64-243.627 156.715-4.139 8.107-12.373 14.336-22.059 14.336h-206.208c-13.312 0-24.533-10.795-24.533-24.576 0-1.579 0.597-3.072 0.597-5.12 56.32-221.013 256.853-384.853 495.957-384.853 282.624 0 512 229.333 512 512 0 282.581-229.376 512-512 512z" />
+<glyph unicode="&#xe90e;" glyph-name="codacy1" d="M165.675 540.8c25.796 92.657 85.082 168.541 163.679 215.406l1.654 0.914 1.707 0.896-76.928 132.821c-116.011-67.883-201.685-176.981-237.568-306.731l-0.853-3.584zM419.157 793.856c27.409 7.668 58.883 12.076 91.387 12.076 0.332 0 0.664 0 0.996-0.001h0.161v153.387h-0.811c-0.097 0-0.211 0-0.326 0-47.924 0-94.317-6.557-138.331-18.823l7.201 1.714zM604.928 793.728c92.56-25.819 168.345-85.104 215.108-163.676l0.914-1.657 0.896-1.707 132.992 76.757c-67.883 115.968-176.896 201.643-306.603 237.568l-3.584 0.853zM0 448v-0.256c0-46.933 6.315-92.373 18.133-135.552l-0.853 3.584 148.309 39.637c-7.695 27.273-12.12 58.594-12.12 90.948 0 0.441 0.001 0.882 0.002 1.322v-0.068 0.341zM68.48 192.213c23.467-40.149 50.347-74.837 81.109-105.6l108.928 108.373c-21.114 21.145-39.652 44.87-55.099 70.659l-0.922 1.661-0.939 1.707zM255.787 5.12c72.504-43.017 159.829-68.44 253.091-68.44 0.528 0 1.056 0.001 1.583 0.002h0.771v153.387h-0.171c-0.179 0-0.391-0.001-0.603-0.001-66.21 0-128.179 18.152-181.204 49.752l1.626-0.898 1.664-0.896zM821.717 268.587c-47.305-80.184-122.646-139.556-212.245-165.098l-2.539-0.619-2.517-0.597 39.723-148.309c133.291 36.693 242.389 122.155 309.163 235.52l1.323 2.389zM1005.952 310.571c11.435 40.405 18.048 86.827 18.048 134.784 0 46.379-6.144 91.307-17.707 134.059l0.811-3.584-148.736-39.723c7.467-27.307 11.733-58.624 11.733-90.965 0-33.707-4.651-66.347-13.355-97.28l0.597 2.517z" />
+<glyph unicode="&#xe90f;" glyph-name="co-op1" d="M993.067 735.36c0 36.352-5.632 72.661-15.36 109.013-13.995 43.349-46.123 78.251-86.656 93.611-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-42.591-15.035-74.859-49.61-86.398-92.666l-0.215-0.945c-9.325-32.469-14.687-69.763-14.687-108.309s5.362-75.84 15.382-111.176l-0.695 2.866c13.909-43.307 46.080-78.251 86.613-93.611 35.244-13.387 75.996-21.139 118.559-21.139 4.010 0 8.005 0.069 11.982 0.205l-0.578-0.016c44.757 0 88.021 8.363 129.963 20.949 42.592 15.050 74.865 49.616 86.439 92.664l0.217 0.947c9.771 34.944 15.36 71.253 15.36 107.605zM851.925 735.36c0-16.768-2.773-36.352-8.363-51.712-6.997-22.357-26.581-40.533-50.347-46.123-10.077-1.995-21.662-3.137-33.515-3.137s-23.438 1.142-34.653 3.321l1.138-0.184c-24.551 4.26-43.985 22.279-50.247 45.683l-0.1 0.439c-5.336 15.857-8.415 34.118-8.415 53.099s3.079 37.241 8.765 54.311l-0.35-1.212c6.955 22.357 26.539 40.533 50.347 46.123 10.077 1.995 21.662 3.137 33.515 3.137s23.438-1.142 34.653-3.321l-1.138 0.184c24.536-4.291 43.955-22.296 50.246-45.682l0.101-0.441c5.547-19.541 8.363-37.717 8.363-54.485zM478.805 146.987c9.305 32.471 14.655 69.765 14.655 108.309s-5.351 75.838-15.35 111.181l0.694-2.871c-13.952 43.349-46.123 78.251-86.613 93.653-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-42.597-15.064-74.871-49.645-86.439-92.706l-0.217-0.947c-9.305-32.471-14.655-69.765-14.655-108.309s5.351-75.838 15.35-111.181l-0.694 2.871c13.995-43.307 46.123-78.251 86.656-93.568 38.719-13.952 83.399-22.017 129.963-22.017s91.243 8.065 132.718 22.876l-2.756-0.859c41.706 16.384 73.403 50.361 86.343 92.543l0.271 1.025zM353.024 254.635c0-16.768-2.816-36.352-8.405-51.712-7.792-22.968-26.522-40.316-49.823-46.023l-0.481-0.1c-10.083-1.995-21.676-3.137-33.536-3.137s-23.453 1.142-34.676 3.321l1.14-0.184c-24.514 4.317-43.909 22.313-50.203 45.682l-0.101 0.441c-5.315 15.859-8.382 34.121-8.382 53.099s3.067 37.24 8.732 54.316l-0.35-1.218c7.763 22.986 26.507 40.347 49.825 46.024l0.479 0.099c10.083 2.016 21.675 3.169 33.536 3.169s23.453-1.153 34.669-3.354l-1.133 0.185c24.519-4.306 43.919-22.307 50.203-45.682l0.101-0.441c5.589-18.176 8.405-36.309 8.405-54.485zM353.024 736.768h141.141c0 36.309-5.589 72.661-15.36 107.563-13.952 43.349-46.123 78.251-86.613 93.611-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-43.349-16.725-75.477-51.669-86.699-94.976-9.305-32.471-14.655-69.765-14.655-108.309s5.351-75.838 15.35-111.181l-0.694 2.871c13.995-43.307 46.123-78.251 86.656-93.611 41.899-15.36 85.248-20.992 129.963-20.992s88.021 8.405 129.963 20.992c42.582 15.048 74.845 49.617 86.397 92.665l0.216 0.946c1.408 5.589 2.773 12.587 5.589 18.176l-132.736 61.483c-1.408-8.363-2.773-15.36-5.589-23.765-6.955-22.357-26.539-40.533-50.304-46.123-10.083-1.995-21.676-3.137-33.536-3.137s-23.453 1.142-34.676 3.321l1.14-0.184c-24.509 4.327-43.899 22.319-50.203 45.681l-0.101 0.441c-5.315 15.859-8.382 34.121-8.382 53.099s3.067 37.24 8.732 54.316l-0.35-1.218c6.997 22.357 26.539 40.533 50.304 46.165 10.083 1.995 21.676 3.137 33.536 3.137s23.453-1.142 34.676-3.321l-1.14 0.184c24.529-4.313 43.933-22.332 50.204-45.725l0.1-0.44c4.181-18.133 6.997-34.901 6.997-51.669zM541.653 362.197c-9.641-32.638-15.243-70.148-15.36-108.95v-317.248h141.141v318.635c0 16.768 2.773 36.352 8.363 51.712 6.955 22.357 26.539 40.533 50.347 46.123 10.077 2.015 21.661 3.169 33.515 3.169s23.438-1.153 34.647-3.354l-1.132 0.185c24.527-4.312 43.936-22.308 50.245-45.681l0.101-0.441c5.315-15.859 8.382-34.121 8.382-53.099s-3.067-37.24-8.732-54.316l0.35 1.218c-6.997-22.315-26.581-40.533-48.896-46.080-10.083-2.016-21.675-3.169-33.536-3.169s-23.453 1.153-34.669 3.354l1.133-0.185c-4.224 1.323-9.771 2.731-13.952 4.181l47.488-131.371c44.757 0 88.021 8.405 129.963 20.949 42.579 15.070 74.844 49.627 86.439 92.663l0.217 0.948c9.305 32.471 14.655 69.765 14.655 108.309s-5.351 75.838-15.35 111.181l0.694-2.871c-13.995 43.349-46.123 78.251-86.656 93.653-38.719 13.952-83.399 22.017-129.963 22.017s-91.243-8.065-132.718-22.876l2.756 0.859c-43.349-11.221-75.477-46.165-89.472-89.515z" />
+<glyph unicode="&#xe910;" glyph-name="baidu" d="M183.979 420.267c111.36 23.979 96 157.184 92.843 186.283-5.461 44.8-58.283 123.221-129.877 116.907-90.027-7.936-103.168-138.24-103.168-138.24-12.245-60.16 29.099-188.843 140.203-164.907zM390.699 643.883c61.44 0 111.104 70.827 111.104 158.293 0 87.040-49.493 157.867-110.933 157.867s-111.403-70.443-111.403-157.909c0-87.467 49.92-158.293 111.36-158.293zM655.659 633.387c82.347-11.093 134.912 76.8 145.579 143.36 10.667 66.133-42.667 143.36-100.693 156.587-58.453 13.483-130.56-79.957-137.813-140.8-7.68-74.667 10.667-148.907 92.587-159.445zM981.333 521.216c0 31.829-26.155 127.701-124.16 127.701-97.92 0-111.36-90.453-111.36-154.453 0-61.013 5.035-145.92 127.36-143.36 121.813 2.987 108.501 138.24 108.501 170.24zM857.6 242.347s-127.36 98.56-201.643 204.8c-100.693 156.885-243.84 93.013-291.584 13.483-47.787-80.341-122.027-130.645-132.48-144.085-10.667-13.227-153.6-90.453-121.771-231.253 32-140.8 143.36-138.24 143.36-138.24s81.92-8.107 177.493 13.227 177.493-5.12 177.493-5.12 222.165-74.667 283.648 68.693c60.757 143.787-34.56 218.027-34.56 218.027z" />
+<glyph unicode="&#xe911;" glyph-name="bitdefender" d="M71.893 960v-15.232l52.565-44.629c63.019-51.371 71.253-61.397 71.253-107.776v-856.363h368.896c193.579 0 387.541 69.504 387.541 292.224 0 131.499-92.757 232.875-221.269 247.339v2.859c105.6 31.787 177.877 108.373 177.877 224.128 0 186.539-159.147 257.365-313.557 257.365l-523.264 0.085zM378.069 803.669h150.357c101.675 0 133.163-13.952 164.011-43.221 23.381-22.229 34.091-52.779 34.176-88.32 0-33.067-11.392-62.549-35.456-85.504-30.080-28.843-71.424-43.136-146.901-43.136h-166.144v260.181zM378.069 387.328h174.891c147.456 0 216.96-37.589 216.96-144.64 0-134.528-130.347-150.443-224.256-150.443h-167.637v295.083z" />
+<glyph unicode="&#xe912;" glyph-name="bitly" d="M557.013 52.907c-57.387-0.939-99.2 17.493-101.803 67.627-1.067 18.773-0.768 38.827 0.085 50.859 5.845 73.216 56.875 125.867 107.947 136.107 63.232 12.544 104.747-16.213 104.747-98.56 0-55.595-15.36-154.368-110.507-156.032h-0.683zM508.715 960c-281.728 0-508.715-226.005-508.715-521.557 0-153.344 81.92-301.312 197.248-390.272 22.187-17.067 48.555-15.659 63.872-0.853 12.672 12.16 11.605 41.984-12.16 62.933-92.16 80.469-155.819 203.093-155.819 325.76 0 219.733 195.413 404.907 415.573 404.907 267.947 0 411.136-217.685 411.136-402.347 0-113.067-55.040-249.173-154.709-335.957 0.64 0 21.035 40.192 21.035 118.784 0 133.547-84.309 206.336-182.613 206.336-70.955 0-113.792-25.515-142.507-49.152 0 54.272 1.92 155.819 1.92 155.819 0 67.072-23.040 120.747-105.387 122.027-47.36 0.64-82.432-21.035-104.107-70.272-7.68-18.603-5.12-39.083 10.837-48 12.8-7.68 34.56-1.963 44.629 12.117 7.040 8.96 10.837 10.837 17.237 10.24 10.24-1.28 10.965-17.28 10.965-28.16 0.597-8.235 8.235-123.861 3.755-420.907-0.427-81.493 64.128-175.445 218.027-175.445 66.56 0 117.589 18.56 191.701 60.672 113.067 63.915 273.365 205.653 273.365 445.867-2.005 302.208-244.693 517.461-514.859 517.461z" />
+<glyph unicode="&#xe913;" glyph-name="campaignmonitor" d="M1017.003 777.813c-12.373 17.621-36.693 21.973-54.315 9.643l-955.733-669.269c7.125-10.027 18.645-16.64 31.872-16.64h946.347c21.461 0 38.827 17.493 38.827 38.997v615.509c-0.171 7.509-2.475 15.019-6.997 21.76zM61.269 787.456c-17.621 12.373-41.899 8.107-54.272-9.643-4.565-6.571-6.912-14.165-6.997-21.76v-616.533l454.997 372.736-393.685 275.285z" />
+<glyph unicode="&#xe914;" glyph-name="cashapp" d="M1006.507 811.947c-22.495 60.649-69.484 107.638-128.629 129.643l-1.504 0.49c-55.893 17.92-106.667 17.92-209.92 17.92h-309.76c-102.4 0-154.027 0-209.067-17.067-60.728-22.584-107.741-69.737-129.646-129.052l-0.487-1.508c-17.493-55.467-17.493-106.667-17.493-209.067v-310.187c0-102.827 0-153.6 17.067-209.067 22.495-60.649 69.484-107.638 128.629-129.643l1.504-0.49c55.467-17.493 106.667-17.493 209.067-17.493h310.613c102.827 0 154.027 0 209.067 17.067 60.901 22.482 108.078 69.659 130.072 129.054l0.488 1.506c17.493 55.467 17.493 106.667 17.493 209.067v309.333c0 102.827 0 154.027-17.493 209.493zM743.253 614.4l-39.68-39.68c-3.798-3.54-8.91-5.713-14.53-5.713-5.396 0-10.324 2.003-14.081 5.307l0.024-0.021c-36.822 31.253-84.876 50.281-137.372 50.347h-0.014c-41.387 0-82.773-13.653-82.773-51.627 0-38.4 44.373-51.2 95.573-70.4 89.6-29.867 163.84-67.413 163.84-155.307 0-95.573-74.24-161.28-195.413-168.533l-11.093-51.2c-2.047-9.569-10.431-16.64-20.467-16.64-0.005 0-0.009 0-0.014 0h-76.373l-3.84 0.427c-9.607 2.211-16.663 10.689-16.663 20.816 0 1.543 0.164 3.048 0.475 4.498l-0.025-0.14 11.947 54.187c-47.972 12.277-89.41 35.584-123.030 67.126l0.15-0.14v0.427c-3.721 3.709-6.024 8.839-6.024 14.507s2.302 10.798 6.023 14.506l0.001 0.001 42.667 41.387c3.728 3.499 8.76 5.649 14.293 5.649s10.565-2.15 14.305-5.66l-0.011 0.010c38.827-36.693 90.88-57.173 144.64-56.32 55.467 0 92.587 23.467 92.587 60.587s-37.547 46.933-108.373 73.387c-75.093 26.88-146.347 64.853-146.347 153.6 0 103.253 85.76 153.6 187.307 158.293l10.667 52.48c2.037 9.333 10.23 16.218 20.032 16.218 0.158 0 0.315-0.002 0.472-0.005h75.924l4.267-0.427c11.093-2.56 18.347-13.227 15.787-24.32l-11.52-58.453c38.4-12.8 74.667-32.853 105.813-59.307l0.853-0.853c8.107-8.533 8.107-21.333 0-29.013z" />
+<glyph unicode="&#xe915;" glyph-name="castorama" d="M380.16 272.811c-90.837 0-156.117 76.544-156.117 182.016 0 91.648 62.635 174.72 148.821 174.72 97.067 0 151.253-79.232 151.253-79.232l125.397 140.715c-38.827 45.312-110.848 122.965-277.461 122.965-187.221 0-350.251-148.864-350.251-360.789 0-203.349 148.267-364.032 352.683-364.032 164.48 0 237.739 86.059 279.040 133.504l-120.789 126.677c0-0.043-60.373-76.544-152.576-76.544zM780.075 960v-426.155h-88.064c-45.243 0-81.92-36.677-81.92-81.92s36.677-81.92 81.92-81.92v0h88.064v-434.005h222.080v1024h-222.080z" />
+<glyph unicode="&#xe916;" glyph-name="castro" d="M512 960c-282.795 0-512-229.248-512-512s229.205-512 512-512c282.752 0 512 229.248 512 512s-229.248 512-512 512zM511.915 363.051c-48.365 0-87.573 39.208-87.573 87.573s39.208 87.573 87.573 87.573v0c48.365 0 87.573-39.208 87.573-87.573s-39.208-87.573-87.573-87.573v0zM725.035 155.989l-85.845 119.083c54.185 39.915 88.949 103.473 88.949 175.15 0 119.8-97.117 216.917-216.917 216.917s-216.917-97.117-216.917-216.917c0-71.983 35.062-135.776 89.040-175.234l0.613-0.428-85.931-119.168c-91.808 66.868-150.797 174.001-150.797 294.912 0 200.908 162.868 363.776 363.776 363.776 0.035 0 0.069 0 0.104 0h-0.005c200.908 0 363.776-162.868 363.776-363.776v0c0-0.124 0-0.271 0-0.419 0-120.4-58.595-227.115-148.825-293.183l-1.021-0.713z" />
+<glyph unicode="&#xe917;" glyph-name="cevo" d="M149.333 704h512l256-439.467 106.667 183.467-256 443.733h-512l-106.667-187.733zM110.933 640l-110.933-192 256-443.733h512l110.933 192-106.667 183.467-110.933-192h-298.667l-149.333 260.267 110.933 192h-213.333z" />
+<glyph unicode="&#xe918;" glyph-name="chase" d="M366.519-62.891q-7.894 0-14.097 2.82t-11.841 7.331-7.894 11.277-3.383 14.661l1.128 252.617h667.648l-303.364-288.704h-329.306zM1024.013 302.502q-1.128-7.895-3.383-14.097t-7.894-11.278-11.841-7.894q-6.203-2.82-14.097-2.82h-252.617l-1.128 668.757 289.835-304.495v-328.175zM657.493 958.844q6.767 0 14.097-2.82t11.278-7.331 7.331-11.278 2.255-14.661l1.128-252.617h-669.867l305.621 288.704h327.049zM1.152 593.451q-1.128 7.894 2.255 14.097t7.894 11.277 11.278 7.895 13.533 2.82h253.743l-1.128-668.757-287.578 304.495-1.128 328.175z" />
+<glyph unicode="&#xe919;" glyph-name="circle" d="M886.955 796.501c-4.309 4.48-8.405 9.088-12.843 13.525-4.395 4.395-9.003 8.619-13.653 12.885-90.553 84.925-212.715 137.090-347.062 137.090-0.491 0-0.982-0.001-1.473-0.002h0.076c-0.407 0.001-0.888 0.002-1.37 0.002-140.958 0-268.529-57.315-360.68-149.912l-0.020-0.020c-195.243-195.243-199.424-510.123-12.843-710.571 4.224-4.608 8.405-9.131 12.8-13.653 4.437-4.395 8.96-8.533 13.525-12.8 90.651-84.903 212.887-137.047 347.302-137.047 0.452 0 0.904 0.001 1.355 0.002h-0.071c136.789 0 265.387 53.205 362.112 149.845 195.243 195.243 199.381 510.123 12.843 710.656zM176.341 783.659c85.459 85.895 203.753 139.052 334.461 139.052 0.421 0 0.842-0.001 1.262-0.002h-0.065c120.533 0 234.24-44.715 322.133-126.208l-42.709-42.752c-73.020 67.238-170.901 108.46-278.411 108.46-0.356 0-0.712 0-1.068-0.001h0.055c-0.334 0.001-0.729 0.002-1.124 0.002-114.037 0-217.239-46.39-291.764-121.327l-0.018-0.018c-74.931-74.54-121.303-177.725-121.303-291.74 0-0.395 0.001-0.79 0.002-1.184v0.061c0-104.448 38.4-202.795 108.459-279.424l-42.795-42.709c-172.032 185.984-167.765 477.141 12.885 657.792zM765.056 727.424v-0.085l-43.307-43.264c-55.243 49.718-128.723 80.128-209.305 80.128-0.156 0-0.313 0-0.469 0h0.025c-0.262 0.001-0.571 0.001-0.881 0.001-87.024 0-165.777-35.413-222.634-92.615l-0.015-0.016c-57.244-56.909-92.673-135.707-92.673-222.78 0-0.279 0-0.557 0.001-0.836v0.043c0-0.137 0-0.299 0-0.462 0-80.529 30.394-153.958 80.337-209.443l-0.251 0.284-43.264-43.349c-60.461 66.228-97.495 154.743-97.495 251.907 0 0.374 0.001 0.748 0.002 1.122v-0.058c-0.001 0.309-0.001 0.674-0.001 1.040 0 103.739 42.215 197.618 110.404 265.395l0.019 0.018c67.802 68.208 161.687 110.423 265.431 110.423 0.359 0 0.719-0.001 1.078-0.002h-0.056c94.421 0 183.509-34.517 253.056-97.451zM790.912 448c0-74.453-29.056-144.512-81.749-197.205s-122.667-81.749-197.163-81.749c-0.058 0-0.127 0-0.196 0-70.336 0-134.548 26.22-183.395 69.419l0.295-0.256-0.043 0.171c-4.693 4.011-9.387 8.021-13.824 12.416-4.171 4.31-8.256 8.84-12.177 13.512l-0.324 0.397c-42.914 48.425-69.121 112.509-69.121 182.714 0 0.205 0 0.409 0.001 0.614v-0.031c0 74.496 28.971 144.512 81.664 197.163 50.152 50.445 119.593 81.665 196.327 81.665 0.279 0 0.558 0 0.836-0.001h-0.043c68.224 0 132.48-24.576 183.253-69.12 4.736-4.096 9.557-8.107 13.909-12.587 4.437-4.437 8.533-9.131 12.587-13.824 42.941-48.501 69.163-112.666 69.163-182.955 0-0.12 0-0.24 0-0.359v0.019zM302.251 211.883h0.043c55.267-49.744 128.781-80.171 209.401-80.171 0.107 0 0.215 0 0.322 0h-0.017c0.261-0.001 0.57-0.001 0.878-0.001 87.048 0 165.813 35.467 222.632 92.738l0.020 0.021c57.267 56.861 92.716 135.631 92.716 222.681 0 0.299 0 0.597-0.001 0.896v-0.046c0 0.073 0 0.16 0 0.246 0 80.631-30.373 154.169-80.301 209.796l0.258-0.292 43.221 43.179c60.462-66.269 97.494-154.821 97.494-252.022 0-0.319 0-0.637-0.001-0.955v0.050c0.001-0.335 0.002-0.732 0.002-1.129 0-103.732-42.234-197.6-110.445-265.347l-0.021-0.021c-67.756-68.206-161.602-110.423-265.307-110.423-0.403 0-0.806 0.001-1.208 0.002h0.062c-0.27-0.001-0.589-0.001-0.908-0.001-97.228 0-185.806 37.032-252.4 97.76l0.295-0.266 43.264 43.307zM847.659 112.341c-85.383-85.867-203.598-139.010-334.225-139.010-0.504 0-1.008 0.001-1.512 0.002h0.078c-0.385-0.001-0.841-0.002-1.298-0.002-124.11 0-237.011 47.99-321.159 126.426l0.281-0.259 42.837 42.709c72.985-67.237 170.834-108.46 278.311-108.46 0.391 0 0.782 0.001 1.173 0.002h-0.061c0.335-0.001 0.731-0.002 1.128-0.002 114.051 0 217.259 46.425 291.757 121.409l0.022 0.022c74.93 74.527 121.303 177.7 121.303 291.705 0 0.393-0.001 0.785-0.002 1.177v-0.061c0.001 0.304 0.001 0.664 0.001 1.024 0 107.5-41.241 205.367-108.763 278.644l0.261-0.287 42.709 42.752c171.989-185.984 167.893-477.099-12.843-657.792z" />
+<glyph unicode="&#xe91a;" glyph-name="codecademy" d="M1016.619 118.187h-238.72c-4.011 0-7.253-2.475-7.253-7.339v-64.64c0-4.011 2.475-7.253 7.339-7.253h238.677c4.096 0 7.339 1.877 7.339 6.997v64.64c0 4.48-2.432 7.083-7.381 7.083v0.512zM702.421 854.827c0.683-1.493 1.28-2.901 2.005-5.12v-801.707c0-2.603-0.853-4.096-1.579-4.864-1.324-1.573-3.293-2.565-5.495-2.565-0.093 0-0.186 0.002-0.279 0.005h-690.547c-1.621 0-3.2 0-4.139 0.853-1.474 1.409-2.39 3.391-2.39 5.586 0 0.046 0 0.092 0.001 0.138v-0.007 803.371c0 3.243 1.707 5.717 4.096 6.4h692.992c1.707 0 4.096-0.725 4.907-1.451v-0.683l0.427 0.043zM77.568 124.8c0-3.115 1.621-5.803 4.096-6.528h539.435c2.475 0.811 4.096 3.243 4.096 6.571v647.253c0 3.115-1.664 5.717-4.181 6.4h-539.307c-2.389-0.853-4.096-3.115-4.096-6.4l-0.128-647.253 0.085-0.043zM298.325 482.091c27.733 0 43.264-7.552 59.563-26.411 2.475-3.2 6.528-4.011 9.813-1.493l44.117 39.253c3.2 1.877 2.475 6.997 0.853 9.557-27.093 32.597-66.304 53.077-116.907 53.077-67.84 0-119.040-33.92-138.88-94.123-7.040-21.12-10.24-48.043-10.24-84.437 0-36.48 3.2-63.317 10.88-84.48 19.84-60.843 71.040-94.080 138.88-94.080 51.2 0 90.24 20.48 117.12 51.883 1.92 3.157 2.56 7.040-0.64 9.643l-44.245 39.040c-3.115 2.005-6.955 2.005-9.557-1.152-16.64-19.2-33.92-29.44-62.037-29.44-30.123 0-53.12 14.72-62.72 44.16-5.803 16.64-7.083 37.12-7.083 63.275 0 26.24 1.92 45.568 7.68 62.763 10.24 28.117 32.683 42.965 63.403 42.965z" />
+<glyph unicode="&#xe91b;" glyph-name="connection" horiz-adv-x="1280" d="M640 384c105.87 0 201.87-43.066 271.402-112.598l-90.468-90.468c-46.354 46.356-110.356 75.066-180.934 75.066s-134.578-28.71-180.934-75.066l-90.468 90.468c69.532 69.532 165.532 112.598 271.402 112.598zM187.452 452.548c120.88 120.88 281.598 187.452 452.548 187.452s331.668-66.572 452.55-187.452l-90.51-90.508c-96.706 96.704-225.28 149.96-362.040 149.96-136.762 0-265.334-53.256-362.038-149.962l-90.51 90.51zM988.784 825.562c106.702-45.132 202.516-109.728 284.782-191.996v0l-90.508-90.508c-145.056 145.056-337.92 224.942-543.058 224.942-205.14 0-398-79.886-543.058-224.942l-90.51 90.51c82.268 82.266 178.082 146.862 284.784 191.994 110.504 46.738 227.852 70.438 348.784 70.438s238.278-23.7 348.784-70.438zM576 64c0 35.346 28.654 64 64 64s64-28.654 64-64c0-35.346-28.654-64-64-64s-64 28.654-64 64z" />
+<glyph unicode="&#xe91c;" glyph-name="codeclimate" d="M684.667 745l339.333-339.333-115.5-115.667-223.833 223.833-78.667-79-115.833 115.667zM454.5 514.667l115.5-115.833 108.667-108.333-115.833-115.5-223.5 223.5-178.167-178.167-45.667-45.333-115.5 115.5 339.333 339.333z" />
+<glyph unicode="&#xe91d;" glyph-name="codecov" d="M512.299 939.52c-282.283-0.213-512.085-228.309-512.299-508.544v-1.28l87.125-50.816 1.195 0.811c39.281 27.243 87.96 43.521 140.442 43.521 0.246 0 0.492 0 0.738-0.001h-0.038c15.829 0 31.317-1.451 46.336-4.267l-1.536 0.256c47.862-8.714 89.631-30.377 122.774-61.194l-0.15 0.138-0.171 0.128 14.933-13.909 8.448 18.517c8.192 17.92 17.664 34.731 28.16 50.048 4.224 6.144 8.875 12.373 14.165 19.029l8.747 10.965-10.752 9.003c-45.084 37.989-100.51 65.148-161.45 76.747l-2.219 0.351-2.219 0.341c-19.626 3.738-42.2 5.876-65.273 5.876-38.861 0-76.305-6.065-111.438-17.3l2.588 0.715 2.603 0.683c41.429 181.632 201.131 308.224 389.675 308.352 0.401 0.001 0.875 0.002 1.35 0.002 109.398 0 208.468-44.224 280.306-115.77l-0.013 0.013c51.714-51.018 89.311-116.221 106.482-189.299l0.526-2.658c-31.799 10.258-68.384 16.171-106.35 16.171-0.081 0-0.162 0-0.244 0h-6.558c-15.189-0.256-29.867-1.408-44.245-3.328l1.92 0.213-1.792-0.256c-7.476-0.951-13.144-1.85-18.765-2.885l2.125 0.325c-2.432-0.427-4.864-0.939-7.253-1.408-7.92-1.562-13.552-2.877-19.128-4.328l2.403 0.531-5.888-1.493c-9.712-2.566-16.587-4.669-23.38-6.952l2.772 0.808-1.237-0.427c-15.147-5.12-30.251-11.435-44.843-18.731l-1.152-0.597c-6.485-3.243-13.013-6.827-20.011-10.923l-1.536-0.939c-34.906-21.026-64.617-46.566-89.493-76.292l-0.449-0.551-0.469-0.555-3.2-3.925c-5.035-6.144-10.331-13.134-15.369-20.319l-0.759-1.142c-3.755-5.547-7.552-11.477-12.288-19.285l-2.56-4.437c-2.497-4.123-5.817-10.156-8.978-16.285l-1.006-2.147-0.683-1.237c-7.253-14.549-13.525-29.781-18.773-45.355l-0.725-2.261c-11.167-32.407-17.614-69.751-17.614-108.6 0-2.576 0.028-5.145 0.085-7.707l-0.007 0.382v0.299l0.043-4.779c0.256-6.741 0.555-12.587 0.981-18.389l-0.085 1.579c0.657-7.942 1.293-13.988 2.036-20l-0.244 2.421 0.213-1.792 0.555-4.395c0.768-5.419 1.621-10.752 2.645-16.128 10.283-54.016 36.053-108.032 74.453-156.16l1.749-2.176 1.792 2.133c15.317 18.091 53.291 75.52 56.533 109.952l0.043 0.64-0.299 0.555c-17.201 32.032-27.307 70.085-27.307 110.499 0 0.078 0 0.155 0 0.233v0.030c0 128.683 101.163 235.563 230.272 243.285l8.491 0.299c1.717 0.042 3.74 0.066 5.768 0.066 53.13 0 102.434-16.376 143.142-44.356l-0.857 0.556 1.195-0.811 87.083 50.645v1.28c0.002 0.478 0.003 1.043 0.003 1.609 0 140.027-57.305 266.669-149.744 357.755l-0.062 0.060c-92.274 91.813-219.504 148.569-359.99 148.569-0.686 0-1.372-0.001-2.057-0.004h0.106z" />
+<glyph unicode="&#xe91e;" glyph-name="cheveron-down" d="M475.802 309.76l36.198-36.198 289.638 289.638-72.397 72.397-217.242-217.19-217.242 217.19-72.397-72.397z" />
+<glyph unicode="&#xe91f;" glyph-name="cheveron-left" d="M360.96 496.998l-36.198-36.198 289.638-289.638 72.397 72.397-217.19 217.242 217.19 217.242-72.397 72.397z" />
+<glyph unicode="&#xe920;" glyph-name="cheveron-right" d="M663.040 424.602l36.198 36.198-289.638 289.638-72.397-72.397 217.19-217.242-217.19-217.242 72.397-72.397 253.44 253.44z" />
+<glyph unicode="&#xe921;" glyph-name="cheveron-up" d="M548.198 611.84l-36.198 36.198-289.638-289.638 72.397-72.397 217.242 217.19 217.242-217.19 72.397 72.397z" />
+<glyph unicode="&#xe922;" glyph-name="location1" d="M512-51.2s-358.4 467.456-358.4 665.6c0 197.939 160.461 358.4 358.4 358.4s358.4-160.461 358.4-358.4v0c0-198.144-358.4-665.6-358.4-665.6zM512 512c56.554 0 102.4 45.846 102.4 102.4s-45.846 102.4-102.4 102.4v0c-56.554 0-102.4-45.846-102.4-102.4s45.846-102.4 102.4-102.4v0z" />
+<glyph unicode="&#xe923;" glyph-name="location-current" d="M0 972.8l1024-409.6-409.6-204.8-102.4-409.6z" />
+<glyph unicode="&#xe924;" glyph-name="mic" d="M460.8 51.2v54.272c-203.112 26.323-358.4 198.221-358.4 406.387 0 0.050 0 0.099 0 0.149v-0.008h102.4c0-169.662 137.538-307.2 307.2-307.2s307.2 137.538 307.2 307.2v0h102.4c0-0.042 0-0.091 0-0.141 0-208.167-155.288-380.064-356.342-406.169l-2.058-0.218v-54.272h153.6v-102.4h-409.6v102.4h153.6zM307.2 768c0 113.108 91.692 204.8 204.8 204.8s204.8-91.692 204.8-204.8v0-256c0-113.108-91.692-204.8-204.8-204.8s-204.8 91.692-204.8 204.8v0 256z" />
+<glyph unicode="&#xe925;" glyph-name="mic1" d="M480 256c88.366 0 160 71.634 160 160v384c0 88.366-71.634 160-160 160s-160-71.634-160-160v-384c0-88.366 71.636-160 160-160zM704 512v-96c0-123.71-100.29-224-224-224-123.712 0-224 100.29-224 224v96h-64v-96c0-148.238 112.004-270.3 256-286.22v-129.78h-128v-64h320v64h-128v129.78c143.994 15.92 256 137.982 256 286.22v96h-64z" />
+<glyph unicode="&#xe926;" glyph-name="books" horiz-adv-x="1152" d="M224 832h-192c-17.6 0-32-14.4-32-32v-704c0-17.6 14.4-32 32-32h192c17.6 0 32 14.4 32 32v704c0 17.6-14.4 32-32 32zM192 640h-128v64h128v-64zM544 832h-192c-17.6 0-32-14.4-32-32v-704c0-17.6 14.4-32 32-32h192c17.6 0 32 14.4 32 32v704c0 17.6-14.4 32-32 32zM512 640h-128v64h128v-64zM765.088 782.52l-171.464-86.394c-15.716-7.918-22.096-27.258-14.178-42.976l287.978-571.548c7.918-15.718 27.258-22.098 42.976-14.178l171.464 86.392c15.716 7.92 22.096 27.26 14.178 42.974l-287.978 571.55c-7.92 15.718-27.26 22.1-42.976 14.18z" />
+<glyph unicode="&#xe93a;" glyph-name="cart" d="M384 32c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96zM1024 32c0-53.019-42.981-96-96-96s-96 42.981-96 96c0 53.019 42.981 96 96 96s96-42.981 96-96zM1024 448v384h-768c0 35.346-28.654 64-64 64h-192v-64h128l48.074-412.054c-29.294-23.458-48.074-59.5-48.074-99.946 0-70.696 57.308-128 128-128h768v64h-768c-35.346 0-64 28.654-64 64 0 0.218 0.014 0.436 0.016 0.656l831.984 127.344z" />
+<glyph unicode="&#xe942;" glyph-name="phone" d="M704 320c-64-64-64-128-128-128s-128 64-192 128-128 128-128 192 64 64 128 128-128 256-192 256-192-192-192-192c0-128 131.5-387.5 256-512s384-256 512-256c0 0 192 128 192 192s-192 256-256 192z" />
+<glyph unicode="&#xe943;" glyph-name="phone-hang-up" d="M1017.378 384.006c8.004-55.482 13.216-131.392-11.664-160.446-41.142-48.044-301.712-48.044-301.712 48.042 0 48.398 42.856 80.134 1.712 128.178-40.472 47.262-113.026 48.030-193.714 48.042-80.686-0.012-153.242-0.78-193.714-48.042-41.142-48.046 1.714-79.78 1.714-128.178 0-96.086-260.57-96.086-301.714-48.044-24.878 29.054-19.668 104.964-11.662 160.446 6.16 37.038 21.724 76.996 71.548 127.994 0 0.002 0.002 0.002 0.002 0.004 74.738 69.742 187.846 126.738 429.826 127.968v0.030c1.344 0 2.664-0.010 4-0.014 1.338 0.004 2.656 0.014 4 0.014v-0.028c241.98-1.23 355.088-58.226 429.826-127.968 0.002-0.002 0.002-0.004 0.002-0.004 49.824-50.996 65.39-90.954 71.55-127.994z" />
+<glyph unicode="&#xe947;" glyph-name="location" d="M512 960c-176.732 0-320-143.268-320-320 0-320 320-704 320-704s320 384 320 704c0 176.732-143.27 320-320 320zM512 448c-106.040 0-192 85.96-192 192s85.96 192 192 192 192-85.96 192-192-85.96-192-192-192z" />
+<glyph unicode="&#xe948;" glyph-name="location2" d="M512 960c-176.732 0-320-143.268-320-320 0-320 320-704 320-704s320 384 320 704c0 176.732-143.27 320-320 320zM512 444c-108.248 0-196 87.752-196 196s87.752 196 196 196 196-87.752 196-196-87.752-196-196-196zM388 640c0 68.483 55.517 124 124 124s124-55.517 124-124c0-68.483-55.517-124-124-124s-124 55.517-124 124z" />
+<glyph unicode="&#xe958;" glyph-name="mobile" d="M736 960h-448c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h448c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 912h256v-32h-256v32zM512 0c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM768 192h-512v640h512v-640z" />
+<glyph unicode="&#xe959;" glyph-name="mobile2" d="M768 960h-576c-35.2 0-64-28.798-64-64v-896c0-35.2 28.798-64 64-64h576c35.2 0 64 28.8 64 64v896c0 35.202-28.8 64-64 64zM480-17.782c-27.492 0-49.782 22.29-49.782 49.782s22.29 49.782 49.782 49.782 49.782-22.29 49.782-49.782-22.29-49.782-49.782-49.782zM768 128h-576v704h576v-704z" />
+<glyph unicode="&#xe986;" glyph-name="search" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384s171.922-384 384-384c95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />
+<glyph unicode="&#xe9bd;" glyph-name="menu" d="M64 768h896v-192h-896zM64 512h896v-192h-896zM64 256h896v-192h-896z" />
+<glyph unicode="&#xea2b;" glyph-name="volume-increase" d="M1024 384h-192v-192h-128v192h-192v128h192v192h128v-192h192v-128zM416.006 0c-8.328 0-16.512 3.25-22.634 9.374l-246.626 246.626h-114.746c-17.672 0-32 14.326-32 32v320c0 17.672 14.328 32 32 32h114.746l246.626 246.628c9.154 9.154 22.916 11.89 34.874 6.936 11.958-4.952 19.754-16.622 19.754-29.564v-832c0-12.944-7.796-24.612-19.754-29.564-3.958-1.64-8.118-2.436-12.24-2.436z" />
+<glyph unicode="&#xea2c;" glyph-name="volume-decrease" d="M512 512h512v-128h-512v128zM416.006 0c-8.328 0-16.512 3.25-22.634 9.374l-246.626 246.626h-114.746c-17.672 0-32 14.326-32 32v320c0 17.672 14.328 32 32 32h114.746l246.626 246.628c9.154 9.154 22.916 11.89 34.874 6.936 11.958-4.952 19.754-16.622 19.754-29.564v-832c0-12.944-7.796-24.612-19.754-29.564-3.958-1.64-8.118-2.436-12.24-2.436z" />
+<glyph unicode="&#xea2e;" glyph-name="loop2" d="M889.68 793.68c-93.608 102.216-228.154 166.32-377.68 166.32-282.77 0-512-229.23-512-512h96c0 229.75 186.25 416 416 416 123.020 0 233.542-53.418 309.696-138.306l-149.696-149.694h352v352l-134.32-134.32zM928 448c0-229.75-186.25-416-416-416-123.020 0-233.542 53.418-309.694 138.306l149.694 149.694h-352v-352l134.32 134.32c93.608-102.216 228.154-166.32 377.68-166.32 282.77 0 512 229.23 512 512h-96z" />
+<glyph unicode="&#xea3a;" glyph-name="arrow-up2" d="M877.254 557.254l-320 320c-24.992 24.994-65.514 24.994-90.508 0l-320-320c-24.994-24.994-24.994-65.516 0-90.51 24.994-24.996 65.516-24.996 90.51 0l210.744 210.746v-613.49c0-35.346 28.654-64 64-64s64 28.654 64 64v613.49l210.746-210.746c12.496-12.496 28.876-18.744 45.254-18.744s32.758 6.248 45.254 18.746c24.994 24.994 24.994 65.514 0 90.508z" />
+<glyph unicode="&#xea3c;" glyph-name="arrow-right2" d="M621.254 82.746l320 320c24.994 24.992 24.994 65.516 0 90.51l-320 320c-24.994 24.992-65.516 24.992-90.51 0-24.994-24.994-24.994-65.516 0-90.51l210.746-210.746h-613.49c-35.346 0-64-28.654-64-64s28.654-64 64-64h613.49l-210.746-210.746c-12.496-12.496-18.744-28.876-18.744-45.254s6.248-32.758 18.744-45.254c24.994-24.994 65.516-24.994 90.51 0z" />
+<glyph unicode="&#xea3e;" glyph-name="arrow-down2" d="M877.254 338.746l-320-320c-24.992-24.994-65.514-24.994-90.508 0l-320 320c-24.994 24.994-24.994 65.516 0 90.51 24.994 24.996 65.516 24.996 90.51 0l210.744-210.746v613.49c0 35.346 28.654 64 64 64s64-28.654 64-64v-613.49l210.746 210.746c12.496 12.496 28.876 18.744 45.254 18.744s32.758-6.248 45.254-18.746c24.994-24.994 24.994-65.514 0-90.508z" />
+<glyph unicode="&#xea40;" glyph-name="arrow-left2" d="M402.746 82.746l-320 320c-24.994 24.992-24.994 65.516 0 90.51l320 320c24.994 24.992 65.516 24.992 90.51 0 24.994-24.994 24.994-65.516 0-90.51l-210.746-210.746h613.49c35.346 0 64-28.654 64-64s-28.654-64-64-64h-613.49l210.746-210.746c12.496-12.496 18.744-28.876 18.744-45.254s-6.248-32.758-18.744-45.254c-24.994-24.994-65.516-24.994-90.51 0z" />
+<glyph unicode="&#xea41;" glyph-name="circle-up" d="M0 448c0-282.77 229.23-512 512-512s512 229.23 512 512-229.23 512-512 512-512-229.23-512-512zM928 448c0-229.75-186.25-416-416-416s-416 186.25-416 416 186.25 416 416 416 416-186.25 416-416zM706.744 290.744l90.512 90.512-285.256 285.254-285.254-285.256 90.508-90.508 194.746 194.744z" />
+<glyph unicode="&#xea42;" glyph-name="circle-right" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM354.744 253.256l90.512-90.512 285.254 285.256-285.256 285.254-90.508-90.508 194.744-194.746z" />
+<glyph unicode="&#xea43;" glyph-name="circle-down" d="M1024 448c0 282.77-229.23 512-512 512s-512-229.23-512-512 229.23-512 512-512 512 229.23 512 512zM96 448c0 229.75 186.25 416 416 416s416-186.25 416-416-186.25-416-416-416-416 186.25-416 416zM317.256 605.256l-90.512-90.512 285.256-285.254 285.254 285.256-90.508 90.508-194.746-194.744z" />
+<glyph unicode="&#xea44;" glyph-name="circle-left" d="M512-64c282.77 0 512 229.23 512 512s-229.23 512-512 512-512-229.23-512-512 229.23-512 512-512zM512 864c229.75 0 416-186.25 416-416s-186.25-416-416-416-416 186.25-416 416 186.25 416 416 416zM669.256 642.744l-90.512 90.512-285.254-285.256 285.256-285.254 90.508 90.508-194.744 194.746z" />
+</font></defs></svg>

icomoon/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

icomoon/demo-files/demo.css

@@ -0,0 +1,158 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 20px;
+}
+.fs2 {
+  font-size: 32px;
+}
+.fs3 {
+  font-size: 32px;
+}
+

icomoon/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

icomoon/demo.html

@@ -0,0 +1,870 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;59)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cheveron-down"></span>
+                <span class="mls"> icon-cheveron-down</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cheveron-left"></span>
+                <span class="mls"> icon-cheveron-left</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cheveron-right"></span>
+                <span class="mls"> icon-cheveron-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cheveron-up"></span>
+                <span class="mls"> icon-cheveron-up</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location1"></span>
+                <span class="mls"> icon-location1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location-current"></span>
+                <span class="mls"> icon-location-current</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mic"></span>
+                <span class="mls"> icon-mic</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-angellist"></span>
+                <span class="mls"> icon-angellist</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-apache"></span>
+                <span class="mls"> icon-apache</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bower"></span>
+                <span class="mls"> icon-bower</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circleci"></span>
+                <span class="mls"> icon-circleci</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-civicrm"></span>
+                <span class="mls"> icon-civicrm</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-co-op"></span>
+                <span class="mls"> icon-co-op</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codacy"></span>
+                <span class="mls"> icon-codacy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codeigniter"></span>
+                <span class="mls"> icon-codeigniter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codepen"></span>
+                <span class="mls"> icon-codepen</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-dell"></span>
+                <span class="mls"> icon-dell</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-discourse"></span>
+                <span class="mls"> icon-discourse</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-discover"></span>
+                <span class="mls"> icon-discover</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-baidu"></span>
+                <span class="mls"> icon-baidu</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bitdefender"></span>
+                <span class="mls"> icon-bitdefender</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bitly"></span>
+                <span class="mls"> icon-bitly</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-campaignmonitor"></span>
+                <span class="mls"> icon-campaignmonitor</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cashapp"></span>
+                <span class="mls"> icon-cashapp</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-castorama"></span>
+                <span class="mls"> icon-castorama</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-castro"></span>
+                <span class="mls"> icon-castro</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cevo"></span>
+                <span class="mls"> icon-cevo</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chase"></span>
+                <span class="mls"> icon-chase</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circle"></span>
+                <span class="mls"> icon-circle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circleci1"></span>
+                <span class="mls"> icon-circleci1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-co-op1"></span>
+                <span class="mls"> icon-co-op1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codacy1"></span>
+                <span class="mls"> icon-codacy1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codecademy"></span>
+                <span class="mls"> icon-codecademy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codeclimate"></span>
+                <span class="mls"> icon-codeclimate</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs2">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-codecov"></span>
+                <span class="mls"> icon-codecov</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-home2"></span>
+                <span class="mls"> icon-home2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="home2, house2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-connection"></span>
+                <span class="mls"> icon-connection</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="connection, wifi" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-phone"></span>
+                <span class="mls"> icon-phone</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="phone, telephone" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-phone-hang-up"></span>
+                <span class="mls"> icon-phone-hang-up</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e943" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="phone-hang-up, telephone2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location"></span>
+                <span class="mls"> icon-location</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e947" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="location, map-marker" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location2"></span>
+                <span class="mls"> icon-location2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e948" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="location2, map-marker2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-search"></span>
+                <span class="mls"> icon-search</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e986" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe986;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="search, magnifier" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-volume-increase"></span>
+                <span class="mls"> icon-volume-increase</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea2b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea2b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="volume-increase, volume6" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-volume-decrease"></span>
+                <span class="mls"> icon-volume-decrease</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea2c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea2c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="volume-decrease, volume7" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-up2"></span>
+                <span class="mls"> icon-arrow-up2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea3a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea3a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="arrow-up2, up2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-right2"></span>
+                <span class="mls"> icon-arrow-right2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea3c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea3c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="arrow-right2, right4" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-down2"></span>
+                <span class="mls"> icon-arrow-down2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea3e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea3e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="arrow-down2, down2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-left2"></span>
+                <span class="mls"> icon-arrow-left2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea40" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea40;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="arrow-left2, left4" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mic1"></span>
+                <span class="mls"> icon-mic1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="mic, microphone" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-books"></span>
+                <span class="mls"> icon-books</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="books, library" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cart"></span>
+                <span class="mls"> icon-cart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="cart, purchase" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mobile"></span>
+                <span class="mls"> icon-mobile</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e958" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="mobile, cell-phone" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mobile2"></span>
+                <span class="mls"> icon-mobile2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e959" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="mobile2, cell-phone2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu"></span>
+                <span class="mls"> icon-menu</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e9bd" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe9bd;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="menu, list3" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-loop2"></span>
+                <span class="mls"> icon-loop2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea2e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea2e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="loop2, repeat2" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circle-up"></span>
+                <span class="mls"> icon-circle-up</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea41" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea41;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="circle-up, up3" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circle-right"></span>
+                <span class="mls"> icon-circle-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea42" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea42;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="circle-right, right5" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circle-down"></span>
+                <span class="mls"> icon-circle-down</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea43" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea43;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="circle-down, down3" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs3">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-circle-left"></span>
+                <span class="mls"> icon-circle-left</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea44" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea44;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="circle-left, left5" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>

icomoon/style.css

@@ -0,0 +1,224 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?tomleg');
+  src:  url('fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?tomleg') format('truetype'),
+    url('fonts/icomoon.woff?tomleg') format('woff'),
+    url('fonts/icomoon.svg?tomleg#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-cheveron-down:before {
+  content: "\e91e";
+}
+.icon-cheveron-left:before {
+  content: "\e91f";
+}
+.icon-cheveron-right:before {
+  content: "\e920";
+}
+.icon-cheveron-up:before {
+  content: "\e921";
+}
+.icon-location1:before {
+  content: "\e922";
+}
+.icon-location-current:before {
+  content: "\e923";
+}
+.icon-mic:before {
+  content: "\e924";
+}
+.icon-angellist:before {
+  content: "\e900";
+}
+.icon-apache:before {
+  content: "\e901";
+  color: #d22128;
+}
+.icon-bower:before {
+  content: "\e90a";
+  color: #ef5734;
+}
+.icon-circleci:before {
+  content: "\e90b";
+}
+.icon-civicrm:before {
+  content: "\e90c";
+  color: #81c459;
+}
+.icon-co-op:before {
+  content: "\e902";
+  color: #00b1e7;
+}
+.icon-codacy:before {
+  content: "\e903";
+}
+.icon-codeigniter:before {
+  content: "\e904";
+  color: #ee4623;
+}
+.icon-codepen:before {
+  content: "\e905";
+}
+.icon-dell:before {
+  content: "\e906";
+  color: #007db8;
+}
+.icon-discourse:before {
+  content: "\e907";
+}
+.icon-discover:before {
+  content: "\e908";
+  color: #ff6000;
+}
+.icon-baidu:before {
+  content: "\e910";
+  color: #2319dc;
+}
+.icon-bitdefender:before {
+  content: "\e911";
+  color: #ed1c24;
+}
+.icon-bitly:before {
+  content: "\e912";
+  color: #ee6123;
+}
+.icon-campaignmonitor:before {
+  content: "\e913";
+  color: #509cf6;
+}
+.icon-cashapp:before {
+  content: "\e914";
+  color: #00c244;
+}
+.icon-castorama:before {
+  content: "\e915";
+  color: #0078d7;
+}
+.icon-castro:before {
+  content: "\e916";
+  color: #00b265;
+}
+.icon-cevo:before {
+  content: "\e917";
+  color: #1eabe2;
+}
+.icon-chase:before {
+  content: "\e918";
+  color: #117aca;
+}
+.icon-circle:before {
+  content: "\e919";
+  color: #8669ae;
+}
+.icon-circleci1:before {
+  content: "\e90d";
+}
+.icon-co-op1:before {
+  content: "\e90f";
+  color: #00b1e7;
+}
+.icon-codacy1:before {
+  content: "\e90e";
+}
+.icon-codecademy:before {
+  content: "\e91a";
+  color: #1f4056;
+}
+.icon-codeclimate:before {
+  content: "\e91c";
+}
+.icon-codecov:before {
+  content: "\e91d";
+  color: #f01f7a;
+}
+.icon-home2:before {
+  content: "\e909";
+}
+.icon-connection:before {
+  content: "\e91b";
+}
+.icon-phone:before {
+  content: "\e942";
+}
+.icon-phone-hang-up:before {
+  content: "\e943";
+}
+.icon-location:before {
+  content: "\e947";
+}
+.icon-location2:before {
+  content: "\e948";
+}
+.icon-search:before {
+  content: "\e986";
+}
+.icon-volume-increase:before {
+  content: "\ea2b";
+}
+.icon-volume-decrease:before {
+  content: "\ea2c";
+}
+.icon-arrow-up2:before {
+  content: "\ea3a";
+}
+.icon-arrow-right2:before {
+  content: "\ea3c";
+}
+.icon-arrow-down2:before {
+  content: "\ea3e";
+}
+.icon-arrow-left2:before {
+  content: "\ea40";
+}
+.icon-mic1:before {
+  content: "\e925";
+}
+.icon-books:before {
+  content: "\e926";
+}
+.icon-cart:before {
+  content: "\e93a";
+}
+.icon-mobile:before {
+  content: "\e958";
+}
+.icon-mobile2:before {
+  content: "\e959";
+}
+.icon-menu:before {
+  content: "\e9bd";
+}
+.icon-loop2:before {
+  content: "\ea2e";
+}
+.icon-circle-up:before {
+  content: "\ea41";
+}
+.icon-circle-right:before {
+  content: "\ea42";
+}
+.icon-circle-down:before {
+  content: "\ea43";
+}
+.icon-circle-left:before {
+  content: "\ea44";
+}

index.html

@@ -0,0 +1,459 @@
+<!DOCTYPE html>
+<html lang="ZH-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>品优购商城-网上购物商城</title>
+    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、
+家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物
+体验!" />
+<meta name= " keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配 件,手表,存储卡,品优购" />
+    <!-- 引入初始化样式文件，必不可少 -->
+   <link rel="stylesheet" href="css/base.css"> 
+   <!-- 引入公共的样式文件 -->
+   <link rel="stylesheet" href="css/common.css">
+   <!-- 浏览网址的图标做法 -->
+   <link rel="shortcut icon" href="favicon.ico" /> 
+   <link rel="stylesheet" href="css/index.css">
+   
+</head>
+<body>
+     <!-- 快捷导航栏start shortcut -->
+     <section class="shortcut">
+         <div class="w">
+             <div class="fl">
+                 <ul>
+                     <li>品优购欢迎您! &nbsp;</li>
+                     <li><a href="#"> 请登录</a><a href="#" class="style_red">&nbsp;欢迎注册</a></li>
+                 </ul>
+             </div>
+             <div class="fr">   
+                 <ul>
+                     <li>我的订单</li>
+                     <li></li>
+                     <li class="arrow_icon"> 我的品优购</li>
+                     <li></li>
+                     <li>品优购会员</li>
+                     <li></li>
+                     <li>企业采购</li>
+                     <li></li>
+                     <li class="arrow_icon"> 关注品优购 </li>
+                     <li></li>
+                     <li class="arrow_icon">客户服务</li>
+                     <li></li>
+                     <li class="arrow_icon">网站导航</li>
+                 </ul>
+             </div>
+         </div>
+     </section>
+     <!-- 快捷导航栏end -->
+     <!-- header头部start -->
+      <header class="header w">
+          <!-- logo优化写法模块 -->
+          <div class="logo">
+              <h1>
+                  <a href="index.html" title="品优购商城">品优购商城</a>
+              </h1>
+          </div>
+          <!-- 搜索栏模块 -->
+          <div class="search">
+              <input type="search" placeholder="语言开发">
+              <button>搜索</button>
+          </div>
+          <!-- 热点词的模块 -->
+          <div class="hotword">
+           <a href="#" class="style_red">优惠购首发</a>
+           <a href="#">亿元优惠</a>
+           <a href="#"> 9.9元团购 </a>
+           <a href="#">美满99减30</a>
+            <a href="#">办公用品</a>
+            <a href="#">电脑</a>
+            <a href="#">通信</a>                    
+          </div>
+          <!-- 购物车模块 -->
+          <div class="shopcar">我的购物车
+              <i class="count">8</i>
+          </div>
+          
+      </header>
+     <!-- header头部end -->
+     <!-- 导航模块star -->
+     <div class="nav">
+        <div class="w">
+            <div class="dropdown">
+                <div class="dt">全部商品分类</div>
+                <div class="dd">
+                    <ul>
+                        <li><a href="#">家用电器</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                        <li><a href="#">手机、</a><a href="#">手机、</a><a href="#">手机</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="navitems">
+                <ul>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                    <li><a href="#">服装城</a></li>
+                </ul>
+            </div>
+     </div>
+    </div>
+     <!-- 导航模块end -->
+     <!-- 首页专有的模块start -->
+     <div class=" w">
+         <div class="main">
+          <div class="focus">
+              <ul>
+                  <li>
+                      <img src="upload/focus1.png" alt="">
+                  </li>
+              </ul>
+          </div>
+          <div class="newsflash">
+             <!-- 新闻模块的划分  -->
+             <div class="news">
+                 <div class="news_hd">
+                    <h5>品优购快报</h5>
+                    <a href="#" class="more">更多</a>
+                 </div>
+                 <div class="news_bd">
+                     <ul>
+                         <li><a href="#"></a><strong>[重磅]它来了他来带了他来带了他来带着谁来了</strong></li>
+                         <li><a href="#"></a><strong>[重磅]它来了他来带着谁来了</strong></li>
+                         <li><a href="#"></a><strong>[重磅]它来了他来带着谁来了</strong></li>
+                         <li><a href="#"></a><strong>[重磅]它来了他来带着谁来了</strong></li>
+                         <li><a href="#"></a><strong>[重磅]它来了他来带着谁来了</strong></li>
+                     </ul>
+                 </div>
+             </div>           
+             <div class="lifesevice">
+                <ul>
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+                    <li>
+                        <i></i>
+                        <p>话费</p>
+                    </li>
+                    
+
+                    
+                </ul> 
+             </div>
+             <div class="bargain">
+                 <img src="upload/bargain.png" alt="">
+             </div>
+          </div>
+         </div>
+     </div>
+      <!-- 首页专有的模块end -->
+      <!-- 推荐模块star -->
+
+      <div class="recom w">
+          <div class="recom_hd">
+              <img src="images/clock.png" alt="">
+              <p>今日推荐</p>          
+          </div>
+          <div class="recom_bd">
+              <ul>
+                  <li><a href="#"><img src="upload/recom_03.jpg" alt=""></a></li>
+                  <li><a href="#"><img src="upload/recom_03.jpg" alt=""></a></li>
+                  <li><a href="#"><img src="upload/recom_03.jpg" alt=""></a></li>
+                  <li><a href="#"><img src="upload/recom_03.jpg" alt=""></a></li>
+              </ul>
+          </div>
+      </div>
+      <!-- 推荐模块end -->
+      <!-- 楼层区floor开始 -->
+      <div class="floor">
+          <!-- 1楼家电第一层 -->
+          <div class="w Jiadian">
+            <div class="box_hd">
+                <h3>家用电器</h3>
+                 <div class="tab_list">                       
+                     <ul>
+                         <li><a href="#" class="style_red">热门</a>|</li>
+                         <li><a href="#">电脑/平板</a>|</li>
+                         <li><a href="#">DIY硬件</a>|</li>
+                         <li><a href="#">潮流影音</a>|</li>
+                         <li><a href="#">智能/外设</a>|</li>
+                         <li><a href="#">电竞游戏</a>|</li>
+                         <li><a href="#">智能/外设</a>|</li>
+                         <li><a href="#">办公/网络</a>|</li>
+                         <li><a href="#">文具电教</a>|</li>
+                         <li><a href="#">精选配件</a></li>
+                     </ul>
+                 </div>
+            </div>
+            <div class="box_bd">
+              <div class=" tab_content">
+                  <div class="tab_list_item">
+                      <div class="col_210">
+                          <ul>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                          </ul>
+                          <a href="#">
+                              <img src="upload/floor-1-1.png" alt="">
+                          </a>
+                      </div>
+                      <div class="col_329">
+                          <a href="#">
+                              <img src="upload/floor-1-b01.png" alt="">
+                          </a>
+                      </div>
+                      <div class="col_221">
+                          <a href="#"  class="bb"><img src="upload/floor-1-2.png" alt=""></a>
+                          <a href="#"><img src="upload/floor-1-3.png" alt=""></a>
+                      </div>
+                      <div class="col_221">
+                        <a href="#"><img src="upload/floor-1-4.png" alt=""></a>
+
+                      </div>
+                      <div class="col_219">
+                        <a href="#" class="bb"><img src="upload/floor-1-5.png" alt=""></a>
+                        <a href="#"><img src="upload/floor-1-6.png" alt=""></a>
+                      </div>
+
+                  </div>
+
+              </div>    
+            </div>
+          </div>
+          <!-- 手机通信第二层 -->
+          <div class="w shouji">
+            <div class="box_hd">
+                <h3>手机通信</h3>
+                 <div class="tab_list">                       
+                     <ul>
+                         <li><a href="#" class="style_red">热门</a>|</li>
+                         <li><a href="#">电脑/平板</a>|</li>
+                         <li><a href="#">DIY硬件</a>|</li>
+                         <li><a href="#">潮流影音</a>|</li>
+                         <li><a href="#">智能/外设</a>|</li>
+                         <li><a href="#">电竞游戏</a>|</li>
+                         <li><a href="#">智能/外设</a>|</li>
+                         <li><a href="#">办公/网络</a>|</li>
+                         <li><a href="#">文具电教</a>|</li>
+                         <li><a href="#">精选配件</a></li>
+                     </ul>
+                 </div>
+            </div>
+            <div class="box_bd">
+              <div class=" tab_content">
+                  <div class="tab_list_item">
+                      <div class="col_210">
+                          <ul>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                              <li><a href="#">节能补贴</a></li>
+                          </ul>
+                          <a href="#">
+                              <img src="upload/floor-1-1.png" alt="">
+                          </a>
+                      </div>
+                      <div class="col_329">
+                          <a href="#">
+                              <img src="upload/floor-1-b01.png" alt="">
+                          </a>
+                      </div>
+                      <div class="col_221">
+                          <a href="#"  class="bb"><img src="upload/floor-1-2.png" alt=""></a>
+                          <a href="#"><img src="upload/floor-1-3.png" alt=""></a>
+                      </div>
+                      <div class="col_221">
+                        <a href="#"><img src="upload/floor-1-4.png" alt=""></a>
+
+                      </div>
+                      <div class="col_219">
+                        <a href="#" class="bb"><img src="upload/floor-1-5.png" alt=""></a>
+                        <a href="#"><img src="upload/floor-1-6.png" alt=""></a>
+                      </div>
+
+                  </div>
+
+              </div>    
+            </div>
+          </div>
+      </div>
+      <!-- 楼层区结束 -->
+     <!-- 底部模块star -->
+     <footer class="footer w">
+         <div class="mod_service">
+             <ul>
+                 <li>
+                     <h5></h5>
+                     <div class="service-_txt">
+                         <h4>正品保障</h4>
+                         <p>正品保障，提供发票</p>
+                     </div>
+                 </li>
+                 <li>
+                    <h5></h5>
+                    <div class="service-_txt">
+                        <h4>正品保障</h4>
+                        <p>正品保障，提供发票</p>
+                    </div>
+                </li>
+                <li>
+                    <h5></h5>
+                    <div class="service-_txt">
+                        <h4>正品保障</h4>
+                        <p>正品保障，提供发票</p>
+                    </div>
+                </li>
+                <li>
+                    <h5></h5>
+                    <div class="service-_txt">
+                        <h4>正品保障</h4>
+                        <p>正品保障，提供发票</p>
+                    </div>
+                </li>
+             </ul>
+         </div>
+         <div class="mod_help ">
+         <dl>
+             <dt>服务指南</dt>
+             <dd><a href="#">服务指南</a></dd>
+             <dd><a href="#">服务指南</a></dd>
+             <dd><a href="#">服务指南</a></dd>
+             <dd><a href="#">服务指南</a></dd>
+             <dd><a href="#">服务指南</a></dd>
+             <dd><a href="#">服务指南</a></dd>
+         </dl>
+         <dl>
+            <dt>服务指南</dt>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+        </dl>
+        <dl>
+            <dt>服务指南</dt>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+        </dl>
+        <dl>
+            <dt>服务指南</dt>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+        </dl>
+        <dl>
+            <dt>服务指南</dt>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+        </dl>
+        <dl>
+            <dt>帮助中心</dt>
+            <dd><a href="#">
+                <img src="images/wx_cz.jpg" alt="">
+                品优购购物中心
+            </a></dd>
+        </dl>
+         </div>
+        <!-- 版权模块  -->
+        <div class="mod_copyright">
+            <div class="links">
+                <a href="">  关于我们</a>
+            |   <a href="">  联系我们</a>  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
+            </div>
+            <div class="copyringht">
+                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
+                京ICP备08001421号京公网安备110108007702
+            </div>
+        </div>
+     </footer>
+      <!-- 底部模块end -->
+</body>
+</html>

list.html

@@ -0,0 +1,230 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>列表页-网上购物商城</title>
+    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、
+家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物
+体验!" />
+<meta name= " keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配 件,手表,存储卡,品优购" />
+    <link rel="stylesheet" href="css/common.css">
+    <link rel="shortcut icon" href="favicon.ico" > 
+    <link rel="stylesheet" href="css/base.css">
+    <link rel="stylesheet" href="css/list.css">
+</head>
+<body>
+         <!-- 快捷导航栏start shortcut -->
+         <section class="shortcut">
+            <div class="w">
+                <div class="fl">
+                    <ul>
+                        <li>品优购欢迎您! &nbsp;</li>
+                        <li><a href="#"> 请登录</a><a href="#" class="style_red">&nbsp;欢迎注册</a></li>
+                    </ul>
+                </div>
+                <div class="fr">   
+                    <ul>
+                        <li>我的订单</li>
+                        <li></li>
+                        <li class="arrow_icon"> 我的品优购</li>
+                        <li></li>
+                        <li>品优购会员</li>
+                        <li></li>
+                        <li>企业采购</li>
+                        <li></li>
+                        <li class="arrow_icon"> 关注品优购 </li>
+                        <li></li>
+                        <li class="arrow_icon">客户服务</li>
+                        <li></li>
+                        <li class="arrow_icon">网站导航</li>
+                    </ul>
+                </div>
+            </div>
+        </section>
+        <!-- 快捷导航栏end -->
+        <!-- header头部start -->
+         <header class="header w">
+             <!-- logo优化写法模块 -->
+             <div class="logo">
+                 <h1>
+                     <a href="index.html" title="品优购商城">品优购商城</a>
+                 </h1>
+             </div>
+             <!-- 列表页的秒杀模块 -->
+             <div class="sk">
+                 <img src="images/sk.png" alt="">
+             </div>
+             <!-- 搜索栏模块 -->
+             <div class="search">
+                 <input type="search" placeholder="语言开发">
+                 <button>搜索</button>
+             </div>
+             <!-- 热点词的模块 -->
+             <div class="hotword">
+              <a href="#" class="style_red">优惠购首发</a>
+              <a href="#">亿元优惠</a>
+              <a href="#"> 9.9元团购 </a>
+              <a href="#">美满99减30</a>
+               <a href="#">办公用品</a>
+               <a href="#">电脑</a>
+               <a href="#">通信</a>                    
+             </div>
+             <!-- 购物车模块 -->
+             <div class="shopcar">我的购物车
+                 <i class="count">8</i>
+             </div>
+             
+         </header>
+        <!-- header头部end -->
+        <!-- 导航模块star -->
+     <div class="nav">
+        <div class="w">
+           <div class="sk_list">
+               <ul>
+                   <li><a href="#">优购秒杀</a></li>
+                   <li><a href="#">优购秒杀</a></li>
+                   <li><a href="#">优购秒杀</a></li>
+               </ul>
+           </div>
+           <div class="sk_con">
+               <ul>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#" class="style_red">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">女装</a></li>
+                   <li><a href="#">更多分类</a></li>
+               </ul>
+           </div>
+     </div>
+    </div>
+     <!-- 导航模块end -->
+     <!-- 列表页star -->
+     <div class="w sk_container">
+         <div class="sk_hd">
+             <img src="upload/bg_03.png" alt="">
+         </div>
+         <div class="sk_bd">
+             <!-- 清除浮动 -->
+             <ul class="clearfix">
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+                 <li><img src="upload/list.jpg" alt=""></li>
+             </ul>
+         </div>
+     </div>
+<!-- 列表页end -->
+        <!-- 底部模块star -->
+     <footer class="footer w">
+        <div class="mod_service">
+            <ul>
+                <li>
+                    <h5></h5>
+                    <div class="service-_txt">
+                        <h4>正品保障</h4>
+                        <p>正品保障，提供发票</p>
+                    </div>
+                </li>
+                <li>
+                   <h5></h5>
+                   <div class="service-_txt">
+                       <h4>正品保障</h4>
+                       <p>正品保障，提供发票</p>
+                   </div>
+               </li>
+               <li>
+                   <h5></h5>
+                   <div class="service-_txt">
+                       <h4>正品保障</h4>
+                       <p>正品保障，提供发票</p>
+                   </div>
+               </li>
+               <li>
+                   <h5></h5>
+                   <div class="service-_txt">
+                       <h4>正品保障</h4>
+                       <p>正品保障，提供发票</p>
+                   </div>
+               </li>
+            </ul>
+        </div>
+        <div class="mod_help ">
+        <dl>
+            <dt>服务指南</dt>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+            <dd><a href="#">服务指南</a></dd>
+        </dl>
+        <dl>
+           <dt>服务指南</dt>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+       </dl>
+       <dl>
+           <dt>服务指南</dt>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+       </dl>
+       <dl>
+           <dt>服务指南</dt>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+       </dl>
+       <dl>
+           <dt>服务指南</dt>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+           <dd><a href="#">服务指南</a></dd>
+       </dl>
+       <dl>
+           <dt>帮助中心</dt>
+           <dd><a href="#">
+               <img src="images/wx_cz.jpg" alt="">
+               品优购购物中心
+           </a></dd>
+       </dl>
+        </div>
+       <!-- 版权模块  -->
+       <div class="mod_copyright">
+           <div class="links">
+               <a href="">  关于我们</a>
+           |   <a href="">  联系我们</a>  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
+           </div>
+           <div class="copyringht">
+               地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
+               京ICP备08001421号京公网安备110108007702
+           </div>
+       </div>
+    </footer>
+     <!-- 底部模块end -->
+</body>
+</html>

regisiter.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>个人注册</title>
+    <link rel="shortcut icon" href="favicon.ico"> 
+    <link rel="stylesheet" href="css/base.css">
+    <link rel="stylesheet" href="css/regisiter.css">
+<body>
+    <div class="w">
+        <header>
+            <div class="logo">
+                <a href="#"><img src="images/logo.png" alt=""></a>
+                
+            </div>
+        </header>
+        <div class="registerarea">
+            <h3>注册新用户
+                
+                <div class="login">我有账户,去<a href="#">登录</a>
+            </div>
+            </h3>
+            <div class="reg_form">
+                <form action="">
+                    <ul> 
+                        <li><label for="">手机号：</label><input type="text" class="inp"><span class="erro"><i class="erro_icon"></i>手机格式不正确，请重新输入</span></li>
+                        <li><label for="">短信验证码：</label><input type="text" class="inp"><span class="success"><i class="success_icon"></i>短信验证码输入正确</span></li>
+                        <li><label for="">登录密码：</label><input type="text" class="inp"><span class="erro"><i class="erro_icon"></i>手机格式不正确，请重新输入</span></li>
+                        <li class="safe">安全程度<em class="ruo">弱</em><em class="zhong">中</em><em class="qiang">强</em></li>
+                        <li><label for="">确认密码：</label><input type="text" class="inp"><span class="erro"><i class="erro_icon"></i>手机格式不正确，请重新输入</span></li>
+                        <li class="agree"><input type="checkbox">同意协议并注册<a href="#">《用户协议》</a></li>
+                        <li><input type="submit" value="提交注册" class="btn"></li>
+                    </ul>
+                </form>
+               
+            </div>
+        </div>
+        
+        <footer class="footer w">
+            
+           <!-- 版权模块  -->
+           <div class="mod_copyright">
+               <div class="links">
+                   <a href="">  关于我们</a>
+               |   <a href="">  联系我们</a>  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
+               </div>
+               <div class="copyringht">
+                   地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
+                   京ICP备08001421号京公网安备110108007702
+               </div>
+           </div>
+        </footer>
+    </div>
+</body>
+</html>