CINXE.COM
iMELLO Online Media Group
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RHJNZP5FCB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RHJNZP5FCB'); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> <title>iMELLO Online Media Group</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/font-awesome.css" rel="stylesheet" type="text/css" /> <link href="css/responsive.css" rel="stylesheet" type="text/css" /> <meta name="description" content="iMELLO Online Media Group, mission is to help people enjoy positive and educational content and to grow our digital magazines into a global brand with sustainable revenue"> <meta name="keywords" content="iMELLO, online, media, advertising, brands, video, banners, display, tips, trends, content, digital, magazines, internet, ads, inventory"> <script>window.jQuery || document.write('<script src="js/jquery.js"><\/script>')</script> <script src="js/responsive-menu.js" type="text/javascript"></script> <script> jQuery(function ($) { var menu = $('.rm-nav').rMenu({ minWidth: '650px', }); }); </script> <!-- scrollscript script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="js/scrollscript.js"></script> <!-- scrollscript script// --> <!-- main-slider-script --> <script src="js/main-slider/jquery.min.js"></script> <!-- main-slider-script// --> <script> function refreshCaptcha(){ var img = document.images['captchaimg']; img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000; } </script> </head> <body> <header class="header"><!-- header start --> <div class="maincontainer"> <div class="logo"> <div class="logo_inner"> <a href="#"><img src="images/logo.png" alt="" /></a> </div> </div> <div class="rm-container"> <a class="rm-toggle rm-button rm-nojs" href="#">Menu</a> <nav class="rm-nav rm-nojs rm-lighten"> <ul> <li><a href="#home">home</a></li> <li><a href="#about">about</a></li> <li><a href="#team">team</a></li> <li><a href="#clients">brands</a></li> <li><a href="#contact">contact</a></li> </ul> </nav> </div><!-- .rm-container --> <div class="clear"></div> </div> </header><!-- header close// --> <section id="home"><!-- home start --> <div class="main-slider"><!-- main-slider start --> <div class="banner"> <div class="container"> <!-- img slider --> <div class="img-slider"> <!-- start slider script --> <script src="js/main-slider/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 1000, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> <!-- End slider script // --> <!-- Slideshow 4 --> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <img class="img-responsive" src="images/slider_pic1.jpg" alt=""> <div class="slider-caption"><!-- slider-caption start --> <h1>IMELLO online media group <br><span></span></h1> <p> Our mission is to help people enjoy positive and educational content and to <br>grow our digital magazines into a global brand with sustainable revenue generated through local advertising and subscriptions. </p> </div><!-- slider-caption close// --> </li> <li> <img class="img-responsive" src="images/slider_pic2.jpg" alt=""> <div class="slider-caption"><!-- slider-caption start --> <h1>IMELLO online media group <br><span></span></h1> <p> Our mission is to help people enjoy positive and educational content and to <br>grow our digital magazines into a global brand with sustainable revenue generated through local advertising and subscriptions. </p> </div><!-- slider-caption close// --> </li> <li> <img class="img-responsive" src="images/slider_pic3.jpg" alt=""> <div class="slider-caption"><!-- slider-caption start --> <h1>IMELLO online media group <br><span></span></h1> <p> Our mission is to help people enjoy positive and educational content and to <br>grow our digital magazines into a global brand with sustainable revenue generated through local advertising and subscriptions. </p> </div><!-- slider-caption close// --> </li> </ul> </div> <div class="clear"></div> </div> <!-- slider --> </div> </div> </div><!-- main-slider close// --> </section><!-- home close// --> <section id="about"><!-- about start --> <div class="maincontainer"> <div class="rowheading"><!-- rowheading start --> <div class="rowheading_inner"><h1>About</h1></div> </div><!-- rowheading close// --> <div class="about_heading"> <h2>We're in the business of hosting great ideas</h2> </div> <div class="about_intro"><!-- about_intro start --> <div class="about_intro_top"> <p>IMELLO is an internet media group with a collection of premium inventory websites covering Entertainment, Travel, News, Business, Technology, with a global audience. Having already created content, built our technology platform, we are ready for the next step.</p> </div> <div class="about_intro_list"> <ul> <li>We market our sites world wide to get millions of unique visitors per month.</li> <li>We generate revenue through client sponsorships and advertising. </li> <li>We have a global audience that's growing quickly.</li> </ul> </div> <div class="clear"></div> </div><!-- about_intro close// --> </div> </section><!-- about close// --> <section id="team"><!-- team start --> <div class="maincontainer"> <div class="rowheading"><!-- rowheading start --> <div class="rowheading_inner_team"><h1>we are imello</h1></div> </div><!-- rowheading close// --> <div class="team_heading"> <h2>We do local marketing for global reach with an established up-to-date press and marketing contacts worldwide. Our Team is experienced, passionate, highly skilled. There's clear Training material available for our new starters to develop their skills in online marketing, search engine optimisation (SEO), content creation, ad management and technology platform development. We love to socialise, mingle and party, we like to work hard and party hard. Get in <a href="#contact">contact</a> if you want to join a fun and dynamic team. </h2> </div> <div class="team_intro"><!-- team_intro start --> <div class="bottom-grids"> <div class="container"> <div class="col-md-9 bottom-grids-left"> <div class="f-products"> <!-- sreen-gallery-cursual --> <div class="sreen-gallery-cursual"> <!-- requried-jsfiles-for owl --> <script src="js/main-slider/blogslider.js"></script> <script> $(document).ready(function() { $("#owl-demo").blogslider({ items : 4, lazyLoad : true, autoPlay : true, navigation : true, navigationText : false, pagination : false, }); }); </script> <!-- //requried-jsfiles-for owl --> <!-- start content_slider --> <div id="owl-demo" class="owl-carousel text-center"> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic1.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic2.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic3.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic4.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic5.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic6.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic7.jpg" alt="" /></a></div> </div> </div> <div class="item"> <div class="teambox"> <div class="teambox_pic"><a href="#"><img src="images/teambox_pic8.jpg" alt="" /></a></div> </div> </div> </div> </div> </div> </div> </div> </div> </div><!-- team_intro close// --> </div> </section><!-- team close// --> <section id="clients"><!-- clients start --> <div class="maincontainer"> <div class="rowheading"><!-- rowheading start --> <div class="rowheading_inner_client"><h1>brands</h1></div> </div><!-- rowheading close// --> <div class="client_heading"> <h2>We work with Ad Networks to provide us with campaigns to our destination sites.<br> Our unique Digital Publishing Platform runs our Digital Magazines including features for Ad Targeting, Content Management and Data Reporting. <br> We have several advertising options including display banners and videos.<br> Get in <a href="#contact">touch</a> if you are looking for inventory.</h2> </div> <div class="client_intro"><!-- client_intro start --> <div class="bottom-grids"> <div class="container"> <div class="col-md-9 bottom-grids-left"> <div class="f-products"> <!-- sreen-gallery-cursual --> <div class="sreen-gallery-cursual"> <!-- requried-jsfiles-for owl --> <script src="js/main-slider/blogslider.js"></script> <script> $(document).ready(function() { $("#owl-demo2").blogslider({ items : 4, lazyLoad : true, autoPlay : true, navigation : true, navigationText : false, pagination : false, }); }); </script> <!-- //requried-jsfiles-for owl --> <!-- start content_slider --> <div id="owl-demo2" class="owl-carousel text-center"> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo1.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo2.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo3.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo4.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo5.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo6.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo7.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo8.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo9.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo10.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo11.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo12.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo13.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo14.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo15.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo16.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo17.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo18.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo19.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo20.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo21.jpg" alt="" /></a></div> </div> <div class="item"> <div class="clientbox"><a href="#"><img src="images/clientlogo22.jpg" alt="" /></a></div> </div> </div> </div> </div> </div> </div> </div> </div><!-- client_intro close// --> </div> </section><!-- clients close// --> <section id="contact"> <div class="maincontainer"> <div class="rowheading"><!-- rowheading start --> <div class="rowheading_inner_client"><h1>contact</h1></div> </div><!-- rowheading close// --> <div class="contact_intro"><!-- contact_intro start --> <div class="contact_intro_left"> <div class="contact_intro_head"><h1>CONTACT INFORMATION</h1></div> <div class="contact_intro_left_text"> <p>We follow and maintain the highest industry standards including IAB, VAST, VPAID.<br> Our service is client relationships that we've established over many years, providing our advertising service for top brands with Ad Networks. Our competition are other premium publishers, online magazines, content and media owners. </p> </div> </div> <div class="contact_intro_right"> <div class="contact_intro_head"><h1>Send us a message </h1> <div id="contact_form_x8k2p9vn" style="max-width: 700px; margin: 20px auto; padding: 20px; font-family: Arial, sans-serif;"> <form id="emailForm_r7m4t2hl" style="display: flex; flex-direction: column; gap: 20px;" onsubmit="submitForm(event)"> <div id="input_wrap_j9n5q3wm" style="position: relative;"> <input type="email" id="email_y6v8k4px" required style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 16px; transition: all 0.3s ease; outline: none; box-sizing: border-box;" placeholder="Your email address" > </div> <div id="message_wrap_h3t7l9dc" style="position: relative;"> <textarea id="message_n2b5m8qs" required rows="6" style="width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 16px; transition: all 0.3s ease; outline: none; resize: vertical; box-sizing: border-box;" placeholder="Your message" ></textarea> </div> <button type="submit" id="submit_c4x7w9zt" style="background-color: #e27b39; color: white; padding: 12px 24px; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; transition: all 0.3s ease; outline: none;"> Send Message </button> </form> </div> <script> function submitForm(event) { event.preventDefault(); const email = document.getElementById('email_y6v8k4px').value; const message = document.getElementById('message_n2b5m8qs').value; // Create mailto link const mailtoLink = `mailto:matt@imello.com?subject=Email from imello.com&body=${encodeURIComponent(message)}&reply-to=${encodeURIComponent(email)}`; // Open default email client window.location.href = mailtoLink; // Reset form document.getElementById('emailForm_r7m4t2hl').reset(); // Show success state document.getElementById('submit_c4x7w9zt').style.backgroundColor = '#28a745'; setTimeout(() => { document.getElementById('submit_c4x7w9zt').style.backgroundColor = '#007bff'; }, 2000); } // Add hover effects document.getElementById('submit_c4x7w9zt').addEventListener('mouseover', function() { this.style.backgroundColor = '#0056b3'; }); document.getElementById('submit_c4x7w9zt').addEventListener('mouseout', function() { this.style.backgroundColor = '#007bff'; }); // Add focus effects for inputs const inputs = [document.getElementById('email_y6v8k4px'), document.getElementById('message_n2b5m8qs')]; inputs.forEach(input => { input.addEventListener('focus', function() { this.style.borderColor = '#007bff'; }); input.addEventListener('blur', function() { this.style.borderColor = '#e0e0e0'; }); }); // Add responsive styling function adjustStyles() { const form = document.getElementById('contact_form_x8k2p9vn'); if (window.innerWidth <= 480) { form.style.padding = '10px'; } else { form.style.padding = '20px'; } } window.addEventListener('resize', adjustStyles); adjustStyles(); </script> </div> <div class="contact_intro_right_form"> </div> </div> <div class="clear"></div> </div><!-- contact_intro close// --> </div> </section> <footer class="footer"><!-- footer start --> <div class="maincontainer"> <div class="footer_box"> <div class="footer_box_head"><h1>ABOUT US</h1></div> <div class="footer_box_intro"> <p>We're able to rapidly respond to new campaigns with multi-platform solutions for consumers and advertisers in different locations worldwide. </p> <p><br> We have local teams around the world who organize promotional events in an instant.</p> </div> <div class="footer_box_social"> <ul> <!-- <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> --> <li><a href="https://www.linkedin.com/company/imello"><i class="fa fa-linkedin"></i></a></li> </ul> </div> </div> <div class="footer_box"> <div class="footer_box_head"><h1>useful links</h1></div> <div class="footer_box_intro"> <div class="footer_box_intro_usefillinks"> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#team">Team</a></li> <li><a href="#clients">Brands</a></li> <li><a href="#contact">Contact</a></li> <li><a href="https://www.imello.com/privacy.html" onClick="document.location.href='https://www.imello.com/privacy.html'">Privacy Policy</a></li> <li><a onClick="document.location.href='https://www.imello.com/terms.html'" href="https://www.imello.com/terms.html">Terms & Conditions</a></li> <li></li> <li><a href="#contact"></a></li> </ul> </div> </div> </div> <div class="footer_box"> <div class="footer_box_head"><h1>Latest news</h1></div> <div class="footer_box_intro"> <p>We reach out to hundreds of thousands of fans on Social media each day to connect and empower our communities.</p> <p><br> We're into data driven decisions, rapid publishing and content distribution, our Business is proven and scalable.</p> </div> </div> <div class="clear"></div> </div> </footer><!-- footer close// --> <section class="copyright"><!-- copyright start --> <div class="maincontainer"> <p> Copyright 漏 Imello.com, 2015 - to present date. All Rights Reserved. </p> </div> </section><!-- copyright close// --> </body> </html>