rajconstructions/404.html at master · bhargavcode/rajconstructions · GitHub

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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raj Construction</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
  /* Reset */
  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: #333;
    background: #f4f4f4;
  }

  header {
    background: #004080;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1000;
  }

  header h1 {
    font-size: 2.5rem;
    letter-spacing: 2px;
  }

  nav {
    margin-top: 10px;
  }

  nav a {
    color: #fff;
    text-decoration: none;
    margin: 0 15px;
    font-weight: 500;
    transition: 0.3s;
  }

  nav a:hover {
    text-decoration: underline;
  }

  section {
    padding: 60px 20px;
    max-width: 1200px;
    margin: auto;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }

  section h2, section h3 {
    color: #004080;
    margin-bottom: 15px;
  }

  section p {
    margin-bottom: 15px;
  }

  ul {
    margin-bottom: 20px;
  }

  ul li {
    margin-bottom: 10px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
  }

  table th, table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
  }

  table th {
    background: #004080;
    color: #fff;
  }

  footer {
    background: #004080;
    color: #fff;
    text-align: center;
    padding: 20px 0;
  }

  .fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
  }

  .fade-in.show {
    opacity: 1;
    transform: translateY(0);
  }

  /* Button style */
  .btn {
    display: inline-block;
    background: #004080;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
    transition: 0.3s;
  }

  .btn:hover {
    background: #0066cc;
  }
</style>
</head>
<body>

<header>
  <h1>Raj Construction</h1>
  <nav>
    <a href="#about">About</a>
    <a href="#services">Services</a>
    <a href="#projects">Projects</a>
    <a href="#team">Team</a>
    <a href="#contact">Contact</a>
  </nav>
</header>

<section id="about" class="fade-in">
  <h2>About Raj Construction</h2>
  <p>Raj Construction was incorporated on 01/09/2008 and is promoted by Mr. Raj Kumar Bhargavas. The company is founded on the principles of providing excellent professional service. Rapid growth in the infrastructure sector and consistent GDP growth has prompted Raj Construction to take up new challenges in plumbing works for high-rise apartments and commercial constructions. Our motto is to exceed customer expectations by understanding their needs, delivering specified quality within agreed timelines, and becoming a trusted partner.</p>
  <p>At Raj Construction, we believe the workplace should be a space to unleash creative excellence, bounded only by one's conscience. We are proud to have created a promising environment for our team.</p>
</section>

<section id="vision" class="fade-in">
  <h3>Our Vision</h3>
  <p>To provide value-added construction services, transforming our company into a leading MEPF service sector firm with ethical standards. Committed to quality, reliability, trust, and customer satisfaction, we aim to build lasting relationships with our clients and foster a culture of total quality and continuous improvement among employees.</p>

  <h3>Quality Policy</h3>
  <p>Quality at Raj Construction means doing the job right the first time. We are committed to customer satisfaction and loyalty, reducing cost and cycle times through efficient resource use. We strive for complete client satisfaction by delivering quality solutions on time while maintaining impeccable safety standards. Our keywords are: QUALITY, TIME, and TRUST.</p>
</section>

<section id="management" class="fade-in">
  <h3>Management</h3>
  <p>Our team consists of experienced professionals focused on development, construction standards, quality, and customer satisfaction. Mr. Raj Kumar Bhargavas, the proprietor, with over 13 years of experience in plumbing services, works closely with all departments and external professionals. Mr. Harish Tiwari, Technical Incharge and B.Tech (Mechanical), oversees project management and technical operations, bringing 13 years of MEPF service experience across multiple states.</p>
</section>

<section id="services" class="fade-in">
  <h3>Services We Offer</h3>
  <ul>
    <li>All types of C.P. Sanitary Work</li>
    <li>Internal/External Water Supply & Drainage Work with Materials</li>
    <li>External Works including Storm Water & Drainage Systems with Materials</li>
    <li>Supply & Installation of Plumbing Pumps & Equipment</li>
    <li>Raw Water Treatment Plants & Sewage Treatment Plants with SITC</li>
    <li>Core Cutting Works</li>
    <li>Fire Fighting Works including Sprinkler, Hydrant, and Curtain Nozzle Systems</li>
    <li>Supply & Installation of Mono Block & MSMO Fire Pumps</li>
  </ul>
</section>

<section id="projects" class="fade-in">
  <h3>Projects</h3>
  <table>
    <thead>
      <tr>
        <th>Sr No.</th>
        <th>Project Name</th>
        <th>Client</th>
        <th>WO No</th>
        <th>WO Date</th>
        <th>Project Value</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      <tr><td>1</td><td>Nano Fertiliser Project, Aonla, Bareilly & Phulpur</td><td>IFFCO</td><td>IFP-WO-HO-220101036/038</td><td>01/01/2022</td><td>97,68,610</td><td>In Progress</td></tr>
      <tr><td>2</td><td>Himalaya Enclave Sector 17, Vrindavan Yojna, Raibariely</td><td>L&T Limited</td><td>E8779wod6000/057</td><td>15/12/2016</td><td>37,29,202</td><td>Complete</td></tr>
      <tr><td>3</td><td>Omaxe Residency</td><td>Omaxe</td><td>OR P-246</td><td>02/11/2012</td><td>17,76,300</td><td>Completed</td></tr>
    </tbody>
  </table>
</section>

<section id="team" class="fade-in">
  <h3>Technical Team</h3>
  <table>
    <thead>
      <tr>
        <th>SNo</th>
        <th>Name</th>
        <th>Designation</th>
        <th>Experience</th>
        <th>Qualification</th>
      </tr>
    </thead>
    <tbody>
      <tr><td>1</td><td>Harish Tiwari</td><td>Partner</td><td>13 yrs</td><td>B.Tech (Mechanical)</td></tr>
      <tr><td>2</td><td>Shiva Kant</td><td>Site In Charge</td><td>10 yrs</td><td>Graduation</td></tr>
      <tr><td>3</td><td>Amit Panday</td><td>Site Supervisor</td><td>7 yrs</td><td>Graduation</td></tr>
    </tbody>
  </table>
</section>

<section id="contact" class="fade-in">
  <h3>Contact Details</h3>
  <p><strong>Admin Office:</strong> Village-Abhiya Khurd, Post-Abhiya Kalan, District-Sultanpur, Pin Code 228001, Mobile: 9452096867 (W), 9519871666, Email: bhargavraj1984@gmail.com</p>
  <p><strong>Lucknow Address:</strong> Flat No-103, Tower-1 (Omaxe), EWS LIG, Arjungang, Sultanpur Road, Jai Gurudev Ashram, Lucknow-226022, Mobile: 9452096867 (W)</p>
  <a href="mailto:bhargavraj1984@gmail.com" class="btn">Email Us</a>
</section>

<footer>
  &copy; 2025 Raj Construction. All Rights Reserved.
</footer>

<script>
  // Fade in animation on scroll
  const faders = document.querySelectorAll('.fade-in');
  const appearOptions = { threshold: 0.2, rootMargin: "0px 0px -50px 0px" };
  const appearOnScroll = new IntersectionObserver(function(entries, observer){
    entries.forEach(entry => {
      if(!entry.isIntersecting) return;
      entry.target.classList.add('show');
      observer.unobserve(entry.target);
    });
  }, appearOptions);
  faders.forEach(fader => { appearOnScroll.observe(fader); });
</script>

</body>
</html>