- Scan ID:
- 961e76a0-f5a1-4492-aee6-e6c7326c416aFinished
- Submitted URL:
- https://appocean.media
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 67 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Modernizr | object |
$ | function |
jQuery | function |
bootstrap | object |
jQuery112405817959896308094 | object |
Popper | function |
WOW | function |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class=" sizes customelements history pointerevents postmessage webgl websockets cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside flexbox picture srcset webworkers"><head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>AppOcean | Online AdTech Architecture</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/png">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--====== Slick css ======-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="assets/css/custom-animation.css">
<link rel="stylesheet" href="assets/css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<div class="offcanvas_menu">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="offcanvas_menu_wrapper">
<div class="canvas_close">
<!--<a href="https://dashboard.appocean.media/login" target="_blank"><i class="fa fa-times"></i></a> -->
</div>
<div class="offcanvas-brand text-center mb-40">
<img src="assets/images/logo-4.png" alt="">
</div>
<div id="menu" class="text-left ">
<ul class="offcanvas_main_menu">
<li class="menu-item-has-children active">
<a href="#home">Home</a>
</li>
<li class="menu-item-has-children active">
<a href="#service">Service</a>
</li>
<li class="menu-item-has-children active">
<a href="#key-points">How it Works</a>
</li>
<li class="menu-item-has-children active">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== OFFCANVAS MENU PART ENDS ======-->
<!--====== PART START ======-->
<header class="appie-header-area appie-header-4-area appie-sticky">
<div class="container">
<div class="header-nav-box header-nav-box-5">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
<div class="appie-logo-box">
<a href="index.html">
<img src="assets/images/logo-6.png" alt="">
</a>
</div>
</div>
<div class="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
<div class="appie-header-main-menu">
<ul>
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#service">Service</a>
</li>
<li>
<a href="#key-points">How it Works</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div class="appie-btn-box text-right">
<!--<a class="login-btn" href="https://dashboard.appocean.media/login" target="_blank"><i class="fal fa-user"></i> Login</a>-->
<div class="toggle-btn ml-30 canvas_open d-lg-none d-block">
<i class="fa fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--====== PART ENDS ======-->
<!--====== APPIE HERO PART START ======-->
<section class="appie-hero-area appie-hero-5-area appie-hero-3-area" id="home">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="appie-hero-content text-center">
<h1 class="appie-title">Online AdTech Architecture</h1>
<p>Come reframe your business using our software & APIs to optimize your digital ad operations. Our full-stack ad solutions, real human tech support, and a team of engineers are always available.</p>
<div class="thumb mt-80 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="400ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 400ms; animation-name: none;">
<img src="assets/images/hero-thumb-6.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!--====== APPIE HERO PART ENDS ======-->
<!--====== APPIE SERVICES PART START ======-->
<section class="appie-service-area appie-service-5-area pt-190 pb-100" id="service">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="appie-section-title text-center">
<h3 class="appie-title">Solutions & Offerings by AppOcean</h3>
<p> Get more out of Display, Native, and Mobile ad servers with custom solutions.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="appie-single-service appie-single-service-5 text-center mt-30 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="200ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 200ms; animation-name: none;">
<div class="icon">
<i class="fas fa-tv"></i>
<span>1</span>
</div>
<h4 class="appie-title">Display Ad Server
</h4>
<p>Come get maximum ad exposure with customized web ads
</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="appie-single-service appie-single-service-5 text-center mt-30 item-2 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="400ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 400ms; animation-name: none;">
<div class="icon">
<i class="fas fa-mobile-alt"></i>
<span>2</span>
</div>
<h4 class="appie-title">Mobile Ad Server</h4>
<p>Manage digital ad inventory across mobile
</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="appie-single-service appie-single-service-5 text-center mt-30 item-3 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="600ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 600ms; animation-name: none;">
<div class="icon">
<i class="fas fa-sliders-h"></i>
<span>3</span>
</div>
<h4 class="appie-title">Native Ad Server</h4>
<p>Customised Native Ads for maximum impact and reach
</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="appie-single-service appie-single-service-5 text-center mt-30 item-4 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="800ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 800ms; animation-name: none;">
<div class="icon">
<i class="fas fa-code"></i>
<span>4</span>
</div>
<h4 class="appie-title">Customize Development
</h4>
<p>One-stop customised solutions using HTML and JS
</p>
</div>
</div>
</div>
</div>
</section>
<section class="appie-features-area-2 appie-features-area-5 pt-90 pb-200" id="key-points">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="appie-section-title text-center">
<h3 class="appie-title">Key Points</h3>
<p> Active Members running the Campaigns and Ads that are succeeding with AppOcean right now.
. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="appie-single-counter mt-30 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="200ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 200ms; animation-name: none;">
<div class="counter-content">
<div class="icon">
<img src="assets/images/counter-icon-1.svg" alt="">
</div>
<h3 class="title"><span class="counter-item">45</span>+</h3>
<p>Active Members</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="appie-single-counter mt-30 item-2 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="400ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 400ms; animation-name: none;">
<div class="counter-content">
<div class="icon">
<img src="assets/images/counter-icon-2.svg" alt="">
</div>
<h3 class="title"><span class="counter-item">108</span>+</h3>
<p>Active Campaign </p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="appie-single-counter mt-30 item-3 wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="600ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 600ms; animation-name: none;">
<div class="counter-content">
<div class="icon">
<img src="assets/images/campaign.png" alt="" style="width:64px;">
</div>
<h3 class="title"><span class="counter-item">1.2</span>K+</h3>
<p>Active Ads</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact-section" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="appie-section-title text-center wow animated fadeInUp animated" style="visibility: hidden; animation-name: none;">
<h3 class="appie-title">Let’s Connect</h3>
<p> Come choose success and growth by becoming a part of AppOcean
</p>
</div>
<div class="contact-form wow animated fadeInUp animated" style="visibility: hidden; animation-name: none;">
<form class="form row" id="form">
<div class="col-md-6 ">
<div class="form-control">
<input type="text" placeholder="First Name" id="username">
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-6">
<div class="form-control">
<input type="text" placeholder="Last Name" id="lastname">
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-6">
<div class="form-control">
<input type="email" placeholder="Email" id="email">
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-6">
<div class="form-control">
<input type="number" placeholder="Phone" id="phone">
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-12">
<div class="form-control">
<input type="text" placeholder="Subject Line" id="subject">
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-12">
<div class="form-control">
<textarea placeholder="How can we help?" id="msg"></textarea>
<i class="fas fa-check-circle"></i>
<i class="fas fa-exclamation-circle"></i>
<small>Error message</small>
</div>
</div>
<div class="col-md-6">
<div class="condition-check">
<input id="terms-conditions" type="checkbox">
<label for="terms-conditions">
I agree to the <a href="#">Terms & Conditions</a>
</label>
</div>
</div>
<div class="col-md-6 text-right contact-form">
<button>Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="row mt-20" id="err_message" style="display: none;">
<div class="col-lg-12">
<div class="alert alert-success" role="alert">
Thank you for getting in touch.
</div>
</div>
</div>
</div>
</section>
<section class="appie-counter-area appie-counter-5-area ">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="appie-project-3-box d-block d-md-flex justify-content-between align-items-center wow animated fadeInUp" data-wow-duration="2000ms" data-wow-delay="400ms" style="visibility: hidden; animation-duration: 2000ms; animation-delay: 400ms; animation-name: none;">
<h4 class="title">AppOcean helps you get more out of <br><p>Display, Native, and Mobile ad servers with custom solutions.
</p></h4>
<!--<a class="main-btn" href="https://dashboard.appocean.media/login" target="_blank">Get Started</a>-->
</div>
</div>
</div>
</div>
</section>
<!--====== APPIE PROJECT 3 PART ENDS ======-->
<!--====== APPIE FOOTER PART START ======-->
<section class="appie-footer-area appie-footer-3-area appie-footer-5-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-copyright align-items-center justify-content-between pt-35">
<div class="copyright-text text-center">
<p>Copyright © 2021 AppOcean. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--====== APPIE FOOTER PART ENDS ======-->
<!--====== APPIE BACK TO TOP PART ENDS ======-->
<div class="back-to-top back-to-top-3">
<a href="#"><i class="fal fa-arrow-up"></i></a>
</div>
<script src="assets/js/modernizr-3.6.0.min.js"></script>
<script src="assets/js/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<!--====== wow js ======-->
<script src="assets/js/wow.js"></script>
<!--====== Slick js ======-->
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<!--====== TweenMax js ======-->
<script src="assets/js/TweenMax.min.js"></script>
<!--====== Slick js ======-->
<script src="assets/js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--====== Main js ======-->
<script src="assets/js/main.js"></script>
<script>
const form = document.getElementById('form');
const username = document.getElementById('username');
const lastname = document.getElementById('lastname');
const email = document.getElementById('email');
const phone = document.getElementById('phone');
const subject = document.getElementById('subject');
const msg = document.getElementById('msg');
form.addEventListener('submit', e => {
e.preventDefault();
checkInputs();
});
function checkInputs() {
// trim to remove the whitespaces
const usernameValue = username.value.trim();
const lastnameValue = lastname.value.trim();
const emailValue = email.value.trim();
const phoneValue = phone.value.trim();
const subjectValue = subject.value.trim();
const msgValue = msg.value.trim();
if(usernameValue === '') {
setErrorFor(username, 'Username cannot be blank');
} else {
setSuccessFor(username);
}
if(lastnameValue === '') {
setErrorFor(lastname, 'Last Name cannot be blank');
} else {
setSuccessFor(lastname);
}
if(emailValue === '') {
setErrorFor(email, 'Email cannot be blank');
} else if (!isEmail(emailValue)) {
setErrorFor(email, 'Not a valid email');
} else {
setSuccessFor(email);
}
if(phoneValue === '') {
setErrorFor(phone, 'Phone cannot be blank');
} else {
setSuccessFor(phone);
}
if(subjectValue === '') {
setErrorFor(subject, 'Subject cannot be blank');
} else {
setSuccessFor(subject);
}
if(msgValue === '') {
setErrorFor(msg, 'Phone cannot be blank');
} else {
setSuccessFor(msg);
}
if(usernameValue !== '' && lastnameValue !== '' && emailValue !== '' && phoneValue !== '' && subjectValue !== '' && msgValue !== '') {
document.getElementById('err_message').style.display = "block";
} else {
document.getElementById('err_message').style.display = "none";
}
}
function setErrorFor(input, message) {
const formControl = input.parentElement;
const small = formControl.querySelector('small');
formControl.className = 'form-control error';
small.innerText = message;
}
function setSuccessFor(input) {
const formControl = input.parentElement;
formControl.className = 'form-control success';
}
function isEmail(email) {
return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email);
}
</script>
<style>
</style>
</body></html>