-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
184 lines (157 loc) · 5.89 KB
/
aboutus.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.column {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}
.about-section {
padding: 50px;
text-align: center;
background-color: #474e5d;
color: white;
}
.container {
padding: 0 16px;
}
.container::after,
.row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
p {
font-family: Verdana, sans-serif;
font-size: larger
}
footer {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--mainclr);
padding: 15px;
/* margin-top: 15px;*/
font-size: large;
}
footer a {
text-decoration: none;
color: green;
}
footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="about-section">
<h1>About Us</h1>
<h2>Time passed, Faith grew</h2>
<p>VR constructions pvt. Ltd. is determined on providing pleasure in corporeal formations that shows to
Gem's character and nature.
</p>
<p>
VR constructions pvt. Ltd. was launched by Mr.Vanshaj Bajaj & Mr. Rubesh Raman, Professionally qualified
civil engineers. The company entered on the path to glory in
2011, as the leading builders and developers of properties in Jalandhar.
</p>
<p>
During the course of time by one project a year our company had grown to a stage of handling
multiple projects at a time. Thus establishing VR constructions pvt. Ltd. as one of the most revered
developers in Jalandhar. Eventually, it was converted into a Limited company as VR constructions pvt. Ltd.
(Jalandhar) Limited.
The investors of any kind are quality conscious. And the acquirers obviously demand only the
pre-eminent. VR constructions pvt. Ltd. (Jalandhar) an ISO 9005 organisation, is one among the
very few developers in Jalandhar that follow inflexible international quality standards.
</p>
<p>VR constructions pvt. Ltd. (Jalandhar) Limited has also got a sister Concern, viz. Cubic Builders Pvt. Ltd.,
functioning in the same office premises with the same directors engaged in
similar activities as that of VR constructions pvt. Ltd (Jalandhar).
VR constructions pvt. Ltd (Jalandhar) Limited consist of over 2500 plus satisfied customers. The
accomplishment of construction area has crossed over 3 million sq.ft. And the company is well
known for having provided secured apartments, properties, flats and living spaces of various
kinds in Phagwara. VR constructions pvt. Ltd (Jalandhar) Limited is also prominent in providing
properties for sale in Chandigarh.</p>
</div>
<h2 style="text-align:center">Our Team</h2>
<div class="row">
<div class="column">
<div class="card">
<img src="./images/avatar.jpg" alt="ME" style="width:100%">
<div class="container">
<h2>Vanshaj Bajaj</h2>
<p class="title">CEO & Founder</p>
<p>Some text that describes me lorem ipsum ipsum lorem.</p>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="./images/avatar.jpg" alt="Me" style="width:100%">
<div class="container">
<h2>Rubesh raman</h2>
<p class="title">Art Director</p>
<p>Some text that describes me lorem ipsum ipsum lorem.</p>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="./images/avatar.jpg" alt="Me" style="width:100%">
<div class="container">
<h2>Vanshaj Bajaj</h2>
<p class="title">Designer</p>
<p>Some text that describes me lorem ipsum ipsum lorem.</p>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<p><strong>Copyrights : <a href="https://github.com">VR Constructions</a><strong></p>
</div>
</footer>
</body>
</html>