Skip to Content

Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18
From version 32.1
edited by admin
on 10/09/2026 16:49
Change comment: There is no comment for this version
To version 37.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,8 +6,7 @@
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>
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/Images/WebHome/Screenshot_2.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  }