xhkjedu
/
xh_web
Beobachten 6
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

关于我们

gzb
guozhongbo vor 1 Jahr
Ursprung
d806650edb
Commit
402e1530b2
6 geänderte Dateien mit 299 neuen und 7 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 103
    0
      css/about.css
  2. 2
    2
      css/product.css
  3. 54
    4
      css/service.css
  4. BIN
      img/about/banner15.png
  5. 83
    1
      sections/about.html
  6. 57
    0
      sections/service.html

+ 103
- 0
css/about.css Datei anzeigen 

@@ -0,0 +1,103 @@
1 
+.ab_header {
2 
+  width: 100%;
3 
+  height: 3.9rem;
4 
+  position: relative;
5 
+}
6 
+
7 
+.ab_header img {
8 
+  width: 100%;
9 
+  height: 100%;
10 
+}
11 
+
12 
+.suspension {
13 
+  position: absolute;
14 
+  left: 2rem;
15 
+  top: 1.3rem;
16 
+  color: white;
17 
+}
18 
+
19 
+.suspension div {
20 
+  font-weight: bold;
21 
+  font-size: 0.4rem;
22 
+  margin-bottom: 0.4rem;
23 
+}
24 
+
25 
+.suspension p {
26 
+  font-size: 0.16rem;
27 
+}
28 
+.piece {
29 
+  width: 100%;
30 
+  /* height: 8rem; */
31 
+}
32 
+
33 
+.piece_color {
34 
+  background-color: #f5f6f9ff;
35 
+}
36 
+
37 
+.piece_item {
38 
+  width: 13rem;
39 
+  margin: 0 auto;
40 
+  padding: 1rem 0 0.4rem;
41 
+}
42 
+.area_title {
43 
+  color: #000000;
44 
+  letter-spacing: 0.01rem;
45 
+  font-size: 0.4rem;
46 
+  font-weight: bold;
47 
+  text-align: center;
48 
+  margin-bottom: 0.4rem;
49 
+}
50 
+
51 
+.area_comm p {
52 
+  color: #000000;
53 
+  font-size: 0.16rem;
54 
+  text-align: left;
55 
+  letter-spacing: 0.02rem;
56 
+  line-height: 0.3rem;
57 
+  margin: 0;
58 
+  text-indent: 2em;
59 
+  margin-bottom: 0.3rem;
60 
+}
61 
+.area_top{
62 
+  display: flex;
63 
+}
64 
+.area_left{
65 
+  flex: 3;
66 
+  text-align: right;
67 
+}
68 
+.area_num{
69 
+  color: #2D8CF0;
70 
+  font-weight: bold;
71 
+  font-size: 0.48rem;
72 
+}
73 
+.area_tit{
74 
+  color: #333333;
75 
+    font-weight: bold;
76 
+    font-size: 0.18rem;
77 
+    line-height: 0.6rem;
78 
+}
79 
+.area_jia{
80 
+  color: #2D8CF0;
81 
+    font-weight: bold;
82 
+    font-size: 0.36rem;
83 
+    margin-top: -0.1rem;
84 
+}
85 
+.area_com {
86 
+  color: #666666;
87 
+  font-size: 0.14rem;
88 
+  line-height: 0.24rem;
89 
+}
90 
+.area_right {
91 
+  flex: 3;
92 
+  text-align: left;
93 
+}
94 
+.area_spacing{
95 
+  height: 2.5rem;
96 
+  display: flex;
97 
+  flex-direction:column-reverse;
98 
+}
99 
+.area_top img{
100 
+  width: 5rem;
101 
+  height: 5rem;
102 
+  margin: 0 1rem;
103 
+}

+ 2
- 2
css/product.css Datei anzeigen 

@@ -1,4 +1,4 @@
1 
-body{
1 
+.pro_content{
2 2 
   background-color: white;
3 3 
 }
4 4 
 .pro_header{
 
@@ -17,7 +17,7 @@ body{
17 17 
   background-color: #f5f6f9ff;
18 18 
 }
19 19 
 .piece_item{
20 
- width: 70%;
20 
+  width: 13rem;
21 21 
  margin:0 auto;
22 22 
  padding: 1rem 0 0.4rem;
23 23 
 }

+ 54
- 4
css/service.css Datei anzeigen 

@@ -23,7 +23,7 @@
23 23 
   font-size: 0.16rem;
24 24 
 }
25 25 
 .ser_content{
26 
-  width: 70%;
26 
+  width: 13rem;
27 27 
     margin: 0 auto;
28 28 
     padding: 1rem 0 0.4rem;
29 29 
 }
 
@@ -33,14 +33,64 @@
33 33 
   font-size: 0.4rem;
34 34 
   font-weight: bold;
35 35 
   text-align: center;
36 
-  margin-bottom: 0.4rem;
36 
+  margin-bottom: 0.2rem;
37 37 
 }
