PageSourceSearch

https://www.bloomingpros.ai/

html bloomingpros.ai collected 2026-10-05 15:02:08 UTC 22,502 bytes, 815 lines download raw bytes

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.