富茂链客PC 官网
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 
 

215 rader
5.2 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">027-59771170</div>
  30. </div>
  31. <div class="siteBox">
  32. <div class="siteText">公司地址 </div>
  33. <div class="site">湖北省武汉市洪山区佩尔中心B座11层</div>
  34. </div>
  35. <div class="rqCodeBox">
  36. <img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt="">
  37. <div class="codeText">扫码体验·富茂链客</div>
  38. </div>
  39. <div class="rqCodeBox1">
  40. <img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt="">
  41. <div class="codeText">扫码关注富茂链客</div>
  42. </div>
  43. </div>
  44. </div>
  45. <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>
  46. </footer>
  47. </body>
  48. </html>
  49. <style>
  50. .bianma {
  51. text-align: center;
  52. font-size: 14px;
  53. font-family: Microsoft YaHei;
  54. font-weight: 400;
  55. color: #A3BFD9;
  56. ;
  57. line-height: 66px;
  58. background: #1A1A1C;
  59. height: 66px;
  60. }
  61. .bianma a {
  62. color: #ffffff;
  63. }
  64. .codeText {
  65. text-align: center;
  66. /* height: 12px; */
  67. font-size: 14px;
  68. font-family: Microsoft YaHei;
  69. font-weight: 400;
  70. color: #BBBBCB;
  71. line-height: 36px;
  72. }
  73. .rqCodeBox1 {
  74. margin-top: 50px;
  75. float: left;
  76. margin-left: 3%;
  77. }
  78. .rqCodeBox {
  79. margin-top: 50px;
  80. float: left;
  81. margin-left: 15%;
  82. }
  83. .code {
  84. width: 126px;
  85. height: 126px;
  86. background: #FFFFFF;
  87. }
  88. .siteBox {
  89. margin-top: 82px;
  90. margin-left: 6%;
  91. float: left;
  92. }
  93. .siteText {
  94. color: #868695;
  95. font-size: 12px;
  96. }
  97. .site {
  98. color: #ffffff;
  99. font-size: 22px;
  100. margin-top: 10px;
  101. }
  102. .phoneBox {
  103. margin-top: 82px;
  104. margin-left: 10%;
  105. float: left;
  106. }
  107. .phoneText {
  108. color: #868695;
  109. font-size: 12px;
  110. }
  111. .accessoryBox {
  112. height: 254px;
  113. background: #1A1A1C;
  114. overflow: hidden;
  115. }
  116. .accessoryBoxA {
  117. width: 90%;
  118. margin: 0 auto;
  119. overflow: hidden;
  120. }
  121. .phone {
  122. color: #ffffff;
  123. font-size: 22px;
  124. margin-top: 10px;
  125. }
  126. .footerBox {
  127. widows: 100%;
  128. }
  129. .relationBox {
  130. height: 260px;
  131. background: #0065E8;
  132. overflow: hidden;
  133. }
  134. .inpuetBox {
  135. width: 278px;
  136. height: 72px;
  137. background: rgba(255, 255, 255, 0.11);
  138. border: 1px solid #FFFFFF;
  139. border-radius: 36px;
  140. float: left;
  141. margin-top: 92px;
  142. margin-left: 360px;
  143. }
  144. .inpuetBox1 {
  145. width: 278px;
  146. height: 72px;
  147. background: rgba(255, 255, 255, 0.11);
  148. border: 1px solid #FFFFFF;
  149. border-radius: 36px;
  150. float: left;
  151. margin-top: 92px;
  152. margin-left: 30px;
  153. }
  154. .inpuetBox2 {
  155. width: 278px;
  156. height: 72px;
  157. font-size: 20px;
  158. font-family: Microsoft YaHei;
  159. font-weight: 400;
  160. color: #0067ED;
  161. line-height: 72px;
  162. background-color: #FFFFFF;
  163. border: 1px solid #FFFFFF;
  164. border-radius: 36px;
  165. float: left;
  166. margin-top: 92px;
  167. margin-left: 30px;
  168. text-align: center;
  169. cursor: pointer;
  170. }
  171. .nameInpuet {
  172. width: 80%;
  173. margin: 2px 10%;
  174. height: 60px;
  175. font-size: 16px;
  176. color: #FFFFFF;
  177. }
  178. input::-webkit-input-placeholder {
  179. color: #FFFFFF;
  180. }
  181. input::-moz-input-placeholder {
  182. color: #FFFFFF;
  183. }
  184. input::-ms-input-placeholder {
  185. color: #FFFFFF;
  186. }
  187. </style>