service.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>吉林省计算中心</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css"/>
  7. </head>
  8. <body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
  9. <div class="pz_top">
  10. <div class="w_0100 topDate">
  11. <div class="w_1200">
  12. <div class="topDateInfo">
  13. 2019年12月5日&nbsp;星期四
  14. </div>
  15. </div>
  16. </div>
  17. <div class="w_0100">
  18. <div class="w_1200">
  19. <div class="top">
  20. <div class="topLeft">
  21. <a href="index.html">
  22. <div class="logo">
  23. <img style="width: 76px;height: 64px;" src="images/logo.png" >
  24. </div>
  25. <div class="title">
  26. <p class="tit">吉林省计算中心</p>
  27. <p class="english">JiLin province computing center</p>
  28. </div>
  29. </a>
  30. </div>
  31. <div class="search">
  32. <input class="input" type="text" placeholder="关键词"/>
  33. <button class="button"><img src="images/搜索.png"/></button>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="pz_menu">
  40. <div class="w_0100">
  41. <div class="w_1200">
  42. <div class="menu">
  43. <ul>
  44. <li><a href="">新闻动态</a></li>
  45. <li><a href="">成果展示</a></li>
  46. <li class="active"><a href="">计算服务</a></li>
  47. <li><a href="">交流活动</a></li>
  48. <li><a href="">党建学苑</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="pz_main">
  55. <div class="w_0100">
  56. <div class="w_1200">
  57. <div class="service">
  58. <div class="achieveLeft">
  59. <div class="achieveLeftFirst">
  60. <span class="topTitle"><img src="./images/achieveCenter3.png" >计算服务</span>
  61. <ul>
  62. <li class="active"><a href="">吉林超算</a></li>
  63. <li><a href="">超算应用</a></li>
  64. <li><a href="">运行动态</a></li>
  65. <li><a href="">超算讲堂</a></li>
  66. <li><a href="">AI社区</a></li>
  67. </ul>
  68. </div>
  69. </div>
  70. <div class="achieveRight">
  71. <div class="collegeTop">
  72. <div class="collegeTopInfo">
  73. <div class="topLeft">
  74. <span class="shu"></span>
  75. <span class="span">
  76. 吉林超算
  77. </span>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="serviceRightInfo">
  82. <ul>
  83. <li>
  84. <a href="">
  85. <img src="./images/ziyuan.png" >
  86. <p>资源介绍</p>
  87. </a>
  88. </li>
  89. <li>
  90. <a href="">
  91. <img src="./images/shenqing.png" >
  92. <p>账号申请</p>
  93. </a>
  94. </li>
  95. <li>
  96. <a href="">
  97. <img src="./images/denglu.png" >
  98. <p>计算登录</p>
  99. </a>
  100. </li>
  101. </ul>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="pz_down">
  109. <div class="w_0100">
  110. <div class="w_1200">
  111. <div class="down">
  112. <p>版权所有:吉林省技术算中心</p>
  113. <p>
  114. <span>技术支持:长春福瑞科技有限公司</span>
  115. &nbsp;&nbsp;&nbsp;&nbsp;
  116. <span>邮编:130000</span>
  117. &nbsp;&nbsp;&nbsp;&nbsp;
  118. <span>传真:239823982</span>
  119. </p>
  120. <p>
  121. <span>地址:吉林省长春市朝阳区前进大街1244号</span>
  122. &nbsp;&nbsp;&nbsp;&nbsp;
  123. <span>电话:0134-1234567</span>
  124. &nbsp;&nbsp;&nbsp;&nbsp;
  125. <span>邮箱:123456@163.com</span>
  126. </p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </body>
  132. </html>