├── img1.png ├── img10.jpg ├── img11.jpg ├── img12.png ├── img13.png ├── img14.png ├── img15.png ├── img16.png ├── img17.png ├── img18.png ├── img19.png ├── img2.png ├── img20.png ├── img21.png ├── img22.png ├── img23.png ├── img24.png ├── img25.png ├── img26.png ├── img27.png ├── img28.png ├── img29.png ├── img3.png ├── img30.png ├── img31.png ├── img32.png ├── img33.png ├── img34.png ├── img35.png ├── img36.png ├── img37.png ├── img38.png ├── img39.png ├── img4.png ├── img40.png ├── img41.png ├── img42.png ├── img43.png ├── img44.png ├── img5.png ├── img6.png ├── img7.png ├── img8.png ├── img9.jpg ├── logo-light.png ├── download 1.jpeg ├── download 10.jpeg ├── download 11.jpeg ├── download 12.jpeg ├── download 2.jpeg ├── download 3.jpeg ├── download 4.jpeg ├── download 5.jpeg ├── download 6.jpeg ├── download 7.jpeg ├── download 8.jpeg ├── download 9.jpeg ├── index.html └── style.css /img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img1.png -------------------------------------------------------------------------------- /img10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img10.jpg -------------------------------------------------------------------------------- /img11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img11.jpg -------------------------------------------------------------------------------- /img12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img12.png -------------------------------------------------------------------------------- /img13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img13.png -------------------------------------------------------------------------------- /img14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img14.png -------------------------------------------------------------------------------- /img15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img15.png -------------------------------------------------------------------------------- /img16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img16.png -------------------------------------------------------------------------------- /img17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img17.png -------------------------------------------------------------------------------- /img18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img18.png -------------------------------------------------------------------------------- /img19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img19.png -------------------------------------------------------------------------------- /img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img2.png -------------------------------------------------------------------------------- /img20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img20.png -------------------------------------------------------------------------------- /img21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img21.png -------------------------------------------------------------------------------- /img22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img22.png -------------------------------------------------------------------------------- /img23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img23.png -------------------------------------------------------------------------------- /img24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img24.png -------------------------------------------------------------------------------- /img25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img25.png -------------------------------------------------------------------------------- /img26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img26.png -------------------------------------------------------------------------------- /img27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img27.png -------------------------------------------------------------------------------- /img28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img28.png -------------------------------------------------------------------------------- /img29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img29.png -------------------------------------------------------------------------------- /img3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img3.png -------------------------------------------------------------------------------- /img30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img30.png -------------------------------------------------------------------------------- /img31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img31.png -------------------------------------------------------------------------------- /img32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img32.png -------------------------------------------------------------------------------- /img33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img33.png -------------------------------------------------------------------------------- /img34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img34.png -------------------------------------------------------------------------------- /img35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img35.png -------------------------------------------------------------------------------- /img36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img36.png -------------------------------------------------------------------------------- /img37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img37.png -------------------------------------------------------------------------------- /img38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img38.png -------------------------------------------------------------------------------- /img39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img39.png -------------------------------------------------------------------------------- /img4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img4.png -------------------------------------------------------------------------------- /img40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img40.png -------------------------------------------------------------------------------- /img41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img41.png -------------------------------------------------------------------------------- /img42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img42.png -------------------------------------------------------------------------------- /img43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img43.png -------------------------------------------------------------------------------- /img44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img44.png -------------------------------------------------------------------------------- /img5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img5.png -------------------------------------------------------------------------------- /img6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img6.png -------------------------------------------------------------------------------- /img7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img7.png -------------------------------------------------------------------------------- /img8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img8.png -------------------------------------------------------------------------------- /img9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/img9.jpg -------------------------------------------------------------------------------- /logo-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/logo-light.png -------------------------------------------------------------------------------- /download 1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 1.jpeg -------------------------------------------------------------------------------- /download 10.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 10.jpeg -------------------------------------------------------------------------------- /download 11.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 11.jpeg -------------------------------------------------------------------------------- /download 12.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 12.jpeg -------------------------------------------------------------------------------- /download 2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 2.jpeg -------------------------------------------------------------------------------- /download 3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 3.jpeg -------------------------------------------------------------------------------- /download 4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 4.jpeg -------------------------------------------------------------------------------- /download 5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 5.jpeg -------------------------------------------------------------------------------- /download 6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 6.jpeg -------------------------------------------------------------------------------- /download 7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 7.jpeg -------------------------------------------------------------------------------- /download 8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 8.jpeg -------------------------------------------------------------------------------- /download 9.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/umarprogrammer19/Kamkaj-Clone/HEAD/download 9.jpeg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | UGS OFFICIAL 9 | 10 | 11 |
12 |
13 |

