CINXE.COM
New Style Online Advertising Network, Just like Adsense! - ProAdsZone
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> <html lang="en"> <head> <link rel="icon" href="./themes/cherry-red/images/favicon.png" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en-us" /> <meta name="keywords" content="ProAdsZone,publisher,advertiser,new style online advertising network,advertising,adsense,online,advertising,admarket,advertiser,publisher,ads,keywords,click,impression,online advertisement,profit" /> <meta name="description" content="ProAdsZone is a free, simple way to make money online by placing ads on your website, Includes a complete publisher and advertiser system." /> <title> New Style Online Advertising Network, Just like Adsense! - ProAdsZone</title> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-R9MTFTXTDB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R9MTFTXTDB'); </script> <script type='text/javascript' src='./common/js/jquery.min.js'></script> <script type='text/javascript' src='./common/js/popper.min.js'></script> <script type='text/javascript' src='./common/js/bootstrap.min.js'></script> <script type='text/javascript' src='./common/jquery-ui/jquery-ui.min.js'></script> <script type="text/javascript" src="./common/js/common.js"></script> <!-- For testimonial --> <script type="text/javascript" src="./themes/cherry-red/assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- For logo slider --> <script type="text/javascript" src="./common/js/slick.js"></script> <!-- Index/Advertiser/Publisher/ContactUs --> <script type="text/javascript" src="./themes/cherry-red/assets/vendor/aos/aos.js"></script> <link rel="stylesheet" type="text/css" media="all" href="./common/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="./common/font-awesome/css/font-awesome.css" /> <link rel="stylesheet" type="text/css" media="all" href="./common/jquery-ui/jquery-ui.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="./themes/cherry-red/assets/vendor/swiper/swiper-bundle.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="./common/css/animate.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="./themes/cherry-red/assets/vendor/aos/aos.css" /> <link rel="stylesheet" type="text/css" media="all" href="./themes/cherry-red/assets/vendor/boxicons/css/boxicons.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="./themes/cherry-red/assets/vendor/remixicon/remixicon.css" /> <link rel="stylesheet" type="text/css" media="all" href="./themes/cherry-red/css/cherry-red.css" /> <!-- Used for custom modifications --> <link rel="stylesheet" type="text/css" media="all" href="https://proadszone.com/css/public-style.css" /> <!-- Used for custom modifications --> </head> <body class=""> <header class="header-class fixed-top d-flex header-transparent "> <div class=" container d-flex align-items-center justify-content-between"> <div class="logo"> <h1 class="logo-desktop"> <a href="https://proadszone.com/"> <img class="img-fluid" src="https://proadszone.com/upload/logo/logo-1677063209.png" alt="ProAdsZone" title="ProAdsZone" /> </a> </h1> <h1 class="logo-mobile"> <a href="https://proadszone.com/"> <img class="img-fluid" src="https://proadszone.com/upload/logo/icon-1676200840.png" alt="ProAdsZone" title="ProAdsZone" /> </a> </h1> </div> <nav id="navbar" class="navbar"> <ul class="navbar-height"> <li class="nav-item home-class "> <a href="https://proadszone.com/" class=" active nav-link scrollto nav-link-grow-up"> Home </a> </li> <li class="nav-item "> <a href="https://proadszone.com/advertisers" class=" nav-link scrollto nav-link-grow-up"> Advertiser </a> </li> <li class="nav-item "> <a href="https://proadszone.com/publishers" class=" nav-link scrollto nav-link-grow-up"> Publisher </a> </li> <li class = "nav-item dropdown"> <a id="pages-Data" class="page-list nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a> <ul class="dropdown-menu drop-down-mob" aria-labelledby="pages-Data"> <li> <a class="dropdown-item" href="https://proadszone.com/demo">Ads Demo</a> </li> <li> <a class="dropdown-item" href="https://proadszone.com/adformats">Ad Formats</a> </li> </ul> </li> <li class="nav-item "> <a href="https://proadszone.com/contact-us" class=" nav-link scrollto nav-link-grow-up"> Contact Us </a> </li> </ul> </nav><!-- .navbar --> <ul class="header-icon-box"> <li class="dropdown language-li"> <a href="#" class="dropdown-toggle language-selected" data-toggle="dropdown" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="https://proadszone.com/images/flags/us.png" /><span class="caret"></span></a><ul class="dropdown-menu language_drop_menu"><li><a href="#" onclick="LoadLocaleFile('en_US','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item language_link"><img src="https://proadszone.com/images/flags/us.png" /> English</a></li><li><a href="#" onclick="LoadLocaleFile('ar_AE','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/ae.png" />丕賱毓乇亘賷丞</a></li><li><a href="#" onclick="LoadLocaleFile('es_ES','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/es.png" />Espa帽ol</a></li><li><a href="#" onclick="LoadLocaleFile('fr_FR','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/fr.png" />Fran莽ais</a></li><li><a href="#" onclick="LoadLocaleFile('ru_RU','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/ru.png" />P褍褋褋泻懈泄</a></li><li><a href="#" onclick="LoadLocaleFile('el_GR','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/gr.png" />蔚位位畏谓喂魏维</a></li><li><a href="#" onclick="LoadLocaleFile('id_ID','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/id.png" />Indonesia</a></li><li><a href="#" onclick="LoadLocaleFile('bd_BD','https://proadszone.com/index.php?page=layout/change-language/',0);" class="dropdown-item"><img src="https://proadszone.com/images/flags/bd.png" />Bangla</a></li> </ul> </li> <li class="login-box"> <button class="login-button-header" onclick="window.location.href='https://proadszone.com/login'"> Login <i class="fa fa-sign-in" aria-hidden="true"></i> </button> <i class="fa fa-sign-in login-button-icon" aria-hidden="true" title="Login" onclick="window.location.href='https://proadszone.com/login'"></i> </li> <li class="signup-box"> <button class="signup-button-header" onclick="window.location.href='https://proadszone.com/register'"> Sign up <i class="bx bx-user-circle"></i> </button> <i class="bx bx-user-circle signup-button-icon" aria-hidden="true" title="Sign up" onclick="window.location.href='https://proadszone.com/register'"></i> </li> <li> <i class="fa fa-bars mobile-nav-toggle"></i> </li> </ul> </div> </header><!-- End Header --> <section id="home-banner" class="d-flex align-items-center"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center"> <h1>ProAdsZone</h1> <h4>ProAdsZone provides a highly sophisticated online platform for advertisers and publishers of all sizes to meet up and exchange advertisements and traffic in a mutually benificial manner.</h4> <div class="d-flex"> <a href="https://proadszone.com/register" class="btn-get-started scrollto">Get Started Now</a> </div> </div> <div class="col-lg-6 order-1 order-lg-2 hero-img"> <img src="./themes/cherry-red/images/banner-bg.png" class="img-fluid animated" title="ProAdsZone" alt="ProAdsZone" /> </div> </div> </div> </section> <main> <!-- ========================= Top Content start ========================= --> <section id="home-top-content" class="home-top-content-wrap"> <div class="container"> <div class="row justify-content-center"> <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-8" data-aos="zoom-in" data-aos-delay="150"> <div class="section-title text-center"> <h3 class="mb-15 text-white">The Digital Market For Advertisers & Publishers</h3> <p class="text-white">ProAdsZone is an online market place where advertisers can sell their ads to publishers who will inturn return traffic to the advertisers. ProAdsZone supports advertisers and publishers of all sizes. Advertisers just need to submit their ads and configure their target audience and budget using ProAdsZone advertiser account. Publishers need to generate adcodes of desired dimensions using ProAdsZone publisher account. Ad selling and traffic exchange are automatically handled by the highly sophisticated ProAdsZone platform.</p> </div> </div> </div> </div> </section> <!-- ========================= Key Features Section ========================= --> <section id="main-key-features" class="keyfeatures-wrap"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-title" data-aos="zoom-in" data-aos-delay="150"> <h2>Key Features</h2> </div> </div> </div> <div class="single-head"> <div class="row"> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bx-log-in"></i> </div> <h3>Quick Signup</h3> <p>Simple steps to become an advertiser or publisher.</p> </div> </div> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bx-paper-plane"></i> </div> <h3>Diverse Ad Formats</h3> <p>A wide selection of ad formats for making your campaigns.</p> </div> </div> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bxs-report"></i> </div> <h3>Targeting Capabilities</h3> <p>Target your audience by keywords, category, geo-locations, display devices, OS and browser.</p> </div> </div> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bx-target-lock"></i> </div> <h3>Customizable Adcodes</h3> <p>The publishers can customize the adcodes to look great on your websites.</p> </div> </div> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bx-link-alt"></i> </div> <h3>Fraud Detection</h3> <p>Advanced monitoring to prevent repetitive, invalid, proxy and automated clicks.</p> </div> </div> <div class="col-lg-4 col-md-6 col-12"> <div class="single-feature" data-aos="zoom-in" data-aos-delay="150"> <div class="icon"> <i class="bx bxs-credit-card"></i> </div> <h3>Detailed Reporting</h3> <p>Time period based reports for ads, keywords and adcodes</p> </div> </div> </div> </div> </div> </section> <!-- ========================= Advertiser Section ========================= --> <section id="advertiser-sec" class="advertiser-section" style="background-image:url(./themes/cherry-red/images/advertiser.jpg)"> <div class="container"> <div class="row"> <div class="col-xl-6 col-lg-8 col-md-10"> <div class="about-content-wrapper" data-aos="zoom-in" data-aos-delay="150"> <div class="section-title mb-30"> <h3 class="mb-25">Advertiser</h3> <p>Generate top quality leads for your websites from the promotional and advertising campaigns created within ProAdsZone. Your ads will have widespread reach as they are served in our enormous publisher network. Create your ads in text, banner, text+image formats and control the target audience of your ads by configuring keywords, category, display device, OS, browser and geographical filters. Our highly cost effective advertising solution ensures that you are paying only for genuine visitors to your web sites.</p> </div> <a href="https://proadszone.com/advertisers" class="button button-lg radius-10">Read More</a> </div> </div> </div> </div> </section> <!-- ========================= Publisher start ========================= --> <section id="publisher-section" class="ftco-no-pt ftco-no-pb"> <div class="container-xl"> <div class="row g-xl-5"> <div class="col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="150"> <div class="img w-100" style="background-image:url(./themes/cherry-red/images/publisher.jpg)"></div> </div> <div class="col-md-6 heading-section d-flex align-items-center" data-aos="zoom-in" data-aos-delay="150"> <div class="mt-0 my-lg-5 py-5"> <span class="subheading">Publisher</span> <h2 class="mb-2">Optimize your revenue with ProAdsZone</h2> <p>Generate revenue from your websites traffic by placing adcodes from ProAdsZone. Our system ensures maximum revenue possible at any given time by rendering ads from highest bidders on your websites. Adcodes for displaying text, banner, text+image ads are available which are capable of identifying the most relevant keywords or category in your websites and generating best matching ads for the same. Adcodes can be configured to filter your competitor ads from being displayed on your websites.</p> <div class="row mt-4 g-lg-2"> <div class="col-lg-12 d-flex align-items-stretch publisher-wrap"`> <div class="publisher d-flex"> <div class="icon"><span class="flaticon-online-learning"></span></div> <div class="text"> <h2>Quick Signup</h2> <p class="mb-0">Sign up for a free publisher account</p> </div> </div> </div> <div class="col-lg-12 d-flex align-items-stretch publisher-wrap" data-aos="fade-up"> <div class="publisher d-flex"> <div class="icon"><span class="flaticon-certificate"></span></div> <div class="text"> <h2>Customizable Adcodes</h2> <p class="mb-0">You can customize the adcodes to match your website design</p> </div> </div> </div> <div class="col-lg-12 d-flex align-items-stretch publisher-wrap" data-aos="fade-up"> <div class="publisher d-flex"> <div class="icon"><span class="flaticon-scientist"></span></div> <div class="text"> <h2>Relevant Ads</h2> <p class="mb-0">Automatic keyword detection and matching ad delivery</p> </div> </div> </div> </div> <a href="https://proadszone.com/publishers" class="button button-lg radius-10 mt-10" data-aos="fade-up">Read More</a> </div> </div> </div> </div> </section> <!-------------- Pricing model Section Starts here --------------------------> <section id="pricing-wrap" class="pricing-wrap"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h2 class="text-center mb-5">Pricing</h2> </div> <div class="row gy-5 justify-content-center"> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="pricing-item" data-aos="fade-up"> <div class="img"> <img src="./themes/cherry-red/images/cpc-img.jpg" class="img-fluid" title="CPC" alt="CPC"> </div> <div class="details position-relative"> <h3>CPC</h3> <p>Pay-per-click (PPC), also known as cost per click (CPC), is the online advertising model used to direct traffic to websites, in which an advertiser pays a publisher (typically a website owner or a network of websites) only when the ad is clicked.</p> </div> </div> </div> </div> </div> </section> <section id="testimonials" class="testimonials"> <div class="container" data-aos="fade-up" > <div class="section-header"> <h2 class="text-center text-white">Customer Says</h2> </div> <div class="slides-1 swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6 col-md-6 col-sm-8 col-8"> <div class="testimonial-content"> <p> <i class="bx bxs-quote-left quote-icon-left"></i> ProAdsZone.com - The key to effective advertising. Impressive results, every time! <i class="bx bxs-quote-left quote-icon-right"></i> </p> <h4> <a href="https://aiovideo.com">aiovideo</a> </h4> </div> </div> <div class="col-lg-2 col-md-2 col-sm-8 col-6 text-center"> <img src="./upload/profile_picture/3/1676204047.png" class="img-fluid testimonial-img profile-picture" alt="aiovideo" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6 col-md-6 col-sm-8 col-8"> <div class="testimonial-content"> <p> <i class="bx bxs-quote-left quote-icon-left"></i> ProAdsZone.com delivers results! Increased traffic, more customers, and hassle-free advertising. Highly recommend! <i class="bx bxs-quote-left quote-icon-right"></i> </p> <h4> <a href="http://banglasaj.com">banglasaj</a> </h4> </div> </div> <div class="col-lg-2 col-md-2 col-sm-8 col-6 text-center"> <img src="./upload/profile_picture/15/1682972623.png" class="img-fluid testimonial-img profile-picture" alt="banglasaj" /> </div> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6 col-md-6 col-sm-8 col-8"> <div class="testimonial-content"> <p> <i class="bx bxs-quote-left quote-icon-left"></i> ProAdsZone.com has been an absolute game-changer for my business! As a small business owner looking to expand my reach and increase sales, I was struggling to find an effective way to promote my products and services. However, ProAdsZone.com provided <i class="bx bxs-quote-left quote-icon-right"></i> </p> <h4> <a href="https://www.advancedhearingbd.com">advancedhearing</a> </h4> </div> </div> <div class="col-lg-2 col-md-2 col-sm-8 col-6 text-center"> <img src="./upload/profile_picture/2/1676132847.png" class="img-fluid testimonial-img profile-picture" alt="advancedhearing" /> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </section> <div class="container" style="padding-top:50px;" data-aos="zoom-in-left" data-aos-delay="500"> <div class="section-title"> <h2 class="text-center mb-3"> Our Clients </h2> </div> <section class="customer-logos slider" > <div class="slide"> <a href="https://www.advancedhearingbd.com"> <img src="upload/public_logo/2/1676132847.png" alt="" /> </a> </div> <div class="slide"> <a href="https://aiovideo.com"> <img src="upload/public_logo/3/1676204047.png" alt="" /> </a> </div> <div class="slide"> <a href="https://quranfor.me"> <img src="upload/public_logo/4/1676629684.png" alt="" /> </a> </div> <div class="slide"> <a href="https://www.advancedgroup.xyz"> <img src="upload/public_logo/5/1676301166.png" alt="" /> </a> </div> <div class="slide"> <a href="https://aiopaste.com"> <img src="upload/public_logo/6/1676629611.png" alt="" /> </a> </div> <div class="slide"> <a href="https://allinoneproxy.com"> <img src="upload/public_logo/7/1676726787.png" alt="" /> </a> </div> <div class="slide"> <a href="https://mymeetbook.com"> <img src="upload/public_logo/8/1676886270.png" alt="" /> </a> </div> <div class="slide"> <a href="https://allinonetorrent.com"> <img src="upload/public_logo/9/1676909065.png" alt="" /> </a> </div> <div class="slide"> <a href="http://banglasaj.com"> <img src="upload/public_logo/15/1682972623.png" alt="" /> </a> </div> <div class="slide"> <a href="http://allinonetutorial.com"> <img src="upload/public_logo/76/1700731189.png" alt="" /> </a> </div> <div class="slide"> <a href="http://www.allinonetoolbar.com"> <img src="upload/public_logo/156/1705848780.png" alt="" /> </a> </div> <div class="slide"> <a href="http://www.droidmint.com"> <img src="upload/public_logo/1875/1731333325.png" alt="" /> </a> </div> <div class="slide"> <a href="http://www.fullsofthome.com"> <img src="upload/public_logo/2116/1731749366.png" alt="" /> </a> </div> <div class="slide"> <a href="https://www.multiinone.com"> <img src="upload/public_logo/2119/1731758749.png" alt="" /> </a> </div> </section> </div> <script type="text/javascript"> $(document).ready(function(){ $('.customer-logos').slick({ slidesToShow: 6, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1500, arrows: false, dots: false, pauseOnHover: false, responsive: [{ breakpoint: 991, settings: { slidesToShow: 5 } },{ breakpoint: 768, settings: { slidesToShow: 3 } }, { breakpoint: 520, settings: { slidesToShow:2 } }, { breakpoint: 320, settings: { slidesToShow:1 } }] }); }); </script> </main> <footer id="footer" class="footer-class"> <div class="footer-top"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-4 col-md-12 col-sm-12 col-sx-12 footer-contact"> <h3>ProAdsZone</h3> <p> ProAdsZone is an online market place where advertisers can sell their ads to publishers who will inturn return traffic to the advertisers.ProAdsZone supports advertisers and publishers of all sizes. </p> </div> <div class="col-lg-2 col-md-6 col-sm-6 col-sx-12 footer-links"> <h4>Quick Links</h4> <ul> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/advertisers">Advertiser</a></li> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/publishers">Publisher</a></li> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/contact-us">Contact Us</a></li> </ul> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-sx-12 footer-links"> <h4>Company Info</h4> <ul> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/about">About Us</a></li> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/terms">Terms & Conditions</a></li> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/privacy-policy">Privacy Policy</a></li> <li><i class="bx bx-chevron-right"></i><a href="https://proadszone.com/cookie-policy">Cookie Policy</a></li> </ul> </div> <div class="col-lg-3 col-md-12 col-sm-12 col-sx-12 footer-links"> <h4>Connect With Us</h4> <div class="social-links mt-3"> <a target="_blank" href="//twitter.com/ProAdsZone" class="twitter"><i class="bx bxl-twitter"></i></a> <a target="_blank" class="facebook" href="//facebook.com/ProAdsZone"><i class="bx bxl-facebook"></i></a> <a target="_blank" href="//linkedin.com/ProAdsZone" class="linkedin" ><i class="bx bxl-linkedin"></i></a> <a target="_blank" href="//youtube.com/@proadszone" lass="youtube"><i class="bx bxl-youtube"></i></a> </div> <div class="my-2"><p>info@proadszone.com</p></div> <div class="my-2"><p>+88 01755574799</p></div> </div> </div> </div> </div> <div class="container footer-bottom clearfix"> <div class="copyright"> Copyright © 2025, All Rights Reserved. Powered By <a target='_blank' href='https://www.advancedgroup.xyz'>Advanced Group</a> </div> </div> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"> <i class="ri-arrow-drop-up-line"></i> </a> </footer> <div class="cookie-class"> <span> This website uses cookies of its own and of third parties to improve your browsing experience.If you continue browsing, we consider that you accept its use.<br>You can change the browser configuration or obtain more information in our <a href="https://proadszone.com/cookie-policy">Cookie Policy</a>  <button id="iunderstand" class="btn cookie-policy-button">I Understand</button> </span> </div> <script type="text/javascript" src="./themes/cherry-red/js/main.js"></script> <script type="text/javascript"> $(document).ready(function() { var cpaccepted = Get_Cookie('cp-accepted'); if(cpaccepted != 1) $('.cookie-class').show(); $('#iunderstand').click(function(){ Set_Cookie('cp-accepted',1,'','/'); $('.cookie-class').hide(); }); }); </script> </body> </html> <style> #system_notice_area { position: fixed; top: 0px; z-index: 100001; } .system_notice_area { /*min-width: 250px; max-width: 600px;*/ display: none; text-align: left; font-size: 15px; color : #ffffff !important; } #system_notice_area_dismiss { color: #ffffff; cursor: pointer; padding: 0px 8px; font-weight: 600; font-size: 12px; vertical-align:middle; } .system_notice_area_style1 { display: block; background: #04A84F; margin-top: 0px; background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px ); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding: 2px 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); border: 1px solid; margin: 10px 0; transition:5s; } .system_notice_area_style0 { display:block; background: #CD0101; background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,0.1) 20px, rgba(255,255,255,0.1) 40px ); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding: 5px 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); border: 1px solid; margin: 10px 0; } .fa-check-circle { padding: 6px; font-size: 25px; } .fa-exclamation-circle { padding: 6px; font-size: 25px; } .system_notice_area_style0 .notice-icon-box { } .system_notice_area_style1 .notice-icon-box { /*background-color: #007736;*/ width: 35px; } .notice-icon-box img { /*width: 30px; height: 30px;*/ padding: 5px; } .system_notice_area_style0 #system_notice_area_dismiss { color: #ffffff; vertical-align:middle; } .system_notice_area_style_hidden { display:none; } .notice-content-box { padding-left: 5px; vertical-align:middle; } .notice-close-box { width:30px; padding-left: 5px; text-align: right; vertical-align:middle; } </style> <script type="text/javascript"> jQuery(document).ready(function() { var cookie_date = new Date ( ); // current date & time cookie_date.setTime ( cookie_date.getTime() - 1 ); document.cookie='_notice_flash=;expires='+cookie_date.toGMTString(); document.cookie='_notice_flash_type=;expires='+cookie_date.toGMTString(); set_notice_box_center(); jQuery('.system_notice_area_style0,.system_notice_area_style1').animate({ opacity : 'show', height : 'show' }, 500); jQuery('#system_notice_area_dismiss').click(function() { jQuery('#system_notice_area').animate({ opacity : 'hide', height : 'hide' }, 500); }); }); $(window).resize(function() { set_notice_box_center(); }); function set_notice_box_center() { if($('#system_notice_area').length > 0) { body_width = $('body').outerWidth(); notice_width = $('#system_notice_area').outerWidth(); width_minus = body_width - notice_width; if(width_minus > 0) { width_divide = width_minus / 2; $('#system_notice_area').css("left",width_divide+'px'); } else $('#system_notice_area').css("left",'0px'); } } </script> <div id="system_notice_area" > <table class="system_notice_area system_notice_area_style" cellpadding="0" cellspacing="0"> <tr id="system_notice_area_tr"> <td class="notice-icon-box"><img src="./common/images/failure_red.png" /></td> <td class="notice-content-box"></td> <td class="notice-close-box"><span id="system_notice_area_dismiss">X</span></td> </tr> </table> </div>