skillcreate.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <title>技术创新</title>
  8. <script type="text/javascript" src="../js/vue.min.js"></script>
  9. <link rel="stylesheet" href="../css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="../css/header.css" />
  11. <link rel="stylesheet" href="../css/normalize.css" />
  12. <link rel="stylesheet" href="../css/skillcreate.css" />
  13. </head>
  14. <body>
  15. <section id="app">
  16. <header>
  17. <div>
  18. <a class="left" href="/"><img src="../img/left-point.png" alt=""/></a>
  19. <h2>技术创新</h2>
  20. <a class="right" href=""><img src="../img/tools.png" alt=""/></a>
  21. </div>
  22. </header>
  23. <section class="banner">
  24. <img src="../img/create_1.png" alt="" />
  25. </section>
  26. <section class="introduction">
  27. <div class="author"><img src="../img/create_2.png" alt="" /></div>
  28. <div>
  29. <h2>杜伟爵</h2>
  30. <h4>“伟爵清洁技术”发明人</h4>
  31. <p>全球专利布局,形成专利壁垒。</p>
  32. <p>现已申请国内发明专利13项,实用新型28项</p>
  33. <p>计划PCT和中日欧美专利33项。</p>
  34. <p>2019年计划国内外专利布局达到100项</p>
  35. </div>
  36. </section>
  37. <section class="tablist">
  38. <ul>
  39. <li>
  40. <div><img src="../img/skills/skill_13.png" alt="" /></div>
  41. <span>国内</span>
  42. <span>发明专利</span>
  43. </li>
  44. <li>
  45. <div><img src="../img/skills/skill_28.png" alt="" /></div>
  46. <span>实用性</span>
  47. <span>专利</span>
  48. </li>
  49. <li>
  50. <div><img src="../img/skills/skill_33.png" alt="" /></div>
  51. <span>计划PCT</span>
  52. <span>中日欧美专利</span>
  53. </li>
  54. <li>
  55. <div><img src="../img/skills/skill_100.png" alt="" /></div>
  56. <span>计划</span>
  57. <span>布局专利</span>
  58. </li>
  59. </ul>
  60. </section>
  61. <section class="infor">
  62. <div class="infor-bg">
  63. <section>
  64. <p>
  65. 杜老先生在楼下散步,碰到邻居遛狗,这只小狗进食的过程给了杜老先生灵感,小狗用舌头舔起食物来吃进去,地上立刻就干净了,
  66. 后来,通过不断对小狗进食的观察,带有汤
  67. 水的食物用舌头舔进去吃到肚子里,碗里就变得干净了,经过消化会变成两种形态排出,
  68. 技术的思路也豁然明朗,干湿垃圾同步处理,
  69. 经过机器内部处理以后垃圾会分成2种形态输出又可便于清洁,经过不断研究,过程中
  70. 他又发觉现有的所有清洁工具在接触垃圾的那一刻,工具已经脏了,脏工具做清洁永远无法到真正的洁净。只“扫”“拖”“洗”
  71. 必须在“同一个” 清洁模块上“同时”完成,
  72. 才可能做到真正的洁净。如今这个困扰业界上百年的难题被完美的解决了,为了致敬这位不断挑战自我的残疾老人,我们使用杜老
  73. 先生的名字来命名此技术,爵伟清洁技术由此而来。
  74. </p>
  75. </section>
  76. <section>
  77. <h6>爵</h6>
  78. <h6>伟</h6>
  79. <h6>技</h6>
  80. <h6>术</h6>
  81. <h6>由</h6>
  82. <h6>来</h6>
  83. </section>
  84. </div>
  85. </section>
  86. <!-- <footer>
  87. <section class="callme">
  88. <div class="telphone">
  89. <p>全国统一服务热线:</p>
  90. <span>电话:400-812-0098</span>
  91. </div>
  92. <div class="online">
  93. <img src="../img/call_03.jpg" alt="" />
  94. </div>
  95. </section>
  96. <section class="copy">
  97. <span>鄂ICP备19009716号 Copyright@2019 滴水科技版权所有</span>
  98. </section>
  99. </footer> -->
  100. </section>
  101. </body>
  102. <script type="text/javascript">
  103. new Vue({
  104. el: "#app",
  105. data() {
  106. return {};
  107. },
  108. mounted() {},
  109. methods: {}
  110. });
  111. </script>
  112. </html>