Showing
6 changed files
with
108 additions
and
26 deletions
@@ -21,7 +21,7 @@ | @@ -21,7 +21,7 @@ | ||
21 | 更多模板:www.bootstrapmb.com | 21 | 更多模板:www.bootstrapmb.com |
22 | **********************************************/ | 22 | **********************************************/ |
23 | 23 | ||
24 | -/*** | 24 | +/*** |
25 | ==================================================================== | 25 | ==================================================================== |
26 | Start Global CSS | 26 | Start Global CSS |
27 | ==================================================================== | 27 | ==================================================================== |
@@ -158,7 +158,7 @@ img { | @@ -158,7 +158,7 @@ img { | ||
158 | display: inline-block; | 158 | display: inline-block; |
159 | text-transform: capitalize; | 159 | text-transform: capitalize; |
160 | font-family: 'Poppins', sans-serif; | 160 | font-family: 'Poppins', sans-serif; |
161 | - | 161 | + |
162 | } | 162 | } |
163 | 163 | ||
164 | /*Social Icon*/ | 164 | /*Social Icon*/ |
@@ -320,13 +320,13 @@ textarea:placeholder, | @@ -320,13 +320,13 @@ textarea:placeholder, | ||
320 | } | 320 | } |
321 | 321 | ||
322 | 322 | ||
323 | -/*** | 323 | +/*** |
324 | ==================================================================== | 324 | ==================================================================== |
325 | End Global CSS | 325 | End Global CSS |
326 | ==================================================================== | 326 | ==================================================================== |
327 | ***/ | 327 | ***/ |
328 | 328 | ||
329 | -/*** | 329 | +/*** |
330 | ==================================================================== | 330 | ==================================================================== |
331 | Start Hero Section | 331 | Start Hero Section |
332 | ==================================================================== | 332 | ==================================================================== |
@@ -337,6 +337,13 @@ textarea:placeholder, | @@ -337,6 +337,13 @@ textarea:placeholder, | ||
337 | background-position: center bottom; | 337 | background-position: center bottom; |
338 | background-size: cover; | 338 | background-size: cover; |
339 | } | 339 | } |
340 | +.concat-top { | ||
341 | + position: relative; | ||
342 | + background: url('../img/concat/bg.png'); | ||
343 | + background-position: center bottom; | ||
344 | + background-size: cover; | ||
345 | + padding: 200px; | ||
346 | +} | ||
340 | 347 | ||
341 | .hero-content h1 { | 348 | .hero-content h1 { |
342 | font-weight: 300; | 349 | font-weight: 300; |
@@ -353,14 +360,14 @@ textarea:placeholder, | @@ -353,14 +360,14 @@ textarea:placeholder, | ||
353 | margin: 0 -200px 0 90px; | 360 | margin: 0 -200px 0 90px; |
354 | } | 361 | } |
355 | 362 | ||
356 | -/*** | 363 | +/*** |
357 | ==================================================================== | 364 | ==================================================================== |
358 | End Hero Section | 365 | End Hero Section |
359 | ==================================================================== | 366 | ==================================================================== |
360 | ***/ | 367 | ***/ |
361 | 368 | ||
362 | 369 | ||
363 | -/*** | 370 | +/*** |
364 | ==================================================================== | 371 | ==================================================================== |
365 | Start Banner Section | 372 | Start Banner Section |
366 | ==================================================================== | 373 | ==================================================================== |
@@ -404,13 +411,13 @@ textarea:placeholder, | @@ -404,13 +411,13 @@ textarea:placeholder, | ||
404 | font-size: 14px; | 411 | font-size: 14px; |
405 | } | 412 | } |
406 | 413 | ||
407 | -/*** | 414 | +/*** |
408 | ==================================================================== | 415 | ==================================================================== |
409 | End Banner Section | 416 | End Banner Section |
410 | ==================================================================== | 417 | ==================================================================== |
411 | 418 | ||
412 | 419 | ||
413 | -/*** | 420 | +/*** |
414 | ==================================================================== | 421 | ==================================================================== |
415 | Start Services Section | 422 | Start Services Section |
416 | ==================================================================== | 423 | ==================================================================== |
@@ -439,13 +446,13 @@ textarea:placeholder, | @@ -439,13 +446,13 @@ textarea:placeholder, | ||
439 | 446 | ||
440 | 447 | ||
441 | 448 | ||
442 | -/*** | 449 | +/*** |
443 | ==================================================================== | 450 | ==================================================================== |
444 | End Services Section | 451 | End Services Section |
445 | ==================================================================== | 452 | ==================================================================== |
446 | ***/ | 453 | ***/ |
447 | 454 | ||
448 | -/*** | 455 | +/*** |
449 | ==================================================================== | 456 | ==================================================================== |
450 | Start Project section | 457 | Start Project section |
451 | ==================================================================== | 458 | ==================================================================== |
@@ -558,7 +565,7 @@ textarea:placeholder, | @@ -558,7 +565,7 @@ textarea:placeholder, | ||
558 | right: 20px; | 565 | right: 20px; |
559 | } | 566 | } |
560 | 567 | ||
561 | -/*** | 568 | +/*** |
562 | ==================================================================== | 569 | ==================================================================== |
563 | End Project section | 570 | End Project section |
564 | ==================================================================== | 571 | ==================================================================== |
@@ -618,7 +625,7 @@ textarea:placeholder, | @@ -618,7 +625,7 @@ textarea:placeholder, | ||
618 | margin: 10px 0 0; | 625 | margin: 10px 0 0; |
619 | } | 626 | } |
620 | 627 | ||
621 | -/*** | 628 | +/*** |
622 | ==================================================================== | 629 | ==================================================================== |
623 | End Success Section | 630 | End Success Section |
624 | ==================================================================== | 631 | ==================================================================== |
@@ -668,7 +675,7 @@ textarea:placeholder, | @@ -668,7 +675,7 @@ textarea:placeholder, | ||
668 | border: 2px solid; | 675 | border: 2px solid; |
669 | } | 676 | } |
670 | 677 | ||
671 | -/*** | 678 | +/*** |
672 | ==================================================================== | 679 | ==================================================================== |
673 | End Video Section | 680 | End Video Section |
674 | ==================================================================== | 681 | ==================================================================== |
@@ -733,7 +740,7 @@ textarea:placeholder, | @@ -733,7 +740,7 @@ textarea:placeholder, | ||
733 | } | 740 | } |
734 | 741 | ||
735 | 742 | ||
736 | -/*** | 743 | +/*** |
737 | ==================================================================== | 744 | ==================================================================== |
738 | End Services Two Section | 745 | End Services Two Section |
739 | ==================================================================== | 746 | ==================================================================== |
@@ -899,7 +906,7 @@ textarea:placeholder, | @@ -899,7 +906,7 @@ textarea:placeholder, | ||
899 | margin-top: 5px; | 906 | margin-top: 5px; |
900 | } | 907 | } |
901 | 908 | ||
902 | -/*** | 909 | +/*** |
903 | ==================================================================== | 910 | ==================================================================== |
904 | End Pricing section | 911 | End Pricing section |
905 | ==================================================================== | 912 | ==================================================================== |
@@ -958,7 +965,7 @@ textarea:placeholder, | @@ -958,7 +965,7 @@ textarea:placeholder, | ||
958 | color: #1C00AF; | 965 | color: #1C00AF; |
959 | } | 966 | } |
960 | 967 | ||
961 | -/*** | 968 | +/*** |
962 | ==================================================================== | 969 | ==================================================================== |
963 | End Team Section | 970 | End Team Section |
964 | ==================================================================== | 971 | ==================================================================== |
@@ -1021,7 +1028,7 @@ textarea:placeholder, | @@ -1021,7 +1028,7 @@ textarea:placeholder, | ||
1021 | padding: 16px 0 10px; | 1028 | padding: 16px 0 10px; |
1022 | } | 1029 | } |
1023 | 1030 | ||
1024 | -/*** | 1031 | +/*** |
1025 | ==================================================================== | 1032 | ==================================================================== |
1026 | End FAQ Section | 1033 | End FAQ Section |
1027 | ==================================================================== | 1034 | ==================================================================== |
@@ -1164,7 +1171,7 @@ textarea:placeholder, | @@ -1164,7 +1171,7 @@ textarea:placeholder, | ||
1164 | display: inline-block; | 1171 | display: inline-block; |
1165 | } | 1172 | } |
1166 | 1173 | ||
1167 | -/*** | 1174 | +/*** |
1168 | ==================================================================== | 1175 | ==================================================================== |
1169 | End Testimonials Section | 1176 | End Testimonials Section |
1170 | ==================================================================== | 1177 | ==================================================================== |
@@ -1406,7 +1413,7 @@ blockquote:before { | @@ -1406,7 +1413,7 @@ blockquote:before { | ||
1406 | .widget-post-content h6 { | 1413 | .widget-post-content h6 { |
1407 | margin: 0; | 1414 | margin: 0; |
1408 | font-weight: 400; | 1415 | font-weight: 400; |
1409 | - | 1416 | + |
1410 | } | 1417 | } |
1411 | .widget-post-content h6 a{ | 1418 | .widget-post-content h6 a{ |
1412 | color: #848484; | 1419 | color: #848484; |
@@ -1455,7 +1462,7 @@ blockquote:before { | @@ -1455,7 +1462,7 @@ blockquote:before { | ||
1455 | color: #FFFFFF; | 1462 | color: #FFFFFF; |
1456 | transition: .5s; | 1463 | transition: .5s; |
1457 | } | 1464 | } |
1458 | -/*** | 1465 | +/*** |
1459 | ==================================================================== | 1466 | ==================================================================== |
1460 | End Blog Section | 1467 | End Blog Section |
1461 | ==================================================================== | 1468 | ==================================================================== |
@@ -1477,7 +1484,7 @@ blockquote:before { | @@ -1477,7 +1484,7 @@ blockquote:before { | ||
1477 | margin-bottom: 15px; | 1484 | margin-bottom: 15px; |
1478 | } | 1485 | } |
1479 | 1486 | ||
1480 | -/*** | 1487 | +/*** |
1481 | ==================================================================== | 1488 | ==================================================================== |
1482 | End Call For Action Section | 1489 | End Call For Action Section |
1483 | ==================================================================== | 1490 | ==================================================================== |
@@ -1546,7 +1553,7 @@ blockquote:before { | @@ -1546,7 +1553,7 @@ blockquote:before { | ||
1546 | margin-top: 20px; | 1553 | margin-top: 20px; |
1547 | } | 1554 | } |
1548 | 1555 | ||
1549 | -/*** | 1556 | +/*** |
1550 | ==================================================================== | 1557 | ==================================================================== |
1551 | End Contact Page section | 1558 | End Contact Page section |
1552 | ==================================================================== | 1559 | ==================================================================== |
@@ -1616,7 +1623,7 @@ blockquote:before { | @@ -1616,7 +1623,7 @@ blockquote:before { | ||
1616 | right: 0; | 1623 | right: 0; |
1617 | } | 1624 | } |
1618 | 1625 | ||
1619 | -/*** | 1626 | +/*** |
1620 | ==================================================================== | 1627 | ==================================================================== |
1621 | End Error section | 1628 | End Error section |
1622 | ==================================================================== | 1629 | ==================================================================== |
website/assets/img/concat/bg.png
0 → 100644

1.7 MB
website/assets/img/concat/s1.JPG
0 → 100644
8.14 MB
website/assets/img/concat/s2.jpg
0 → 100644

552 KB
website/assets/img/concat/s3.jpg
0 → 100644

152 KB
1 | -<div> | 1 | +<section class="hero-section rel rpt-150 pb-130 rpb-0"> |
2 | + <div class="shape shapeAnimationOne l-10 t-60"> | ||
3 | + <img src="assets/img/shapes/shape1.png" alt="Shape"> | ||
4 | + </div> | ||
5 | + <div class="shape shapeAnimationTwo l-70 t-60"> | ||
6 | + <img src="assets/img/shapes/shape2.png" alt="Shape"> | ||
7 | + </div> | ||
8 | + <div class="shape shapeAnimationThree l-50 t-100"> | ||
9 | + <img src="assets/img/shapes/shape3.png" alt="Shape"> | ||
10 | + </div> | ||
11 | +</section> | ||
2 | 12 | ||
3 | 13 | ||
14 | +<section class="concat-top rel rpt-150 pb-130 rpb-0 text-left "> | ||
15 | + <h1 class="color-white mb-2">加入鸿果,成为你想成为的人</h1> | ||
16 | + <h2 class="color-white mb-2">齐心协力、积极乐观、共同发展、团队共赢!</h2> | ||
17 | + <h4 class="color-white mb-2">具备足够的勇气及长远的眼光,大家携手一起,齐心协力,积极乐观,超共同的目标前进实现共同发展及利益最大化</h4> | ||
18 | +</section> | ||
4 | 19 | ||
5 | - contact | 20 | +<section class="sps-one pt-120 mb-70 rmb-100"> |
21 | + <div class="container"> | ||
22 | + <div class="row align-items-center"> | ||
23 | + <div class="col-lg-6 order-lg-2"> | ||
24 | + <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow"> | ||
25 | + <div class="section-title style-three mb-15"> | ||
26 | + <span class="sub-title">成功靠大家努力</span> | ||
27 | + </div> | ||
28 | + <p>成功的花,人们只惊羡它现时的明艳,然而当初它的芽儿,却浸透了奋斗者的泪泉,洒满了牺牲的血雨——冰心。成功不简单,坚持下去,就是胜利!向着美好的明天,迈进吧!</p> | ||
6 | 29 | ||
30 | + </div> | ||
31 | + </div> | ||
32 | + <div class="col-lg-6"> | ||
33 | + <div class="service-left-image wow customFadeInLeft delay-0-1s slow"> | ||
34 | + <img style="border-radius: 25px" src="assets/img/concat/s1.JPG" alt="Service image"> | ||
35 | + </div> | ||
36 | + </div> | ||
37 | + </div> | ||
38 | + </div> | ||
39 | +</section> | ||
7 | 40 | ||
8 | -</div> | 41 | + |
42 | +<section class="sps-two mb-50 rmb-100"> | ||
43 | + <div class="container"> | ||
44 | + <div class="row align-items-center"> | ||
45 | + <div class="col-lg-6"> | ||
46 | + <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow"> | ||
47 | + <div class="section-title style-three mb-15"> | ||
48 | + <span class="sub-title">在美好的环境中工作并创新</span> | ||
49 | + </div> | ||
50 | + <p>在团队活动中释放个性</p> | ||
51 | + </div> | ||
52 | + </div> | ||
53 | + <div class="col-lg-6"> | ||
54 | + <div class="service-right-image wow customFadeInRight delay-0-1s slow"> | ||
55 | + <img style="border-radius: 25px" src="assets/img/concat/s2.jpg" alt="Service image"> | ||
56 | + </div> | ||
57 | + </div> | ||
58 | + </div> | ||
59 | + </div> | ||
60 | +</section> | ||
61 | + | ||
62 | + | ||
63 | +<section class="sps-three mb-50 rmb-100"> | ||
64 | + | ||
65 | + <div class="container"> | ||
66 | + <div class="row align-items-center"> | ||
67 | + <div class="col-lg-6 order-lg-2"> | ||
68 | + <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow"> | ||
69 | + <div class="section-title style-three mb-15"> | ||
70 | + <span class="sub-title">在美好的环境中工作并创新</span> | ||
71 | + </div> | ||
72 | + <p>团队是什么?</p> | ||
73 | + <p>由一小群人组成,有着相同的目标,为实现目标负有相同的责任。</p> | ||
74 | + </div> | ||
75 | + </div> | ||
76 | + <div class="col-lg-6"> | ||
77 | + <div class="service-left-image wow customFadeInLeft delay-0-1s slow"> | ||
78 | + <img style="border-radius: 25px" src="assets/img/concat/s3.jpg" alt="Service image"> | ||
79 | + </div> | ||
80 | + </div> | ||
81 | + </div> | ||
82 | + </div> | ||
83 | +</section> |
-
Please register or login to post a comment