Skip to Content

Changes for page Về chúng tôi

Last modified by admin on 10/09/2026 17:18
From version 29.1
edited by admin
on 10/09/2026 16:44
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

XWiki.StyleSheetExtension[2]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,134 @@
1 +.nvg-intro {
2 + display: flex;
3 + width: 100%;
4 + min-height: 650px;
5 + overflow: hidden;
6 + position: relative;
7 + font-family: 'Mona Sans', 'Open Sans', sans-serif;
8 + background: #ffffff;
9 +}
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 +/* TITLE */
33 +
34 +.nvg-intro-title {
35 + font-size: 34px;
36 + font-weight: 800;
37 + line-height: 1.45;
38 + text-transform: uppercase;
39 + color: #258445;
40 + margin-bottom: 12px;
41 +}
42 +
43 +/* BLUE LINE */
44 +
45 +.nvg-title-line {
46 + width: 65px;
47 + height: 3px;
48 + background: #2f7fc1;
49 + margin-bottom: 15px;
50 +}
51 +
52 +/* TEXT */
53 +
54 +.nvg-intro-left p {
55 + font-size: 15px;
56 + line-height: 1.55;
57 + color: #444444;
58 + margin-bottom: 20px;
59 + text-align: justify;
60 +}
61 +
62 +.nvg-intro-left strong {
63 + font-weight: 800;
64 +}
65 +
66 +/* =========================
67 + RIGHT BACKGROUND
68 +========================= */
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");
76 +
77 + background-size: cover;
78 + background-position: center;
79 +}
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 + .nvg-intro {
118 + display: block;
119 + }
120 +
121 + .nvg-intro-left,
122 + .nvg-intro-right {
123 + width: 100%;
124 + }
125 +
126 + .nvg-intro-right {
127 + min-height: 450px;
128 + }
129 +
130 + .nvg-intro-right::before {
131 + display: none;
132 + }
133 +
134 +}
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +CSS content
Parse content
... ... @@ -1,0 +1,1 @@
1 +No
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage