diff --git a/src/img/10.png b/src/img/10.png new file mode 100644 index 00000000..9fa4d1fc Binary files /dev/null and b/src/img/10.png differ diff --git a/src/img/11.png b/src/img/11.png new file mode 100644 index 00000000..28aa608d Binary files /dev/null and b/src/img/11.png differ diff --git a/src/img/12.png b/src/img/12.png new file mode 100644 index 00000000..c76d4c50 Binary files /dev/null and b/src/img/12.png differ diff --git a/src/img/13.png b/src/img/13.png new file mode 100644 index 00000000..3cd30749 Binary files /dev/null and b/src/img/13.png differ diff --git a/src/img/14.png b/src/img/14.png new file mode 100644 index 00000000..1af7392e Binary files /dev/null and b/src/img/14.png differ diff --git a/src/img/15.png b/src/img/15.png new file mode 100644 index 00000000..f356d7cc Binary files /dev/null and b/src/img/15.png differ diff --git a/src/img/16.png b/src/img/16.png new file mode 100644 index 00000000..31d0f593 Binary files /dev/null and b/src/img/16.png differ diff --git a/src/img/17.png b/src/img/17.png new file mode 100644 index 00000000..e285beae Binary files /dev/null and b/src/img/17.png differ diff --git a/src/img/18.png b/src/img/18.png new file mode 100644 index 00000000..ba6a627d Binary files /dev/null and b/src/img/18.png differ diff --git a/src/img/19.png b/src/img/19.png new file mode 100644 index 00000000..5b8e2097 Binary files /dev/null and b/src/img/19.png differ diff --git a/src/img/20.png b/src/img/20.png new file mode 100644 index 00000000..5431a265 Binary files /dev/null and b/src/img/20.png differ diff --git a/src/img/21.png b/src/img/21.png new file mode 100644 index 00000000..bbef7338 Binary files /dev/null and b/src/img/21.png differ diff --git a/src/img/22.png b/src/img/22.png new file mode 100644 index 00000000..92fcdf86 Binary files /dev/null and b/src/img/22.png differ diff --git a/src/img/23.png b/src/img/23.png new file mode 100644 index 00000000..028c24d0 Binary files /dev/null and b/src/img/23.png differ diff --git a/src/img/24.png b/src/img/24.png new file mode 100644 index 00000000..56b4ae5f Binary files /dev/null and b/src/img/24.png differ diff --git a/src/img/3.png b/src/img/3.png new file mode 100644 index 00000000..ab1eaeea Binary files /dev/null and b/src/img/3.png differ diff --git a/src/img/4.png b/src/img/4.png new file mode 100644 index 00000000..0976f89b Binary files /dev/null and b/src/img/4.png differ diff --git a/src/img/5.png b/src/img/5.png new file mode 100644 index 00000000..d1396707 Binary files /dev/null and b/src/img/5.png differ diff --git a/src/img/6.png b/src/img/6.png new file mode 100644 index 00000000..cc705762 Binary files /dev/null and b/src/img/6.png differ diff --git a/src/img/7.png b/src/img/7.png new file mode 100644 index 00000000..86efadce Binary files /dev/null and b/src/img/7.png differ diff --git a/src/img/8.png b/src/img/8.png new file mode 100644 index 00000000..63c8c2bd Binary files /dev/null and b/src/img/8.png differ diff --git a/src/img/9.png b/src/img/9.png new file mode 100644 index 00000000..1f8247a9 Binary files /dev/null and b/src/img/9.png differ diff --git a/src/pages/center4.js b/src/pages/center4.js index 6e5fd70c..52c8a3f7 100644 --- a/src/pages/center4.js +++ b/src/pages/center4.js @@ -2,6 +2,76 @@ import React, { Component } from "react"; export default class Center4 extends Component { render() { - return
; + return ( +
+
+

课堂教学工具

+
Classroom Teaching Toolsets
+
+
加入课堂
+
+ 创建课堂 + +
+
+
+
+ +
+

课堂灵活组织

+
+ 头歌教学课堂是一种集成化班级协同空间，支持实验、作业、视频、考试、毕设等十余种线上线下管理工具。 +
+
+
+
+ +
+

作业自动管理

+
+ 头歌作业管理是课堂核心组件，支持普通作业、实践作业、分组作业等自动化批阅、统计和教务数据对接。 +
+
+
+
+ +
+

分组协同开发

+
+ 头歌分组作业是课堂核心组件，支持分组开展项目协同开发、代码托管、任务跟踪、CI/CD、按组评分等。 +
+
+
+
+ +
+

考试与防作弊

+
+ 头歌智能化考试系统提供了全面防作弊机制，试卷支持八种题型，支持随机拍照、查重、IP地址锁定等防作弊机制。 +
+
+
+
+ +
+

结果导向统计

+
+ 头歌支持OBE（成果导向教育）理念和机制，支持作业、实验、考试、课堂等多粒度、多维度的教学成效分析。 +
+
+
+
+ +
+

工程教育认证

+
+ 头歌的工程教育专业认证系统集成了头歌OBE体系，支持基于大数据的自动化专业达成度自动计算和实时改进。 +
+
+
+
+
+
+ ); } } diff --git a/src/pages/center5.js b/src/pages/center5.js index 40d23cc2..bb5a6768 100644 --- a/src/pages/center5.js +++ b/src/pages/center5.js @@ -2,6 +2,81 @@ import React, { Component } from "react"; export default class Center5 extends Component { render() { - return
; + return ( +
+
+

头歌企业版

+
Enterprise Edition of EduCoder Software and Services
+
+

+ 为3000家以上高校和企业 + 提供产品和服务 +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + +
+
试用申请
+
+
+
+ ); } } diff --git a/src/pages/index.css b/src/pages/index.css index fa37e81c..5bc2c002 100644 --- a/src/pages/index.css +++ b/src/pages/index.css @@ -313,4 +313,179 @@ } .center3_main_box_right a img{ width: 100%; +} + +.center4{ + width: 100%; + height: auto; + float: left; +} +.center4_main{ + margin: 0 auto; + width: 1300px; + padding-top: 80px; + padding-bottom: 80px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} +.center4_main h2{ + font-size: 30px; + font-weight: 400; + color: #34495e; + margin-bottom: 5px; +} +.center4_main h5{ + height: 18px; + font-size: 18px; + font-weight: 200; + color: #686f9a; + margin-bottom: 60px; +} +.center4_main_box1{ + width: 100%; + display: flex; + justify-content: center; +} +.center4_main_box1_left{ + width: 137px; + height: 40px; + background: #dfe6ff; + border-radius: 5px; + font-size: 16px; + font-weight: 500; + color: #377dff; + margin-right: 20px; + line-height: 40px; + text-align: center; + cursor: pointer; +} +.center4_main_box1_right{ + width: 137px; + height: 40px; + background: #377dff; + border-radius: 5px; + font-size: 16px; + font-weight: 500; + color: #fff; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; +} +.center4_main_box1_right i{ + font-size: 12px; + margin-left: 15px; + color: #fff; +} +.center4_main_box2{ + width: 100%; + display: flex; + flex-wrap: wrap; + margin-top: 60px; +} +.center4_main_box2_box{ + width: 426px; + height: 176px; + border-radius: 22px; + padding-top: 32px; + cursor: pointer; + justify-content: center; + align-items: flex-start; + flex-shrink: 0; + margin-bottom: 40px; + display: flex; +} +.center4_main_box2_box img{ + margin-top: 4px; +} +.center4_main_box2_box div{ + margin-left: 28px; +} +.center4_main_box2_box div h4{ + width: 235px; + height: 25px; + font-size: 18px; + font-weight: 500; + color: #34495e; + margin-bottom: 16px; +} +.center4_main_box2_box div h6{ + font-size: 14px; + font-weight: 400; + color: #6d7278; + line-height: 24px; + width: 238px; + text-align: justify; +} +.center4_main_box2_box:hover{ + background: rgb(255, 255, 255); +} +.center5{ + width: 100%; + height: auto; + float: left; +} +.center5_main{ + margin: 0 auto; + width: 1300px; + padding-top: 80px; + padding-bottom: 120px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} +.center5_main h2{ + font-size: 30px; + font-weight: 400; + color: #34495e; + margin-bottom: 5px; +} +.center5_main h5{ + height: 18px; + font-size: 18px; + font-weight: 200; + color: #686f9a; + margin-bottom: 60px; +} +.center5_main_box{ + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; +} +.center5_main_box p{ + font-size: 26px; + font-weight: 500; + color: #667a8d; + margin-bottom: 6px; +} +.center5_main_box p span{ + color: #335eea; +} +.center5_main_box_box1{ + margin-top: 81px; +} +.center5_main_box_box1 img{ + margin-right: 42px; +} +.center5_main_box_box2{ + margin-top: 54px; +} +.center5_main_box_box2 img{ + margin-right: 45px; +} +.center5_main_box_box3{ + width: 137px; + height: 40px; + background: #377dff; + border-radius: 5px; + font-size: 16px; + color: #fff; + line-height: 40px; + cursor: pointer; + text-align: center; + margin-top: 88px; } \ No newline at end of file diff --git a/src/pages/page1.js b/src/pages/page1.js index 52f7ac46..30c3d177 100644 --- a/src/pages/page1.js +++ b/src/pages/page1.js @@ -47,7 +47,10 @@ export default class Page1 extends Component {
- +
); diff --git a/src/pages/page2.js b/src/pages/page2.js index 56aa7943..461a18a4 100644 --- a/src/pages/page2.js +++ b/src/pages/page2.js @@ -51,7 +51,10 @@ export default class Page2 extends Component {
- +
); diff --git a/src/pages/page3.js b/src/pages/page3.js index 91398d2f..a25d7836 100644 --- a/src/pages/page3.js +++ b/src/pages/page3.js @@ -47,7 +47,10 @@ export default class Page3 extends Component {
- +
); diff --git a/src/pages/page4.js b/src/pages/page4.js index 9660e8f6..107067be 100644 --- a/src/pages/page4.js +++ b/src/pages/page4.js @@ -47,7 +47,10 @@ export default class Page4 extends Component {
- +
); diff --git a/src/pages/page5.js b/src/pages/page5.js index 3b1b8670..bd641a96 100644 --- a/src/pages/page5.js +++ b/src/pages/page5.js @@ -47,7 +47,10 @@ export default class Page5 extends Component {
- +
);