index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
  1. <!-- 首页 -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <%- include('components/meta-head.html') %>
  6. <link rel="stylesheet" href="/css/insight.css" />
  7. <link rel="stylesheet" href="/css/common/animate.min.css" />
  8. <script src="/js/jquery-1.11.3.min.js"></script>
  9. </head>
  10. <body>
  11. <%- include('components/site-header.html') %>
  12. <!-- BANNER -->
  13. <div class="swiper banner" id="banner_swiper">
  14. <div class="swiper-wrapper clearfix">
  15. <% banner.forEach(item=>{%>
  16. <a href="<%= item.href%>" target="_blank" class="swiper-slide" style="background-image: url(<%=item.img%>)">
  17. <div class="content">
  18. <h3>
  19. <%= item.title%>
  20. </h3>
  21. </div>
  22. </a>
  23. <% }) %>
  24. </div>
  25. <div class="swiper-pagination"></div>
  26. </div>
  27. <!-- 课程推荐模块 -->
  28. <div class="wrapper recommend">
  29. <!-- <div class="tabs" id="recommend_tab">
  30. <span class="current">伏羲学堂</span>
  31. <span data-disabled="true">伏羲资讯</span>
  32. <% if(signStatus){%>
  33. <a href="/my" target="_blank">我的课程</a>
  34. <% }%>
  35. </div> -->
  36. <% if(courseCalculate.length){%>
  37. <div class="video-model">
  38. <div class="title">
  39. <h3>碳排放管理</h3>
  40. <span class="slogan icon-1">精选课程,发现学习好内容</span>
  41. </div>
  42. <ul class="videos-list clearfix">
  43. <% courseCalculate.forEach(item=>{%>
  44. <li>
  45. <a href="<%= item.href%>" class="poster" target="_blank">
  46. <img src="<%= item.detailimg%>" alt="" />
  47. </a>
  48. <div class="name">
  49. <a href="<%= item.href%>" target="_blank">
  50. <%= item.title%>
  51. </a>
  52. </div>
  53. <div class="foot">
  54. <span class="price">
  55. <%= parseFloat(item.price) ? item.price:"免费领取" %>
  56. </span>
  57. <%if(item.tagimg){%>
  58. <span class="icon-sales"
  59. style="background: url(<%=item.tagimg%>) no-repeat 50% 50%; background-size: cover">限时特惠</span>
  60. <% }%>
  61. </div>
  62. </li>
  63. <% }) %>
  64. </ul>
  65. </div>
  66. <% }%>
  67. <% if(courseAsset.length){%>
  68. <div class="video-model">
  69. <div class="title">
  70. <h3>碳资产开发</h3>
  71. <span class="slogan icon-2">专业课程,全方位服务</span>
  72. </div>
  73. <ul class="videos-list clearfix">
  74. <% courseAsset.forEach(item=>{%>
  75. <li>
  76. <a href="<%= item.href%>" class="poster" target="_blank">
  77. <img src="<%= item.detailimg%>" alt="" />
  78. </a>
  79. <div class="name">
  80. <a href="<%= item.href%>" target="_blank">
  81. <%= item.title%>
  82. </a>
  83. </div>
  84. <div class="foot">
  85. <span class="price">
  86. <%= parseFloat(item.price) ? item.price:"免费领取" %>
  87. </span>
  88. <%if(item.tagimg){%>
  89. <span class="icon-sales"
  90. style="background: url(<%=item.tagimg%>) no-repeat 50% 50%; background-size: cover">限时特惠</span>
  91. <% }%>
  92. </div>
  93. </li>
  94. <% }) %>
  95. </ul>
  96. </div>
  97. <% }%>
  98. </div>
  99. <div class="wrapper module">
  100. <div class="header" data-aos="fade-up">
  101. <h3>与众不同</h3>
  102. </div>
  103. <ul class="feature-list clearfix" data-aos="fade-up">
  104. <li>
  105. <div class="icon">
  106. <img src="./images/icon_3.png" alt="" />
  107. </div>
  108. <h4>名校合作</h4>
  109. <p>
  110. 我们与国内外15所知名高校<br />深度合作,整合优质教育资源<br />依托平台科技实力打造一站式双碳教育<br />与职业发展平台
  111. </p>
  112. </li>
  113. <li>
  114. <div class="icon">
  115. <img src="./images/icon_4.png" alt="" />
  116. </div>
  117. <h4>行业大咖匠心打造</h4>
  118. <p>9位行业专家领衔<br />30位资深名师匠心打造双碳<br />领域的精品课程</p>
  119. </li>
  120. <li>
  121. <div class="icon">
  122. <img src="./images/icon_5.png" alt="" />
  123. </div>
  124. <h4>全链条教学服务</h4>
  125. <p>深度挖掘用户需求<br />沉浸式学习场景<br />理论+实战的闭环教学<br />资深名师专属指导</p>
  126. </li>
  127. <li>
  128. <div class="icon">
  129. <img src="./images/icon_6.png" alt="" />
  130. </div>
  131. <h4>线下沙龙</h4>
  132. <p>
  133. 课程学员在课程有效期内可免费<br />参加线下沙龙活动,听业内人士分享经<br />验,与专业名师面对面交流<br />更有企业现场宣讲
  134. </p>
  135. </li>
  136. <li>
  137. <div class="icon">
  138. <img src="./images/icon_7.png" alt="" />
  139. </div>
  140. <h4>就业指导</h4>
  141. <p>
  142. 推送名企热招岗位<br />参加企业宣讲招聘会<br />面试技巧与就业指导<br />纳入伏羲人才库
  143. </p>
  144. </li>
  145. </ul>
  146. </div>
  147. <!-- <div class="prof-wrap">
  148. <div class="wrapper module">
  149. <div class="header" data-aos="fade-up">
  150. <h3>专家论“碳”</h3>
  151. <div class="sub-title">资深行业专家赋能双碳学习与职业发展</div>
  152. </div>
  153. <div class="slide-wrap">
  154. <div class="slide-show" id="slide_show">
  155. <div class="figure">
  156. <img src="./images/prof_1.png" alt="" />
  157. </div>
  158. <div class="content">
  159. <h3 class="name">武曙红</h3>
  160. <div class="title">
  161. <p>北京林业大学教授、博导</p>
  162. <p>国家标准《林业碳汇项目审定与核证指南》第一起草人</p>
  163. </div>
  164. <div class="desc">
  165. 「每一棵树,都是减缓气候变化的英雄,推动林业碳汇发展,助力实现碳中和」
  166. </div>
  167. </div>
  168. </div>
  169. <ul class="slide-list clearfix" id="slide_list">
  170. <li>
  171. <div class="figure">
  172. <img src="./images/prof_2.png" alt="" />
  173. </div>
  174. <div class="content">
  175. <h3 class="name">武曙红</h3>
  176. <div class="title">
  177. <p>北京林业大学教授、博导</p>
  178. <p>国家标准《林业碳汇项目审定与核证指南》第一起草人</p>
  179. </div>
  180. <div class="desc">
  181. 「每一棵树,都是减缓气候变化的英雄,推动林业碳汇发展,助力实现碳中和」
  182. </div>
  183. </div>
  184. </li>
  185. <li>
  186. <div class="figure">
  187. <img src="./images/prof_3.png" alt="" />
  188. </div>
  189. <div class="content">
  190. <h3 class="name">张颖</h3>
  191. <div class="title">
  192. <p>东北农业大学教授、博导</p>
  193. <p>国家杰出青年基金获得者;国家高层次学者特聘教授</p>
  194. <p>国家“万人计划”领军人才</p>
  195. </div>
  196. <div class="desc">
  197. 「3060双碳目标下,农业农村减排固碳既是重要举措,也是潜力所在」
  198. </div>
  199. </div>
  200. </li>
  201. <li>
  202. <div class="figure">
  203. <img src="./images/prof_4.png" alt="" />
  204. </div>
  205. <div class="content">
  206. <h3 class="name">李军</h3>
  207. <div class="title">
  208. <p>北京工业大学教授、博导</p>
  209. <p>中国环境科学学会环境工程分会副秘书长</p>
  210. <p>中国土木工程学会给水排水学会理事</p>
  211. </div>
  212. <div class="desc">
  213. 「水是气候变化的关键因素,水处理工艺的创新对实现碳中和目标至关重要」
  214. </div>
  215. </div>
  216. </li>
  217. <li>
  218. <div class="figure">
  219. <img src="./images/prof_5.png" alt="" />
  220. </div>
  221. <div class="content">
  222. <h3 class="name">王秀蘅</h3>
  223. <div class="title">
  224. <p>哈尔滨工业大学教授、博导</p>
  225. <p>中国生态学学会产业生态学专委会委员</p>
  226. <p>中国水协海绵城市建设专家委员会委员</p>
  227. </div>
  228. <div class="desc">
  229. 「污水厂低碳设计可以显著减排降耗,采用新型技术降低碳足迹,实现可持续发展」
  230. </div>
  231. </div>
  232. </li>
  233. </ul>
  234. </div>
  235. </div>
  236. </div> -->
  237. <div class="wrapper module">
  238. <div class="header" data-aos="fade-up">
  239. <h3>面向人群</h3>
  240. <div class="sub-title">致力于培育双碳高质量人才</div>
  241. </div>
  242. <ul class="spectacle-list clearfix" data-aos="fade-up">
  243. <li>
  244. <img src="./images/spectacle_1.png" alt="" />
  245. <p>参与碳市场的各类主体<br />的工作人员(如政府、企事<br />业单位的双碳管理人员)</p>
  246. </li>
  247. <li>
  248. <img src="./images/spectacle_2.png" alt="" />
  249. <p>
  250. 高校学生<br />应届毕业生及科研单位的<br />相关人员
  251. </p>
  252. </li>
  253. <li>
  254. <img src="./images/spectacle_3.png" alt="" />
  255. <p>期待转型<br />的职场人和其他待就业<br />人员对碳中和知识</p>
  256. </li>
  257. <li>
  258. <img src="./images/spectacle_4.png" alt="" />
  259. <p>其他双碳<br />环保、能源等可持续发展<br />领域从业者</p>
  260. </li>
  261. </ul>
  262. </div>
  263. <div class="wrapper module">
  264. <div class="header" data-aos="fade-up">
  265. <h3>“1+X”服务</h3>
  266. </div>
  267. <div class="plus-service">
  268. <div class="content" data-aos="fade-up">
  269. <h4>立足双碳教育,培育高质量人才</h4>
  270. <p>
  271. 持续关注学员职业发展,通过课程培训、线下沙龙、名企推荐、就业指导等多维度全流程就业服务,为高质量人才匹配高质量企业,开启学员职业之旅,服务现已覆盖<b>30+</b>行业。
  272. </p>
  273. </div>
  274. <div class="figure" data-aos="fade-up">
  275. <img src="./images/word_cloud.png" alt="" width="657" height="580" />
  276. </div>
  277. </div>
  278. </div>
  279. <div class="wrapper module">
  280. <div class="header" data-aos="fade-up">
  281. <h3>学员权益</h3>
  282. </div>
  283. <table class="equity" data-aos="fade-up">
  284. <thead>
  285. <th>权益</th>
  286. <th>服务说明</th>
  287. <th>伏羲学员</th>
  288. </thead>
  289. <tbody>
  290. <tr>
  291. <td>
  292. <div>培训课程</div>
  293. </td>
  294. <td>
  295. <div>理论课程+实战演练</div>
  296. </td>
  297. <td>
  298. <div>
  299. <img src="./images/right.png" alt="" width="48" height="48" />
  300. </div>
  301. </td>
  302. </tr>
  303. <tr>
  304. <td>
  305. <div>客服咨询</div>
  306. </td>
  307. <td>
  308. <div>课程咨询与售后服务</div>
  309. </td>
  310. <td>
  311. <div>
  312. <img src="./images/right.png" alt="" width="48" height="48" />
  313. </div>
  314. </td>
  315. </tr>
  316. <tr>
  317. <td>
  318. <div>名师指导</div>
  319. </td>
  320. <td>
  321. <div>加入学员交流群,名师在线答疑<br />推送双碳热门资讯</div>
  322. </td>
  323. <td>
  324. <div>
  325. <img src="./images/right.png" alt="" width="48" height="48" />
  326. </div>
  327. </td>
  328. </tr>
  329. <tr>
  330. <td>
  331. <div>线下沙龙</div>
  332. </td>
  333. <td>
  334. <div>定期举办线下沙龙,听业内人士分享经验<br />与专业名师面对面交流</div>
  335. </td>
  336. <td>
  337. <div>5次沙龙资格</div>
  338. </td>
  339. </tr>
  340. <tr>
  341. <td>
  342. <div>名企推荐</div>
  343. </td>
  344. <td>
  345. <div>定制化推送相关行业知名企业与<br />热招岗位信息</div>
  346. </td>
  347. <td>
  348. <div>5个企业+5个岗位</div>
  349. </td>
  350. </tr>
  351. <tr>
  352. <td>
  353. <div>就业指导</div>
  354. </td>
  355. <td>
  356. <div>行业解读、就业咨询、面试指导等直播活动</div>
  357. </td>
  358. <td>
  359. <div>
  360. <img src="./images/right.png" alt="" width="48" height="48" />
  361. </div>
  362. </td>
  363. </tr>
  364. <tr>
  365. <td>
  366. <div>伏羲人才库</div>
  367. </td>
  368. <td>
  369. <div>考核合格的学员将纳入伏羲人才库<br />优质资源优先推荐</div>
  370. </td>
  371. <td>
  372. <div>
  373. <img src="./images/right.png" alt="" width="48" height="48" />
  374. </div>
  375. </td>
  376. </tr>
  377. <tr>
  378. <td>
  379. <div>线下招聘会</div>
  380. </td>
  381. <td>
  382. <div>定期举办专题招聘会,企业高管现场宣讲</div>
  383. </td>
  384. <td>
  385. <div>
  386. <img src="./images/right.png" alt="" width="48" height="48" />
  387. </div>
  388. </td>
  389. </tr>
  390. </tbody>
  391. </table>
  392. </div>
  393. <div class="module latest">
  394. <div class="wrapper">
  395. <div class="header" data-aos="fade-up">
  396. <h3>学习收获</h3>
  397. </div>
  398. <div class="certificate" data-aos="fade-up">
  399. <div class="figure">
  400. <img src="./images/certificate.png" alt="" />
  401. </div>
  402. <div class="content" data-aos="fade-up">
  403. <div class="caption">通过学习并考核合格的学员可获得</div>
  404. <h3>课程结业证书</h3>
  405. <p>
  406. 伏羲学堂开设“碳排放管理”、“碳资产开发”等系列课程,通过课程学习并考核
  407. 合格的学员可获得由红杉天枰科技集团有限公司颁发的课程结业证书。
  408. </p>
  409. </div>
  410. </div>
  411. <div class="certificate" data-aos="fade-up">
  412. <div class="figure" data-aos="fade-up">
  413. <img src="./images/certificate2.png" alt="" />
  414. </div>
  415. <div class="content" data-aos="fade-up">
  416. <h3>收获不仅于此</h3>
  417. <p>
  418. 伏羲学堂帮助学员全方位提升,通过线下沙龙、专家论坛、职位信息推荐、就业指导等增值服务,让学员获得一手行业资讯,走进碳圈;听业内人士分享经验,了解碳圈;获取热招岗位推荐和实习机会,成为碳圈人;结识更多行业伙伴,打造你的专属小碳圈。
  419. </p>
  420. </div>
  421. </div>
  422. </div>
  423. </div>
  424. <div class="wrapper module">
  425. <div class="header" data-aos="fade-up">
  426. <h3>名校合作</h3>
  427. </div>
  428. <ul class="corp-links clearfix" data-aos="fade-up">
  429. <li>
  430. <img src="./images/link_1.png" alt="" width="153" height="71" />
  431. </li>
  432. <li>
  433. <img src="./images/link_2.png" alt="" width="153" height="89" />
  434. </li>
  435. <li>
  436. <img src="./images/link_3.png" alt="" width="154" height="36" />
  437. </li>
  438. <li>
  439. <img src="./images/link_4.png" alt="" width="142" height="53" />
  440. </li>
  441. <li>
  442. <img src="./images/link_5.png" alt="" width="182" height="68" />
  443. </li>
  444. <li>
  445. <img src="./images/link_6.png" alt="" width="173" height="47" />
  446. </li>
  447. <li>
  448. <img src="./images/link_7.png" alt="" width="172" height="41" />
  449. </li>
  450. <li>
  451. <img src="./images/link_8.png" alt="" width="124" height="58" />
  452. </li>
  453. <li>
  454. <img src="./images/link_9.png" alt="" width="165" height="57" />
  455. </li>
  456. <li>
  457. <img src="./images/link_10.png" alt="" width="157" height="48" />
  458. </li>
  459. <li>
  460. <img src="./images/link_11.png" alt="" width="172" height="42" />
  461. </li>
  462. <li>
  463. <img src="./images/link_12.png" alt="" width="180" height="57" />
  464. </li>
  465. <li>
  466. <img src="./images/link_13.png" alt="" width="154" height="51" />
  467. </li>
  468. <li>
  469. <img src="./images/link_14.png" alt="" width="160" height="57" />
  470. </li>
  471. <li>
  472. <img src="./images/link_15.png" alt="" width="160" height="46" />
  473. </li>
  474. </ul>
  475. </div>
  476. <%- include('components/site-footer.html') %>
  477. <script src="/js/swiper.min.js"></script>
  478. <script src="/js/fxcarbon.js"></script>
  479. </body>
  480. </html>