diff --git a/src/pages/tg-head/src/index.css b/src/pages/tg-head/src/index.css
index fcd4af25..4e7985b2 100644
--- a/src/pages/tg-head/src/index.css
+++ b/src/pages/tg-head/src/index.css
@@ -124,12 +124,8 @@ video{
margin-left: 50px;
font-size: 1.2em;
}
-.box3One:hover{
- border:darkturquoise 1px solid;
- border-radius: 5%;
-}
.box4{
- height: 486px;
+ height:486px;
width: 1300px;
margin: auto;
}
@@ -155,3 +151,96 @@ video{
.box4Four{
color: darkgray;
}
+.Button{
+ background-color: bisque;
+}
+.box5{
+ width: 1200px;
+ height:900px;
+ background-color:snow;
+ margin:40px auto;
+}
+.box5h2{
+ text-align: center;
+ font-size: 30px;
+ margin-top: 160px;
+}
+.box5h5{
+ text-align: center;
+ font-size: 18px;
+ margin-bottom:60px;
+}
+.box5img{
+ width: 787px;
+ height: 512px;
+}
+.box5One{
+ width: 390px;
+ height: 618px;
+ float: right;
+}
+.box5One img{
+ width: 180px;
+ height: 135.3px;
+ margin:7px;
+}
+.box6One{
+ width: 390px;
+ height: 618px;
+ float: left;
+}
+.box6One img{
+ width: 180px;
+ height: 135.3px;
+ margin: 7px;
+}
+.box7{
+ width: 1200px;
+ height:900px;
+ background-color:snow;
+ margin:40px auto;
+}
+.box7Two{
+ width:426px;
+ height: 176px;
+ float: left;
+}
+.box7One{
+ width: 1280px;
+ height: 530px;
+ margin: auto;
+}
+.box7Two:hover{
+ border-radius: 5%;
+ border:beige 1px solid;
+ background-color: white;
+}
+.box8{
+ width: 1200px;
+ height:900px;
+ background-color:snow;
+ margin:40px auto;
+}
+.box8One{
+ width: 1110px;
+ height: 88px;
+ margin: 80px auto;
+}
+.box8Two{
+ width: 1220px;
+ height: 78px;
+ margin: 80px auto;
+}
+.box8 img{
+ margin: 20px;
+}
+footer{
+ width: 1500px;
+ height: 900px;
+ background-color: black;
+}
+.footer1{
+ width: 174px;
+ height: 900px;
+ color: aliceblue;
+}
\ No newline at end of file
diff --git a/src/pages/tg-head/src/index.js b/src/pages/tg-head/src/index.js
index 10e04fea..c750ec1e 100644
--- a/src/pages/tg-head/src/index.js
+++ b/src/pages/tg-head/src/index.js
@@ -80,135 +80,366 @@ let head = (
Heterogeneous Architecture Practice Runtime Environments
-
-
-
-
云端编程环境特点
-
- - 图文、视频、Latex
- - VS Code编程环境
- - Online Judge(OJ)模式
- - 代码自动推荐
- - 可定制测试集
- - 自动化部署、测试、反馈
-
-
可定制运行环境
-
CentOS、Ubuntu、Python、Matplotlib
-
Pandas、Numpy、Scrapy … …
-
-
+
+
+
+
云端编程环境特点
+
+ - 图文、视频、Latex
+ - VS Code编程环境
+ - Online Judge(OJ)模式
+ - 代码自动推荐
+ - 可定制测试集
+ - 自动化部署、测试、反馈
+
+
可定制运行环境
+
CentOS、Ubuntu、Python、Matplotlib
+
Pandas、Numpy、Scrapy … …
+
+
+
+
+
+
+
+
远程桌面特点
+
+ - 图形化操作系统
+ - 可配置应用软件和模拟器
+ - 可定制测试集
+ - 自动化部署、测试、反馈
+ - 大规模并发实验
+ - 支持一流课程建设
+
+
可定制运行环境
+
CentOS、Ubuntu、 Windows、 Kylin OS
+
Wireshark、Vscode、GN3 … …
+
+
+
+
+
+
+
+
远程命令行环境
+
+ - 标准Linux Shell命令
+ - 命令操作全程记录
+ - 可配置命令行应用程序
+ - 可配置命令行模拟器
+ - 自动化部署、测试、反馈
+ - 支持一流课程建设
+
+
可定制运行环境
+
CentOS、Ubuntu、Python、Vim、Docker
+
SSH、Git、Hadoop、Hive … …
+
+
+
+
+
+
+
+
虚拟仿真项目特点
+
+ - 三维动画教学
+ - 可编程驱动动画行为
+ - 构件化、可组装虚拟场景
+ - 自动化评测、反馈
+ - 大规模并发仿真实验
+ - 支持虚拟仿真项目建设
+
+
可定制运行环境
+
Ubuntu、CentOS、WebGL、Python
+
Java、C#、ThreeJS、Unity … …
+
+
+
+
+
+
+
+
Jupyter NoteBook环境
+
+ - 代码编辑与结果展示同步
+ - 富媒体展示计算结果
+ - 模块化执行
+ - 支持Latex、Markdown
+ - 200种可选运行环境
+ - 自动化部署、测试、反馈
+
+
可定制运行环境
+
CentOS、openEuler、TensorFlow、Python
+
MindSpore、Spark、Ubuntu … …
+
+
+
+
+
+
+
+
+
+
程序设计与软件工程课程方向
+
Computer Programming and Software Engineering Courses
+

+
-
+
+
计算机系统能力课程方向
+
Computer System Capability Courses
+

+
-
-
-
-
远程桌面特点
-
- - 图形化操作系统
- - 可配置应用软件和模拟器
- - 可定制测试集
- - 自动化部署、测试、反馈
- - 大规模并发实验
- - 支持一流课程建设
-
-
可定制运行环境
-
CentOS、Ubuntu、 Windows、 Kylin OS
-
Wireshark、Vscode、GN3 … …
-
-
+
+
+
电子信息专业课程方向
+
Electronic Information Courses
+

+
-
+
+
大数据专业课程方向
+
Big Data and Data Science Courses
+

+
-
-
-
-
远程命令行环境
-
- - 标准Linux Shell命令
- - 命令操作全程记录
- - 可配置命令行应用程序
- - 可配置命令行模拟器
- - 自动化部署、测试、反馈
- - 支持一流课程建设
-
-
可定制运行环境
-
CentOS、Ubuntu、Python、Vim、Docker
-
SSH、Git、Hadoop、Hive … …
-
-
+
+
+
人工智能专业课程方向
+
Artificial Intelligence Courses
+

+
-
-
-
+
+
+
课堂教学工具
+
Classroom Teaching Toolsets
+
+
+
+
+

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

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

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

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

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

+
头歌的工程教育专业认证系统集成了头歌OBE体系,支持基于大数据的自动化专业达成度自动计算和实时改进。
-
-
-
-
虚拟仿真项目特点
-
- - 三维动画教学
- - 可编程驱动动画行为
- - 构件化、可组装虚拟场景
- - 自动化评测、反馈
- - 大规模并发仿真实验
- - 支持虚拟仿真项目建设
-
-
可定制运行环境
-
Ubuntu、CentOS、WebGL、Python
-
Java、C#、ThreeJS、Unity … …
-
-
-
-
-
-
+
+
+
头歌企业版
+
Enterprise Edition of EduCoder Software and Services
+
为3000家以上高校和企业提供产品和服务
+
-
-
-
-
-
Jupyter NoteBook环境
-
- - 代码编辑与结果展示同步
- - 富媒体展示计算结果
- - 模块化执行
- - 支持Latex、Markdown
- - 200种可选运行环境
- - 自动化部署、测试、反馈
-
-
可定制运行环境
-
CentOS、openEuler、TensorFlow、Python
-
MindSpore、Spark、Ubuntu … …
-
-
-
-
-
+
)
ReactDOM.render(head, document.getElementById('root'));
diff --git a/tg-head/src/index.css b/tg-head/src/index.css
deleted file mode 100644
index 4f2c71b3..00000000
--- a/tg-head/src/index.css
+++ /dev/null
@@ -1,97 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
-header{
- height: 64px;
- width:100%;
- background-color: black;
-}
-.head_li{
- display: block;
- float: left ;
- color:white;
- font-size:16px;
- text-align: center;
- line-height: 64px;
- margin-left: 30px;
-}
-.head_li a{
- text-decoration: none;
- color:white;
-}
-.head_li a:hover{
- color: darkgray;
-}
-.head_lis{
- display: block;
- float: left ;
- color: aliceblue;
- font-size:16px;
- text-align: center;
- line-height: 64px;
- margin-left: 30px;
-}
-*{
- padding: 0;
- margin: 0;
-}
-.icon-touxiang{
- font-size:32px;
-}
-.head_fr{
- float: right;
- margin-right: 30px;
-}
-.box1{
- margin: 50px auto;
- background-color: antiquewhite;
- width: 1200px;
- height: 345px;
-}
-.boxTwo:hover{
- background-color: white;
- color:black;
-}
-.boxOne{
- width:160px;
- height: 345px;
- background-color:black;
- float: left;
- opacity: 0.8;
-}
-li{
- list-style: none;
-}
-.boxTwo{
- display: block;
- background-color:transparent;
- width:160px;
- height:40px;
- font-size:16px;
- color:white;
- text-align:left;
- text-decoration: none;
-}
-.lunbotu{
- width: 1200px;
- height: 345px;
- background-color: transparent;
-}
-.contentStyle{
- height:10px;
- width: 10px;
- color: #fff;
- line-height: 10px;
- text-align: center;
- background-color: #364d79;
-};
\ No newline at end of file
diff --git a/tg-head/src/index.js b/tg-head/src/index.js
deleted file mode 100644
index 1fbb0476..00000000
--- a/tg-head/src/index.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import './iconfont/iconfont.css';
-import { Carousel } from 'antd';
-let head = (
-
-
-
-
-
-

-
-
-
-
1
-
-
-
2
-
-
-
3
-
-
-
-
-
-
-
-)
-ReactDOM.render(head, document.getElementById('root'));