Kam Kaj

14 |
Making Lives Easier
15 |
16 |
17 | 23 |
24 |
25 | 26 |
27 |
28 |

Skilled Professional At Your

 29 |

Doorstep.

30 |

Kam Kaj is a leading multiple service provider company catering to your 360 needs with quality guaranteed.

31 |

The aim and priority of Kam Kaj are to add value to our consumers' lives by providing smart solutions to all

32 |

their problems. Our pride is providing the most extensive range of services. From home maintenance to

33 |

personal assistance. We make sure that your safety is never compromised. This is why we hire all the staff

34 |

under the roof of Kam Kaj, just for your satisfaction.

35 |
36 | 40 | 41 | 42 | 43 |
44 |
45 |
46 |
47 |

Book your service

48 |
49 | 50 | 59 |
64 |
65 | 66 | 67 |
68 |
69 |
70 | 71 |
72 |

Our Top Services

73 |

Kam Kaj provides ultimate installations, repairs, maintenance, and grooming services at your doorstep.

74 |
75 |
76 | 77 |

Home

78 |

Appliance

79 |

Repair

80 |
81 |
82 | 83 |

Salon At

84 |

Home

85 |
86 |
87 | 88 |

Cleaning

89 |

services

90 |
91 |
92 | 93 |

Electrical

94 |

Services

95 |
96 |
97 | 98 |

CCTV

99 |

Services

100 |
101 |
102 | 103 |

Plumbing

104 |

Services

105 |
106 |
107 | 108 |

Pest Control

109 |

Services

110 |
111 |
112 | 113 |

Carpenter

114 |

Services

115 |
116 |
117 |
118 | 119 |
120 |

Recommended Services

121 |

Services highly recommended by our valuable customers.

122 |
123 |
124 |
125 | 126 |

Geyser Install

127 |

or Repair

128 | 129 |
130 |
131 | 132 |

Washing

133 |

Machine Repair

134 | 135 |
136 |
137 | 138 |

Makeup

139 | 140 |
141 |
142 |
143 |
144 | 145 |

Sofa Cleaning

146 | 147 |
148 |
149 | 150 |

Refrigerator

151 |

and Deep

152 |

Freezer Repair

153 | 154 |
155 |
156 | 157 |

Waxing

158 | 159 |
160 |
161 |
162 |
163 | 164 |

Carpet

165 |

Cleaning

166 | 167 |
168 |
169 | 170 |

Microwave

171 |

Repair

172 | 173 |
174 |
175 | 176 |

Facial

177 | 178 |
179 |
180 |
181 |
182 | 183 |

Deep Cleaning

184 |

Services

185 | 186 |
187 |
188 | 189 |

Pest Control

190 |

Services

191 | 192 |
193 |
194 | 195 |

Water Tank

196 |

Services

197 | 198 |
199 |
200 |
201 |
202 | 203 |
204 |

Customer Experience

205 |

Valuable customers sharing their reviews after availing our services.

206 |
207 |
208 | 209 | 210 |

Happy customer of Kam Kaj Saim...

211 |

Our happy customer!Thank you for being a loyal

212 |

customer and for sharing your feedback.We...

213 |
214 |
215 | 216 | 217 |

Happy customer | Youtube Raza...

218 |

We appreciate your feedback, and it really

219 |

motivates our team to keep providing top-notch...

220 |
221 |
222 | 223 | 224 |

Happy customer | Nimra Shahid

225 |

Your feedback serves as a great source of

226 |

motivates our team,as we continuously strive t...

227 |
228 |
229 |
230 |
231 |
232 | 233 |
234 |
235 |

Why Choose Kam Kaj?

236 |

Kam Kaj is a value addition which covers all 360 services under

237 |

one platform. Our motive is to provide best services to our

238 |

