├── fonts ├── Bold.ttf └── Light.ttf ├── images ├── cnbc.png ├── cnet.png ├── hand.png ├── logo.png ├── banner.jpg ├── boxImg.png ├── phone1.png ├── phone2.png ├── phone3.png ├── phone4.png ├── phones.png ├── article1.jpg ├── article2.jpg ├── article3.jpg ├── banner.avif ├── gadjets.png ├── washington.png ├── newyork-post.png ├── star_full.svg ├── star_half.svg ├── download-btn-blue.svg ├── feature-icon-inbox.svg ├── feature-icon-chat.svg ├── feature-icon-spam.svg ├── feature-icon-caller-id.svg ├── AppStoreIcon.svg ├── play-store.svg ├── wedo4.svg ├── wedo3.svg ├── wedo1.svg ├── App-Store-Button.svg ├── wedo2.svg ├── Truecaller-APK-Button.svg └── Play-Store-Button.svg ├── README.md ├── style.css └── index.html /fonts/Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/fonts/Bold.ttf -------------------------------------------------------------------------------- /fonts/Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/fonts/Light.ttf -------------------------------------------------------------------------------- /images/cnbc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/cnbc.png -------------------------------------------------------------------------------- /images/cnet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/cnet.png -------------------------------------------------------------------------------- /images/hand.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/hand.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/logo.png -------------------------------------------------------------------------------- /images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/banner.jpg -------------------------------------------------------------------------------- /images/boxImg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/boxImg.png -------------------------------------------------------------------------------- /images/phone1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/phone1.png -------------------------------------------------------------------------------- /images/phone2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/phone2.png -------------------------------------------------------------------------------- /images/phone3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/phone3.png -------------------------------------------------------------------------------- /images/phone4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/phone4.png -------------------------------------------------------------------------------- /images/phones.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/phones.png -------------------------------------------------------------------------------- /images/article1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/article1.jpg -------------------------------------------------------------------------------- /images/article2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/article2.jpg -------------------------------------------------------------------------------- /images/article3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/article3.jpg -------------------------------------------------------------------------------- /images/banner.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/banner.avif -------------------------------------------------------------------------------- /images/gadjets.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/gadjets.png -------------------------------------------------------------------------------- /images/washington.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/washington.png -------------------------------------------------------------------------------- /images/newyork-post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/machumzd/Truecaller-Project/HEAD/images/newyork-post.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Truecaller-Project 2 | to create a clone like Truecaller.com.and its a project work from Brototype(Brocamp) 3 | this is a static website(non-responsive) 4 | 5 | 6 | the main true caller website :-https://www.truecaller.com/ 7 | and 8 | 9 | 10 | check my webpage in : https://machumzd.github.io/Truecaller-Project/ 11 | -------------------------------------------------------------------------------- /images/star_full.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/star_half.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/download-btn-blue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/feature-icon-inbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/feature-icon-chat.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/feature-icon-spam.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/feature-icon-caller-id.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/AppStoreIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /images/play-store.svg: -------------------------------------------------------------------------------- 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 | -------------------------------------------------------------------------------- /images/wedo4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | auto_block_spam_calls_and_sms 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 | -------------------------------------------------------------------------------- /images/wedo3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 1_trusted_caller_id_app 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 | -------------------------------------------------------------------------------- /images/wedo1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | community_based_spam_reporting 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 | -------------------------------------------------------------------------------- /images/App-Store-Button.svg: -------------------------------------------------------------------------------- 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 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | margin: 0; 4 | padding: 0; 5 | scroll-behavior: smooth; 6 | } 7 | 8 | @font-face { 9 | font-family: Bold; 10 | src: url(./fonts/Bold.ttf); 11 | } 12 | 13 | @font-face { 14 | font-family: Light; 15 | src: url(./fonts/Light.ttf); 16 | } 17 | 18 | body { 19 | margin: 0; 20 | padding: 0; 21 | font-family: Light; 22 | scroll-behavior: smooth; 23 | } 24 | 25 | .background1 { 26 | width: 100%; 27 | height: 630px; 28 | position: relative; 29 | background: url(./images/banner.jpg) no-repeat; 30 | background-size: cover; 31 | background-position-y: -210px; 32 | } 33 | 34 | .navbar { 35 | width: 100%; 36 | position: relative; 37 | display: flex; 38 | height: 80px; 39 | font-weight: 600; 40 | justify-content: space-between; 41 | align-items: center; 42 | list-style: none; 43 | } 44 | 45 | .left { 46 | padding-left: 30px; 47 | color: #ffffff; 48 | } 49 | 50 | .left ul { 51 | display: flex; 52 | } 53 | 54 | .navItem { 55 | padding-left: 20px; 56 | font-family: Bold; 57 | font-size: 14px; 58 | text-align: start; 59 | line-height: 24px; 60 | list-style: none; 61 | } 62 | 63 | .navItem3 { 64 | padding-left: 20px; 65 | font-family: Bold; 66 | font-size: 14px; 67 | text-align: start; 68 | line-height: 24px; 69 | list-style: none; 70 | } 71 | 72 | .dropdown { 73 | position: absolute; 74 | display: none; 75 | border-radius: 5px; 76 | z-index: -1; 77 | cursor: pointer; 78 | min-width: 180px; 79 | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); 80 | background-color: #f1f1f1; 81 | } 82 | 83 | .dropdown li { 84 | color: black; 85 | padding: 12px 16px; 86 | text-decoration: none; 87 | display: block; 88 | } 89 | 90 | .navItem3:hover .dropdown { 91 | display: block; 92 | z-index: 1; 93 | } 94 | 95 | .dropdown li:hover { 96 | border-radius: 5px; 97 | background-color: #0087ff; 98 | color: #ffffff; 99 | } 100 | 101 | .right { 102 | padding-right: 10px; 103 | color: #ffffff; 104 | } 105 | 106 | .right ul { 107 | display: flex; 108 | align-items: center; 109 | } 110 | 111 | .navItem2 { 112 | padding-right: 30px; 113 | list-style: none; 114 | font-size: 14px; 115 | font-weight: 600; 116 | font-family: Bold; 117 | color: #ffffff; 118 | } 119 | 120 | .downloadButton { 121 | list-style: none; 122 | background-color: #0087ff; 123 | border-radius: 50px; 124 | font-family: Bold; 125 | font-weight: 600; 126 | width: 200px; 127 | color: #ffffff; 128 | height: 52px; 129 | padding-top: 16px; 130 | padding-bottom: 20px; 131 | padding-left: 17px; 132 | } 133 | 134 | .mainTitle { 135 | margin-left: 312px; 136 | display: flex; 137 | flex-direction: column; 138 | height: 420px; 139 | justify-content: space-between; 140 | margin-right: 312px; 141 | margin-top: 110px; 142 | background-color: #2bc01400; 143 | } 144 | 145 | .mTitle { 146 | text-align: left; 147 | width: 45%; 148 | line-height: 67.5px; 149 | font-weight: 80%; 150 | font-size: 60px; 151 | font-family: Bold; 152 | letter-spacing: -2px; 153 | color: #ffffff; 154 | } 155 | 156 | .searchBar { 157 | background-color: #f8fcfe; 158 | width: 550px; 159 | height: 90px; 160 | border-radius: 50px; 161 | display: flex; 162 | flex-direction: row; 163 | justify-content: space-evenly; 164 | align-items: center; 165 | } 166 | 167 | .searchInput { 168 | width: 375px; 169 | height: 88px; 170 | border: none; 171 | font-size: 16px; 172 | text-align: start; 173 | outline: 0; 174 | } 175 | 176 | .searchBar h3 { 177 | font-family: Bold; 178 | font-size: 14px; 179 | color: #0087ff; 180 | } 181 | 182 | .searchBar i { 183 | font-size: 25px; 184 | width: 70px; 185 | height: 70px; 186 | margin-right: -15px; 187 | text-align: center; 188 | padding-top: 24px; 189 | color: #ffffff; 190 | background-color: #0087ff; 191 | border-radius: 50%; 192 | } 193 | 194 | .store { 195 | display: flex; 196 | padding-top: 10px; 197 | flex-direction: row; 198 | } 199 | 200 | .storeItem { 201 | background-color: #ffffff; 202 | border-radius: 50px; 203 | margin-right: 10px; 204 | align-items: center; 205 | display: flex; 206 | font-size: 14px; 207 | font-family: Bold; 208 | width: 140px; 209 | height: 54px; 210 | margin-bottom: 20px; 211 | justify-content: space-evenly; 212 | flex-direction: row; 213 | } 214 | 215 | .storeItem2 { 216 | background-color: #ffffff; 217 | border-radius: 50px; 218 | margin-right: 10px; 219 | align-items: center; 220 | display: flex; 221 | font-size: 14px; 222 | font-family: Bold; 223 | width: 170px; 224 | height: 54px; 225 | margin-bottom: 20px; 226 | justify-content: space-evenly; 227 | flex-direction: row; 228 | } 229 | 230 | .storeLeft { 231 | margin-right: -10px; 232 | } 233 | 234 | .storeRight { 235 | display: flex; 236 | flex-direction: column; 237 | font-family: Bold; 238 | letter-spacing: normal; 239 | font-size: 14px; 240 | } 241 | 242 | .rating { 243 | display: flex; 244 | flex-direction: row; 245 | justify-content: space-between; 246 | } 247 | 248 | .posterBg { 249 | width: 100%; 250 | height: 136px; 251 | background-color: #ffffff; 252 | position: relative; 253 | } 254 | 255 | .poster { 256 | position: relative; 257 | display: flex; 258 | justify-content: center; 259 | padding-top: 48px; 260 | } 261 | 262 | .poster img { 263 | width: auto; 264 | height: 40px; 265 | padding-right: 48px; 266 | } 267 | 268 | .background2 { 269 | background-color: #f4f7f9; 270 | width: 100%; 271 | position: relative; 272 | height: 80vh; 273 | } 274 | 275 | .serviceMainTitle { 276 | font-size: 40px; 277 | font-family: Bold; 278 | text-align: center; 279 | padding-top: 85px; 280 | line-height: 45px; 281 | letter-spacing: -1px; 282 | margin-bottom: 48px; 283 | } 284 | 285 | .services { 286 | display: flex; 287 | justify-content: space-evenly; 288 | flex-direction: row; 289 | margin-left: 312px; 290 | margin-right: 312px; 291 | } 292 | 293 | .service { 294 | display: flex; 295 | flex-direction: column; 296 | align-items: center; 297 | 298 | width: 288px; 299 | height: 357px; 300 | padding: 10px; 301 | justify-items: center; 302 | } 303 | 304 | .service img { 305 | width: 188px; 306 | height: 189px; 307 | padding: 30px; 308 | } 309 | 310 | .serviceTitle { 311 | font-family: Bold; 312 | letter-spacing: normal; 313 | font-size: 16px; 314 | text-align: center; 315 | line-height: 28px; 316 | width: 100%; 317 | margin-bottom: 8px; 318 | } 319 | 320 | .serviceSubText { 321 | font-size: 14px; 322 | font-family: Light; 323 | color: black; 324 | text-align: center; 325 | letter-spacing: normal; 326 | line-height: 24px; 327 | } 328 | 329 | .background3 { 330 | background-color: #f4f7f9; 331 | 332 | width: 100%; 333 | height: 70vh; 334 | position: relative; 335 | } 336 | 337 | .bg3Box { 338 | display: flex; 339 | justify-content: center; 340 | align-content: center; 341 | } 342 | 343 | .bg3Left { 344 | height: 526.8px; 345 | width: 690px; 346 | } 347 | 348 | .bgTitle { 349 | color: #0087ff; 350 | font-size: 20px; 351 | font-weight: bold; 352 | font-family: Bold; 353 | text-transform: uppercase; 354 | line-height: 22.5px; 355 | text-align: start; 356 | letter-spacing: normal; 357 | } 358 | 359 | .bgSubTitle { 360 | font-size: 48px; 361 | font-family: Bold; 362 | letter-spacing: -0.67px; 363 | text-align: start; 364 | padding-bottom: 8px; 365 | padding-top: 8px; 366 | width: 90%; 367 | font-weight: 900; 368 | line-height: 49px; 369 | } 370 | 371 | .bgText { 372 | font-size: 16px; 373 | font-family: Light; 374 | line-height: 28px; 375 | letter-spacing: normal; 376 | text-align: start; 377 | width: 70%; 378 | } 379 | 380 | .features { 381 | display: flex; 382 | margin-top: 25px; 383 | flex-direction: column; 384 | justify-content: space-between; 385 | width: 420px; 386 | } 387 | 388 | .feature { 389 | display: flex; 390 | height: 63px; 391 | text-align: start; 392 | padding: 14px; 393 | border-radius: 4px; 394 | } 395 | 396 | .featureText { 397 | padding-left: 24px; 398 | } 399 | 400 | .featureTitle { 401 | font-family: Bold; 402 | line-height: 17.6px; 403 | font-size: 16px; 404 | letter-spacing: normal; 405 | text-align: left; 406 | } 407 | 408 | .featureSubText { 409 | font-family: light; 410 | font-size: 12px; 411 | line-height: 13.5px; 412 | text-align: left; 413 | letter-spacing: normal; 414 | } 415 | 416 | .feature:hover { 417 | background-color: #ffffff; 418 | } 419 | 420 | .seeall { 421 | margin-top: 30px; 422 | font-family: Bold; 423 | font-size: 14px; 424 | letter-spacing: normal; 425 | text-align: start; 426 | color: #0087ff; 427 | } 428 | 429 | .bg3Right img { 430 | width: 270px; 431 | height: 576.17px; 432 | background-size: cover; 433 | } 434 | 435 | .feature i { 436 | position: absolute; 437 | padding-left: 20%; 438 | width: 5px; 439 | height: 5px; 440 | color: #33b73e00; 441 | padding-top: 10px; 442 | } 443 | 444 | .feature:hover #fIcon { 445 | color: #0087ff; 446 | z-index: 1; 447 | } 448 | 449 | .bg3Right { 450 | width: 270px; 451 | height: 577px; 452 | } 453 | 454 | .f1pic { 455 | position: absolute; 456 | margin-left: 34%; 457 | z-index: 1; 458 | margin-top: -12%; 459 | } 460 | 461 | .f2pic { 462 | position: absolute; 463 | margin-left: 34%; 464 | visibility: hidden; 465 | z-index: 2; 466 | margin-top: -15.3%; 467 | } 468 | 469 | .f3pic { 470 | position: absolute; 471 | margin-left: 34%; 472 | visibility: hidden; 473 | z-index: 2; 474 | margin-top: -18.6%; 475 | } 476 | 477 | .f4pic { 478 | position: absolute; 479 | margin-left: 31.2%; 480 | visibility: hidden; 481 | z-index: 2; 482 | margin-top: -23.5%; 483 | } 484 | 485 | #myImg { 486 | width: 270px; 487 | height: 577px; 488 | } 489 | 490 | #f1:hover .f1pic { 491 | visibility: visible; 492 | } 493 | 494 | #f2:hover .f2pic { 495 | visibility: visible; 496 | } 497 | 498 | #f3:hover .f3pic { 499 | visibility: visible; 500 | } 501 | 502 | #f4:hover .f4pic { 503 | visibility: visible; 504 | } 505 | 506 | .background4 { 507 | background-color: #e5f3ff; 508 | width: 100%; 509 | position: relative; 510 | height: 70vh; 511 | } 512 | 513 | .bg4Box { 514 | padding-top: 64px; 515 | display: flex; 516 | justify-content: center; 517 | align-content: center; 518 | } 519 | 520 | .bg4Right { 521 | width: 22%; 522 | } 523 | 524 | .bg4Left img { 525 | width: 496px; 526 | height: 444px; 527 | } 528 | 529 | .bgButton { 530 | background-color: #e5f3ff; 531 | color: #0087ff; 532 | width: 139px; 533 | height: 56px; 534 | font-family: Bold; 535 | letter-spacing: normal; 536 | line-height: 12px; 537 | font-size: 12px; 538 | border-radius: 50px; 539 | border: 3px solid #0087ff; 540 | text-align: center; 541 | margin-top: 20px; 542 | } 543 | 544 | .background5 { 545 | height: 61vh; 546 | background-color: #ffffff; 547 | position: relative; 548 | width: 100%; 549 | display: flex; 550 | flex-direction: row; 551 | } 552 | 553 | .bg5left img { 554 | height: 580px; 555 | width: 952px; 556 | object-fit: cover; 557 | } 558 | 559 | .bg5Right { 560 | padding-top: 151px; 561 | padding-left: 48px; 562 | } 563 | 564 | .background6 { 565 | position: relative; 566 | background-color: #f4f7f9; 567 | display: flex; 568 | flex-direction: column; 569 | align-items: center; 570 | height: 65vh; 571 | } 572 | 573 | .bg6Margin { 574 | width: 1000px; 575 | height: 60vh; 576 | 577 | display: flex; 578 | justify-content: center; 579 | flex-direction: column; 580 | align-items: center; 581 | } 582 | 583 | .bg6Title { 584 | font-size: 40px; 585 | line-height: 45px; 586 | margin-left: -50%; 587 | font-family: Bold; 588 | letter-spacing: normal; 589 | } 590 | 591 | .bg6Boxes { 592 | padding-top: 40px; 593 | display: flex; 594 | } 595 | 596 | .bg6Box { 597 | display: flex; 598 | flex-direction: column; 599 | background-color: #ffffff; 600 | width: 286.5px; 601 | margin-right: 15px; 602 | height: 318px; 603 | justify-content: space-evenly; 604 | } 605 | 606 | .bg6Box img { 607 | width: 286.67px; 608 | height: 136px; 609 | object-fit: cover; 610 | } 611 | 612 | .bg6Box h4 { 613 | font-size: 12px; 614 | font-family: Bold; 615 | text-align: left; 616 | padding: 20px; 617 | } 618 | 619 | .bg6Box h3 { 620 | font-size: 20px; 621 | line-height: 28px; 622 | font-family: Bold; 623 | letter-spacing: normal; 624 | text-align: left; 625 | padding: 20px; 626 | padding-bottom: 5px; 627 | } 628 | 629 | .bg6Box h6 { 630 | font-size: 12px; 631 | line-height: 13.5px; 632 | text-align: start; 633 | padding: 20px; 634 | letter-spacing: 1px; 635 | color: #9ea5ab; 636 | font-family: Bold; 637 | } 638 | 639 | #i1 { 640 | color: #5e35b1; 641 | padding-right: 2px; 642 | } 643 | 644 | #i2 { 645 | color: #33b73e; 646 | padding-right: 2px; 647 | } 648 | 649 | #i3 { 650 | color: #00a5b9; 651 | padding-right: 2px; 652 | } 653 | 654 | #i4 { 655 | color: #00a5b9; 656 | padding-right: 2px; 657 | font-size: 10px; 658 | } 659 | 660 | .background7 { 661 | position: relative; 662 | width: 100%; 663 | background-color: #e5f3ff; 664 | height: 60vh; 665 | display: flex; 666 | justify-content: center; 667 | align-items: center; 668 | } 669 | 670 | .bg7margin { 671 | position: relative; 672 | padding-top: 5%; 673 | display: flex; 674 | flex-direction: row; 675 | justify-content: space-evenly; 676 | } 677 | 678 | .bg7Left img { 679 | width: 480px; 680 | height: 480px; 681 | } 682 | 683 | .bg7Right { 684 | width: 40%; 685 | margin-left: -12%; 686 | margin-top: 6%; 687 | } 688 | 689 | .bg7Images { 690 | padding-top: 10px; 691 | } 692 | 693 | .footer { 694 | position: relative; 695 | height: 55vh; 696 | background-color: #001049; 697 | width: 100%; 698 | display: flex; 699 | justify-content: center; 700 | } 701 | 702 | .footerMargin { 703 | font-family: Bold; 704 | color: #ffffff; 705 | width: 1280px; 706 | height: 540px; 707 | display: flex; 708 | flex-direction: row; 709 | justify-content: space-between; 710 | padding: 80px 16px 80px 16px; 711 | } 712 | 713 | .footerImage { 714 | display: flex; 715 | flex-direction: column; 716 | } 717 | 718 | .footerImage img { 719 | margin-bottom: 20px; 720 | } 721 | 722 | .footerItem { 723 | display: flex; 724 | flex-direction: column; 725 | } 726 | 727 | .footerTitle { 728 | font-size: 28px; 729 | text-align: start; 730 | cursor: pointer; 731 | padding-bottom: 32px; 732 | line-height: 24px; 733 | } 734 | 735 | .fItems { 736 | font-size: 15px; 737 | letter-spacing: normal; 738 | text-align: start; 739 | line-height: 34px; 740 | cursor: pointer; 741 | } 742 | 743 | .fItem2 { 744 | color: #0087ff; 745 | background-color: #0a237f; 746 | line-height: 11.5px; 747 | font-size: 10px; 748 | padding: 3px; 749 | margin-left: 3px; 750 | border-radius: 5px; 751 | } 752 | 753 | .contact { 754 | width: 100%; 755 | justify-content: center; 756 | align-items: center; 757 | height: 6vh; 758 | position: relative; 759 | background-color: #000b34; 760 | display: flex; 761 | font-family: Bold; 762 | } 763 | 764 | .contactMargin { 765 | display: flex; 766 | flex-direction: row; 767 | width: 1280px; 768 | height: 42px; 769 | justify-content: space-between; 770 | padding: 10px 16px 0px 16px; 771 | } 772 | 773 | .copy { 774 | color: #ffffff; 775 | font-size: 12px; 776 | } 777 | 778 | .contactBoxes { 779 | display: flex; 780 | flex-direction: row; 781 | margin-right: 3px; 782 | width: 569px; 783 | margin-left: -20%; 784 | } 785 | 786 | .contactBox { 787 | display: inline; 788 | font-size: 12px; 789 | color: #ffffff; 790 | } 791 | 792 | .social { 793 | width: 200px; 794 | justify-content: space-evenly; 795 | font-size: 22px; 796 | } 797 | 798 | .social i { 799 | background-color: #0a237f; 800 | color: #000b34; 801 | padding: 5px; 802 | border-radius: 50%; 803 | } -------------------------------------------------------------------------------- /images/wedo2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | safe_and_efficient_communication 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 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Trucaller.com/mzd 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 44 | 45 | 46 | 47 |
48 |

