farm.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>首页</title>
  10. <meta name="Keywords" content="" />
  11. <meta name="Description" content="" />
  12. <link href="css/global.css" rel="stylesheet"><link href="css/farm.css" rel="stylesheet"></head>
  13. <body>
  14. <h1 class="h1">水润佳禾保定农场试验田</h1>
  15. <section class="banner">
  16. <img src="images/6f5ddf93.tmp5.jpg" width="100%">
  17. </section>
  18. <section class="m-wrapper">
  19. <h2>农场环境 <p>Farm environment</p> </h2>
  20. <section class="environment">
  21. <dl>
  22. <dd><i class="icon icon-temperature"></i></dd>
  23. <dt>28</dt>
  24. <dd>温度( ℃ )</dd>
  25. </dl><dl>
  26. <dd><i class="icon icon-humidity"></i></dd>
  27. <dt>28</dt>
  28. <dd>温度( ℃ )</dd>
  29. </dl><dl>
  30. <dd><i class="icon icon-light"></i></dd>
  31. <dt>28</dt>
  32. <dd>温度( ℃ )</dd>
  33. </dl><dl>
  34. <dd><i class="icon icon-speed"></i></dd>
  35. <dt>28</dt>
  36. <dd>温度( ℃ )</dd>
  37. </dl><dl>
  38. <dd><i class="icon icon-direction"></i></dd>
  39. <dt>28</dt>
  40. <dd>温度( ℃ )</dd>
  41. </dl>
  42. </section>
  43. </section>
  44. <section class="m-wrapper introduction">
  45. <h2>农场介绍 <p>Farm introduction</p> </h2>
  46. <p>小汤山镇是中国北京市昌平区下辖的一个镇,位于县境中部偏东距北京首都国际机场19公里。维基百科, 以友谊农场五分场二队为例介绍了实现客户/服务器模式的精准农业, 地理信息系统的开发。以友谊农场五分场二队为例介绍了实现客户/服务器模式的精准农业地理信息系统的开发。</p>
  47. <a href="#" class="more">点击查看更多</a>
  48. </section>
  49. <section class="m-wrapper">
  50. <h2>地理位置 <p>geographical position</p> </h2>
  51. <section class="img-wrap">
  52. <img src="images/8909d634.map.jpg" width="100%">
  53. </section>
  54. </section>
  55. <section class="m-wrapper">
  56. <h2>农场产品 <p>Farm products</p> </h2>
  57. <section class="li-1">
  58. <dl>
  59. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  60. <dd>成熟期</dd>
  61. </dl>
  62. <dl>
  63. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  64. <dd>成熟期</dd>
  65. </dl>
  66. <dl>
  67. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  68. <dd>成熟期</dd>
  69. </dl>
  70. <dl>
  71. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  72. <dd>成熟期</dd>
  73. </dl>
  74. <dl>
  75. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  76. <dd>成熟期</dd>
  77. </dl>
  78. <dl>
  79. <dt><img src="images/a1e19d4f.tmp.jpg" width="100%"></dt>
  80. <dd>成熟期</dd>
  81. </dl>
  82. </section>
  83. </section>
  84. <section class="m-wrapper contact">
  85. <h2>联系方式 <p>Contact information</p> </h2>
  86. <section >
  87. <dl>
  88. <dt><i class="icon icon-ct1"></i></dt>
  89. <dd>农场主:刘厂长</dd>
  90. </dl>
  91. <dl>
  92. <dt><i class="icon icon-ct2"></i></dt>
  93. <dd><a href="tel://400-123-1234">电话:400-123-1234</a></dd>
  94. </dl>
  95. </section>
  96. </section>
  97. <script type="text/javascript" src="js/global.js"></script><script type="text/javascript" src="js/farm.js"></script></body>
  98. </html>