富茂链客Pcg官网
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

217 lines
5.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel="stylesheet" href="../css/iti.css">
  8. </head>
  9. <body>
  10. <footer class="footerBox">
  11. <!-- <div class="relationBox">
  12. <div class="inpuetBox">
  13. <input type="text" class="nameInpuet" placeholder="姓名">
  14. </div>
  15. <div class="inpuetBox1">
  16. <input type="text" class="nameInpuet" placeholder="电话">
  17. </div>
  18. <div class="inpuetBox1">
  19. <input type="text" class="nameInpuet" placeholder="项目名称">
  20. </div>
  21. <div class="inpuetBox2">
  22. 预约联系
  23. </div>
  24. </div> -->
  25. <div class="accessoryBox">
  26. <div class="accessoryBoxA">
  27. <div class="phoneBox">
  28. <div class="phoneText">7*24小时服务热线</div>
  29. <div class="phone">13701077090</div>
  30. </div>
  31. <div class="siteBox">
  32. <div class="siteText">公司地址 </div>
  33. <div class="site">北京市朝阳区锐创国际中心B座1215</div>
  34. <div class="site">湖北省武汉市洪山区佩尔中心B座11层</div>
  35. </div>
  36. <div class="rqCodeBox">
  37. <img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt="">
  38. <div class="codeText">扫码体验·富茂链客</div>
  39. </div>
  40. <div class="rqCodeBox1">
  41. <img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt="">
  42. <div class="codeText">扫码关注富茂链客</div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="bianma"> © 2021 Copyright 武汉富茂链客科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">鄂ICP备2021007416号</a> © 2017 Copyright 北京富茂科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">京ICP备18046216号-1 </a></div>
  47. </footer>
  48. </body>
  49. </html>
  50. <style>
  51. .bianma {
  52. text-align: center;
  53. font-size: 14px;
  54. font-family: Microsoft YaHei;
  55. font-weight: 400;
  56. color: #A3BFD9;
  57. ;
  58. line-height: 66px;
  59. background: #1A1A1C;
  60. height: 66px;
  61. }
  62. .bianma a {
  63. color: #ffffff;
  64. }
  65. .codeText {
  66. text-align: center;
  67. /* height: 12px; */
  68. font-size: 14px;
  69. font-family: Microsoft YaHei;
  70. font-weight: 400;
  71. color: #BBBBCB;
  72. line-height: 36px;
  73. }
  74. .rqCodeBox1 {
  75. margin-top: 50px;
  76. float: left;
  77. margin-left: 3%;
  78. }
  79. .rqCodeBox {
  80. margin-top: 50px;
  81. float: left;
  82. margin-left: 15%;
  83. }
  84. .code {
  85. width: 126px;
  86. height: 126px;
  87. background: #FFFFFF;
  88. }
  89. .siteBox {
  90. margin-top: 82px;
  91. margin-left: 6%;
  92. float: left;
  93. }
  94. .siteText {
  95. color: #868695;
  96. font-size: 12px;
  97. }
  98. .site {
  99. color: #ffffff;
  100. font-size: 22px;
  101. margin-top: 10px;
  102. }
  103. .phoneBox {
  104. margin-top: 82px;
  105. margin-left: 10%;
  106. float: left;
  107. }
  108. .phoneText {
  109. color: #868695;
  110. font-size: 12px;
  111. }
  112. .accessoryBox {
  113. height: 254px;
  114. background: #1A1A1C;
  115. overflow: hidden;
  116. }
  117. .accessoryBoxA {
  118. width: 90%;
  119. margin: 0 auto;
  120. overflow: hidden;
  121. }
  122. .phone {
  123. color: #ffffff;
  124. font-size: 22px;
  125. margin-top: 10px;
  126. }
  127. .footerBox {
  128. widows: 100%;
  129. }
  130. .relationBox {
  131. height: 260px;
  132. background: #0065E8;
  133. overflow: hidden;
  134. }
  135. .inpuetBox {
  136. width: 278px;
  137. height: 72px;
  138. background: rgba(255, 255, 255, 0.11);
  139. border: 1px solid #FFFFFF;
  140. border-radius: 36px;
  141. float: left;
  142. margin-top: 92px;
  143. margin-left: 360px;
  144. }
  145. .inpuetBox1 {
  146. width: 278px;
  147. height: 72px;
  148. background: rgba(255, 255, 255, 0.11);
  149. border: 1px solid #FFFFFF;
  150. border-radius: 36px;
  151. float: left;
  152. margin-top: 92px;
  153. margin-left: 30px;
  154. }
  155. .inpuetBox2 {
  156. width: 278px;
  157. height: 72px;
  158. font-size: 20px;
  159. font-family: Microsoft YaHei;
  160. font-weight: 400;
  161. color: #0067ED;
  162. line-height: 72px;
  163. background-color: #FFFFFF;
  164. border: 1px solid #FFFFFF;
  165. border-radius: 36px;
  166. float: left;
  167. margin-top: 92px;
  168. margin-left: 30px;
  169. text-align: center;
  170. cursor: pointer;
  171. }
  172. .nameInpuet {
  173. width: 80%;
  174. margin: 2px 10%;
  175. height: 60px;
  176. font-size: 16px;
  177. color: #FFFFFF;
  178. }
  179. input::-webkit-input-placeholder {
  180. color: #FFFFFF;
  181. }
  182. input::-moz-input-placeholder {
  183. color: #FFFFFF;
  184. }
  185. input::-ms-input-placeholder {
  186. color: #FFFFFF;
  187. }
  188. </style>