Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18

From version 30.1
edited by admin
on 10/09/2026 16:44
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
... ... @@ -1,0 +1,63 @@
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 NAM VIỆT GROUP
10 + </div>
11 +
12 + <div class="nvg-title-line"></div>
13 +
14 +
15 + <h5>
16 + Nơi nào có niềm tin, nơi đó có con đường. Và để chạm đến đích
17 + của những khát vọng lớn lao, hành trình ấy đòi hỏi sự bền bỉ,
18 + ý chí và nỗ lực không ngừng — dù là một cá nhân, một doanh nghiệp
19 + hay một quốc gia. Nam Việt Group cũng không nằm ngoài quy luật đó.
20 + </h5>
21 +
22 +
23 + <h5>
24 + <strong>
25 + Kế thừa hơn 16 năm kinh nghiệm, nền tảng vận hành và giá trị
26 + tích lũy từ thương hiệu Đất Xanh Miền Nam,
27 + </strong>
28 +
29 + Nam Việt Group từng bước mở rộng quy mô, chuẩn hóa bộ máy và
30 + khẳng định bản lĩnh trên thị trường bất động sản Việt Nam.
31 + Từ những viên gạch đầu tiên tại TP. Hồ Chí Minh — trung tâm kinh tế
32 + năng động bậc nhất cả nước, đến những mái dự án mang dấu ấn quốc gia,
33 + rực rỡ những ánh nắng phương Nam — doanh nghiệp đã xây dựng nền móng
34 + vững chắc cho hành trình phát triển dài hạn.
35 + </h5>
36 +
37 +
38 + <h5>
39 + Khởi đầu với vai trò là đơn vị phân phối và môi giới đầy tâm huyết,
40 + Nam Việt Group nhanh chóng trở thành một trong những thương hiệu uy tín
41 + tại thị trường phía Nam, đồng thời mở rộng tầm ảnh hưởng ra nhiều tỉnh
42 + thành trên cả nước.
43 + </h5>
44 +
45 +
46 + <h5>
47 + 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
48 + thương hiệu dựa trên sự minh bạch - chuẩn mực - hiệu quả, Nam Việt Group
49 + đ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
50 + bất động sản có tầm ảnh hưởng - bền vững - uy tín tại Việt Nam,
51 + 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
52 + cho cộng đồng.
53 + </h5>
54 +
55 + </div>
56 +
57 +
58 + <!-- RIGHT IMAGE -->
59 +
60 + <div class="nvg-intro-right"></div>
61 +
62 +</div>
63 +{{/html}}
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  }