Feature Rich Component - Copy this React, Tailwind Component to your project
<style> { margin: 0; padding: 0; background image: url("../sponsoers/main.jpg"); /* Ensure this path is correct */ background size: cover; background position: right; background repeat: no repeat; color: black; /* Adjust text color to ensure readability */ } .content { display: flex; flex wrap: wrap; justify content: space between; } .content item { display: flex; align items: flex start; margin bottom: 50px; padding: 20px; border radius: 10px; background color: white; /* Optional: Add a background color for better contrast */ } .content item img { margin left: 90px; } .content item h3 { margin bottom: 10px; } </style> </head> <body> <div class="container fluid"> <h6 style="margin left:135px;" style="background image:sponsoers/main.jpg;">PLATFORM</h6> <h2 class="text center mb 5" style="margin right:350px;">We back founders from idea to seed and beyond</h2> <div class="row content m 5"> <div class="col lg 6 col md 6 content item"> <img src="../sponsoers/10.png" alt="Capital Icon" class="icon"> <div> <h3 style="font size:20px;">Capital</h3> <p style="font size:15px;">We fund startups at idea, pre seed, and seed, combining <br>capital with the full backing of Founders Factory through <br>our investment programs.</p> <a href="#" style="color:black">Our programs</a> </div> </div> <div class="col lg 6 col md 6 content item"> <img src="../sponsoers/90.png" alt="Operational Support Icon" class="icon"> <div> <h3 style="font size:20px;">Operational Support</h3> <p style="font size:15px;">Co founder level support from our 60+ team of builders <br> and operators. We’ll help you find product market fit,<br> build your company, and raise your next round.</p> <a href="#" style="color:black">Meet the team</a> </div> </div> </div> <div class="row content m 5"> <div class="col lg 6 col md 6 content item"> <img src="../sponsoers/80.png" alt="Corporate Partners Icon" class="icon"> <div> <h3 style="font size:20px;">Corporate Partners</h3> <p style="font size:15px;">Access to industry leading corporates is what we call <br> our unfair advantage: from distribution and market <br> intelligence to commercial partnerships and follow on <br> capital.</p> <a href="#" style="color:black">Our partners</a> </div> </div> <div class="col lg 6 col md 6 content item" style="padding bottom:150px;"> <img src="../sponsoers/Screenshot%20(57).png" alt="Community & Network Icon" class="icon"> <div> <h3 style="font size:20px;">Community & Network</h3> <p style="font size:15px;">We operate at the centre of Europe’s tech ecosystem. <br> Join our global community of founders, investors, and <br> corporate innovators.</p> <a href="#" style="color:black">Learn more</a> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> add a background image