38 38
39 39 
 .ser_comm p {
40 
-  color: #000000;
40 
+  width: 100%;
41 
+  color: #999999;
41 42 
   font-size: 0.16rem;
42 43 
   text-align: center;
43 44 
   letter-spacing: 0.02rem;
44 45 
   line-height: 0.3rem;
45 46 
   margin: 0;
46 
-}
47 
+}
48 
+.ser_conn{
49 
+  color: #999999;
50 
+    font-size: 0.16rem;
51 
+    margin-top: 0.3rem;
52 
+}
53 
+.ser_school{
54 
+  display:flex;
55 
+  margin-top: 0.2rem;
56 
+}
57 
+.ser_sc_info{
58 
+  width: 14.3%;
59 
+  height: 2rem;
60 
+  text-align: center;
61 
+}
62 
+.ser_sc_info img{
63 
+  width: 0.7rem;
64 
+  height: 0.7rem;
65 
+  margin-top: 0.1rem;
66 
+  margin-bottom: 0.2rem;
67 
+}
68 
+.ser_sc_info div{
69 
+  color: #333333;
70 
+  font-size: 0.16rem;
71 
+}
72 
+.ser_comm{
73 
+  display: flex;
74 
+  flex-wrap: wrap;
75 
+}
76 
+.ser_con {
77 
+  width: calc(33% - 0.15rem);
78 
+  height: 3.4rem;
79 
+  background-color: #f5f7f9ff;
80 
+  padding: 0.2rem;
81 
+  box-sizing: border-box;
82 
+  margin: 0 0.25rem 0.4rem 0;
83 
+}
84 
+.ser_con img{
85 
+  width: 100%;
86 
+  height: 2.5rem;
87 
+  margin-bottom: 0.1rem;
88 
+}
89 
+.ser_con div{
90 
+  color: #333333;
91 
+    font-size: 0.16rem;
92 
+    text-align: center;
93 
+}
94 
+.ser_con:nth-child(3n) {
95 
+   margin-right: 0;
96 
+ }

BIN
img/about/banner15.png Datei anzeigen


+ 83
- 1
sections/about.html Datei anzeigen 

@@ -4,9 +4,91 @@
4 4 
     <meta charset="UTF-8" />
5 5 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <link rel="stylesheet" href="../css/comm.css" />
8 
+    <link rel="stylesheet" href="../css/about.css" />
9 
+    <script src="../utils/rem.js"></script>
7 10 
     <title>关于我们</title>
8 11 
   </head>
9 12 
   <body>
10 
-    关于
13 
+    <div class="ab_header">
14 
+      <img src="../img/product.png" />
15 
+      <div class="suspension">
16 
+        <div>关于我们</div>
17 
+        <p>
18 
+          适用于大班课、培训直播、课堂直播、空中课堂等在线教培场景，师生可随时随地开展教学活动
19 
+        </p>
20 
+      </div>
21 
+    </div>
22 
+    <div class="ab_content">
23 
+      <div class="piece">
24 
+        <div class="piece_item">
25 
+          <div class="area_title">星火燎原</div>
26 
+          <div class="area_comm">
27 
+            <p>
28 
+              星火云鸽是河南星火燎原软件科技有限公司旗下自主品牌，公司成立于2017年6月，坐落于郑州龙子湖智慧岛。
29 
+            </p>
30 
+            <p>
31 
+              我们秉承"依托教育、研究教育、服务教育”的理念，致力于智慧教育综合解决方案服务。公司拥有一支以教育教研服务与产品技术研发为主的精英团队，用实力打造具有无缝
32 
+              隙、智能化、可进化的特色教育生态体系，自主研发精准教育大数据平台，向基础教育领域提供教、学、考、评、管系列产品及服务，涵盖校园管理、智慧教学、学情分析系统、升
33 
+              学测评系统等，同时提供教育信息化系统集成服务。
34 
+            </p>
35 
+            <p>
36 
+              星火科技自成立以来，始终坚持教育以人为本的初心，立志为教育创造一个注重学生个性发展、寓教于乐、和谐融洽、高效智能的快乐世界！
37 
+            </p>
38 
+            <p></p>
39 
+          </div>
40 
+          <div class="area_client">
41 
+            <div class="area_top">
42 
+              <div class="area_left">
43 
+                <div class="area_spacing">
44 
+                  <div class="area_com">
45 
+                    以教育、学习为主要应用场景，服务于学校教育教
46 
+                    学与管理、学生学习和生活以及家校互动等方面
47 
+                  </div>
48 
+                  <div class="area_tit">教育移动互联互应用程序备案管理</div>
49 
+                  <div style="display: flex; flex-direction: row-reverse">
50 
+                    <div class="area_jia">+</div>
51 
+                    <div class="area_num">2</div>
52 
+                  </div>
53 
+                </div>
54 
+                <div class="area_spacing">
55 
+                  <div class="area_com">自主知识产权致力于身份安全</div>
56 
+                  <div class="area_tit">计算机软件著作权</div>
57 
+                  <div style="display: flex; flex-direction: row-reverse">
58 
+                    <div class="area_jia">+</div>
59 
+                    <div class="area_num">12</div>
60 
+                  </div>
61 
+                </div>
62 
+              </div>
63 
+              <img src="../img/about/banner15.png" />
64 
+              <div class="area_right">
65 
+                <div class="area_spacing">
66 
+                  <div class="area_com" style="margin-bottom: 0.5rem">
67 
+                    自主知识产权致力于身份安全
68 
+                  </div>
69 
+                  <div class="area_tit">其他资质证书</div>
70 
+                  <div style="display: flex">
71 
+                    <div class="area_num">66</div>
72 
+                    <div class="area_jia">+</div>
73 
+                  </div>
74 
+                </div>
75 
+                <div class="area_spacing">
76 
+                  <div class="area_com">
77 
+                    行业专业和资深团队提供零信任的安全服务
78 
+                  </div>
79 
+                  <div class="area_tit">专家技术团队</div>
80 
+                  <div style="display: flex">
81 
+                    <div class="area_num">300</div>
82 
+                    <div class="area_jia">+</div>
83 
+                  </div>
84 
+                </div>
85 
+              </div>
86 
+            </div>
87 
+            <div class="area_bot"></div>
88 
+          </div>
89 
+        </div>
90 
+      </div>
91 
+      <div class="piece"></div>
92 
+    </div>
11 93 
   </body>
