proginn-frontend/components/footer.vue

<template>
  <section id="proginn-footer">
    <section id="friend-links">
      <section class="links">
        <a href="/">
          <img class="logo" src="https://dev.test.proginn.com/Public/image/common/logo_new.png">
        </a>
        <section class="items">
          <section class="item">
            <span class="name">城市</span>
            <section class="list">
              <a href="https://beijing.dev.test.proginn.com/" target="_blank">北京程序员</a>
              <a href="https://shanghai.dev.test.proginn.com/" target="_blank">上海程序员</a>
              <a href="https://shenzhen.dev.test.proginn.com/" target="_blank">深圳程序员</a>
              <a href="https://hangzhou.dev.test.proginn.com/" target="_blank">杭州程序员</a>
              <a href="https://guangzhou.dev.test.proginn.com/" target="_blank">广州程序员</a>
              <a href="https://chengdu.dev.test.proginn.com/" target="_blank">成都程序员</a>
              <a href="https://nanjing.dev.test.proginn.com/" target="_blank">南京程序员</a>
              <a href="https://wuhan.dev.test.proginn.com/" target="_blank">武汉程序员</a>
              <a href="https://xian.dev.test.proginn.com/" target="_blank">西安程序员</a>
              <a href="https://chongqing.dev.test.proginn.com/" target="_blank">重庆程序员</a>
              <a href="https://changsha.dev.test.proginn.com/" target="_blank">长沙程序员</a>
              <a href="https://xiamen.dev.test.proginn.com/" target="_blank">厦门程序员</a>
              <a href="https://zhengzhou.dev.test.proginn.com/" target="_blank">郑州程序员</a>
              <a href="https://tianjin.dev.test.proginn.com/" target="_blank">天津程序员</a>
              <a href="https://jinan.dev.test.proginn.com/" target="_blank">济南 程序员</a>
              <a href="https://suzhou.dev.test.proginn.com/" target="_blank">苏州程序员</a>
              <a href="https://hefei.dev.test.proginn.com/" target="_blank">合肥程序员</a>
              <a href="https://fuzhou.dev.test.proginn.com/" target="_blank">福州程序员</a>
              <a href="https://qingdao.dev.test.proginn.com/" target="_blank">青岛程序员</a>
              <a href="https://dalian.dev.test.proginn.com/" target="_blank">大连程序员</a>
              <a href="https://shenyang.dev.test.proginn.com/" target="_blank">沈阳程序员</a>
              <a href="https://shijiazhuang.dev.test.proginn.com/" target="_blank">石家庄程序员</a>
              <a href="https://zhuhai.dev.test.proginn.com/" target="_blank">珠海程序员</a>
              <a href="https://wuxi.dev.test.proginn.com/" target="_blank">无锡程序员</a>
              <a href="https://taiyuan.dev.test.proginn.com/" target="_blank">太原程序员</a>
              <a href="https://nanchang.dev.test.proginn.com/" target="_blank">南昌程序员</a>
              <a href="https://haerbin.dev.test.proginn.com/" target="_blank">哈尔滨程序员</a>
              <a href="https://nanning.dev.test.proginn.com/" target="_blank">南宁程序员</a>
              <a href="https://ningbo.dev.test.proginn.com/" target="_blank">宁波程序员</a>
              <a href="https://kunming.dev.test.proginn.com/" target="_blank">昆明程序员</a>
              <a href="https://dongguan.dev.test.proginn.com/" target="_blank">东莞程序员</a>
              <a href="https://guiyang.dev.test.proginn.com/" target="_blank">贵阳程序员</a>
              <a href="https://america.dev.test.proginn.com/" target="_blank">美国程序员</a>
              <a href="https://wenzhou.dev.test.proginn.com/" target="_blank">温州程序员</a>
              <a href="https://changchun.dev.test.proginn.com/" target="_blank">长春程序员</a>
              <a href="https://foshan.dev.test.proginn.com/" target="_blank">佛山程序员</a>
              <a href="https://changzhou.dev.test.proginn.com/" target="_blank">常州程序员</a>
              <a href="https://lanzhou.dev.test.proginn.com/" target="_blank">兰州程序员</a>
              <a href="https://huhehaote.dev.test.proginn.com/" target="_blank">呼和浩特程序员</a>
              <a href="https://wulumuqi.dev.test.proginn.com/" target="_blank">乌鲁木齐程序员</a>
              <a href="https://zhongshan.dev.test.proginn.com/" target="_blank">中山程序员</a>
              <a href="https://haikou.dev.test.proginn.com/" target="_blank">海口程序员</a>
              <a href="https://shantou.dev.test.proginn.com/" target="_blank">汕头程序员</a>
              <a href="https://yantai.dev.test.proginn.com/" target="_blank">烟台程序员</a>
              <a href="https://jiaxing.dev.test.proginn.com/" target="_blank">嘉兴程序员</a>
              <a href="https://ganzhou.dev.test.proginn.com/" target="_blank">赣州程序员</a>
              <a href="https://shaoxing.dev.test.proginn.com/" target="_blank">绍兴程序员</a>
              <a href="https://quanzhou.dev.test.proginn.com/" target="_blank">泉州程序员</a>
              <a href="https://hongkong.dev.test.proginn.com/" target="_blank">香港程序员</a>
              <a href="https://guilin.dev.test.proginn.com/" target="_blank">桂林程序员</a>
              <a href="https://luoyang.dev.test.proginn.com/" target="_blank">洛阳程序员</a>
              <a href="https://xuzhou.dev.test.proginn.com/" target="_blank">徐州程序员</a>
              <a href="https://singapore.dev.test.proginn.com/" target="_blank">新加坡程序员</a>
              <a href="https://taizhou.dev.test.proginn.com/" target="_blank">台州程序员</a>
              <a href="https://yangzhou.dev.test.proginn.com/" target="_blank">扬州程序员</a>
              <a href="https://yinchuan.dev.test.proginn.com/" target="_blank">银川程序员</a>
              <a href="https://newzealand.dev.test.proginn.com/" target="_blank">新西兰程序员</a>
            </section>
            <span class="more" style="display: inline;">更多</span>
          </section>
          <section class="item">
            <span class="name">行业</span>
            <section class="list">
              <a href="https://dev.test.proginn.com/dianzishangwu/" target="_blank">电子商务网站建设</a>
              <a href="https://dev.test.proginn.com/b2c/" target="_blank">B2C网站建设</a>
              <a href="https://dev.test.proginn.com/b2b/" target="_blank">B2B网站建设</a>
              <a href="https://dev.test.proginn.com/c2c/" target="_blank">C2C网站建设</a>
              <a href="https://dev.test.proginn.com/daogoufanli/" target="_blank">导购返利网站建设</a>
              <a href="https://dev.test.proginn.com/tuangou/" target="_blank">团购网站建设</a>
              <a href="https://dev.test.proginn.com/dianzishangwuqt/" target="_blank">电子商务其他网站建设</a>
              <a href="https://dev.test.proginn.com/shejiao/" target="_blank">社交网站建设</a>
              <a href="https://dev.test.proginn.com/shequluntan/" target="_blank">社区论坛网站建设</a>
              <a href="https://dev.test.proginn.com/hunlianshejiao/" target="_blank">婚恋社交网站建设</a>
              <a href="https://dev.test.proginn.com/quweishejiao/" target="_blank">趣味社交网站建设</a>
              <a href="https://dev.test.proginn.com/im/" target="_blank">IM网站建设</a>
              <a href="https://dev.test.proginn.com/moshengrenshejiao/" target="_blank">陌生人社交网站建设</a>
              <a href="https://dev.test.proginn.com/zhinengyingjian/" target="_blank">智能硬件网站建设</a>
              <a href="https://dev.test.proginn.com/zhinengjiaju/" target="_blank">智能家居网站建设</a>
              <a href="https://dev.test.proginn.com/kechuandaishebei/" target="_blank">可穿戴设备网站建设</a>
              <a href="https://dev.test.proginn.com/zhinengpeijian/" target="_blank">智能配件设备网站建设</a>
              <a href="https://dev.test.proginn.com/jiqiren/" target="_blank">机器人网站建设</a>
              <a href="https://dev.test.proginn.com/wurenji/" target="_blank">无人机网站建设</a>
              <a href="https://dev.test.proginn.com/vrar/" target="_blank">VR/AR网站建设</a>
              <a href="https://dev.test.proginn.com/zhinengchuxing/" target="_blank">智能出行网站建设</a>
              <a href="https://dev.test.proginn.com/meitimenhu/" target="_blank">媒体门户网站建设</a>
              <a href="https://dev.test.proginn.com/xinwen/" target="_blank">新闻网站建设</a>
              <a href="https://dev.test.proginn.com/chuizhimeiti/" target="_blank">垂直媒体网站建设</a>
              <a href="https://dev.test.proginn.com/menhu/" target="_blank">门户网站建设</a>
              <a href="https://dev.test.proginn.com/wangzhisuoyin/" target="_blank">网址索引网站建设</a>
              <a href="https://dev.test.proginn.com/qiyewangzhan/" target="_blank">企业网站网站建设</a>
              <a href="https://dev.test.proginn.com/gongjuruanjian/" target="_blank">工具软件网站建设</a>
              <a href="https://dev.test.proginn.com/xitong/" target="_blank">系统网站建设</a>
              <a href="https://dev.test.proginn.com/richangyingyong/" target="_blank">日常应用网站建设</a>
              <a href="https://dev.test.proginn.com/tupiansheying/" target="_blank">图片摄影网站建设</a>
              <a href="https://dev.test.proginn.com/bangongruanjian/" target="_blank">办公软件网站建设</a>
              <a href="https://dev.test.proginn.com/zhuanyegongju/" target="_blank">专业工具网站建设</a>
              <a href="https://dev.test.proginn.com/wangluoyunpan/" target="_blank">网络云盘网站建设</a>
              <a href="https://dev.test.proginn.com/xiaofeishenghuo/" target="_blank">消费生活网站建设</a>
              <a href="https://dev.test.proginn.com/waimai/" target="_blank">外卖网站建设</a>
              <a href="https://dev.test.proginn.com/meishicaipu/" target="_blank">美食菜谱网站建设</a>
              <a href="https://dev.test.proginn.com/meirongmeijia/" target="_blank">美容美甲网站建设</a>
              <a href="https://dev.test.proginn.com/muying/" target="_blank">母婴网站建设</a>
              <a href="https://dev.test.proginn.com/jinrong/" target="_blank">金融网站建设</a>
              <a href="https://dev.test.proginn.com/licai/" target="_blank">理财网站建设</a>
              <a href="https://dev.test.proginn.com/p2p/" target="_blank">P2P网站建设</a>
              <a href="https://dev.test.proginn.com/zhongchou/" target="_blank">众筹网站建设</a>
              <a href="https://dev.test.proginn.com/gupiao/" target="_blank">股票网站建设</a>
              <a href="https://dev.test.proginn.com/baoxian/" target="_blank">保险网站建设</a>
              <a href="https://dev.test.proginn.com/disanfangzhifu/" target="_blank">第三方支付网站建设</a>
              <a href="https://dev.test.proginn.com/xunihuobi/" target="_blank">虚拟货币网站建设</a>
              <a href="https://dev.test.proginn.com/dashujuzhengxin/" target="_blank">大数据征信网站建设</a>
              <a href="https://dev.test.proginn.com/jinrongqt/" target="_blank">金融其他网站建设</a>
              <a href="https://dev.test.proginn.com/yiliaojiankang/" target="_blank">医疗健康网站建设</a>
              <a href="https://dev.test.proginn.com/yangshenbaojian/" target="_blank">养身保健网站建设</a>
              <a href="https://dev.test.proginn.com/yihuanwenda/" target="_blank">医患问答网站建设</a>
              <a href="https://dev.test.proginn.com/guahaopeizhen/" target="_blank">挂号陪诊网站建设</a>
              <a href="https://dev.test.proginn.com/zhuankemenhu/" target="_blank">专科门户网站建设</a>
              <a href="https://dev.test.proginn.com/jiyinjiance/" target="_blank">基因检测网站建设</a>
              <a href="https://dev.test.proginn.com/qiyefuwu/" target="_blank">企业服务网站建设</a>
              <a href="https://dev.test.proginn.com/ruanjiankaifa/" target="_blank">行业软件网站建设</a>
              <a href="https://dev.test.proginn.com/zhaopin/" target="_blank">招聘网站建设</a>
              <a href="https://dev.test.proginn.com/yunfuwu/" target="_blank">云服务网站建设</a>
              <a href="https://dev.test.proginn.com/shujufuwu/" target="_blank">数据服务网站建设</a>
              <a href="https://dev.test.proginn.com/anquanfuwu/" target="_blank">安全服务网站建设</a>
              <a href="https://dev.test.proginn.com/ota/" target="_blank">OTA网站建设</a>
              <a href="https://dev.test.proginn.com/lvyoudujia/" target="_blank">旅游度假网站建设</a>
              <a href="https://dev.test.proginn.com/yundongjianshen/" target="_blank">运动健身网站建设</a>
              <a href="https://dev.test.proginn.com/fangchanjiaju/" target="_blank">房产家居网站建设</a>
              <a href="https://dev.test.proginn.com/shuziyule/" target="_blank">数字娱乐网站建设</a>
              <a href="https://dev.test.proginn.com/youxi/" target="_blank">游戏网站建设</a>
              <a href="https://dev.test.proginn.com/dongman/" target="_blank">动漫网站建设</a>
              <a href="https://dev.test.proginn.com/yinyue/" target="_blank">音乐网站建设</a>
              <a href="https://dev.test.proginn.com/shipin/" target="_blank">视频网站建设</a>
              <a href="https://dev.test.proginn.com/yuedu/" target="_blank">阅读网站建设</a>
              <a href="https://dev.test.proginn.com/zaixianjiaoyu/" target="_blank">在线教育网站建设</a>
              <a href="https://dev.test.proginn.com/zaojiao/" target="_blank">早教网站建设</a>
              <a href="https://dev.test.proginn.com/k12/" target="_blank">K12网站建设</a>
              <a href="https://dev.test.proginn.com/gaodengjiaoyu/" target="_blank">高等教育网站建设</a>
              <a href="https://dev.test.proginn.com/zhiyejinengpeixun/" target="_blank">职业技能培训网站建设</a>
              <a href="https://dev.test.proginn.com/jiaoyuxinxi/" target="_blank">教育信息网站建设</a>
              <a href="https://dev.test.proginn.com/yuyanxuexi/" target="_blank">语言学习网站建设</a>
              <a href="https://dev.test.proginn.com/liuyanfuwu/" target="_blank">留学服务网站建设</a>
              <a href="https://dev.test.proginn.com/xingqujiaoyu/" target="_blank">兴趣教育网站建设</a>
              <a href="https://dev.test.proginn.com/chuxingyongche/" target="_blank">出行用车网站建设</a>
              <a href="https://dev.test.proginn.com/wuliu/" target="_blank">物流网站建设</a>
              <a href="https://dev.test.proginn.com/shejiaoqt/" target="_blank">社交其他网站建设</a>
              <a href="https://dev.test.proginn.com/zhinengyingjianqt/" target="_blank">智能硬件其他网站建设</a>
              <a href="https://dev.test.proginn.com/meitimenhuqt/" target="_blank">媒体门户其他网站建设</a>
              <a href="https://dev.test.proginn.com/ditu/" target="_blank">地图网站建设</a>
              <a href="https://dev.test.proginn.com/xiaofeishenghuoqt/" target="_blank">消费生活其他网站建设</a>
              <a href="https://dev.test.proginn.com/yiliaojiankangqt/" target="_blank">医疗健康其他网站建设</a>
              <a href="https://dev.test.proginn.com/qiyefuwuqt/" target="_blank">企业服务其他网站建设</a>
              <a href="https://dev.test.proginn.com/shuziyuleqt/" target="_blank">数字娱乐其他网站建设</a>
              <a href="https://dev.test.proginn.com/zaixianjiaoyuqt/" target="_blank">在线教育其他网站建设</a>
              <a href="https://dev.test.proginn.com/gongjuruanjianqt/" target="_blank">工具软件其他网站建设</a>
              <a href="https://dev.test.proginn.com/hyqt/" target="_blank">其它网站建设</a>
              <a href="https://dev.test.proginn.com/hyqtqt/" target="_blank">其它网站建设</a>
            </section>
            <span class="more" style="display: inline;">更多</span>
          </section>
          <section class="item">
            <span class="name">方向</span>
            <section class="list">
              <a href="https://dev.test.proginn.com/houduan/" target="_blank">后端工程师</a>
              <a href="https://dev.test.proginn.com/yidongduan/" target="_blank">移动端工程师</a>
              <a href="https://dev.test.proginn.com/qianduan/" target="_blank">前端工程师</a>
              <a href="https://dev.test.proginn.com/dba/" target="_blank">DBA工程师</a>
              <a href="https://dev.test.proginn.com/sheji/" target="_blank">设计师</a>
              <a href="https://dev.test.proginn.com/chanpin/" target="_blank">产品经理</a>
              <a href="https://dev.test.proginn.com/fxqita/" target="_blank">其他</a>
              <a href="https://dev.test.proginn.com/ceshi/" target="_blank">测试</a>
              <a href="https://dev.test.proginn.com/yunwei/" target="_blank">运维工程师</a>
              <a href="https://dev.test.proginn.com/game/" target="_blank">游戏工程师</a>
              <a href="https://dev.test.proginn.com/xiaochengxu/" target="_blank">小程序</a>
              <a href="https://dev.test.proginn.com/java/" target="_blank">Java</a>
              <a href="https://dev.test.proginn.com/cpp/" target="_blank">C++</a>
              <a href="https://dev.test.proginn.com/php/" target="_blank">PHP</a>
              <a href="https://dev.test.proginn.com/c/" target="_blank">C</a>
              <a href="https://dev.test.proginn.com/csharp/" target="_blank">C#</a>
              <a href="https://dev.test.proginn.com/python/" target="_blank">Python</a>
              <a href="https://dev.test.proginn.com/ruby/" target="_blank">Ruby</a>
              <a href="https://dev.test.proginn.com/nodejs/" target="_blank">Node.js</a>
              <a href="https://dev.test.proginn.com/android/" target="_blank">Android</a>
              <a href="https://dev.test.proginn.com/ios/" target="_blank">iOS</a>
              <a href="https://dev.test.proginn.com/dqianduan/" target="_blank">前端工程师</a>
              <a href="https://dev.test.proginn.com/ui/" target="_blank">UI设计师</a>
              <a href="https://dev.test.proginn.com/yhs/" target="_blank">原画师</a>
              <a href="https://dev.test.proginn.com/cpjl/" target="_blank">产品经理</a>
              <a href="https://dev.test.proginn.com/xmjl/" target="_blank">项目经理</a>
              <a href="https://dev.test.proginn.com/chanpinqita/" target="_blank">产品其它</a>
              <a href="https://dev.test.proginn.com/operation/" target="_blank">运营</a>
              <a href="https://dev.test.proginn.com/hr/" target="_blank">HR</a>
              <a href="https://dev.test.proginn.com/architect/" target="_blank">架构师</a>
              <a href="https://dev.test.proginn.com/cto/" target="_blank">CTO</a>
              <a href="https://dev.test.proginn.com/creator/" target="_blank">创始人</a>
              <a href="https://dev.test.proginn.com/partner/" target="_blank">合伙人</a>
              <a href="https://dev.test.proginn.com/fullstack/" target="_blank">全栈</a>
              <a href="https://dev.test.proginn.com/ue/" target="_blank">UE设计师</a>
              <a href="https://dev.test.proginn.com/go/" target="_blank">Go</a>
              <a href="https://dev.test.proginn.com/hdqt/" target="_blank">后端其他</a>
              <a href="https://dev.test.proginn.com/ydqt/" target="_blank">移动其他</a>
              <a href="https://dev.test.proginn.com/csgcs/" target="_blank">测试工程师</a>
              <a href="https://dev.test.proginn.com/ywgcs/" target="_blank">运维工程师</a>
              <a href="https://dev.test.proginn.com/ddba/" target="_blank">DBA工程师</a>
              <a href="https://dev.test.proginn.com/shejiqita/" target="_blank">设计其它</a>
              <a href="https://dev.test.proginn.com/unity3d/" target="_blank">Unity3D</a>
              <a href="https://dev.test.proginn.com/cocos2dx/" target="_blank">cocos2d-x</a>
              <a href="https://dev.test.proginn.com/yxqt/" target="_blank">游戏其它</a>
              <a href="https://dev.test.proginn.com/xiaochengxu1/" target="_blank">小程序</a>
            </section>
            <span class="more" style="display: inline;">更多</span>
          </section>
          <section class="item">
            <span class="name">推荐</span>
            <section class="list">
              <a href="https://dev.test.proginn.com/wo/186213" target="_blank">程序员客栈高级产品经理</a>
              <a href="https://dev.test.proginn.com/wo/186208" target="_blank">东方财富网微信小程序</a>
              <a href="https://dev.test.proginn.com/wo/186204" target="_blank">有货嗯呀</a>
              <a href="https://dev.test.proginn.com/wo/186197" target="_blank">提交后又提交看看</a>
              <a href="https://dev.test.proginn.com/wo/186195" target="_blank">投咯哦呜头晕</a>
              <a href="https://dev.test.proginn.com/wo/186193" target="_blank">腾讯创始人&amp;CEO</a>
              <a href="https://dev.test.proginn.com/wo/157138" target="_blank">北京打酱油有限公司PHP</a>
              <a href="https://dev.test.proginn.com/wo/157134" target="_blank">前Toronto磕头</a>
              <a href="https://dev.test.proginn.com/wo/157125" target="_blank">vucbvjjk</a>
              <a href="https://dev.test.proginn.com/wo/90312" target="_blank">前logwoodunknown</a>
              <a href="https://dev.test.proginn.com/wo/90309" target="_blank">智联招聘高级移动端工程师</a>
              <a href="https://dev.test.proginn.com/wo/90290" target="_blank">gubjjgjj</a>
              <a href="https://dev.test.proginn.com/wo/90272" target="_blank">阿里巴巴后段开发</a>
              <a href="https://dev.test.proginn.com/wo/90212" target="_blank">途牛高级产品经理</a>
              <a href="https://dev.test.proginn.com/wo/90211" target="_blank">百度高级产品经理</a>
              <a href="https://dev.test.proginn.com/wo/90210" target="_blank">前shufao高级移动端工程师</a>
              <a href="https://dev.test.proginn.com/wo/90209" target="_blank">穆里奇小程序</a>
              <a href="https://dev.test.proginn.com/wo/84543" target="_blank">大青瓜高级后端工程师</a>
              <a href="https://dev.test.proginn.com/wo/64168" target="_blank">百度高级移动端工程师</a>
              <a href="https://dev.test.proginn.com/wo/50683" target="_blank">Test</a>
            </section>
            <span class="more" style="display: inline;">更多</span>
          </section>
        </section>
      </section>
    </section>
    <section class="footer" id="footer">
      <section class="footer-container">
        <section class="footer-links">
          <a class="item" href="/index/app">APP下载</a>
          <a class="item" href="http://support.proginn.com/">帮助</a>
          <a class="item" href="/about" rel="nofollow">关于我们</a>
          <a class="item" href="/about/mediareports" rel="nofollow">媒体报道</a>
          <a class="item" href="https://inn.proginn.com/sites/" rel="nofollow">合作伙伴</a>
          <a class="item" href="/about/suggestion" rel="nofollow">意见反馈</a>
          <span style="color: rgb(204, 204, 204);" class="ui item">© 程序员客栈</span>
        </section>
        <section class="safe">
          <a>浙ICP备15029175号</a>
          <section>
            <a
              target="_blank"
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011002011566"
              rel="nofollow">
              <img
                width="20"
                height="20"
                src="https://dev.test.proginn.com/Public/image/common/badge.png">
              <span style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">浙公网安备 33011002011566号</span>
            </a>
          </section>
        </section>
      </section>
    </section>
  </section>
</template>

<script>
export default {

}
</script>

<style scoped>
#proginn-footer {
}
#friend-links,
#footer {
  display: flex;
  justify-content: center;
  background: white;
}
#friend-links {
  padding: 50px 0 40px;
}
.links,
.footer-container {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  font-size: 12px;
  color: #4a4a4a;
}
.logo {
  width: 115px;
  height: auto;
}
.items {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 0 100px;
}
.item {
  display: flex;
  align-items: center;
}
.name {
  font-weight: 700;
}
.list {
  --height: 30px;
  flex: 1;
  height: var(--height);
  line-height: var(--height);
  overflow: hidden;
  margin: 0 50px 0 20px;
}
.list a {
  display: inline-block;
  margin: 0 0 0 15px;
}
.footer-container a,
.list a {
  color: #4a4a4a;
  text-decoration: none;
}
.footer-container {
  display: flex;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 20px 0 10px;
}
.footer-links {
  display: flex;
  align-items: center;
}
.footer-container a {
  margin: 0 30px 0 0;
}
.safe {
  text-align: right;
}
.safe a {
  margin: 0;
}
</style>