1<!doctype html> 2<html lang="en-US"> 3 <head> 4 <title>BloomingPros.ai - Bridging Education and Industry</title> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta 8 http-equiv="Content-Security-Policy" 9 content="'self' https://*.bloomingpros.ai; style-src 'self' 'unsafe-inline' cdn.jsdelivr.net fonts.googleapis.com; script-src 'self' 'unsafe-inline' code.jquery.com cdn.jsdelivr.net; font-src 'self' fonts.googleapis.com fonts.gstatic.com cdn.jsdelivr.net; img-src 'self' data:; frame-src 'self' https://www.youtube.com https://*.youtube.com https://www.youtube-nocookie.com https://*.youtube-nocookie.com https://*.ytimg.com https://*.googlevideo.com;" 10 /> 11 <meta 12 name="description" 13 content="Join our AI-powered collaboration platform connecting industries, educational institutions, academia, and talent. Enable campus placements, alumni coordination, research outsourcing, industry-sponsored projects, professional networking, and much more across various domains. Optimize your hiring, research, and community support processes with AI-driven insights." 14 /> 15 <meta 16 name="keywords" 17 content="AI-Powered Collaboration Platform,Industry-Academia Collaboration,Talent Community Platform,Talent Acquisition Solutions,AI-Based Talent Matching,Campus Placement Platform,Alumni Tracking System,Industry-Sponsored Projects,Professional Networking for Students,Research Outsourcing Services,Internships for Students" 18 /> 19 <link rel="icon" type="image/x-icon" href="favicon.svg" /> 20 <link 21 rel="stylesheet" 22 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 23 integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 24 crossorigin="anonymous" 25 /> 26 <link rel="preconnect" href="https://fonts.googleapis.com" /> 27 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 28 <link 29 href="https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap" 30 rel="stylesheet" 31 /> 32 <style> 33 :root { 34 --ink: #333333; 35 --muted: #6d758f; 36 --blue: #0056fc; 37 --orange: #f9821e; 38 --line: #e7e4f1; 39 --font: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; 40 } 41 42 * { 43 box-sizing: border-box; 44 } 45 46 html, 47 body { 48 height: 100%; 49 height: 100dvh; 50 margin: 0; 51 font-size: 16px; 52 overflow: hidden; 53 } 54 55 body { 56 font-family: var(--font); 57 color: var(--ink); 58 background: #ffffff; 59 display: flex; 60 flex-direction: column; 61 } 62 63 a { 64 text-decoration: none; 65 } 66 67 /* ===================== HEADER ===================== */ 68 .site-header { 69 position: relative; 70 z-index: 1000; 71 flex-shrink: 0; 72 height: 100px; 73 background: #ffffff; 74 border-bottom: 2px solid var(--line); 75 display: flex; 76 align-items: center; 77 justify-content: space-between; 78 padding: 0 clamp(1rem, 5.83vw, 84px); 79 } 80 81 .brand { 82 display: inline-flex; 83 align-items: center; 84 z-index: 10; 85 } 86 87 .logo-img { 88 max-height: 40px; 89 height: auto; 90 width: auto; 91 } 92 93 .desktop-nav { 94 display: flex; 95 align-items: center; 96 gap: clamp(1rem, 2.2vw, 2.5rem); 97 } 98 99 .nav-link-item { 100 font-family: var(--font); 101 font-weight: 700; 102 font-size: 16px; 103 line-height: 19px; 104 color: var(--ink); 105 background: transparent; 106 border: none; 107 cursor: pointer; 108 padding: 4px 2px; 109 transition: color 0.15s; 110 } 111 112 .nav-link-item:hover { 113 color: var(--blue); 114 } 115 116 .nav-signin { 117 font-family: var(--font); 118 font-weight: 700; 119 font-size: 16px; 120 line-height: 19px; 121 color: var(--blue); 122 background: transparent; 123 border: 1px solid var(--blue); 124 border-radius: 8px; 125 padding: 9px 20px; 126 cursor: pointer; 127 transition: all 0.15s; 128 } 129 130 .nav-signin:hover { 131 background: var(--blue); 132 color: #ffffff; 133 } 134 135 /* ===================== HERO ===================== */ 136 main.hero { 137 flex: 1 1 auto; 138 min-height: 0; 139 overflow: hidden; 140 display: flex; 141 align-items: center; 142 justify-content: space-between; 143 gap: clamp(1rem, 4vw, 4rem); 144 padding: clamp(1rem, 3vh, 2.5rem) clamp(1rem, 5.83vw, 84px); 145 } 146 147 .hero-left { 148 flex: 1 1 48%; 149 max-width: 48%; 150 min-width: 0; 151 } 152 153 .eyebrow { 154 font-family: var(--font); 155 font-weight: 600; 156 font-size: clamp(20px, 2vw, 26px); 157 line-height: 1.2; 158 color: var(--orange); 159 margin-bottom: clamp(0.75rem, 2vh, 1.25rem); 160 } 161 162 .heading { 163 font-family: var(--font); 164 font-weight: 700; 165 font-size: clamp(30px, 3.6vw, 48px); 166 line-height: 1.2; 167 color: var(--ink); 168 margin: 0 0 clamp(0.75rem, 2.4vh, 1.5rem); 169 max-width: 575px; 170 } 171 172 .sub-heading { 173 font-family: var(--font); 174 font-weight: 400; 175 font-size: clamp(16px, 1.5vw, 20px); 176 line-height: 1.3; 177 color: var(--muted); 178 margin: 0 0 clamp(1rem, 3vh, 2rem); 179 max-width: 474px; 180 } 181 182 .btn-cta { 183 display: inline-flex; 184 flex-direction: row; 185 align-items: center; 186 justify-content: center; 187 gap: 10px; 188 background: var(--blue); 189 color: #ffffff; 190 border: none; 191 border-radius: 4px; 192 font-family: var(--font); 193 font-weight: 700; 194 font-size: 18px; 195 line-height: 22px; 196 padding: 10px 15px; 197 cursor: pointer; 198 box-shadow: 2px 4px 14.8px rgba(0, 86, 252, 0.3); 199 transition: all 0.15s; 200 } 201 202 .btn-cta:hover { 203 background: #3378fd; 204 transform: translateY(-1px); 205 } 206 207 .btn-cta .btn-label { 208 flex: none; 209 white-space: nowrap; 210 } 211 212 .btn-cta .arrow { 213 flex: none; 214 display: block; 215 width: 24px; 216 height: 24px; 217 } 218 219 .learn-more { 220 display: inline-block; 221 margin-top: clamp(1rem, 3vh, 2rem); 222 font-family: var(--font); 223 font-weight: 400; 224 font-size: 16px; 225 line-height: 19px; 226 color: var(--muted); 227 transition: color 0.15s; 228 } 229 230 .learn-more:hover { 231 color: var(--blue); 232 } 233 234 /* ===================== CIRCLE GRID ===================== */ 235 .hero-right { 236 flex: 0 0 auto; 237 display: flex; 238 align-items: center; 239 justify-content: center; 240 } 241 242 .circle-grid { 243 --d: clamp(170px, min(18vw, 30vh), 250px); 244 --gap: clamp(20px, 4vh, 40px); 245 position: relative; 246 display: grid; 247 grid-template-columns: repeat(2, var(--d)); 248 grid-template-rows: repeat(2, var(--d)); 249 gap: var(--gap); 250 } 251 252 .glow { 253 position: absolute; 254 width: calc(var(--d) * 0.95); 255 height: calc(var(--d) * 0.95); 256 border-radius: 50%; 257 opacity: 0.3; 258 filter: blur(60px); 259 z-index: 0; 260 pointer-events: none; 261 } 262 263 .glow-tl { 264 top: 8%; 265 left: 8%; 266 background: #f80204; 267 } 268 269 .glow-tr { 270 top: 8%; 271 right: 8%; 272 background: #7800da; 273 } 274 275 .glow-bl { 276 bottom: 8%; 277 left: 8%; 278 background: #a7dd68; 279 } 280 281 .glow-br { 282 bottom: 8%; 283 right: 8%; 284 background: #f9821e; 285 } 286 287 .circle { 288 position: relative; 289 z-index: 1; 290 width: var(--d); 291 height: var(--d); 292 border-radius: 50%; 293 background: #ffffff; 294 border: 1px solid var(--line); 295 display: flex; 296 flex-direction: column; 297 align-items: center; 298 justify-content: center; 299 text-align: center; 300 padding: calc(var(--d) * 0.07); 301 } 302 303 .circle .icon { 304 font-size: calc(var(--d) * 0.24); 305 line-height: 1; 306 margin-bottom: calc(var(--d) * 0.03); 307 } 308 309 .circle .title { 310 font-family: var(--font); 311 font-weight: 700; 312 font-size: calc(var(--d) * 0.096); 313 line-height: 1.2; 314 color: var(--ink); 315 } 316 317 .circle .desc { 318 font-family: var(--font); 319 font-weight: 400; 320 font-size: calc(var(--d) * 0.072); 321 line-height: 1.25; 322 color: var(--ink); 323 margin-top: calc(var(--d) * 0.016); 324 } 325 326 /* ===================== FOOTER ===================== */ 327 .site-footer { 328 flex-shrink: 0; 329 min-height: 60px; 330 background: var(--line); 331 display: flex; 332 align-items: center; 333 justify-content: space-between; 334 gap: 16px; 335 padding: 8px clamp(1rem, 5.83vw, 84px); 336 font-family: var(--font); 337 font-weight: 400; 338 font-size: 14px; 339 line-height: 20px; 340 color: var(--ink); 341 } 342 343 .site-footer a { 344 color: var(--ink); 345 } 346 347 .site-footer a:hover { 348 text-decoration: underline; 349 } 350 351 /* ===================== MOBILE HAMBURGER ===================== */ 352 .openSideMenu { 353 display: none; 354 } 355 356 .menuIconToggle { 357 display: none; 358 box-sizing: border-box; 359 cursor: pointer; 360 position: fixed; 361 z-index: 1200; 362 align-items: center; 363 justify-content: center; 364 top: 10px; 365 left: 1rem; 366 height: 44px;
367 width: 44px; 368 } 369 370 .hamb-icon { 371 display: block; 372 position: relative; 373 height: 22px; 374 width: 22px; 375 } 376 377 .hamb-line { 378 box-sizing: border-box; 379 position: absolute; 380 height: 3px; 381 width: 22px; 382 background-color: var(--ink); 383 transition: all 0.25s; 384 } 385 386 .hor { 387 position: relative; 388 float: left; 389 margin-top: 3px; 390 } 391 392 .dia.part-1 { 393 position: relative; 394 float: left; 395 transition: all 0.25s; 396 } 397 398 .dia.part-2 { 399 position: relative; 400 float: left; 401 margin-top: 3px; 402 transition: all 0.25s; 403 } 404 405 #openSideMenu:checked ~ .menuIconToggle .hor { 406 opacity: 0; 407 } 408 409 #openSideMenu:checked ~ .menuIconToggle .dia.part-1 { 410 transform: rotate(135deg); 411 margin-top: 8px; 412 } 413 414 #openSideMenu:checked ~ .menuIconToggle .dia.part-2 { 415 transform: rotate(-135deg); 416 margin-top: -9px; 417 } 418 419 .mobile-nav { 420 display: none; 421 height: calc(100dvh - 64px); 422 position: fixed; 423 top: 64px; 424 left: 0; 425 width: 280px; 426 max-width: 82vw; 427 transform: translateX(-100%); 428 transition: transform 260ms ease-in-out; 429 background: #ffffff; 430 border-right: 1px solid var(--line); 431 box-shadow: 4px 0 18px rgba(0, 0, 0, 0.08); 432 z-index: 1100; 433 } 434 435 #openSideMenu:checked ~ .mobile-nav { 436 transform: translateX(0); 437 } 438 439 .mobile-nav ul { 440 margin: 0; 441 padding: 0.5rem 0; 442 list-style: none; 443 } 444 445 .mobile-nav li a, 446 .mobile-nav li button { 447 display: block; 448 width: 100%; 449 text-align: left; 450 background: transparent; 451 border: none; 452 color: var(--ink); 453 font-family: "Lato", sans-serif; 454 font-weight: 700; 455 font-size: 16px; 456 padding: 16px 24px; 457 cursor: pointer; 458 } 459 460 .mobile-nav li a:hover, 461 .mobile-nav li button:hover { 462 color: var(--blue); 463 background: #f7f6fb; 464 } 465 466 .mobile-nav .custom-hr { 467 border: none; 468 border-top: 1px solid var(--line); 469 margin: 6px 24px; 470 } 471 472 .mobile-nav .signin-row button { 473 color: var(--blue); 474 } 475 476 /* ===================== RESPONSIVE ===================== */ 477 478 /* Tablet & below: stack, allow scrolling */ 479 @media (max-width: 991.98px) { 480 html, 481 body { 482 height: auto; 483 min-height: 100dvh; 484 overflow: visible; 485 overflow-x: hidden; 486 } 487 488 main.hero { 489 overflow: visible; 490 flex-direction: column; 491 text-align: center; 492 justify-content: flex-start; 493 gap: 2rem; 494 padding-top: 2rem; 495 padding-bottom: 2.5rem; 496 } 497 498 .hero-left { 499 flex: 1 1 auto; 500 max-width: 40rem; 501 } 502 503 .heading, 504 .sub-heading { 505 margin-left: auto; 506 margin-right: auto; 507 } 508 509 .circle-grid { 510 --d: clamp(180px, 30vw, 240px); 511 --gap: clamp(24px, 5vw, 48px); 512 } 513 } 514 515 /* Show hamburger, hide desktop nav on mobile */ 516 @media (max-width: 768px) { 517 .site-header { 518 height: 64px; 519 padding: 0 1rem 0 0; 520 justify-content: center; 521 } 522 523 .desktop-nav { 524 display: none; 525 } 526 527 .menuIconToggle { 528 display: flex; 529 } 530 531 .mobile-nav { 532 display: block; 533 } 534 535 .logo-img { 536 max-height: 30px; 537 } 538 539 .heading { 540 font-size: clamp(24px, 6.5vw, 34px); 541 } 542 543 .eyebrow { 544 font-size: clamp(18px, 5vw, 24px); 545 } 546 547 .sub-heading { 548 font-size: clamp(14px, 3.6vw, 17px); 549 } 550 } 551 552 /* Phones: single-column circles + stacked footer */ 553 @media (max-width: 767.98px) { 554 .circle-grid { 555 --d: clamp(200px, 62vw, 240px); 556 grid-template-columns: var(--d); 557 grid-template-rows: repeat(4, var(--d)); 558 } 559 560 .site-footer { 561 flex-direction: column; 562 text-align: center; 563 gap: 8px; 564 padding: 16px; 565 } 566 567 .site-footer .footer-right { 568 order: -1; 569 font-size: 12.5px; 570 padding-bottom: 8px; 571 border-bottom: 1px solid rgba(51, 51, 51, 0.15); 572 width: 100%; 573 } 574 } 575 </style> 576 </head> 577 578 <body> 579 <header class="site-header"> 580 <a class="brand" href="/"> 581 <img class="logo-img" alt="BloomingPros.ai" src="bp-ai.svg" /> 582 </a> 583 584 <nav class="desktop-nav" role="navigation"> 585 <!-- <a 586 class="nav-link-item" 587 id="solutions-nav" 588 href="https://content.bloomingpros.ai/solutions" 589 target="_blank" 590 >Solutions</a 591 > --> 592 <a 593 class="nav-link-item" 594 id="about-nav" 595 href="https://content.bloomingpros.ai/about" 596 target="_blank" 597 >About</a 598 > 599 <a 600 class="nav-link-item" 601 id="blog-nav" 602 href="https://content.bloomingpros.ai/blog" 603 target="_blank" 604 >Blog</a 605 > 606 <a 607 class="nav-link-item" 608 id="contact-nav" 609 href="https://content.bloomingpros.ai/contact" 610 target="_blank" 611 >Contact</a 612 > 613 <a 614 class="nav-link-item" 615 id="faq-nav" 616 href="https://content.bloomingpros.ai/faq" 617 target="_blank" 618 >FAQ</a 619 > 620 <button type="button" class="nav-signin" id="loginBtn">Sign In</button> 621 </nav> 622 623 <!-- Mobile hamburger + slide-out nav --> 624 <input type="checkbox" id="openSideMenu" class="openSideMenu" /> 625 <label for="openSideMenu" class="menuIconToggle">
626 <span class="hamb-icon"> 627 <span class="hamb-line dia part-1"></span> 628 <span class="hamb-line hor"></span> 629 <span class="hamb-line dia part-2"></span> 630 </span> 631 </label> 632 <nav class="mobile-nav" role="navigation"> 633 <ul> 634 <!-- <li> 635 <a 636 href="https://content.bloomingpros.ai/solutions" 637 target="_blank" 638 id="solutions-nav-m" 639 >Solutions</a 640 > 641 </li> --> 642 <li> 643 <a 644 href="https://content.bloomingpros.ai/about" 645 target="_blank" 646 id="about-nav-m" 647 >About</a 648 > 649 </li> 650 <li> 651 <a 652 href="https://content.bloomingpros.ai/blog" 653 target="_blank" 654 id="blog-nav-m" 655 >Blog</a 656 > 657 </li> 658 <li> 659 <a 660 href="https://content.bloomingpros.ai/contact" 661 target="_blank" 662 id="contact-nav-m" 663 >Contact</a 664 > 665 </li> 666 <li> 667 <a 668 href="https://content.bloomingpros.ai/faq" 669 target="_blank" 670 id="faq-nav-m" 671 >FAQ</a 672 > 673 </li> 674 <hr class="custom-hr" /> 675 <li class="signin-row"> 676 <button type="button" id="loginBtnMobile">Sign In</button> 677 </li> 678 </ul> 679 </nav> 680 </header> 681 682 <main class="hero"> 683 <div class="hero-left"> 684 <div class="eyebrow">Reimagine Employabilityâ¢</div> 685 <h1 class="heading"> 686 A common platform for colleges, students, employers and mentors 687 </h1> 688 <p class="sub-heading"> 689 Discover, engage and build professional relationships around 690 opportunities â replacing fragmented spreadsheets, emails and WhatsApp 691 groups with structured interactions. 692 </p> 693 <button 694 type="button" 695 class="btn-cta" 696 onclick="window.location.href = '/app/signup'" 697 > 698 <span class="btn-label">Get Started</span> 699 <svg 700 class="arrow" 701 width="24" 702 height="24"
703 viewBox="0 0 24 24" 704 fill="none" 705 xmlns="http://www.w3.org/2000/svg" 706 aria-hidden="true" 707 > 708 <path 709 d="M2.25 12H21.75" 710 stroke="currentColor" 711 stroke-width="2" 712 stroke-linecap="round" 713 /> 714 <path 715 d="M13.5 4.5L21.75 12L13.5 19.5" 716 stroke="currentColor" 717 stroke-width="2" 718 stroke-linecap="round" 719 stroke-linejoin="round" 720 /> 721 </svg> 722 </button> 723 <br /> 724 <a 725 href="https://content.bloomingpros.ai" 726 target="_blank" 727 class="learn-more" 728 >New here? Learn what BloomingPros.ai enables â</a 729 > 730 </div> 731 732 <div class="hero-right"> 733 <div class="circle-grid"> 734 <span class="glow glow-tl"></span> 735 <span class="glow glow-tr"></span> 736 <span class="glow glow-bl"></span> 737 <span class="glow glow-br"></span> 738 739 <div class="circle"> 740 <span class="icon">ð«</span> 741 <span class="title">Colleges</span> 742 <span class="desc" 743 >Expand engagement,<br />manage opportunities</span 744 > 745 </div> 746 <div class="circle"> 747 <span class="icon">ð</span> 748 <span class="title">Students</span> 749 <span class="desc" 750 >Access opportunities,<br />build credibility</span 751 > 752 </div> 753 <div class="circle"> 754 <span class="icon">ð¢</span> 755 <span class="title">Employers</span> 756 <span class="desc">Engage institutions,<br />evaluate talent</span> 757 </div> 758 <div class="circle"> 759 <span class="icon">ð§âð«</span> 760 <span class="title">Mentors</span> 761 <span class="desc">Reach students,<br />build impact</span> 762 </div> 763 </div> 764 </div> 765 </main> 766 767 <footer class="site-footer"> 768 <span class="footer-left"> 769 © 770
770<script> 771 document.write(new Date().getFullYear()); 772 </script>
772 773 BloomingPros.ai | All rights reserved | 774 <a href="https://content.bloomingpros.ai/privacy" target="_blank" 775 >Privacy Policy</a 776 > 777 | 778 <a href="https://content.bloomingpros.ai/terms" target="_blank" 779 >Terms of Service</a 780 > 781 | <a href="mailto:[email protected]">Support</a> 782 </span> 783 <span class="footer-right"> 784 DPIIT Start-up India Registered | MSME: UDYAM-MH-26-1042626 785 </span> 786 </footer> 787 788
788<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
788 789
789<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
789 790
790<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
790 791
791<script> 792 $(document).ready(function () { 793 function goToApp() { 794 window.open("https://www.bloomingpros.ai/app/index.html", "_blank"); 795 } 796 797 $("#loginBtn, #loginBtnMobile").on("click", goToApp); 798 799 // Close the mobile slide-out after tapping a link 800 $(".mobile-nav a, .mobile-nav button").on("click", function () { 801 $("#openSideMenu").prop("checked", false); 802 }); 803 }); 804 </script>
804 805 <!-- Start of HubSpot Embed Code --> 806
806<script 807 type="text/javascript" 808 id="hs-script-loader" 809 async 810 defer 811 src="//js.hs-scripts.com/48558648.js" 812 ></script>
812 813 <!-- End of HubSpot Embed Code --> 814 </body> 815</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.