12 94 
 </html>

+ 57
- 0
sections/service.html Datei anzeigen 

@@ -8,6 +8,11 @@
8 8 
     <link rel="stylesheet" href="../css/service.css" />
9 9 
     <script src="../utils/rem.js"></script>
10 10 
     <title>服务案例</title>
11 
+    <style>
12 
+      body {
13 
+        background-color: white;
14 
+      }
15 
+    </style>
11 16 
   </head>
12 17 
   <body>
13 18 
     <div class="ser_header">

@@ -22,6 +27,58 @@
22 27 
       <div class="ser_comm">
23 28 
         <p>提供智慧教学服务，提供高质量的同步课堂、互动课堂教学系统等方案</p>
24 29 
       </div>
30 
+      <div class="ser_conn">部分合作学校（排名不分先后）</div>
31 
+      <div class="ser_school">
32 
+        <div class="ser_sc_info">
33 
+          <img src="../img/product.png" />
34 
+          <div>管城外国语</div>
35 
+        </div>
36 
+        <div class="ser_sc_info">
37 
+          <img src="../img/product.png" />
38 
+          <div>管城外国语</div>
39 
+        </div>
40 
+        <div class="ser_sc_info">
41 
+          <img src="../img/product.png" />
42 
+          <div>管城外国语</div>
43 
+        </div>
44 
+        <div class="ser_sc_info">
45 
+          <img src="../img/product.png" />
46 
+          <div>管城外国语</div>
47 
+        </div>
48 
+        <div class="ser_sc_info">
49 
+          <img src="../img/product.png" />
50 
+          <div>管城外国语</div>
51 
+        </div>
52 
+        <div class="ser_sc_info">
53 
+          <img src="../img/product.png" />
54 
+          <div>管城外国语</div>
55 
+        </div>
56 
+        <div class="ser_sc_info">
57 
+          <img src="../img/product.png" />
58 
+          <div>管城外国语</div>
59 
+        </div>
60 
+      </div>
61 
+      <div class="ser_comm">
62 
+        <div class="ser_con">
63 
+          <img src="../img/product.png" />
64 
+          <div>管城外国语</div>
65 
+        </div>
66 
+        <div class="ser_con">
67 
+          <img src="../img/product.png" />
68 
+          <div>管城外国语</div>
69 
+        </div>
70 
+        <div class="ser_con">
71 
+          <img src="../img/product.png" />
72 
+          <div>管城外国语</div>
73 
+        </div>
74 
+        <div class="ser_con">
75 
+          <img src="../img/product.png" />
76 
+          <div>管城外国语</div>
77 
+        </div>
78 
+      </div>
25 79 
     </div>
26 80 
   </body>
81 
+  <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
82 
+  <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
83 
+  <script src="../js/service.js"></script>
27 84 
 </html>

Verfassen Vorschau
Laden…
Abbrechen
Speichern