Blue Marble

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico" /> <title>Blue Marble - Home</title> <link rel='stylesheet' href='css/style.css' type='text/css' media='all' /> <script type='text/javascript' src='js/index.js'></script> <script type='text/javascript' src='js/vendor/jquery-1.11.3.min.js'></script> </head> <body> <header> <a href="index.html"> <img src="images/logo2.png" alt="Blue Marble" class="logo"> </a>  <div class="hamburger-menu" onclick="toggleMenu()"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" /> </svg> </div> <nav> <ul id="nav-list"> <li><a href="index.html" class="current">Home</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="about.html">About Us</a></li> <li><a href="verify_vcc.html">Verify Carbon Offsetting</a></li> <li><a href="login.html">Partners' Zone</a></li> </ul> </nav> </header> <main> <section class="custom2-banner"> <video muted playsinline id="myVideo" onended="stopVideo()"> <source src="images/banner_video.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> <script> var video = document.getElementById("myVideo"); function stopVideo() { video.pause(); video.currentTime = 0; } video.play(); </script> <h1 style="z-index: 1;color: white;font-weight: bold;font-size: xx-large;">Climate action, at scale</h1> </section> <div class="general-cover"> <h2>About Our Company</h2> <hr class="divider"> <p style="text-align: center;font-size: 16px;margin-left: 20px;margin-right: 20px;"> Blue Marble was established with the mission to reduce emissions profitably and<br>deliver carbon neutrality as an added-value service to corporates.<br><br> At Blue Marble we empower corporates and consumers, fostering a collaborative and<br>equitable approach to net zero through certified methods.<br><br> Through our unparalleled climate-tech solution, we democratized access to carbon<br>neutrality, by offering to consumers the right to offset the net CO2 emissions of the<br>products and services that they purchase, once corporates are committed to decarbonization.</p> <h2>Our Services</h2> <hr class="divider"> <div class="services-container"> <div class="active-services-container"> <div class="tab-container"> <button class="tab-button" id="defaultcarbon" onclick="setContent('Energy & Carbon Audit', 'At Blue Marble, we specialize in delivering comprehensive assessments tailored to meet the unique needs of businesses seeking to optimize their energy consumption, reduce carbon emissions profitably, and enhance overall environmental sustainability.', 'images/carbon_offseting.jpg', 'carbon_estimation.html')">Energy & Carbon Audit</button> <button class="tab-button" onclick="setContent('Carbon Optimization', '', 'images/carbon_offseting.jpg', '')">Carbon Optimization</button> <button class="tab-button" onclick="setContent('Carbon Offsetting', '', 'images/carbon_offseting.jpg', '')">Carbon Offsetting</button> </div> <div id="content-container" class="content-container" style="background-image: url("images/decarbonization.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;"> <p id="content-description">Please select a tab to see the content.</p> <img id="content-image" src="" alt="Content Image" style="display: none;"> <a href="#" id="more-info-button" class="more-info-button" style="display:none;">More Info</a> </div> <script> function setContent(tabName, description, imagePath, moreInfoLink) { var contentContainer = document.getElementById('content-container'); var contentDescription = document.getElementById('content-description'); var moreInfoButton = document.getElementById('more-info-button'); // Check if the tabName is "Energy & Carbon Audit" (the first item) if (tabName === 'Energy & Carbon Audit') { contentDescription.innerHTML = description.replace(/\n/g, '<br>'); moreInfoButton.href = moreInfoLink; moreInfoButton.style.display = 'block'; contentContainer.style.height = 'auto'; // Reset height to auto contentDescription.style.boxShadow = '0px 0px 0px rgba(0, 0, 0, 0)'; // Remove shadow // Apply background color if there is text in description if (description.trim().length > 0) { contentDescription.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; } else { contentDescription.style.backgroundColor = 'transparent'; } } else { // For other tabs, hide the description and "More Info" button contentDescription.innerHTML = ''; moreInfoButton.style.display = 'none'; contentContainer.style.height = '300px'; // Set height to 300px contentDescription.style.boxShadow = '0px 0px 0px rgba(0, 0, 0, 0)'; // Remove shadow contentDescription.style.backgroundColor = 'transparent'; // Remove background color } // Set the background image for all tabs contentContainer.style.backgroundImage = "url('" + imagePath + "')"; } // Trigger the click event for the default tab (Energy & Carbon Audit) document.getElementById("defaultcarbon").click(); </script> </div> <div class="custom-section"> <div class="photo-container"> <a href="https://sciencebasedtargets.org/net-zero" target="_blank"> <img src="images/sciencebasetargets.png" alt="Image 1" class="photo-slot"> </a> <a href="https://sciencebasedtargets.org/resources/files/Above-and-Beyond-Report-on-BVCM.pdf" target="_blank"> <img src="images/bvcm.png" alt="Image 2" class="photo-slot"> </a> <a href="https://www.goldstandard.org/" target="_blank"> <img src="images/goldstandard.jpg" alt="Image 3" class="photo-slot"> </a> <a href="https://www.un.org/en/" target="_blank"> <img src="images/unitednations.jpg" alt="Image 4" class="photo-slot"> </a> <a href="https://sdgs.un.org/goals" target="_blank"> <img src="images/sustainabledevelopments.jpg" alt="Image 5" class="photo-slot"> </a> </div> <div class="text-container"> <p>Blue Marble value proposition is fully compatible with SBTi, the world's leading framework for setting corporate net-zero targets in line with climate science.</p> <p>Carbon offsetting is not a substitute of decarbonization, but an essential responsibility of businesses for the residual emissions of their respective goals, including the short-term ones, in line with societal net zero.</p> <p>Blue Marble is accredited by The Gold Standard, to manage certified VCCs issued under the United Nations Framework Convention on Climate Change and verified against the UN SDGs.</p> <p>Corporate Registration Number: 1103174</p> </div> </div> <div class="wide-container" style="background-image: url('images/oceanbanner.jpg');"> <div class="overlay-image" style="background-image: url('images/banner_overlay.png');"></div> </div> <div class="energy-container"> <h2>Frequently Asked Questions</h2> <hr class="divider"> <div class="energy-item"> <span class="energy-title">Energy / Carbon Footprinting</span> <span class="energy-arrow">→</span> </div> <div class="energy-item"> <span class="energy-title">Blue Marble Environmental Fuel Catalyst</span> <span class="energy-arrow">→</span> </div> <div class="energy-item"> <span class="energy-title">Clean Thermal Energy</span> <span class="energy-arrow">→</span> </div> <div class="energy-item"> <span class="energy-title">Carbon Offsetting</span> <span class="energy-arrow">→</span> </div> </div> <div class="energy-container"> <h2>Grow your own forest to tackle Climate Crisis</h2> <hr class="divider"> </div> <div class="forest-section"> <div class="forest-video-container"> <video muted playsinline autoplay> <source src="images/corporate_forest.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> <div class="text-overlay"> <p>The best time to plant a tree was 20 years ago.</p> <p>The second best time is now!</p> </div> </div> <div class="forest-text-container"> <div class="forest-text-item"> <span class="forest-text">Corporate participation in Blue Marble Forests</span> <span class="forest-arrow">→</span> </div> <div class="forest-text-item"> <span class="forest-text">Offer planting of trees as a corporate present</span> <span class="forest-arrow">→</span> </div> <div class="forest-text-item"> <span class="forest-text">Offer planting of trees as a personal gift</span> <span class="forest-arrow">→</span> </div> </div> </div> <div class="priorities-container"> <h2>Sectors that our Climate-Tech thrives in</h2> <hr class="divider"> <div class="priorities-section"> <h3 class="priorities-title"> Leisure & Travel <span class="arrow"></span> </h3> <div class="priorities-content"> <ul class="priorities-list"> <li>Hotels</li> <li>Ferry Services</li> <li>Restaurants</li> <li>Car Rentals</li> </ul> </div> </div> <div class="priorities-section"> <h3 class="priorities-title"> Utilities <span class="arrow"></span> </h3> <div class="priorities-content"> <ul class="priorities-list"> <li>Energy</li> <li>Telecommunications</li> </ul> </div> </div> <div class="priorities-section"> <h3 class="priorities-title"> Financial Services <span class="arrow"></span> </h3> <div class="priorities-content"> <ul class="priorities-list"> <li>Banking</li> </ul> </div> </div> <div class="priorities-section"> <h3 class="priorities-title"> Digital Services <span class="arrow"></span> </h3> <div class="priorities-content"> <ul class="priorities-list"> <li>Betting Platforms</li> <li>E-commerce</li> <li>Digital Advertising</li> </ul> </div> </div> <div class="priorities-section"> <h3 class="priorities-title"> Sustainable Events <span class="arrow"></span> </h3> <div class="priorities-content"> <ul class="priorities-list"> <li>Forums, Conferences & Exhibitions</li> <li>Sports Events & Concerts</li> <li>Catering</li> </ul> </div> </div> </div> <script> $(document).ready(function () { $('.priorities-title').click(function () { $(this).toggleClass('active'); $(this).next('.priorities-content').slideToggle(); }); }); </script> </div> <div class="contact-section"> <h2>Contact Us</h2> <div class="contact-icons"> <div class="contact-icon"> <img src="images/email.svg" alt="email" style="width: 33%;"> <p>info@blue-marble.org</p> </div> <div class="contact-icon"> <img src="images/phone.svg" alt="phone" style="width: 33%;"> <p>+30 216 0033030</p> </div> <div class="contact-icon"> <img src="images/location.svg" alt="location" style="width: 33%;"> <p>11 Kratinou,<br>Athens, 105 52, GR</p> </div> </div> </div> </div> <div class="custom-social-icons"> <a href="https://gr.linkedin.com/company/blue-marble-disruptive-technologies" target="_blank"> <img src="images/linkedin.svg" alt="LinkedIn" class="social-icon"> </a> <a href="https://www.facebook.com/bm.disruptive.tech/" target="_blank"> <img src="images/facebook.svg" alt="Facebook" class="social-icon"> </a> <a href="https://www.instagram.com/bm.disruptive.technologies/" target="_blank"> <img src="images/instagram.svg" alt="Instagram" class="social-icon"> </a> <a href="https://twitter.com/bluedisruptive?lang=el" target="_blank"> <img src="images/x.svg" alt="X" class="social-icon"> </a> <a href="https://www.tiktok.com/@net_zero_now?_t=8jHUrbfuKxN&_r=1" target="_blank"> <img src="images/tiktok.svg" alt="TikTok" class="social-icon"> </a> </div>  </main> <footer> <p>Copyright © 2024 Blue Marble - All rights reserved.</p> </footer> <script type='text/javascript' src='js/vendor/jquery.slidemenu.min.js'></script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '541915518633938'); fbq('track', 'PageView'); document.querySelectorAll('.contact-icon').forEach(element => { element.addEventListener('click', () => { // Send tracking event to Facebook fbq('track', 'ContactIconClick'); }); }); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=541915518633938&ev=PageView&noscript=1" /></noscript> </body> </html>

CINXE.COM

Blue Marble - Home