<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="Grand Slam Media Inc." />
<meta name="description" content="Grand Slam Media Inc." />
<meta name="author" content="Grand Slam Media Inc." />
<!-- Title -->
<title>Grand Slam Media Inc.</title>
<!-- Favicon -->
<link rel="shortcut icon" href="/img/favicon.png" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800" rel="stylesheet">
<!-- Plugins -->
<link rel="stylesheet" href="/css/plugins.css?v=1" />
<!-- Core Style Css -->
<link rel="stylesheet" href="/css/style.css?v=1" />
</head>
<body>
<!-- =====================================
==== Start Loading -->
<div class="loading">
<div class="text-center middle">
<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
</div>
</div>
<!-- End Loading ====
======================================= -->
<!-- =====================================
==== Start Navbar -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo -->
<a class="logo" href="#">
<img src="/img/logo-light.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"><i class="fas fa-bars"></i></span>
</button>
<!-- navbar links -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="#" data-scroll-nav="0">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="1">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="3">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="6">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar ====
======================================= -->
<!-- =====================================
==== Start Header -->
<header class="header valign bg-img creative" data-scroll-index="0" data-overlay-dark="5" data-background="/img/bg1.jpg" data-stellar-background-ratio="0.5">
<div class="svg">
<svg x="0px" y="0px" viewBox="0 186.5 1920 113.5">
<polygon points="-30,300 355.167,210.5 1432.5,290 1920,198.5 1920,300"></polygon>
</svg>
</div>
<div class="container">
<div class="row">
<div class="full-width text-center caption mt-30">
<h3>Grand Slam Media Inc.</h3>
<h1 class="cd-headline clip">
<span class="cd-words-wrapper">
<b class="is-visible">Integrity</b>
<b>Relationships</b>
<b>Results</b>
</span>
</h1>
<a href="#1" class="butn butn-bord" data-scroll-nav="1">
<span>Learn More</span>
</a>
</div>
</div>
</div>
<div class="arrow">
<a href="#" data-scroll-nav="1">
<i class="fas fa-chevron-down"></i>
</a>
</div>
</header>
<!-- End Header ====
======================================= -->
<!-- =====================================
==== Start Hero -->
<section class="hero section-padding pb-0" data-scroll-index="1">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8 text-center mb-80">
<h4 class="extra-text"><span> Grand Slam</span> Media</h4>
<p>Grand Slam Media's core focus is on improving the online advertising experience for both publishers and advertisers alike. <br /><br />
Our proprietary technology and partnerships with category leading publishers provide Grand Slam Media's deep advertiser base with the ability to reach their target markets and ROI goals.</p>
</div>
</section>
<!-- End Hero ====
======================================= -->
<!-- =====================================
==== Start Quote -->
<div class="quote bg-img section-padding" data-overlay-dark="8" data-background="/img/1.jpg" data-scroll-index="1">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8 text-center">
<p><span class="icon"><i class="icofont icofont-quote-left"></i></span>Every day is a new opportunity. You can build on yesterday’s success or put its failures behind and start over again. That’s the way life is, with a new game every day...<span class="icon"><i class="icofont icofont-quote-right"></i></span></p>
<h5>Bullet Bob Feller</h5>
</div>
</div>
</div>
</div>
<!-- End Quote ====
======================================= -->
<!-- =====================================
==== Start Numbers -->
<div class="numbers section-padding bg-img" data-overlay-dark="6" data-background="/img/2.jpg">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="item text-center mb-md50">
<span class="icon"><i class="icofont icofont-users-alt-3"></i></span>
<h2 class="count_">100M+</h2>
<h6>CONVERSIONS</h6>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center mb-md50">
<span class="icon"><i class="icofont icofont-briefcase-alt-2"></i></span>
<h2 class="count_">20K+</h2>
<h6>HAPPY CLIENTS</h6>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center mb-sm50">
<span class="icon"><i class="icofont icofont-brainstorming"></i></span>
<h2 class="count_">1B+</h2>
<h6>DAILY IMPRESSIONS</h6>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center">
<span class="icon"><i class="icofont icofont-growth"></i></span>
<h2 class="count_">220K+</h2>
<h6>AD TARGETING POINTS</h6>
</div>
</div>
</div>
</div>
</div>
<!-- End Numbers ====
======================================= -->
<!-- =====================================
==== Start Services Tabs -->
<section class="serv-tabs section-padding bg-img" data-overlay-dark="7" data-background="/img/4.jpg" data-scroll-index="3">
<div class="container">
<div class="row">
<div class="section-head col-sm-12">
<h4>
<span>Our</span><br>
Services
</h4>
</div>
<div class="tabs col-sm-12">
<div class="content">
<div id="tab-1-content" class="tab-item curent">
<div class="row">
<div class="col-lg-6">
<div class="item bord">
<p>With greater than fifteen years of experience to fall back on Grand Slam Media has established itself as one of the leading networks for traffic monetization.</p>
</div>
</div>
<div class="col-lg-6">
<div class="item spcial">
<p> Our relationships and extensive advertiser-base enable publishers to reach their revenue goals while adhering to the better ads standard put forward by Google. With the assistance of a dedicated GSM representative, let’s hit your targets.
</p>
</div>
</div>
</div>
</div>
<div id="tab-2-content" class="tab-item">
<div class="row">
<div class="col-lg-12">
<div class="item spcial">
<p>Grand Slam Media is committed to delivering high quality ad inventory to online marketers. Operate independently in the RTB, pick up fixed amounts of traffic off a dedicated GSM representative, or both. Our advanced targeting will put your offer in front of relevant audiences and maximize your ROI.</p>
</div>
</div>
</div>
</div>
<div id="tab-3-content" class="tab-item">
<div class="row">
<div class="col-lg-12">
<div class="item spcial">
<p>Are you looking to operate your own ad network? Grand Slam Media offers whitelabel services! Contact us below with any inquiries and let’s put a powerful adserver at your fingertips</p>
</div>
</div>
</div>
</div>
<div id="tab-4-content" class="tab-item">
<div class="row">
<div class="col-lg-12">
<div class="item spcial">
<p>Forward thinking is critical; we’re not only developing our service and offerings all the time for Grand Slam Media’s benefit, but for those of our clients as well. GSM loves to collaborate with partners while introducing new features, adtypes and more to the market. Have a marketing idea you think is worth developing? Contact us today and let’s talk about it.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-icon row">
<div id="tab-1" class="col-md-3 col-sm-6 active item">
<div>
<span class="icon"><i class="icofont icofont-laptop-alt"></i></span>
<h6>Traffic Monetization for Publishers</h6>
</div>
</div>
<div id="tab-2" class="col-md-3 col-sm-6 item">
<div>
<span class="icon"><i class="icofont icofont-brand-htc"></i></span>
<h6>High Quality Ad Inventory for Advertisers</h6>
</div>
</div>
<div id="tab-3" class="col-md-3 col-sm-6 item">
<div>
<span class="icon"><i class="icofont icofont-idea"></i></span>
<h6>Whitelabel Services</h6>
</div>
</div>
<div id="tab-4" class="col-md-3 col-sm-6 item">
<div>
<span class="icon"><i class="icofont icofont-touch"></i></span>
<h6>Innovative Development</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Services Tabs ====
======================================= -->
<!-- =====================================
==== Start Contact -->
<section class="contact" data-scroll-index="6">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-6 contact-form">
<form class="form" id="contact-form" method="post" action="https://workers.grandslammedia.com">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="section-head col-sm-12">
<h4>
<span>Get</span><br>
In Touch
</h4>
</div>
<div class="col-md-6">
<div class="form-group">
<input id="form_name" type="text" name="name" placeholder="Name" required="required">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input id="form_email" type="email" name="email" placeholder="Email" required="required">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input id="form_subject" type="text" name="subject" placeholder="Subject">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea id="form_message" name="message" placeholder="Message" rows="4" required="required"></textarea>
</div>
</div>
<div class="col-md-12 text-center">
<input type="hidden" id="form_token" name="token" value>
<button class="btn-submit g-recaptcha" data-sitekey="6LdAlIIjAAAAAMdnMZvYXoFAE7_JHU5jG7sQvqOl" data-callback="onSubmit" data-action="submit"><span>Send Message</span></button>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-3"></div>
</div>
</div>
</section>
<!-- End Contact ====
======================================= -->
<!-- =====================================
==== Information -->
<section class="information bg-img" data-overlay-dark="9" data-background="/img/3.jpg">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="info">
<div class="item">
<span class="icon"><i class="icofont icofont-map"></i></span>
<div class="cont">
<h6>Address : </h6>
<p>1655 Dupont St., Suite 101,<br> Toronto, ON, M6P 3T1, Canada</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="info">
<div class="item">
<span class="icon"><i class="icofont icofont-email"></i></span>
<div class="cont">
<h6>Email : </h6>
<p><a href="/cdn-cgi/l/email-protection#394a4c4949564b4d795e4b58575d4a555854545c5d5058175a5654"><span class="__cf_email__" data-cfemail="84f7f1f4f4ebf6f0c4e3f6e5eae0f7e8e5e9e9e1e0ede5aae7ebe9">[email protected]</span></a><br> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Information ====
======================================= -->
<!-- =====================================
==== Start Footer -->
<footer class="text-center">
<div class="container">
<!-- Logo -->
<a class="logo" href="#">
<img src="/img/logo-light.png" alt="logo">
</a>
<div class="social">
<a href="https://www.facebook.com/GrandSlamMediaInc/"><i class="icofont icofont-social-facebook"></i></a>
<a href="https://www.instagram.com/grandslammediainc/"><i class="icofont icofont-social-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCgIGDSrRFGqPsWMLPwgtigg"><i class="icofont icofont-brand-youtube"></i></a>
</div>
<p>© <span id="yr">2023</span> Grand Slam Media Inc. All Rights Reserved.</p>
</div>
</footer>
<!-- End Footer ====
======================================= -->
<!-- jQuery -->
<script src="/js/jquery-3.0.0.min.js"></script>
<script src="/js/jquery-migrate-3.0.0.min.js"></script>
<!-- popper.min -->
<script src="/js/popper.min.js"></script>
<!-- bootstrap -->
<script src="/js/bootstrap.min.js"></script>
<!-- scrollIt -->
<script src="/js/scrollIt.min.js"></script>
<!-- animated.headline -->
<script src="/js/animated.headline.js"></script>
<!-- jquery.waypoints.min -->
<script src="/js/jquery.waypoints.min.js"></script>
<!-- jquery.counterup.min -->
<script src="/js/jquery.counterup.min.js"></script>
<!-- owl carousel -->
<script src="/js/owl.carousel.min.js"></script>
<!-- jquery.magnific-popup js -->
<script src="/js/jquery.magnific-popup.min.js"></script>
<!-- stellar js -->
<script src="/js/jquery.stellar.min.js"></script>
<!-- isotope.pkgd.min js -->
<script src="/js/isotope.pkgd.min.js"></script>
<!-- YouTubePopUp.jquery -->
<script src="/js/YouTubePopUp.jquery.js"></script>
<!-- Map -->
<script src="/js/map.js"></script>
<!-- validator js -->
<script src="/js/validator.js"></script>
<!-- custom scripts -->
<script src="/js/scripts.js?v=3"></script>
<!-- cloudflare email protection -->
<script data-cfasync="false" src="/js/email-decode.min.js"></script>
<!-- google map api -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBK7lXLHQgaGdP3IvMPi1ej0B9JHUbcqB0&callback=initMap">
</script>
<!-- google recaptcha v3 -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
document.getElementById("yr").innerHTML = new Date().getFullYear();
$(window).on("load", function () {
$('#contact-form').on('submit', function (e) {
if (!e.isDefaultPrevented()) {
e.preventDefault();
// test the form's validity
let form = $(this);
if (form[0].checkValidity() === false) {
form[0].reportValidity();
return;
}
var url = "https://workers.grandslammedia.com";
$.ajax({
type: "POST",
url: url,
data: $(this).serialize(),
success: function (data) {
var messageAlert = 'alert-' + data.type;
var messageText = data.message;
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
if (messageAlert && messageText) {
$('#contact-form').find('.messages').html(alertBox);
$('#contact-form')[0].reset();
}
}
});
return false;
}
});
});
function onSubmit(token) {
$('#form_token').val(token);
$('#contact-form').trigger('submit');
}
</script>
</body>
</html>