The World's Best Caller ID and Spam Blocking App

49 | 54 | 55 |
56 |
57 |
58 | 59 |
60 | 71 |
72 |
73 |
74 | 75 |
76 | 87 |
88 | 89 |
90 | 91 |

Download APK

92 | 93 |
94 |
95 |
96 |
97 | 98 | 99 | 100 |
101 |
102 | poster 103 | poster 104 | poster 105 | poster 106 | poster 107 |
108 |
109 | 110 | 111 |
112 | 113 |

What we do

114 |
115 | 116 | service 117 |

#1 trusted Caller ID app

118 |

119 | Trusted and used by over 330 million people to identify calls and 120 | SMS from around the world. 121 |

122 |
123 | 124 | service 125 |

Community-based spam
reporting

126 |

127 | Real-time spam reporting allows for accurate and quick protection 128 | from scams, telemarketers, fraud and more. 129 |

130 |
131 | 132 | service 133 |

Auto-block spam calls and SMS

134 |

135 | Stop spam in its tracks - or before it rings. You’ll never have to 136 | worry about another spammer getting through. 137 |

138 |
139 | 140 | service 141 |

Safe and efficient communication

142 |

Choose a better way to communicate by letting Truecaller make smart 143 | choices.

144 |
145 |
146 |
147 | 148 |
149 |
150 |
151 |