corporate, commercial, and residential customers. Our main key

239 |

components to success are :

240 |
241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 |
249 |
250 |
    251 |
  • Vetted and background-checked in house staff
    • 252 |
  • High-Tech and Most Advanced Equipment
    • 253 |
  • Quality Control and Safety
    • 254 |
  • Affordable and Upfront Pricing
    • 255 |
  • Timely and Convenient Services
    • 256 |
  • Experienced, Trained and Certified
    • 257 |
  • Post Service Guarantee
    • 258 |
259 |
260 |
261 |
262 | 263 |
264 |
265 | 266 |
267 |
268 |

Download Kam Kaj App

269 |

Make Your Life Easier by Downloading Kam Kaj App.

270 | 271 | 272 |
273 |
274 | 275 |

Scan QR code

276 |
277 |
278 | 279 |
280 |

Trusted by Leading Organizations

281 |
282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 |
304 |
305 | 370 | 371 | 372 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | padding: 0%; 3 | margin: 0%; 4 | box-sizing: border-box; 5 | } 6 | body{ 7 | background-color: rgba(173, 216, 230, 0.192); 8 | } 9 | header{ 10 | display: flex; 11 | justify-content: space-around; 12 | align-items: center; 13 | font-family: sans-serif; 14 | background-color: rgba(173, 216, 230, 0.192); 15 | height: 5em; 16 | /* position: sticky; */ 17 | /* top: 0%; */ 18 | } 19 | header ul{ 20 | margin-top: 0.5em; 21 | } 22 | header li{ 23 | display: inline; 24 | margin: 0.6em; 25 | font-weight: 700; 26 | text-decoration: none; 27 | color: black; 28 | font-size: 1.1em; 29 | } 30 | header li:hover{ 31 | text-decoration: underline; 32 | /* line-height: 3px; */ 33 | } 34 | header>.second>ul>li>a{ 35 | text-decoration: none; 36 | color: rgb(56, 56, 56); 37 | } 38 | header .a>li>a{ 39 | background-color: orangered; 40 | padding: 0.6em; 41 | border-radius: 50%; 42 | } 43 | header i{ 44 | font-size: 1em; 45 | rotate: -5deg; 46 | } 47 | header i:hover{ 48 | text-decoration: underline; 49 | } 50 | header h1{ 51 | color: orangered; 52 | font-size: 2.5em; 53 | } 54 | header>.first>h1>span{ 55 | color: black; 56 | } 57 | header>.first{ 58 | position: relative; 59 | margin-right: 19em; 60 | } 61 | header h5{ 62 | font-size: 0.9em; 63 | font-weight: 700; 64 | position: absolute; 65 | top: 2.5em; 66 | padding-left: 0.5em; 67 | } 68 | .body1{ 69 | display: flex; 70 | gap: 2em; 71 | justify-content: center; 72 | position: relative; 73 | margin-top: 2em; 74 | } 75 | .body1>.left>span>h1{ 76 | font-family: system-ui; 77 | font-size: 3.2em; 78 | padding-top:1em ; 79 | } 80 | .body1>.left>h1{ 81 | font-family: system-ui; 82 | font-size: 3.2em; 83 | margin-bottom: 0.3em; 84 | } 85 | .body1>.left>span>h1>span{ 86 | color: orangered; 87 | } 88 | .body1>.left>p{ 89 | font-family: sans-serif; 90 | } 91 | .body1>.left>.search{ 92 | position: relative; 93 | box-shadow: 3px 6px 15px black; 94 | margin-top: 1.5em; 95 | height: 2.9em; 96 | width: 32.4em; 97 | border-radius: 5px; 98 | } 99 | .body1>.left>.search>select{ 100 | width: 9em; 101 | height: 3.4em; 102 | padding: 0.6em; 103 | border: none; 104 | border-radius: 5px 0px 0px 5px; 105 | /* margin-top: 1.5em; */ 106 | /* box-shadow: 3px 6px 15px black; */ 107 | } 108 | .body1>.left>.search>input{ 109 | width: 30em; 110 | height: 3.4em; 111 | border: none; 112 | margin: -5px; 113 | padding: 1em; 114 | border-radius: 0px 5px 5px 0px; 115 | /* box-shadow: 3px 6px 15px black; */ 116 | } 117 | .body1>.left>.search>i{ 118 | position: absolute; 119 | top: 0.6em; 120 | left: 23em; 121 | font-size: 1.3em; 122 | } 123 | .body1>.right{ 124 | background-color:black; 125 | width: 23em; 126 | max-height: 30em; 127 | position: relative; 128 | padding: 20px 20px 20px 20px ; 129 | border-radius: 10px; 130 | } 131 | .body1>.right>.form>h2{ 132 | text-align: center; 133 | color: white; 134 | font-size: 2.3em; 135 | font-family: sans-serif; 136 | margin-bottom: 15px; 137 | } 138 | .body1>.right>.form>input[type=text]{ 139 | width: 24em; 140 | height: 2.8em; 141 | margin-bottom: 10px; 142 | border-radius: 5px; 143 | border: none; 144 | padding: 10px; 145 | outline: none; 146 | } 147 | .body1>.right>.form>input[type=text]:focus{ 148 | border: 2px solid orangered; 149 | } 150 | .body1>.right>.form>input[type=number]{ 151 | width: 24em; 152 | height: 2.8em; 153 | margin-bottom: 10px; 154 | border-radius: 5px; 155 | border: none; 156 | padding: 10px; 157 | outline: none; 158 | } 159 | .body1>.right>.form>input[type=number]:focus{ 160 | border: 2px solid orangered; 161 | } 162 | .body1>.right>.form>select{ 163 | background-color: white; 164 | width: 24em; 165 | height: 2.8em; 166 | margin-bottom: 10px; 167 | padding: 10px; 168 | border-radius: 5px; 169 | outline: none; 170 | } 171 | .body1>.right>.form>select:focus{ 172 | border: 2px solid orangered; 173 | } 174 | .body1>.right>.form>button{ 175 | background-color: orangered; 176 | width: 13.5em; 177 | height: 2.2em; 178 | color: white; 179 | border: none; 180 | font-size: 1.5em; 181 | border-radius: 10px; 182 | animation: ani 1s linear infinite; 183 | } 184 | .body2{ 185 | font-family: arial; 186 | margin-top: 5em; 187 | } 188 | .body2>h1{ 189 | text-align: center; 190 | font-size: 2.5em; 191 | } 192 | .body2>p{ 193 | text-align: center; 194 | margin-top: 10px; 195 | letter-spacing: 0.1em; 196 | font-weight: 500; 197 | } 198 | .body2>.cards img{ 199 | width: 2.7em; 200 | height: 2.7em; 201 | border-radius: 50%; 202 | margin-bottom: 0.5em; 203 | } 204 | .body2>.cards{ 205 | display: flex; 206 | flex-wrap: wrap; 207 | justify-content: center; 208 | align-items: center; 209 | column-gap: 1em; 210 | height: 10em; 211 | } 212 | .body2>.cards>.card{ 213 | border: 1px solid gray; 214 | height: 9.1em; 215 | width: 8.5em; 216 | text-align: center; 217 | border-radius: 1em; 218 | padding: 1.5em; 219 | transition: 0.5s ; 220 | } 221 | .body2>.cards>.card:hover{ 222 | background-color: rgba(211, 211, 211, 0.493); 223 | } 224 | .body3{ 225 | font-family: arial; 226 | margin-top: 3em; 227 | } 228 | .body3>h1{ 229 | text-align: center; 230 | font-size: 2.2em; 231 | } 232 | .body3>p{ 233 | text-align: center; 234 | margin-top: 10px; 235 | letter-spacing: 0.1em; 236 | font-weight: 500; 237 | } 238 | .body3>.cards{ 239 | display: flex; 240 | justify-content: center; 241 | align-items: center; 242 | gap: 1.5em; 243 | height: 68em; 244 | width: 84.3em; 245 | /* background-color: aqua; */ 246 | /* margin-top: 5em; */ 247 | } 248 | .body3>.cards>.card1{ 249 | display: flex; 250 | flex-direction: column; 251 | gap: 2em; 252 | position: relative; 253 | } 254 | .body3>.cards>.card2{ 255 | display: flex; 256 | flex-direction: column; 257 | gap: 2em; 258 | margin-top: 4em; 259 | position: relative; 260 | } 261 | .body3>.cards>.card3{ 262 | display: flex; 263 | flex-direction: column; 264 | gap: 2em; 265 | position: relative; 266 | } 267 | .body3>.cards>.card4{ 268 | display: flex; 269 | flex-direction: column; 270 | gap: 2em; 271 | margin-top: 4em; 272 | position: relative; 273 | } 274 | .body3>.cards img{ 275 | width: 16.5em; 276 | height: 18.6em; 277 | border-radius: 20px; 278 | filter: contrast(70%); 279 | /* padding: 10px; */ 280 | z-index: -1; 281 | } 282 | .body3>.cards button{ 283 | background-color: black; 284 | color: white; 285 | border: none; 286 | width: 18em; 287 | height: 3em; 288 | border-radius: 8px; 289 | transition: 0.2s; 290 | } 291 | .body3>.cards button:hover{ 292 | background-color: orangered; 293 | } 294 | .body3>.cards>.card1>.card1-1>h2:nth-child(2){ 295 | position: absolute; 296 | top: 50px; 297 | left: 32px; 298 | color: white; 299 | font-size: 30px; 300 | font-weight: 700; 301 | } 302 | .body3>.cards>.card1>.card1-1>h2:nth-child(3){ 303 | position: absolute; 304 | top: 80px; 305 | left: 55px; 306 | color: white; 307 | font-size: 30px; 308 | font-weight: 700; 309 | } 310 | .body3>.cards>.card1>.card1-1>button{ 311 | position: absolute; 312 | top: 240px; 313 | left: 11px; 314 | font-weight: 700; 315 | } 316 | .body3>.cards>.card1>.card1-1:hover{ 317 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 318 | border-radius: 15px; 319 | } 320 | .body3>.cards>.card1>.card1-2>h2:nth-child(2){ 321 | position: absolute; 322 | top: 395px; 323 | left: 70px; 324 | color: white; 325 | font-size: 30px; 326 | font-weight: 700; 327 | } 328 | .body3>.cards>.card1>.card1-2>h2:nth-child(3){ 329 | position: absolute; 330 | top: 430px; 331 | left: 23px; 332 | color: white; 333 | font-size: 30px; 334 | font-weight: 700; 335 | } 336 | .body3>.cards>.card1>.card1-2>button{ 337 | position: absolute; 338 | top: 570px; 339 | left: 11px; 340 | font-weight: 700; 341 | } 342 | .body3>.cards>.card1>.card1-2:hover{ 343 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 344 | border-radius: 15px; 345 | } 346 | .body3>.cards>.card1>.card1-3>h2:nth-child(2){ 347 | position: absolute; 348 | top: 770px; 349 | left: 70px; 350 | color: white; 351 | font-size: 30px; 352 | font-weight: 700; 353 | } 354 | .body3>.cards>.card1>.card1-3>button{ 355 | position: absolute; 356 | top: 67.8em; 357 | left: 11px; 358 | font-weight: 700; 359 | } 360 | .body3>.cards>.card1>.card1-3:hover{ 361 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 362 | border-radius: 15px; 363 | } 364 | .body3>.cards>.card2>.card2-1>h2:nth-child(2){ 365 | position: absolute; 366 | top: 50px; 367 | left: 32px; 368 | color: white; 369 | font-size: 30px; 370 | font-weight: 700; 371 | } 372 | .body3>.cards>.card2>.card2-1>button{ 373 | position: absolute; 374 | top: 240px; 375 | left: 11px; 376 | font-weight: 700; 377 | } 378 | .body3>.cards>.card2>.card2-1:hover{ 379 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 380 | border-radius: 15px; 381 | } 382 | .body3>.cards>.card2>.card2-2>h2:nth-child(2){ 383 | position: absolute; 384 | top: 395px; 385 | left: 50px; 386 | color: white; 387 | font-size: 30px; 388 | font-weight: 700; 389 | } 390 | .body3>.cards>.card2>.card2-2>h2:nth-child(3){ 391 | position: absolute; 392 | top: 430px; 393 | left: 65px; 394 | color: white; 395 | font-size: 30px; 396 | font-weight: 700; 397 | } 398 | .body3>.cards>.card2>.card2-2>h2:nth-child(4){ 399 | position: absolute; 400 | top: 460px; 401 | left: 30px; 402 | color: white; 403 | font-size: 30px; 404 | font-weight: 700; 405 | } 406 | .body3>.cards>.card2>.card2-2>button{ 407 | position: absolute; 408 | top: 570px; 409 | left: 11px; 410 | font-weight: 700; 411 | } 412 | .body3>.cards>.card2>.card2-2:hover{ 413 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 414 | border-radius: 15px; 415 | } 416 | .body3>.cards>.card2>.card2-3>h2:nth-child(2){ 417 | position: absolute; 418 | top: 770px; 419 | left: 70px; 420 | color: white; 421 | font-size: 30px; 422 | font-weight: 700; 423 | } 424 | .body3>.cards>.card2>.card2-3>button{ 425 | position: absolute; 426 | top: 67.8em; 427 | left: 11px; 428 | font-weight: 700; 429 | } 430 | .body3>.cards>.card2>.card2-3:hover{ 431 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 432 | border-radius: 15px; 433 | } 434 | .body3>.cards>.card3>.card3-1>h2:nth-child(2){ 435 | position: absolute; 436 | top: 60px; 437 | left: 80px; 438 | color: white; 439 | font-size: 30px; 440 | font-weight: 700; 441 | } 442 | .body3>.cards>.card3>.card3-1>h2:nth-child(3){ 443 | position: absolute; 444 | top: 93px; 445 | left: 70px; 446 | color: white; 447 | font-size: 30px; 448 | font-weight: 700; 449 | } 450 | .body3>.cards>.card3>.card3-1>button{ 451 | position: absolute; 452 | top: 240px; 453 | left: 11px; 454 | font-weight: 700; 455 | } 456 | .body3>.cards>.card3>.card3-1:hover{ 457 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 458 | border-radius: 15px; 459 | } 460 | .body3>.cards>.card3>.card3-2>h2:nth-child(2){ 461 | position: absolute; 462 | top: 395px; 463 | left: 50px; 464 | color: white; 465 | font-size: 30px; 466 | font-weight: 700; 467 | } 468 | .body3>.cards>.card3>.card3-2>h2:nth-child(3){ 469 | position: absolute; 470 | top: 430px; 471 | left: 80px; 472 | color: white; 473 | font-size: 30px; 474 | font-weight: 700; 475 | } 476 | .body3>.cards>.card3>.card3-2>button{ 477 | position: absolute; 478 | top: 570px; 479 | left: 11px; 480 | font-weight: 700; 481 | } 482 | .body3>.cards>.card3>.card3-2:hover{ 483 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 484 | border-radius: 15px; 485 | } 486 | .body3>.cards>.card3>.card3-3>h2:nth-child(2){ 487 | position: absolute; 488 | top: 750px; 489 | left: 80px; 490 | color: white; 491 | font-size: 30px; 492 | font-weight: 700; 493 | } 494 | .body3>.cards>.card3>.card3-3>button{ 495 | position: absolute; 496 | top: 67.8em; 497 | left: 11px; 498 | font-weight: 700; 499 | } 500 | .body3>.cards>.card3>.card3-3:hover{ 501 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 502 | border-radius: 15px; 503 | } 504 | .body3>.cards>.card4>.card4-1>h2:nth-child(2){ 505 | position: absolute; 506 | top: 50px; 507 | left: 32px; 508 | color: white; 509 | font-size: 30px; 510 | font-weight: 700; 511 | } 512 | .body3>.cards>.card4>.card4-1>h2:nth-child(3){ 513 | position: absolute; 514 | top: 80px; 515 | left: 65px; 516 | color: white; 517 | font-size: 30px; 518 | font-weight: 700; 519 | } 520 | .body3>.cards>.card4>.card4-1>button{ 521 | position: absolute; 522 | top: 240px; 523 | left: 11px; 524 | font-weight: 700; 525 | } 526 | .body3>.cards>.card4>.card4-1:hover{ 527 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 528 | border-radius: 15px; 529 | } 530 | .body3>.cards>.card4>.card4-2>h2:nth-child(2){ 531 | position: absolute; 532 | top: 395px; 533 | left: 50px; 534 | color: white; 535 | font-size: 30px; 536 | font-weight: 700; 537 | } 538 | .body3>.cards>.card4>.card4-2>h2:nth-child(3){ 539 | position: absolute; 540 | top: 430px; 541 | left: 80px; 542 | color: white; 543 | font-size: 30px; 544 | font-weight: 700; 545 | } 546 | .body3>.cards>.card4>.card4-2>button{ 547 | position: absolute; 548 | top: 570px; 549 | left: 11px; 550 | font-weight: 700; 551 | } 552 | .body3>.cards>.card4>.card4-2:hover{ 553 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 554 | border-radius: 15px; 555 | } 556 | .body3>.cards>.card4>.card4-3>h2:nth-child(2){ 557 | position: absolute; 558 | top: 730px; 559 | left: 50px; 560 | color: white; 561 | font-size: 30px; 562 | font-weight: 700; 563 | } 564 | .body3>.cards>.card4>.card4-3>h2:nth-child(3){ 565 | position: absolute; 566 | top: 25.5em; 567 | left: 70px; 568 | color: white; 569 | font-size: 30px; 570 | font-weight: 700; 571 | } 572 | .body3>.cards>.card4>.card4-3>button{ 573 | position: absolute; 574 | top: 68em; 575 | left: 11px; 576 | font-weight: 700; 577 | } 578 | .body3>.cards>.card4>.card4-3:hover{ 579 | box-shadow: 0px 0px 40px rgb(75, 75, 75); 580 | border-radius: 15px; 581 | } 582 | .body4{ 583 | font-family: sans-serif; 584 | padding-top: 4em; 585 | background-color: white; 586 | } 587 | .body4>.cards{ 588 | display: flex; 589 | justify-content: center; 590 | gap: 2em; 591 | position: relative; 592 | } 593 | .body4>h1{ 594 | text-align: center; 595 | font-size: 2.2em; 596 | } 597 | .body4>p{ 598 | text-align: center; 599 | margin-top: 10px; 600 | letter-spacing: 0.1em; 601 | font-weight: 500; 602 | margin-bottom: 2em; 603 | } 604 | .body4>.cards img{ 605 | height: 16em; 606 | width: 23.5em; 607 | border-radius: 15px; 608 | /* position: relative; */ 609 | /* z-index: -1; */ 610 | } 611 | .body4>.cards>.card1>i{ 612 | font-size: 2.8em; 613 | position: absolute; 614 | top: 2.5em; 615 | left: 5.4em; 616 | background-color: white; 617 | border-radius: 10px; 618 | height: 40px; 619 | } 620 | .body4>.cards>.card2>i{ 621 | font-size: 2.8em; 622 | position: absolute; 623 | top: 2.5em; 624 | left: 14.5em; 625 | } 626 | .body4>.cards>.card3>i{ 627 | font-size: 2.8em; 628 | position: absolute; 629 | top: 2.5em; 630 | left: 23.7em; 631 | } 632 | .body4>.cards h1{ 633 | font-size: 1.4em; 634 | margin-top: 10px; 635 | margin-bottom: 10px; 636 | } 637 | .body4>.cards p{ 638 | font-family: arial; 639 | } 640 | .body5{ 641 | display: flex; 642 | justify-content: center; 643 | align-items: center; 644 | height: 38em; 645 | gap: 3em; 646 | background-color: white; 647 | } 648 | .body5>.one img{ 649 | width: 39em; 650 | height: 35em; 651 | } 652 | .body5>.two{ 653 | position: relative; 654 | } 655 | .body5>.two>.icon{ 656 | display: flex; 657 | flex-direction: column; 658 | width: 2em; 659 | width: 2em; 660 | gap: 0.5em; 661 | margin-top: 10px; 662 | /* float: left; */ 663 | } 664 | .body5>.two>.lines>ul>li{ 665 | list-style-type: none; 666 | } 667 | .body5>.two>.lines>ul>li:nth-child(1){ 668 | position: absolute; 669 | top: 160px; 670 | font-size: 19px; 671 | left: 40px; 672 | } 673 | .body5>.two>.lines>ul>li:nth-child(2){ 674 | position: absolute; 675 | top: 200px; 676 | font-size: 19px; 677 | left: 40px; 678 | } 679 | .body5>.two>.lines>ul>li:nth-child(3){ 680 | position: absolute; 681 | top: 240px; 682 | font-size: 19px; 683 | left: 40px; 684 | } 685 | .body5>.two>.lines>ul>li:nth-child(4){ 686 | position: absolute; 687 | top: 280px; 688 | font-size: 19px; 689 | left: 40px; 690 | } 691 | .body5>.two>.lines>ul>li:nth-child(5){ 692 | position: absolute; 693 | top: 320px; 694 | font-size: 19px; 695 | left: 40px; 696 | } 697 | .body5>.two>.lines>ul>li:nth-child(6){ 698 | position: absolute; 699 | top: 360px; 700 | font-size: 19px; 701 | left: 40px; 702 | } 703 | .body5>.two>.lines>ul>li:nth-child(7){ 704 | position: absolute; 705 | top: 400px; 706 | font-size: 19px; 707 | left: 40px; 708 | } 709 | .body5 h1{ 710 | font-family: system-ui; 711 | margin-bottom: 10px; 712 | } 713 | .body5 p{ 714 | font-size: 20px; 715 | } 716 | .body6{ 717 | display: flex; 718 | justify-content: center; 719 | align-items: center; 720 | height: 38em; 721 | gap: 3em; 722 | } 723 | .body6>.two>h1{ 724 | font-family: Arial, Helvetica, sans-serif; 725 | margin-bottom: 10px; 726 | } 727 | .body6>.two>p{ 728 | font-family: sans-serif; 729 | margin-bottom: 5px; 730 | } 731 | .body6>.one>img{ 732 | width: 280px; 733 | } 734 | .body6>.two img{ 735 | width: 150px; 736 | } 737 | .body6>.three>img{ 738 | width: 250px; 739 | } 740 | .body6>.three>p{ 741 | margin-left: 75px; 742 | margin-top: 10px; 743 | font-size: 20px; 744 | font-weight: 700; 745 | } 746 | .body7{ 747 | background-color: white; 748 | /* margin-top: 15px; */ 749 | } 750 | .body7>h1{ 751 | margin-top: 30px; 752 | padding-top: 30px; 753 | margin-bottom: 10px; 754 | text-align: center; 755 | font-family: sans-serif; 756 | } 757 | .body7>.images{ 758 | /* background-color: aqua; */ 759 | width: 1200px; 760 | margin-left: 100px; 761 | display: flex; 762 | gap: 10px; 763 | flex-wrap: wrap; 764 | justify-content: center; 765 | } 766 | footer{ 767 | background: linear-gradient(to right,black,rgb(87, 87, 87),black) ; 768 | color: white; 769 | padding-top: 50px; 770 | position: relative; 771 | font-family: sans-serif; 772 | height: 400px; 773 | } 774 | footer>.main{ 775 | display: flex; 776 | gap: 8em; 777 | justify-content: center; 778 | } 779 | footer ul>li{ 780 | list-style-type: none; 781 | margin-bottom: 8px; 782 | font-size: 15px; 783 | } 784 | footer ul>li:hover{ 785 | text-decoration: underline; 786 | } 787 | footer>.main>.a1>img{ 788 | margin-bottom: 10px; 789 | } 790 | footer>.main>.a1>p{ 791 | font-size: 15px; 792 | } 793 | footer>.main h1{ 794 | margin-bottom: 18px; 795 | } 796 | footer>.main2{ 797 | display: flex; 798 | justify-content: space-around; 799 | gap: 330px; 800 | margin-top: 40px; 801 | margin-bottom: 30px; 802 | position: relative; 803 | } 804 | footer>.main2 a{ 805 | border: 1px solid white; 806 | padding: 18px 10px 10px 10px; 807 | border-radius: 50%; 808 | margin-left: 5px; 809 | transition: 0.5s; 810 | } 811 | footer>.main2 a:hover{ 812 | border: 1px solid orangered; 813 | color: orangered; 814 | } 815 | footer>.main2 i{ 816 | font-size: 25px; 817 | transition: 0.8s; 818 | /* margin-top: 3px; */ 819 | } 820 | footer>.main2 i:hover{ 821 | border: 1px solid orangered; 822 | background-color: orangered; 823 | } 824 | .main3{ 825 | display: flex; 826 | gap: 110px; 827 | justify-content: space-evenly; 828 | margin-bottom: 50px; 829 | } --------------------------------------------------------------------------------