Skip to Content

Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18
From version 34.1
edited by admin
on 10/09/2026 16:51
Change comment: There is no comment for this version
To version 30.1
edited by admin
on 10/09/2026 16:44
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,64 +1,0 @@
1 -{{html}}
2 -<div class="nvg-intro">
3 -
4 - <!-- LEFT CONTENT -->
5 -
6 - <div class="nvg-intro-left">
7 -
8 - <div class="nvg-intro-title">
9 - CÂU CHUYỆN THƯƠNG HIỆU<br>
10 - NAM VIỆT GROUP
11 - </div>
12 -
13 - <div class="nvg-title-line"></div>
14 -
15 -
16 - <p>
17 - Nơi nào có niềm tin, nơi đó có con đường. Và để chạm đến đích
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 - ý chí và nỗ lực không ngừng — dù là một cá nhân, một doanh nghiệp
20 - hay một quốc gia. Nam Việt Group cũng không nằm ngoài quy luật đó.
21 - </p>
22 -
23 -
24 - <p>
25 - <strong>
26 - Kế thừa hơn 16 năm kinh nghiệm, nền tảng vận hành và giá trị
27 - tích lũy từ thương hiệu Đất Xanh Miền Nam,
28 - </strong>
29 -
30 - Nam Việt Group từng bước mở rộng quy mô, chuẩn hóa bộ máy và
31 - khẳng định bản lĩnh trên thị trường bất động sản Việt Nam.
32 - Từ những viên gạch đầu tiên tại TP. Hồ Chí Minh — trung tâm kinh tế
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 - rực rỡ những ánh nắng phương Nam — doanh nghiệp đã xây dựng nền móng
35 - vững chắc cho hành trình phát triển dài hạn.
36 - </p>
37 -
38 -
39 - <p>
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 - Nam Việt Group nhanh chóng trở thành một trong những thương hiệu uy tín
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 - thành trên cả nước.
44 - </p>
45 -
46 -
47 - <p>
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 - thương hiệu dựa trên sự minh bạch - chuẩn mực - hiệu quả, Nam Việt Group
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 - bất động sản có tầm ảnh hưởng - bền vững - uy tín tại Việt Nam,
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 - cho cộng đồng.
54 - </p>
55 -
56 - </div>
57 -
58 -
59 - <!-- RIGHT IMAGE -->
60 -
61 - <div class="nvg-intro-right"></div>
62 -
63 -</div>
64 -{{/html}}
XWiki.StyleSheetExtension[2]
Code
... ... @@ -1,66 +1,134 @@
1 1  .nvg-intro {
2 + display: flex;
2 2   width: 100%;
3 - box-sizing: border-box;
4 - padding: 40px 50px;
4 + min-height: 650px;
5 + overflow: hidden;
6 + position: relative;
5 5   font-family: 'Mona Sans', 'Open Sans', sans-serif;
6 6   background: #ffffff;
7 7  }
8 8  
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 +
9 9  /* TITLE */
10 10  
11 11  .nvg-intro-title {
12 - font-size: 38px;
35 + font-size: 34px;
13 13   font-weight: 800;
14 - line-height: 1.35;
37 + line-height: 1.45;
15 15   text-transform: uppercase;
16 16   color: #258445;
17 - margin-bottom: 15px;
40 + margin-bottom: 12px;
18 18  }
19 19  
20 20  /* BLUE LINE */
21 21  
22 22  .nvg-title-line {
23 - width: 70px;
46 + width: 65px;
24 24   height: 3px;
25 25   background: #2f7fc1;
26 - margin-bottom: 25px;
49 + margin-bottom: 15px;
27 27  }
28 28  
29 -/* CONTENT */
52 +/* TEXT */
30 30  
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;
54 +.nvg-intro-left p {
55 + font-size: 15px;
56 + line-height: 1.55;
57 + color: #444444;
39 39   margin-bottom: 20px;
40 40   text-align: justify;
41 41  }
42 42  
43 -.nvg-intro-content strong {
62 +.nvg-intro-left strong {
44 44   font-weight: 800;
45 - color: #222222;
46 46  }
47 47  
66 +/* =========================
67 + RIGHT BACKGROUND
68 +========================= */
48 48  
49 -/* MOBILE */
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");
50 50  
51 -@media (max-width: 768px) {
77 + background-size: cover;
78 + background-position: center;
79 +}
52 52  
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 +
53 53   .nvg-intro {
54 - padding: 25px 20px;
118 + display: block;
55 55   }
56 56  
57 - .nvg-intro-title {
58 - font-size: 28px;
121 + .nvg-intro-left,
122 + .nvg-intro-right {
123 + width: 100%;
59 59   }
60 60  
61 - .nvg-intro-content p {
62 - font-size: 16px;
63 - line-height: 1.6;
126 + .nvg-intro-right {
127 + min-height: 450px;
64 64   }
65 65  
130 + .nvg-intro-right::before {
131 + display: none;
132 + }
133 +
66 66  }