Features

152 |

Trust your communication with Truecaller

154 |
Truecaller is proud to be a leader in caller ID and spam blocking software as 155 | well as research around call and SMS harassment.
156 | 157 |
158 | 169 | 170 |
171 | 172 | feature 173 | 174 |

Spam Blocking

175 |
Block numbers
176 |
177 |
178 | 179 |
180 |
181 | 182 | 193 | 194 | 205 |
206 |

See all features

207 |
208 |
209 | 210 |
211 |
212 |
213 | 214 |
215 |
216 |
217 |

IPHONE

218 |

Caller ID on iPhone is now 10x better 219 |

220 |
Truecaller's iPhone app has been completely re-written from the ground up to be 221 | lighter, more efficient, but most important of all, 10 times better spam, scam and business call 222 | identification compared to previous versions of the app.
223 | 224 |
225 |
226 | bg4png 227 |
228 |
229 |
230 | 231 | 232 |
233 |
234 | box5image 235 |
236 |
237 |

IMPACT

238 |

Making an Impact through Truecaller

239 |
Truecaller was created to identify who was calling, but today it is being used to 240 | fight crime, and 241 | help loved ones.
242 | 243 |
244 |
245 | 246 | 247 |
248 |
249 |

See our latest articles

250 |
251 |
252 |

