Skip to Content

Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18
From version 31.1
edited by admin
on 10/09/2026 16:45
Change comment: There is no comment for this version
To version 36.1
edited by admin
on 10/09/2026 16:52
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,22 +6,21 @@
6 6   <div class="nvg-intro-left">
7 7  
8 8   <div class="nvg-intro-title">
9 - CÂU CHUYỆN THƯƠNG HIỆU<br>
10 - NAM VIỆT GROUP
9 + CÂU CHUYỆN THƯƠNG HIỆU NAM VIỆT GROUP
11 11   </div>
12 12  
13 13   <div class="nvg-title-line"></div>
14 14  
15 15  
16 - <p>
15 + <h5>
17 17   Nơi nào có niềm tin, nơi đó có con đường. Và để chạm đến đích
18 18   của những khát vọng lớn lao, hành trình ấy đòi hỏi sự bền bỉ,
19 19   ý chí và nỗ lực không ngừng — dù là một cá nhân, một doanh nghiệp
20 20   hay một quốc gia. Nam Việt Group cũng không nằm ngoài quy luật đó.
21 - </p>
20 + </h5>
22 22  
23 23  
24 - <p>
23 + <h5>
25 25   <strong>
26 26   Kế thừa hơn 16 năm kinh nghiệm, nền tảng vận hành và giá trị
27 27   tích lũy từ thương hiệu Đất Xanh Miền Nam,
... ... @@ -33,18 +33,18 @@
33 33   năng động bậc nhất cả nước, đến những mái dự án mang dấu ấn quốc gia,
34 34   rực rỡ những ánh nắng phương Nam — doanh nghiệp đã xây dựng nền móng
35 35   vững chắc cho hành trình phát triển dài hạn.
36 - </p>
35 + </h5>
37 37  
38 38  
39 - <p>
38 + <h5>
40 40   Khởi đầu với vai trò là đơn vị phân phối và môi giới đầy tâm huyết,
41 41   Nam Việt Group nhanh chóng trở thành một trong những thương hiệu uy tín
42 42   tại thị trường phía Nam, đồng thời mở rộng tầm ảnh hưởng ra nhiều tỉnh
43 43   thành trên cả nước.
44 - </p>
43 + </h5>
45 45  
46 46  
47 - <p>
46 + <h5>
48 48   Với tầm nhìn dài hạn, chiến lược phát triển đa ngành cùng cam kết xây dựng
49 49   thương hiệu dựa trên sự minh bạch - chuẩn mực - hiệu quả, Nam Việt Group
50 50   đang từng bước tiến gần hơn đến mục tiêu trở thành tập đoàn phát triển
... ... @@ -51,7 +51,7 @@
51 51   bất động sản có tầm ảnh hưởng - bền vững - uy tín tại Việt Nam,
52 52   kiến tạo những giá trị thật và góp phần nâng tầm chất lượng sống
53 53   cho cộng đồng.
54 - </p>
53 + </h5>
55 55  
56 56   </div>
57 57  
XWiki.StyleSheetExtension[2]
Code
... ... @@ -1,134 +1,66 @@
1 1  .nvg-intro {
2 - display: flex;
3 3   width: 100%;
4 - min-height: 650px;
5 - overflow: hidden;
6 - position: relative;
3 + box-sizing: border-box;
4 + padding: 40px 50px;
7 7   font-family: 'Mona Sans', 'Open Sans', sans-serif;
8 8   background: #ffffff;
9 9  }
10 10  
11 -/* =========================
12 - LEFT CONTENT
13 -========================= */
14 -
15 -.nvg-intro-left {
16 - width: 42%;
17 - padding: 35px 40px 30px 25px;
18 - box-sizing: border-box;
19 - position: relative;
20 - z-index: 2;
21 - background:
22 - linear-gradient(
23 - rgba(255,255,255,0.88),
24 - rgba(255,255,255,0.88)
25 - ),
26 - url("/bin/download/Storage/Source/Image/WebHome/namviet-group-right-background.png");
27 -
28 - background-size: cover;
29 - background-position: left center;
30 -}
31 -
32 32  /* TITLE */
33 33  
34 34  .nvg-intro-title {
35 - font-size: 34px;
12 + font-size: 38px;
36 36   font-weight: 800;
37 - line-height: 1.45;
14 + line-height: 1.35;
38 38   text-transform: uppercase;
39 39   color: #258445;
40 - margin-bottom: 12px;
17 + margin-bottom: 15px;
41 41  }
42 42  
43 43  /* BLUE LINE */
44 44  
45 45  .nvg-title-line {
46 - width: 65px;
23 + width: 70px;
47 47   height: 3px;
48 48   background: #2f7fc1;
49 - margin-bottom: 15px;
26 + margin-bottom: 25px;
50 50  }
51 51  
52 -/* TEXT */
29 +/* CONTENT */
53 53  
54 -.nvg-intro-left p {
55 - font-size: 15px;
56 - line-height: 1.55;
57 - color: #444444;
31 +.nvg-intro-content {
32 + width: 100%;
33 +}
34 +
35 +.nvg-intro-content p {
36 + font-size: 17px;
37 + line-height: 1.7;
38 + color: #333333;
58 58   margin-bottom: 20px;
59 59   text-align: justify;
60 60  }
61 61  
62 -.nvg-intro-left strong {
43 +.nvg-intro-content strong {
63 63   font-weight: 800;
45 + color: #222222;
64 64  }
65 65  
66 -/* =========================
67 - RIGHT BACKGROUND
68 -========================= */
69 69  
70 -.nvg-intro-right {
71 - width: 58%;
72 - min-height: 650px;
73 - position: relative;
74 - background-image:
75 - url("/bin/download/Storage/Source/Image/WebHome/namviet-group-right-background.png");
49 +/* MOBILE */
76 76  
77 - background-size: cover;
78 - background-position: center;
79 -}
51 +@media (max-width: 768px) {
80 80  
81 -/* =========================
82 - DIAGONAL GOLD DIVIDER
83 -========================= */
84 -
85 -.nvg-intro-right::before {
86 - content: "";
87 - position: absolute;
88 -
89 - top: 0;
90 - bottom: 0;
91 -
92 - left: -170px;
93 -
94 - width: 280px;
95 -
96 - background: linear-gradient(
97 - 120deg,
98 - transparent 0%,
99 - transparent 30%,
100 - #a96529 30%,
101 - #f6d18b 48%,
102 - #a96529 65%,
103 - transparent 65%
104 - );
105 -
106 - transform: skewX(-28deg);
107 -
108 - z-index: 1;
109 -}
110 -
111 -/* =========================
112 - RESPONSIVE
113 -========================= */
114 -
115 -@media (max-width: 900px) {
116 -
117 117   .nvg-intro {
118 - display: block;
54 + padding: 25px 20px;
119 119   }
120 120  
121 - .nvg-intro-left,
122 - .nvg-intro-right {
123 - width: 100%;
57 + .nvg-intro-title {
58 + font-size: 28px;
124 124   }
125 125  
126 - .nvg-intro-right {
127 - min-height: 450px;
61 + .nvg-intro-content p {
62 + font-size: 16px;
63 + line-height: 1.6;
128 128   }
129 129  
130 - .nvg-intro-right::before {
131 - display: none;
132 - }
133 -
134 134  }