index2.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!--
  2. * @Description:
  3. * @Author: tianhui
  4. * @Date: 2021-08-05 14:21:15
  5. * @LastEditors: tianhui
  6. * @LastEditTime: 2021-08-10 16:32:46
  7. * @FilePath: \huichen\index2.html
  8. * @Copyright: Copyright (c) 2016~2021 tianhui(1114860254@qq.com)
  9. -->
  10. <!DOCTYPE html>
  11. <html lang="zh-CN">
  12. <head>
  13. <meta charset="utf-8">
  14. <title>汇辰技术服务(贵州)有限公司</title>
  15. <style>
  16. * {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. body {
  21. font: 16px/1.8 "Microsoft Yahei", verdana;
  22. }
  23. .logo {
  24. margin-left: 20%;
  25. }
  26. .head {
  27. border-bottom: 3px solid #033cdd;
  28. width: 100%;
  29. }
  30. .content {
  31. margin-left: 21%;
  32. margin-right: 21%;
  33. }
  34. .menu {
  35. display: flex;
  36. }
  37. /*
  38. .professor {
  39. margin-left: 2%;
  40. font-size: 20;
  41. position: relative;
  42. }
  43. .professor::before {
  44. position: absolute;
  45. bottom: 0;
  46. left: 50%;
  47. transform: translateX(-50%);
  48. content: '';
  49. width: 50px;
  50. height: 5px;
  51. border-radius: 5px;
  52. background-color: #111233;
  53. }
  54. .p1 {
  55. font-size: 20
  56. } */
  57. .nav{ display: flex;width: 100%;}
  58. .plane{ display:inline-block;list-style:none; margin-right: 5%; }
  59. .team{ width: 100%;margin-top: 3%;}
  60. .clear{ display: flex; list-style: none; margin-bottom: 5%;}
  61. .introduce{ margin-left: 1%;}
  62. .teamprofessor ul li p{ background-color: #eaeaea; -webkit-line-clamp: 4;}
  63. .teamprofessor ul li img{width: 156px;}
  64. .two {border-bottom: 2px solid #111233;}
  65. .menu ul li h3{text-align: center; color: #000;}
  66. .menu ul li a{text-decoration:none; }
  67. @media screen and (max-width:1200px) {
  68. .logo {
  69. margin-left: 5%;
  70. }
  71. .content {
  72. margin-left: 7%;
  73. margin-right: 7%;
  74. }
  75. .teamprofessor ul li img{width: 185px;}
  76. }
  77. </style>
  78. <script>
  79. function company() {
  80. window.location.href = "";
  81. }
  82. </script>
  83. </head>
  84. <body>
  85. <div class="head">
  86. <div class="logo">
  87. <a href="index.html"><img src="images/logo.png"></a>
  88. </div>
  89. </div>
  90. <div class="content">
  91. <div class="menu">
  92. <ul class="nav">
  93. <li class="plane one">
  94. <a href="index3.html"><h3>企业简介</h3></a>
  95. </li>
  96. <li class="plane two">
  97. <a href=""><h3>顾问团队</h3></a>
  98. </li>
  99. </ul>
  100. <!-- <p onclick="company()" class="p1">企业简介</p>
  101. <p class="professor">团队专家</p> -->
  102. </div>
  103. <div class="teamprofessor">
  104. <ul class="team">
  105. <li class="clear one">
  106. <div>
  107. <img src="./images/wyp.png">
  108. </div>
  109. <div class="introduce">
  110. <h1>王云鹏</h1>
  111. <p>北京大学经济学学士,对外经济贸易大学工商管理硕士(MBA),北京大学管理学博士,北京大学EMBA讲师,领导力与执行力导师,国际亲子关系授权导师,夫妻关系授权导师,NLP执行师导师,应用心理学导师,中国青少年儿基会《新家长学院》策划人。2009年开始到德国、美国、香港研修管理心理学,1971年出生哈尔滨,中共党员,一九九四年参加工作,先后在香港恒丰(中国)集团、原国家广电部工作。</p>
  112. </div>
  113. </li>
  114. <!-- <li class="clear second">
  115. <div>
  116. <img src="./images/wyp.png">
  117. </div>
  118. <div class="introduce">
  119. <h1>王云鹏</h1>
  120. <p>北京大学经济学学士,对外经济贸易大学工商管理硕士(MBA),北京大学管理学博士,北京大学EMBA讲师,领导力与执行力导师,国际亲子关系授权导师,夫妻关系授权导师,NLP执行师导师,应用心理学导师,中国青少年儿基会《新家长学院》策划人。2009年开始到德国、美国、香港研修管理心理学,1971年出生哈尔滨,中共党员,一九九四年参加工作,先后在香港恒丰(中国)集团、原国家广电部工作。</p>
  121. </div>
  122. </li> -->
  123. </ul>
  124. </div>
  125. </div>
  126. </body>
  127. </html>