Life at Truecaller

253 | article 254 |

meet Truecaller's ios
Team

255 |
Sep 29th, 2022 . 5 min read
256 |
257 | 258 |
259 |

Features

260 | article 261 |

Introducing Truecaller Assistant - Powerful AI..

262 |
Sep 28th, 2022 . 3 min read
263 |
264 | 265 |
266 |

News

267 | article 268 |

Statement on False Positive Reports

269 |
Sep 16th, 2022 . 1 min read
270 |
271 |
272 |
273 |
274 | 275 | 276 |
277 |
278 |
279 | bg7image 280 | 281 |
282 |
283 |

DOWNLOAD TODAY

284 |

Trust your communication with Truecaller.

285 |
Trusted by over 330 million people, Truecaller is proud to be a leader in 286 | caller 287 | ID and spam blocking software as well as research around call and SMS harassment.
288 |
289 | storeButton 290 | storeButton 291 | storeButton 292 |
293 |
294 |
295 |
296 | 297 | 343 |
344 |
345 |

© 2022 AbdulMazood-Project

346 |
347 |
Privacy |
348 |
Terms of Service |
349 |
Cookies |
350 |
Responsible Disclosure |
351 |
Whistleblowing |
352 |
Edit cookies
353 |
354 | 361 |
362 |
363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | -------------------------------------------------------------------------------- /images/Truecaller-APK-Button.svg: -------------------------------------------------------------------------------- 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 | -------------------------------------------------------------------------------- /images/Play-Store-Button.svg: -------------------------------------------------------------------------------- 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 | --------------------------------------------------------------------------------