CINXE.COM

Construction Camera Solutions, Time-Lapse, Webcams

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Construction Camera Solutions, Time-Lapse, Webcams</title> <meta name="keywords" content="Construction Cameras, Live Webcams, Time-Lapse Movies, Live Streaming." /> <meta name="description" content="EarthCam's live streaming and time-lapse construction cameras help you monitor, document and promote your projects. " /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.earthcam.net/" /> <meta property="og:title" content="Construction Camera Solutions, Time-Lapse, Webcams" /> <meta property="og:description" content="EarthCam's live streaming and time-lapse construction cameras help you monitor, document and promote your projects. " /> <meta property="og:image" content="https://www.earthcam.net/graphics/top/orbit_white.gif" /> <meta name="twitter:card" content="website" /> <meta name="twitter:title" content="Construction Camera Solutions, Time-Lapse, Webcams" /> <meta name="twitter:site" content="@EarthCam" /> <meta name="twitter:creator" content="@EarthCam" /> <meta name="twitter:description" content="EarthCam's live streaming and time-lapse construction cameras help you monitor, document and promote your projects. " /> <meta property="twitter:image" content="https://www.earthcam.net/graphics/top/orbit_white.gif" /> <meta charset="utf-8"> <meta http-equiv="content-language" content="en-us"> <!-- Mobile Meta --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1"> <link rel="apple-touch-icon" sizes="57x57" href="/graphics/favicons/apple-touch-icon-57x57.png?v=2"> <link rel="apple-touch-icon" sizes="60x60" href="/graphics/favicons/apple-touch-icon-60x60.png?v=2"> <link rel="apple-touch-icon" sizes="72x72" href="/graphics/favicons/apple-touch-icon-72x72.png?v=2"> <link rel="apple-touch-icon" sizes="76x76" href="/graphics/favicons/apple-touch-icon-76x76.png?v=2"> <link rel="apple-touch-icon" sizes="114x114" href="/graphics/favicons/apple-touch-icon-114x114.png?v=2"> <link rel="apple-touch-icon" sizes="120x120" href="/graphics/favicons/apple-touch-icon-120x120.png?v=2"> <link rel="apple-touch-icon" sizes="144x144" href="/graphics/favicons/apple-touch-icon-144x144.png?v=2"> <link rel="apple-touch-icon" sizes="152x152" href="/graphics/favicons/apple-touch-icon-152x152.png?v=2"> <link rel="apple-touch-icon" sizes="180x180" href="/graphics/favicons/apple-touch-icon-180x180.png?v=2"> <link rel="icon" type="image/png" href="/graphics/favicons/favicon-32x32.png?v=2" sizes="32x32"> <link rel="icon" type="image/png" href="/graphics/favicons/android-chrome-192x192.png?v=2" sizes="192x192"> <link rel="icon" type="image/png" href="/graphics/favicons/favicon-96x96.png?v=2" sizes="96x96"> <link rel="icon" type="image/png" href="/graphics/favicons/favicon-16x16.png?v=2" sizes="16x16"> <link rel="manifest" href="/graphics/favicons/manifest.json?v=2"> <link rel="mask-icon" href="/graphics/favicons/safari-pinned-tab.svg?v=2" color="#003366"> <link rel="shortcut icon" href="/graphics/favicons/favicon.ico?v=2"> <meta name="msapplication-TileColor" content="#003366"> <meta name="msapplication-TileImage" content="/graphics/favicons/mstile-144x144.png?v=2"> <meta name="msapplication-config" content="/graphics/favicons/browserconfig.xml?v=2"> <meta name="theme-color" content="#003366"> <!-- COOKIEBOT / CSM --> <!-- CSS --> <style type="text/css" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > /* Branding on the banner */ a#CybotCookiebotDialogPoweredbyCybot, div#CybotCookiebotDialogPoweredByText { display: none !important; } /* Branding on the Privacy trigger */ #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo { display: none !important; } /* cat toggles, banner*/ #CybotCookiebotDialogBodyLevelWrapper { display: none; } @media screen and (min-width: 1280px) { /* button & layout tweaks */ #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { width: 150px !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { padding: 0.3em !important; } #CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { font-size: 12px !important; } /* banner text */ #CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyContentTitle, #CybotCookiebotDialogBodyEdgeMoreDetailsLink { font-size: 12px !important; } /* remove logo div */ #CybotCookiebotDialogHeader { display: none !important; } #CybotCookiebotDialog.CybotEdge { padding: 18px !important; } } </style> <!-- JS INCLUDE --> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="022bdc90-c6c0-40cd-ba06-f2fecc95cb1d" data-blockingmode="auto" type="text/javascript"></script> <!--/COOKIEBOT --> <!-- Bootstrap core CSS --> <!-- <link href="/template/bootstrap/css/bootstrap.min.css" rel="stylesheet"> --> <link href="/template/bootstrap-5.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- Font Awesome CSS --> <link href="/template/fonts/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet"> <!-- additional fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'> <!-- Plugins --> <link href="/template/plugins/rs-plugin/css/settings.min.css" media="screen" rel="stylesheet"> <!-- <link href="/template/plugins/rs-plugin/css/settings.css" media="screen" rel="stylesheet"> --> <!-- <link href="/template/css/animations.css" rel="stylesheet"> --> <link href="/template/css/animations.min.css" rel="stylesheet"> <link href="/template/plugins/owl-carousel/owl.carousel.min.css" rel="stylesheet"> <link href="/template/plugins/owl-carousel/owl.transitions.min.css" rel="stylesheet"> <!-- <link href="/template/plugins/owl-carousel/owl.carousel.css" rel="stylesheet"> --> <!-- <link href="/template/plugins/owl-carousel/owl.transitions.css" rel="stylesheet"> --> <!-- iDea core CSS file --> <!-- <link href="/template/css/style.css?5" rel="stylesheet"> --> <link href="/template/css/style.min.css?5" rel="stylesheet"> <!-- Color Scheme --> <!-- <link href="/template/css/skins/ecblue.css" rel="stylesheet"> --> <link href="/template/css/skins/ecblue.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="/css/customidea.css?20250326a" rel="stylesheet"> <!-- <link href="/css/customidea.min.css?20250326a" rel="stylesheet"> --> <!-- Global site tag (gtag.js) - Google Ads: 1069879036 --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1069879036"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1069879036'); </script> --> <!-- Google Analytics v4 --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q0FEN2GL74"></script> <script nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Q0FEN2GL74'); </script> <link href="https://www.earthcam.net" rel="canonical"> <!-- Google Tag Manager --> <script nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" >(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-54BXJMND');</script> <!-- End Google Tag Manager --> <!-- zoominfo --> <script nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" >window[(function(_ZbU,_FP){var _c7='';for(var _1K=0;_1K<_ZbU.length;_1K++){var _09=_ZbU[_1K].charCodeAt();_09-=_FP;_FP>1;_09+=61;_c7==_c7;_09%=94;_09!=_1K;_09+=33;_c7+=String.fromCharCode(_09)}return _c7})(atob('e2pxNTItKCY3bCg8'), 33)] = '22bd1abdb21681933933'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_J9c,_ul){var _23='';for(var _1g=0;_1g<_J9c.length;_1g++){var _4a=_J9c[_1g].charCodeAt();_4a-=_ul;_23==_23;_4a+=61;_4a%=94;_4a+=33;_4a!=_1g;_ul>9;_23+=String.fromCharCode(_4a)}return _23})(atob('MDw8ODtgVVUyO1RCMVM7KzoxODw7VCs3NVVCMVM8KS9UMjs='), 38)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });</script> <!--/zoominfo--> <!-- hubspot integration--> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/44665053.js"></script> <!-- End of HubSpot Embed Code --> <!--<link href="css/default.css" rel="stylesheet" rev="stylesheet" type="text/css" /> <link href="css/home.css" rel="stylesheet" rev="stylesheet" type="text/css" />--> <meta name="apple-itunes-app" content="app-id=1080149848" /> <style nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > .partners_logo { max-height: 70px; max-width: 200px; padding: 10px; /*min-height: 70px;*/ } .partners_box { display: flex; flex-wrap: wrap; align-content: space-around; justify-content: space-evenly; align-items: center; max-width: 1200px; margin: 0 auto; } .partners_box svg { width: 100%; } .partners_box_item { margin: 5px; /*flex: 0 1 calc(33% - 8px);*/ /* adjusting for margin */ /*width: 25%;*/ } .salesforceLogo { max-height: 100px !important; } .CmicLogo { max-height: 60px } @media (max-width: 767px) { .partners_box { flex-direction: column; } } .fixed-header-on { margin-top: 0px; } .alignLinkTop { width: 16%; text-align: center; float: none !important; display: inline-block;} /*@media (max-width: 768px) AND (min-width: 415px)*/ /* @media (min-width: 768px) { .salesforceLogo { } } @media (max-width: 767px) { .salesforceLogo {} .salesforceAnchor { } .CmicLogo { } } */ </style> </head> <body> <div class="bodyContainer page-wrapper"> <!-- PAGE HEADER --> <!-- /PAGE HEADER --> <!-- MAIN NAV --> <div class="header-top"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <!-- header-top-second start --> <!-- ================ --> <div id="header-top-second" class="clearfix"> <!-- header top dropdowns start --> <!-- ================ --> <div class="header-top-dropdown"> <div class="btn-group dropdown"> <!--<button type="button" class="btn dropdown-toggle" onclick="window.open('http://www.earthcam.com/','_blank')">EarthCam.com</button>--> <button type="button" class="btn dropdown-toggle" onclick="gaRecordInternal('https://www.earthcam.com/', 'header', 1)"><!--<i class="fa fa-phone"></i>--> EarthCam.com</button> </div> <div class="btn-group dropdown"> <!--<button type="button" class="btn dropdown-toggle" onclick="window.location.href='/support/contactus.php'"><i class="fa fa-phone"></i> Contact Us</button>--> <button type="button" class="btn dropdown-toggle" onclick="gaRecordInternal('/support/contactus.php', 'header', 1)"><i class="fa fa-phone"></i> Contact Us</button> </div> <div class="btn-group dropdown"> <!--<button type="button" class="btn dropdown-toggle" onclick="window.location.href='/support/contactus.php'"><i class="fa fa-phone"></i> Contact Us</button>--> <button type="button" class="btn dropdown-toggle" onclick="gaRecordInternal('https://cc8.earthcam.net/dashboard', 'header', 1)"><i class="fa fa-user"></i> Login</button> </div> </div> <!-- header top dropdowns end --> </div> <!-- header-top-second end --> </div> </div> </div> </div> <!-- header-top end --> <!-- header start classes: fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix"> dark: dark header version e.g. <header class="header dark clearfix"> ================ --> <header class="header fixed clearfix"> <div class="container-fluid"> <div class="row"> <div class="navbar-leftside col-lg-3 col-md-12 col-9" style="z-index:100;"> <!-- header-left start --> <!-- ================ --> <div class="header-left clearfix"> <!-- logo --> <div class="logo"> <a data-tracking="header" href="/"> <!--<img id="logo" src="/graphics/home/EC_Anniversary_Logo-2019.svg" />--> <!--<img id="logo" src="/graphics/home/EC_Logo_WTE.png" alt="EarthCam.net logo" />--> <!--<img id="logo" src="/graphics/home/25th_Anniversary_net.svg" alt="EarthCam.net logo - Celebrating 25 Years" />--> <img id="logo" src="/graphics/home/EarthCam_BlueSilver.png" alt="EarthCam.net - Webcam Technology Experts" /> <!-- <img id="logo2" src="/graphics/home/EC_logo_WT_bluesilver-Net-SM.svg" alt="EarthCam.net - Webcam Technology Experts"/> --> <img id="logo2" src="/graphics/home/EarthCam_BlueSilver.png" alt="EarthCam.net - Webcam Technology Experts"/> </a> </div> </div> <!-- header-left end --> </div> <div class="navbar-rightside col-lg-9 col-12 d-flex" style="z-index:51;"> <!-- header-right start --> <!-- ================ --> <div class="header-right clearfix"> <!-- main-navigation start --> <!-- ================ --> <div class="main-navigation animated justify-content-end justify-content-md-start justify-content-lg-end align-item-end" style="height: 100%;"> <!-- navbar start --> <!-- ================ --> <nav class="navbar navbar-default navbar-light navbar-expand-md" role="navigation"> <div class="container-fluid justify-content-end g-0"> <!-- Toggle get grouped for better mobile display --> <div class="navbar-header"> <!--<button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>--> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-1" aria-controls="navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse justify-content-end" id="navbar-collapse-1"> <ul class="navbar-nav navbar-right"> <li><a data-tracking="header" href="/products/">Products</a></li> <li><a data-tracking="header" href="/software/">Software</a></li> <li><a data-tracking="header" href="/services/">Services</a></li> <li><a data-tracking="header" href="/industries/">Industries</a></li> <li><a data-tracking="header" href="/timelapse/">Time-Lapse</a></li> <li><a data-tracking="header" href="/livedemos/">Live Demos</a></li> <li class="dropdown"> <a data-tracking="header" id="navbarDropdown" href="/about/aboutus.php" class="dropdown-toggle" data-bs-toggle="dropdown" data-bs-toggle="dropdown" aria-expanded="false">About<!--About--></a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <!--<li><a data-tracking="header" href="/about/">Company Info</a></li>--> <li><a data-tracking="header_dropdown" href="/about/aboutus.php">About EarthCam</a></li><!--About /about/--> <li><a data-tracking="header_dropdown" href="https://blog.earthcam.net/construction-points-of-view-best-practices-for-jobsite-documentation" target="_blank">Blog</a></li> <li><a data-tracking="header_dropdown" href="/about/inthenews.php">In the News</a></li> <li><a data-tracking="header_dropdown" href="/about/responsibility.php">Corporate Responsibility</a></li> <li><a data-tracking="header_dropdown" href="/clients.php">Client Testimonials</a></li> <li><a data-tracking="header_dropdown" href="/partners/">Partners</a></li> <li><a data-tracking="header_dropdown" href="/support/contactus.php">Technical Support</a></li> <!-- <li><a data-tracking="header_dropdown" href="/support/techsupport.php">Technical Support</a></li> --> <li><a data-tracking="header_dropdown" href="/specials/">Specials</a></li> <li><a data-tracking="header_dropdown" href="/about/legalinfo.php">Legal Info</a></li> <li><a data-tracking="header_dropdown" href="/about/orders.php" >Orders</a></li> <!--<li><a data-tracking="header_dropdown" href="/about/faq.php">Frequently Asked Questions</a></li>--> <li><a data-tracking="header_dropdown" href="/about/faq.php">Quick Tips &amp; FAQs</a></li> <!--<li><a data-tracking="header" href="/about/companyinfo.php">Company Info</a></li>--> <!--<li><a data-tracking="header" href="/support/">Full Service Support</a></li>--> <!--<li><a data-tracking="header" href="/support/ecuniversity.php">Training</a></li>--> <li><a data-tracking="header_dropdown" href="/about/careers/">Careers</a></li> <li><a data-tracking="header_dropdown" href="/support/contactus.php">Contact Us</a></li> <li><a data-tracking="header_dropdown" href="/about/privacy.php">Privacy Policy</a></li> </ul> </li> </ul> </div> </div> </nav> <!-- navbar end --> </div> <!-- main-navigation end --> </div> <!-- header-right end --> </div> </div> </div> </header> <!-- header end --> <!-- Chatbot code --> <!-- Chatbot code ends <!-- /MAIN NAV --> <!-- banner start --> <!-- ================ --> <!--<div class="banner banner-industries"><!--with blue gradient--> <style type="text/css" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > .banner-loader-image-temp { /* background-image: url('/graphics/ai/banner/AI_Banner.jpg?20250326a'); */ /* background-image: url('/graphics/home/651_withoverlay.jpg?20250326a'); */ background-image: url('/graphics/home/Security_Banner_v1.jpg?20250326a'); background-size: cover; /*fixed;*/ background-position: center center; background-repeat: no-repeat; /* max-height: 550px;*/ } /* .banner-industry li:after, .banner-industries li:after { background: linear-gradient( rgba(0, 51, 102, 0), rgba(255, 255, 255, 0) ) !important; position: initial !important; content: unset !important; z-index: -100000; } */ /* .no-fade-gradient:after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0)) !important; z-index: -100000 !important; } */ /* https://css-tricks.com/almanac/properties/b/box-shadow/ box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */ .banner_boxshadow { box-shadow: 5px 5px 15px #000; } .fauxpointer { cursor: pointer; } </style> <div class="banner banner-industries banner-loader-image-temp" style=""> <!-- slideshow start --> <!-- ================ --> <div class="slideshow"> <!-- slider revolution start --> <!-- ================ --> <div class="slider-banner-container"> <div class="slider-banner"> <ul> SECURITY_TRAILER_YOUTUBE <style type="text/css"> @media (max-width: 500px) { .mobile-fix-large-security { font-size: 15px !important; } .mobile-fix-med-security { font-size: 12px !important; margin-top: 5px !important; line-height: 15px !important; } .mobile-fix-sm-security { font-size: 10px !important; line-height: 15px !important; } .mobile-fix-button-security { margin: 25px 0px 0px !important; } .bannerLinkMobileFix-security { font-size: 15px !important; } } </style> <li class="no-fade-gradient" data-transition="notransition" data-slotamount="7" data-masterspeed="600" data-saveperformance="on" data-title="EarthCam Security"> <!-- main image --> <!-- <img src="/graphics/home/Security_Banner_2025.jpg?12" alt="New Advanced Security Services" /> --> <img src="/graphics/home/Security_Banner_v1.jpg?1" alt="New Advanced Security Services" /> <!-- <img src="/graphics/home/Security_Banner_v2.jpg?1" alt="New Advanced Security Services" /> --> <!-- <div class="tp-caption text medium FADE tp-resizeme " data-x="5" data-y="50" data-speed="1000" data-start="50" ><span style="font-size: 16px; text-transform: uppercase;" class="mobile-fix-sm-security">CONSTRUCTION DOCUMENTATION SOFTWARE</span> </div> --> <div class="tp-caption text large FADE tp-resizeme " data-x="left" data-y="85" data-speed="1000" data-start="50" ><h1 style="line-height: 60px;" class="mobile-fix-large-security"> Security Solutions <!-- <br /> --> <br class="d-none d-sm-none d-xs-none d-xxl-block d-xl-block d-lg-block d-md-block" /> for Construction </h1> </div> <div class="tp-caption text medium FADE tp-resizeme " data-x="5" data-y="230" data-speed="1000" data-start="50" > <div style="font-size: 20px; " class="mobile-fix-med-security"> Maximize productivity and minimize risk with<br /> EarthCam’s smart jobsite solutions. <!-- See industry-leading safety & security software<br /> at <a style="color:#ffff33;" class="bannerLink" href="/isc-west/" target="_blank">ISC West</a> --> </div> </div> <!-- LAYER NR. 1 --> <!-- first bullet point--> <!-- <div class="tp-caption text sfb medium tp-resizeme" data-x="10" data-y="240" data-speed="600" data-start="1600" ><span style="font-size:18px;"><i>Construction Superintendent <br />Hayes Construction Company</i></span> </div>--> <div class="tp-caption text sfb medium tp-resizeme" data-x="0" data-y="380" data-speed="600" data-start="50" id="moreInfo" style="display:block" > <div style="" class=""> <!-- mobile-fix-button-security --> <!-- <a class=" btn-default btn-lg btn-round" style="font-size: 16px;font-weight: bold; background-color: #005cba; padding: 10px 15px; margin-right: 15px;" href="/isc-west/">Visit us at ISC West</a> --> <a class=" btn-default btn-lg btn-round" style="font-size: 16px; color: black !important; font-weight: bold; background-color: #ffffff; padding: 10px 15px;" href="/security/">Explore our Solutions</a> </div> <!-- <a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);font-size: 22px;" href="/security/">Learn about new solutions &gt;</a> --> </div> <div class="tp-caption sfr d-none d-xl-block d-lg-block d-md-block" data-x="right" data-hoffset="-100" data-y="center" data-voffset="-25" data-speed="600" data-start="100" data-endspeed="600" data-autoplay="false" data-autoplayonlyfirsttime="false" data-nextslideatend="true"> <div data-bs-toggle="modal" data-bs-target="#carousel-modal" data-title="" data-youtube="https://www.youtube.com/embed/7e3TQdrzF0E?enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=1;rel=0;" class="boxShadow fauxpointer" > <img style="width:450px; height:auto; cursor:pointer;" src="/graphics/home/MobileSecurityTrailer_PlayButton.jpg?1" width="565" height="317" alt="Mobile Security Trailer Movie" title="" border="0" /> </div> </div> </li> <style type=text/css> .bannerLink:hover{ text-decoration:underline; } </style> <!-- .banner-industry li:after, .banner-industries li:after { background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0)) !important; } --> <!-- temp mobile fixes --> <style type="text/css"> @media (max-width: 500px) { .mobile-fix-large { font-size: 15px !important; } .mobile-fix-med { font-size: 12px !important; margin-top: 5px !important; line-height: 15px !important; } .mobile-fix-sm { font-size: 10px !important; line-height: 15px !important; } .mobile-fix-button { margin: 25px 0px 0px !important; } .bannerLinkMobileFix { font-size: 15px !important; } } </style> <li class="no-fade-gradient" data-transition="notransition" data-start="0" data-slotamount="1" data-masterspeed="600" data-saveperformance="on" data-title="Control Center"> <!-- main image --> <!-- <img src="/graphics/home/CC9_Launch_banner.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/647_withoverlay.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/647_withoverlay2.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/647_withoverlay3.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/647_withoverlay4.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/647_withoverlay5.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <!-- <img src="/graphics/home/649_withoverlay.jpg" alt="Complete Visual Information Ecosystem for Construction" /> --> <img src="/graphics/home/651_withoverlay.jpg" alt="Complete Visual Information Ecosystem for Construction" /> <!-- class: center --> <div class="tp-caption text medium FADE tp-resizeme " data-x="5" data-y="50" data-speed="1000" data-start="50" ><span style="font-size: 16px;" class="mobile-fix-sm">CONSTRUCTION DOCUMENTATION SOFTWARE</span> </div> <div class="tp-caption text large FADE tp-resizeme " data-x="left" data-y="85" data-speed="1000" data-start="50" ><h1 style="line-height: 60px;" class="mobile-fix-large">Advanced AI Video Analytics Anytime,<br />Anywhere with Control Center </h1> </div> <div class="tp-caption text medium FADE tp-resizeme " data-x="5" data-y="230" data-speed="1000" data-start="50" > <div style="font-size: 20px; " class="mobile-fix-med"> Introducing EarthCam’s all new Control Center 9 SaaS platform, <br /> the next evolution in AI analytics for jobsite intelligence. <br /> </div> </div> <div class="tp-caption text medium FADE tp-resizeme " data-x="5" data-y="350" data-speed="1000" data-start="50" > <div style=""> <!-- padding: 25px 25px; font-size: 22px --> <p class="h4p text-center "> <img class="d-none d-xxl-inline-block d-xl-inline-block d-lg-inline-block d-md-inline-block " src="/graphics/icons/controlcenter/CC_white_orbit_2.svg" alt="icon for Control Center" style="display: inline-block; padding-right: 0px; width: 70px; height: auto;" width="100%" height="auto" border="0"> <a id="link" class="bannerLink bannerLinkMobileFix" style="display: inline-block; color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);font-size:24px;" href="/software/"> Control Center 9 available April 9th <b>&gt;</b> <!-- Control Center 9 available April 9th &nbsp; &#10097; --> </a> </p> <style type="text/css"> .bannerLink:hover{ text-decoration:underline; } </style> </div> </div> <!-- LAYER hand--> <!-- <div class="tp-caption text center medium sfr tp-resizeme" data-x="650" data-y="170" data-speed="1000" data-start="100" ><img src="/graphics/home/jobsite-health-app-with-hand-smaller.png" alt="Jobsite Health hand" title="" width="325" height="auto" /> </div> --> <!-- LAYER learn more link --> <!-- <div class="tp-caption text sfb medium tp-resizeme" data-x="center" data-y="460" data-speed="600" data-start="100" id="moreInfo" style="display:block" ><a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);font-size:24px;" href="/software/">Click here to learn more ></a> <style type="text/css"> .bannerLink:hover{ text-decoration:underline; } </style> </div> --> </li> <!-- try to move this script to a more central location or figure out how to tie into rev slider's on change method --> <script> var link = document.getElementById("link"); var moreInfo = document.getElementById("moreInfo"); if(moreInfo && link) if(window.location.href.indexOf(link.href) >= 0) moreInfo.style.display = "none"; </script> <!-- no-fade-gradient --> <li class="" data-transition="notransition" data-slotamount="7" data-masterspeed="600" data-saveperformance="on" data-title="EarthCam and Procore"> <!-- main image --> <!-- <img src="/graphics/procore/Procore_AI_2024.jpg?1" >--> <img alt="EarthCam and Procore" src="/graphics/procore/Procore_Groundbreak_2024.jpg?20250326a" > <!-- LAYER NR. 1 --> <!-- title text --> <div class="tp-caption text large sfr tp-resizeme" data-x="0" data-y="80" data-speed="600" data-start="1200" ><span style="line-height: 115%;">EarthCam and Procore</span> </div> <div class="tp-caption text medium sfr tp-resizeme" data-x="8" data-y="130" data-speed="600" data-start="1200" ><span style="line-height: 115%;">Increase productivity, maintain a <br class="d-block d-xl-none " /> safe &amp; secure jobsite</span> </div> <!-- LAYER NR. 2 --> <div class="tp-caption text sfl medium tp-resizeme" data-x="0" data-y="200" data-speed="600" data-start="1600" ><i class="fa fa-check"></i> </div> <!-- LAYER NR. 3 --> <!-- first bullet point--> <div class="tp-caption text sfb medium tp-resizeme" data-x="50" data-y="200" data-speed="600" data-start="1600" >New <a class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);" href="/about/press.php?action=view&prid=727" target="_blank">AI Material Analysis</a> for 30+ jobsite materials <!--<br class="d-block d-xl-none " />--> </div> <div class="tp-caption text sfl medium tp-resizeme" data-x="0" data-y="240" data-speed="600" data-start="1600" ><i class="fa fa-check"></i> </div> <div class="tp-caption text sfb medium tp-resizeme" data-x="50" data-y="240" data-speed="600" data-start="1600" >Procore <a class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);" href="/about/press.php?action=view&prid=726" target="_blank">Schedule overlay</a> for images <!--<br class="d-block d-xl-none " />--> </div> <!-- LAYER NR. 4 --> <div class="tp-caption text sfl medium tp-resizeme" data-x="0" data-y="280" data-speed="600" data-start="1800" ><i class="fa fa-check"></i> </div> <!-- LAYER NR. 5 --> <div class="tp-caption text sfb medium tp-resizeme" data-x="50" data-y="280" data-speed="600" data-start="1800" >AI-powered safety advisories </div> <!-- LAYER NR. 5 --> <!--<div class="tp-caption text sfl medium tp-resizeme" data-x="0" data-y="320" data-speed="600" data-start="2000" ><i class="fa fa-check"></i> </div> <div class="tp-caption text sfb medium tp-resizeme" data-x="50" data-y="320" data-speed="600" data-start="2000" >Upload security video clips </div> --> <!-- LAYER NR. 6 --> <div class="tp-caption text sfl medium tp-resizeme" data-x="0" data-y="320" data-speed="600" data-start="2000" ><i class="fa fa-check"></i> </div> <!-- LAYER NR. 7 --> <div class="tp-caption text sfb medium tp-resizeme" data-x="50" data-y="320" data-speed="600" data-start="2000" >Upload to 100% of Log sections </div> <!-- Learn more--> <div class="tp-caption text sfb medium tp-resizeme" data-x="10" data-y="430" data-speed="600" data-start="2600" id="moreInfo" style="display:block" ><a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);font-size:22px;" href="/procore/">Learn More about Procore Integration ></a> </div> <!-- LAYER NR. 11 --> <!-- data-x="right" data-hoffset="-620" --> <div class="tp-caption sfr" data-x="600" data-hoffset="-20" data-y="center" data-speed="600" data-start="2400" data-endspeed="600" data-autoplay="false" data-autoplayonlyfirsttime="false" data-nextslideatend="true"> <!-- old iframe: <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item boxShadow" src='//www.youtube.com/embed/wSPosnZOzPk?enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=1;rel=0;' width='600' height='337' style='margin-top: 0px; width:600px;height:337px;' allowfullscreen></iframe> </div> --> <!-- new modal --> <!-- /graphics/procore/Procore-2021-Opening-Slate-02_Thumb_640.jpg --> <div data-bs-toggle="modal" data-bs-target="#carousel-modal" data-title="" data-youtube="https://www.youtube.com/embed/0lPn9UTm5S8?enablejsapi=1&amp;autoplay=0&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=1;rel=0;" class="boxShadow fauxpointer" > <img alt="EarthCam and Procore" style="width:565px; height:317px;cursor:pointer;" src="/graphics/procore/Procore_2024_Play-Button.jpg?20" width="565" height="317" alt="" title="" border="0" /> </div> </div> </li> <style type="text/css"> .bannerLink:hover{ text-decoration:underline; } </style> <li class="no-fade-gradient" data-transition="notransition" data-slotamount="7" data-masterspeed="600" data-saveperformance="on" data-title="SIRQ Construction"> <!-- main image --> <img alt="Bogart Construction testimonial" src="/graphics/home/Bogart_Banner.jpg?1" alt="Bogart"/> <!-- quote--> <div class="tp-caption text sfb medium tp-resizeme" data-x="0" data-y="130" data-speed="600" data-start="1600" > <span style="font-weight: bold;"> "I could tell you – first hand – <br class="d-block d-med-none d-lg-none" />it worked great!" </span> <div style="margin-top:15px; line-height: 25px; font-size: 18px; font-style: italic;"> - Noel Amand<br /> VP of Operations at Bogart Construction </div> </div> <!-- title text --> <!-- <div class="tp-caption text large sfr tp-resizeme" data-x="-10" data-y="125" data-speed="600" data-start="1200" ><div data-bs-toggle="modal" data-bs-target="#carousel-modal" data-title="" data-youtube="https://www.youtube.com/embed/7KgLWTJWWKs?enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=1;rel=0;" class="fauxpointer" ><img id="sandiego_logo_banner" src="/graphics/home/Five-Guys_Banner_Logo.png?2" style="height: auto;" border="0" /></div> </div> --> <!-- <div class="tp-caption text large sfr tp-resizeme" data-x="-10" data-y="120" data-speed="600" data-start="1200" ><div class="fauxpointer"> <a href="" target="_blank"> <img id="sandiego_logo_banner" src="/graphics/home/xxxxxxx.png?2" style="height: auto;" border="0" /></a></div> </div> --> <style type="text/css"> @media ( min-width: 1170px ) { #sandiego_logo_banner { max-width: 400px; /* max-width: 215px;*/ } } @media ( max-width: 1169px ) { #sandiego_logo_banner { /*max-width: 215px;*/ max-width: 400px; } } @media ( max-width: 500px ) { #sandiego_logo_banner { /*max-width: 215px;*/ max-width: 400px; } } </style> <!-- learn more --> <div class="tp-caption text sfb medium tp-resizeme" data-x="5" data-y="350" data-speed="600" data-start="1600" id="moreInfo" style="display:block; font-size: 18px;" > Learn how to turn projects into<br /> <a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);" href="/marketing/" target="_blank">visual assets for marketing</a> <!--Learn more about EarthCam's<br /> <a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);" href="/services/" target="_blank">Services</a> &amp; <a id="link" class="bannerLink" style="color:#ffff33;text-shadow: 3px 3px 5px rgba(0,0,0,1);" href="/support/techsupport.php" target="_blank">Technical Support</a>--> </div> <!-- LAYER NR. 11 --> <div class="tp-caption sfr" data-x="right" data-hoffset="-20" data-y="center" data-speed="600" data-start="1600" data-endspeed="600" data-autoplay="false" data-autoplayonlyfirsttime="false" data-nextslideatend="true"> <!--<div class="boxShadow fauxpointer"> <a href="https://blog.earthcam.net/construction-points-of-view-best-practices-for-jobsite-documentation/how-jobsite-cameras-help-hunt-midwest-build-better-buildings" target="_blank"><img style="width:565px; height:317px;cursor:pointer;" src="/graphics/home/Groathouse_Play-Button-1.jpg?1" width="565" height="317" alt="" title="" border="0" /></a> </div>--> <div data-bs-toggle="modal" data-bs-target="#carousel-modal" data-title="" data-youtube="https://www.youtube.com/embed/7KgLWTJWWKs?enablejsapi=1&amp;html5=1&amp;hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=1;rel=0;" class="boxShadow fauxpointer" > <img alt="Bogart Construction testimonial YouTube" style="width:565px; height:317px;cursor:pointer;" src="/graphics/home/Bogart_Testimonial_PlayButton.jpg?20250326a" width="565" height="317" alt="" title="" border="0" /> </div> </div> </li> <style type=text/css> .bannerLink:hover{ text-decoration:underline; } </style> <!--data-transition="notransition / fade" --> </ul> <div class="tp-bannertimer tp-bottom"></div> </div> </div> <!-- slider revolution end --> </div> <!-- slideshow end --> </div> <!-- banner end --> <!-- main-container start --> <!-- ================ --> <section id="srts" class="main-container gray-bg"> <!-- main start --> <!-- ================ --> <div class="main"> <div class="container-fluid g-0"> <div class="row g-0"> <div class="col-12"> <div style="width:90%;margin:0 auto 85px;"> <h1 class="text-center title" style="margin-bottom:15px;">World-Leading Webcam Technology, Content and Services</h1> <!--<div class="separator"></div>--> <p class="text-center h4p" style="margin-bottom:15px;line-height:30px;">Monitor, document and promote your project with the industry leaders in live streaming, time-lapse imaging and construction cameras.</p> <br/> <div class="row grid-space-20 flex-wrap-group"> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/products/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_products.jpg" title="" alt="EarthCam Technology - Top Products" /> <!--/graphics/home/home_top_products_enr.jpg--> <h2>Technology</h2> <p>Innovative Webcams</p> <!--<span class="btn-default btn">Explore Now</span>--> </div> </a> </div> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/ai/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/AI.jpg" title="" alt="Artificial Intelligence" /> <h2>Artificial Intelligence</h2> <p>For Visual Collaboration</p> </div> </a> </div> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/construction/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_construction.jpg" title="" alt="EarthCam Construction - Jobsite Time-Lapse" /> <h2>Construction</h2> <p>Jobsite Time-Lapse</p> <!--<span class="btn-default btn">See the Difference</span>--> </div> </a> </div> <!--<div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/imaging/earthcamair/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_earthcamair.jpg" /> <h2>EarthCam Air</h2> <p>Powerful UAV Services</p> <!--<span class="btn-default btn">Find Your System</span>-> </div> </a> </div>--> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/security/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_security.jpg" title="" alt="EarthCam Security - 24/7 Recordings" /> <h2>Security</h2> <p>Live Stream &amp; 24/7 Recordings</p> <!--<span class="btn-default btn">Find Your System</span>--> </div> </a> </div> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/software/vrsitetour/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_360VR.jpg?2" title="" alt="EarthCam 360 VR Tours" /> <h2>360&deg; VR Tours </h2><!--360° Reality Capture--> <p>Reality Capture</p><!--Interior Documentation--> <!--<h2>Virtual Reality</h2> <p>360&deg; Interactive Site Tours</p>--> </div> </a> </div> <!-- <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/smb/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_budget.jpg" title="" alt="EarthCam Small &amp; Midsize Business" /> <h2>SMB</h2> <p>Small &amp; Midsize Business</p> </div> </a> </div> --> <div class="col-xl-2 col-lg-4 col-md-4 col-6"> <a data-tracking="homepage_tiles" href="/tourism/"> <div class="box-style-1 white-bg" > <img class="img-fluid" src="/graphics/home/home_top_tourism.jpg" title="" alt="EarthCam Tourism - Virtual Vacation" /> <h2>Tourism</h2> <p>Virtual Vacations</p><!--Promote your Destination--> <!--<span class="btn-default btn">See the Difference</span>--> </div> </a> </div> </div> <br/> <div class="container-fluid"> <h1 class="text-center title" style="margin-bottom:15px;">EarthCam Partners</h1> <p class="text-center h4p" style="margin-bottom:30px;line-height:30px;">Relationships with industry leaders deliver live video & visual data for customers worldwide. <a data-tracking="partners_learnmore" href="/partners/">Learn More ></a></p> <div style="height: 5px;"></div> <!--<div>--> <!--<a data-tracking="partners_aconex" href="/aconex/" class="alignLinkTop logoPadding firstAdjust"><img class="alignLogo" src="../../graphics/partners/Aconex.png"></a>--> <!-- /graphics/synchro/bentley_logo.png?2 --> <div class="row"> <div class="col-lg-12"> <div class="partners_box grid-space-20"> <!--flex-wrap-group--> <a data-tracking="partners_autodesk" href="/autodesk/" class="partners_box_item" style=""><img class="partners_logo" src="/graphics/partners/Autodesk.png?2" alt="Autodesk" title="" /></a> <a data-tracking="partners_bentley" href="/earthcam4d/" class="partners_box_item"><img class="partners_logo" src="/graphics/synchro/bentley_logo.png?2" alt="Bentley" title="" /></a> <a data-tracking="partners_cmic" href="/cmic/" style="" class="partners_box_item" ><img class="CmicLogo partners_logo" src="/graphics/cmic/CMiC.png?3" alt="CMiC" title="" /></a> <a data-tracking="partners_esri" href="/esri/" style="" class="partners_box_item" ><img class="partners_logo" src="/graphics/esri/ESRI-Logo.png?1" alt="Esri" title="" /></a> <a data-tracking="partners_ineight" href="/ineight/" class="partners_box_item" style=""><img class="partners_logo" src="/graphics/ineight/logo.png" alt="InEight" title="" /></a> <a data-tracking="partners_infotech" href="/infotech/" style="" class="partners_box_item" ><img class="partners_logo" src="/graphics/infotech/infotech_logo.png" alt="Infotech" title="" /></a> <a data-tracking="partners_procore" href="/procore/" style="" class="partners_box_item"><img class="partners_logo" src="/graphics/partners/Procore.png" alt="Procore" title="" /></a> <a data-tracking="partners_projectmates" href="/projectmates/" style="" class="partners_box_item"><img class="partners_logo" style="max-width: 245px; margin-top: -5px;" src="/graphics/projectmates/projectmates-logo-black-border-768x287.png" alt="Projectmates" title="" /></a> <a data-tracking="partners_raken" href="/raken/" class="partners_box_item" style=""><img style="" class="partners_logo" src="/graphics/raken/raken-logo.svg" alt="Raken" title="" /></a> <!--<a data-tracking="partners_rubicon" href="/rubicon/" class="partners_box_item" style=""><img class="partners_logo" src="/graphics/rubicon/rubicon_logo.png" alt="Rubicon" title="" /></a>--> <a data-tracking="partners_salesforce" href="/salesforce/" style="" class="partners_box_item " ><img class="partners_logo salesforceLogo" src="/graphics/salesforce/Salesforce_Corporate_Logo_RGB.png" alt="Salesforce" title="" /></a> </div> </div> <!--</div>--> </div> </div> </div> </div> </div> </div> <!-- main end --> </section> <!-- main-container end --> <!-- /graphics/products/contact-strip-bg/432_Park.jpg --><section class="main-container parallax dark-translucent-bg parallax-bg-3 " style="background: transparent url('/graphics/products/contact-strip-bg/432_Park.jpg') no-repeat scroll 50% 0;"> <div class="main"> <div class="container"> <div class="call-to-action"> <div class="row row-vertical-center justify-content-center"> <div class="col-md-8 d-none d-lg-flex align-items-center justify-content-center"> <h1 class="title text-center"><span class="contact_scale" style="font-weight:700;">Better Lives Through Visual Information</span><sup class="super">&reg;</sup</h1> </div> <div class="col-md-4 col-12 d-flex justify-content-center"> <div class="text-center"> <!-- data-tracking="contactstrip" --> <a href="/support/contactus.php" class="btn btn-default btn-lg contactstrip">Contact Us</a> </div> </div> </div> </div> </div> </div> </section><!-------------------------------------------------------------------------------------> <!-- main-container start --> <!-- ================ --> <div style="padding-top:0px;padding-bottom:30px;background-color:#f0f0f0;"> <div class="main"> <div class="container-fluid"> <div class="row"> <div class="" style="max-width: 960px; margin:50px auto 20px;"><!-- width:80%;margin:50px auto 20px; --> <h1 class="text-center title" style="margin-bottom:5px;">Services for Every Industry</h1> <p class="text-center h4p" style="margin-bottom:0px;">With extensive experience in many industries, we have the technology and talent for your next project.</p> <br/> <br/> <div class="row grid-space-0"> <ul class="industry-buttons"> <li><a data-tracking="industries_blue_circle" href="/sports-construction.php" alt="Arenas"><span class="industry-icons arenas-icon gray-box image arenas-image"></span><span class='textSpan'>Arenas</span></a></li> <li><a data-tracking="industries_blue_circle" href="/aviation/" alt="Aviation"><span class="industry-icons aviation-icon gray-box image aviation-image"></span><span class='textSpan'>Aviation</span></a></li> <li><a data-tracking="industries_blue_circle" href="/roadsandbridges/" alt="Roads and Bridges"><span class="industry-icons roads-icon gray-box image roads-image"></span><span class='textSpan'>Bridges</span></a></li> <li><a data-tracking="industries_blue_circle" href="/education-construction.php" alt="Education"><span class="industry-icons education-icon gray-box image education-image"></span><span class='textSpan'>Education</span></a></li> <!--<li><a data-tracking="industries_blue_circle" href="/energy/" class="industry-icons energy-icon gray-box" alt="Energy"><span class="image energy-image"></span></a></li>--> <li><a data-tracking="industries_blue_circle" href="/international-construction.php" alt="Global"><span class="industry-icons international-icon gray-box image international-image"></span><span class='textSpan'>Global</span></a></li> <li><a data-tracking="industries_blue_circle" href="/gsa-construction.php" alt="Government"><span class="industry-icons government-icon gray-box image government-image"></span><span class='textSpan'>Government</span></a></li> <!--</ul> <ul class="industry-buttons">--> <li><a data-tracking="industries_blue_circle" href="/healthcare-construction.php" alt="Healthcare"><span class="industry-icons healthcare-icon gray-box image healthcare-image"></span><span class='textSpan'>Healthcare</span></a></li> <li><a data-tracking="industries_blue_circle" href="/hotels-construction.php" alt="Hotels"><span class="industry-icons hotels-icon gray-box image hotels-image"></span><span class='textSpan'>Hotels</span></a></li> <li><a data-tracking="industries_blue_circle" href="/mixed-use-developments.php" alt="Mixed-Use Development"><span class="industry-icons mixed-use-icon gray-box image mixed-use-image"></span><span class='textSpan'>Mixed-Use</span></a></li> <li><a data-tracking="industries_blue_circle" href="/museums-memorials-construction.php" alt="Museums"><span class="industry-icons museums-icon gray-box image museums-image"></span><span class='textSpan'>Museums</span></a></li> <li><a data-tracking="industries_blue_circle" href="/retail/" alt="Retail"><span class="industry-icons retail-icon gray-box image retail-image"></span><span class='textSpan'>Retail</span></a></li> <li><a data-tracking="industries_blue_circle" href="/tourism/" alt="Tourism"><span class="industry-icons tourism-icon gray-box image tourism-image"></span><span class='textSpan'>Tourism</span></a></li> </ul> </div> </div> </div> </div> </div> <!--<div class="main"> <div class="container-fluid"> <div class="row"> <div style="width:80%;margin:50px auto 20px;"> <h1 class="text-center title" style="margin-bottom:5px;">Services for Every Industry</h1> <p class="text-center h4p" style="margin-bottom:15px;">With extensive experience in many industries, we have the technology and talent for your next project.</p> <div class="row grid-space-20" style="margin-bottom:0px;"> <div class="industry-icon-box"> <a href="/products/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_arena.png" onmouseover="this.src='/graphics/home/industryicons/Industry_arena_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_arena.png'" /> <h2>Arenas</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/imaging/earthcamair/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_budget.png" onmouseover="this.src='/graphics/home/industryicons/Industry_budget_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_budget.png'" /> <h2>Budget</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/marketing/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_education.png" onmouseover="this.src='/graphics/home/industryicons/Industry_education_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_education.png'" /> <h2>Education</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/construction/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_energy.png" onmouseover="this.src='/graphics/home/industryicons/Industry_energy_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_energy.png'" /> <h2>Energy</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/roadsandbridges/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_government.png" onmouseover="this.src='/graphics/home/industryicons/Industry_government_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_government.png'" /> <h2>Government</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/tourism/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_healthcare.png" onmouseover="this.src='/graphics/home/industryicons/Industry_healthcare_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_healthcare.png'" /> <h2>Healthcare</h2> </div> </a> </div> </div> <div class="row grid-space-20"> <div class="industry-icon-box"> <a href="/products/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_hotels.png" onmouseover="this.src='/graphics/home/industryicons/Industry_hotels_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_hotels.png'" /> <h2>Hotels</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/imaging/earthcamair/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_museums.png" onmouseover="this.src='/graphics/home/industryicons/Industry_museums_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_museums.png'" /> <h2>Museums</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/marketing/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_retail.png" onmouseover="this.src='/graphics/home/industryicons/Industry_retail_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_retail.png'" /> <h2>Retail</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/construction/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_roads_bridges.png" onmouseover="this.src='/graphics/home/industryicons/Industry_roads_bridges_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_roads_bridges.png'" /> <h2>Roads</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/roadsandbridges/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_tourism.png" onmouseover="this.src='/graphics/home/industryicons/Industry_tourism_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_tourism.png'" /> <h2>Tourism</h2> </div> </a> </div> <div class="industry-icon-box"> <a href="/tourism/"> <div class="box-style-1 white-bg" style="margin:10px 0;" > <img src="/graphics/home/industryicons/Industry_international.png" onmouseover="this.src='/graphics/home/industryicons/Industry_international_wt.png'" onmouseout="this.src='/graphics/home/industryicons/Industry_international.png'" /> <h2>World Wide</h2> </div> </a> </div> </div> </div> </div> </div> </div> <!/-- main end --> </div> <!-------------------------------------------------------------------------------------> <div style="padding-top:10px;padding-bottom:60px;background-color:#f0f0f0;"> <!-- main-container start --> <!-- ================ --> <section id="showcase" class="main-container gray-bg" style="overflow:hidden;box-shadow:none;"> <!-- main start --> <!-- ================ --> <div class="main"> <div class="container"> <!-- page-title start --> <!-- ================ --> <!--<h1 class="text-center title">Showcase</h1>--> <!--<div class="separator"></div>--> <!--<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nulla suscipit <br class="hidden-sm hidden-xs"> unde rerum mollitia dolorum.</p>--> <!-- page-title end --> <!-- alt titles if request - more standard section titles --> <h1 class="text-center title">Time-Lapse Movies</h1> <p class="text-center h4p">Think All Time-Lapse Movies are the Same? <br class='d-display-block d-md-none' />Think Again.</p> <br> <!-- alt titles end --> <!-- isotope filters start --> <div class="filters" style="display: none;"> <ul class="nav nav-pills"> <li class="active"><a href="#" data-trackingshowcase="showcase-time-lapse" data-filter=".time-lapse">Time-Lapse Movies</a></li> </ul> </div> <!-- isotope filters end --> </div> <!-- portfolio items start --> <!-- --> <div class="isotope-container grid-space-20" data-landing=".timelapse" > <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/World_Trade_Center_20_years.jpg" alt="Rebuilding the World Trade Center"> <a data-modal-url="nLqFZNfTmU4" data-modal-type="youtube" data-modal-title="Rebuilding the World Trade Center" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Rebuilding the World Trade Center</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/4G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/OneVanderbilt.jpg" alt="One Vanderbilt"> <a data-modal-url="ab_2_bHt_GE" data-modal-type="youtube" data-modal-title="One Vanderbilt" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>One Vanderbilt</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Academy-Awards_Museum.jpg" alt="AMMP"> <a data-modal-url="3tn6BZg7sEc" data-modal-type="youtube" data-modal-title="AMMP" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>AMMP</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/SoFi_Stadium.jpg" alt="LA Rams"> <a data-modal-url="XfQZOcYsQlo" data-modal-type="youtube" data-modal-title="LA Rams" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>LA Rams</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Lusail_Stadium-_FIFA_2022.jpg" alt="Lusail Stadium - FIFA 2022"> <a data-modal-url="kMjB1TFFPxM" data-modal-type="youtube" data-modal-title="Lusail Stadium - FIFA 2022" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Lusail Stadium - FIFA 2022</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Krispy_Kreme.jpg" alt="Krispy Kreme"> <a data-modal-url="StqMs32qR5E" data-modal-type="youtube" data-modal-title="Krispy Kreme" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Krispy Kreme</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/St-Nicholas-Greek-Orthodox-Church.jpg" alt="St. Nicholas Greek Orthodox Church"> <a data-modal-url="OQxtnf__gCE" data-modal-type="youtube" data-modal-title="St. Nicholas Greek Orthodox Church" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>St. Nicholas Greek Orthodox Church</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Panama_Canal.jpg" alt="Panama Canal Expansion"> <a data-modal-url="loCQR8yt26w" data-modal-type="youtube" data-modal-title="Panama Canal Expansion" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Panama Canal Expansion</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Hunter_Roberts_Little_Island.jpg" alt="'Little Island' Construction Time-Lapse"> <a data-modal-url="TCgXpVdVso0" data-modal-type="youtube" data-modal-title="'Little Island' Construction Time-Lapse" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>'Little Island' Construction Time-Lapse</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Louvre_Abu_Dhabi.jpg" alt="Louvre Abu Dhabi"> <a data-modal-url="KzNKaV8P4aQ" data-modal-type="youtube" data-modal-title="Louvre Abu Dhabi" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Louvre Abu Dhabi</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/Hudson_Yards.jpg" alt="Hudson Yards"> <a data-modal-url="LxY3jlaXoRc" data-modal-type="youtube" data-modal-title="Hudson Yards" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Hudson Yards</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> <div class="col-lg-3 col-md-4 col-6 offset-lg-0 offset-md-0 isotope-item time-lapse "> <div class="image-box"> <div class="overlay-container" > <img src="/graphics/showcase/timelapse/AECOM_ITT_Mauka_Exchange_HI_Airport.jpg" alt="Mauka Concourse Expansion"> <a data-modal-url="H-xeb0ZORu8" data-modal-type="youtube" data-modal-title="Mauka Concourse Expansion" data-bs-toggle="modal" data-bs-target="#showcaseModal" class="overlay small" target="_blank"> <i class="fa fa-youtube-play"></i> <span>Mauka Concourse Expansion</span> </a> </div> </div> <p></p> <!--<div style="text-align: center; padding-top: 10px;"> <img src='/graphics/products/showcase/5G_icon.svg' style='max-width: 25%; margin: 0px auto;' /> </div> --> </div> </div> <!-- portfolio items end --> </div> <!-- main end --> </section> <!-- main-container end --> <div class="modal fade" id="showcaseModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!--<div class="modal-header"> <button type="button" class="close" data-bs-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myLargeModalLabel"></h4> </div>--> <div class="modal-body"> <div class="ratio ratio-16x9" > <iframe class="embed-responsive-item" frameborder="0" allowfullscreen></iframe> </div> </div> <div class="modal-footer"> <div class="row"> <div class="col-lg-10 col-md-9 col-6"> <h4 class="modal-title" id="myLargeModalLabel"></h4> </div> <div class="col-lg-2 col-md-3 col-6"> <button type="button" class="btn btn-sm btn-dark" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> </div> <!-- MAIN CONTENT --> <div class="mainContent"> <div id="clienttestimonials" class="main-container blueRow"> <div class="container"> <h1 class="text-center title">Our Clients</h1> <p class="text-center h4p" style="color: white;">Thousands of satisfied customers are testimony to the success of our highly-qualified, experienced team.</p> <!--<div class="separator"></div>--> <div id="clientsCarousel" class="carousel slide carousel-fade"> <!-- data-bs-ride="carousel" data-bs-interval="10000" --> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item carousel-item active"> <img src="/graphics/home/HomePage_clientslogos.gif?1" alt="EarthCam's Clients"> </div> <div class="item carousel-item"> <img src="/graphics/home/HomePage_transportation_logos.gif" alt="EarthCam's Clients"> </div> <div class="item carousel-item"> <img src="/graphics/home/HomePage_media-tourism_logos.gif" alt="EarthCam's Clients"> </div> </div> <!-- Indicators --> <ol class="carousel-indicators" style="bottom:-40px"> <button data-bs-target="#clientsCarousel" data-bs-slide-to="0" class="active"></button> <button data-bs-target="#clientsCarousel" data-bs-slide-to="1"></button> <button data-bs-target="#clientsCarousel" data-bs-slide-to="2"></button> </ol> </div> <p class="learnMore" style="margin-top:40px;"><a data-tracking="homepage_clients" href="/clients.php">See what our clients are saying about their experience.</a></p> </div> </div> <div id="newsandpress" class="main-container whiteRow" style="padding-top:80px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="text-center title">Hear from EarthCam Clients</h1> <!--<div class="separator-0"></div>--> <!--<div class="box-style-1 gray-bg">--> <!--<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci debitis, cupiditate delectus in consequatur, culpa unde soluta, ducimus dicta blanditiis voluptas.</p> <footer><cite title="Source Title">Lorem Famous </cite></footer> </blockquote>--> <div class="owl-carousel content-slider " data-animation-effect="fadeIn" data-effect-delay="800" data-owl-autoplay="10000" > <!--object-non-visible--> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">EarthCam is an essential tool for ensuring safety, efficiency, and quality on the job. We couldn’t be more impressed.</p> <footer><cite title="Source Title">Khidir Abdalla, SVP of Construction, Equinox Group </cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">Your camera survived 170mph winds during Super Typhoon Yutu. Definitely typhoon tested!</p> <footer><cite title="Source Title">American Red Cross</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">The quality of your cameras are amazing. I have never seen such great cameras before. I also want to thank everyone from your team who was very helpful and very professional.</p> <footer><cite title="Source Title">SUEZ Water</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">We can’t thank you enough for making this time-lapse film available. It’s marvelous and we will show it far and wide! It will be a big hit I’m sure. Hats off to your team.</p> <footer><cite title="Source Title">Smithsonian Institution</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">I love the fact that when I'm stuck at my computer unable to walk the site I can jump on EarthCam take a photo and it uploads right to Procore.</p> <footer><cite title="Source Title">Ray Prokaski at Berglund Construction</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">The EarthCam environment allowed seamless dialogue between multiple project stakeholders and brought innovation to us, and most importantly, our client.</p> <footer><cite title="Source Title">Stephen Brooke, digital delivery manager, Burns &amp; McDonnell</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">We use EarthCam's perimeter detection systems constantly, the alerts are accurate, and have helped us deter theft attempts on several occasions.</p> <footer><cite title="Source Title">Michael Jansen, Construction Superintendent at Haynes Construction Company</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">Thanks for the time-lapse you prepared. It was very well received.</p> <footer><cite title="Source Title">Espai Barça</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">Thank you. The time lapse is simply amazing! We truly appreciate all of your team’s hard work and creativity.</p> <footer><cite title="Source Title">Governor Mario M. Cuomo Bridge</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">Thank you again for the extremely prompt install of our Site Camera at the Las Vegas Convention Center Project. We are extremely pleased with the installation, quality and performance. A “BIG” thank you to the EarthCam Team!</p> <footer><cite title="Source Title">Turner Construction Company</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">I highly recommend EarthCam because EarthCam has top-of-the-line technology and high-resolution cameras. It's the best technology that's available out there.</p> <footer><cite title="Source Title">Christine Lucaj, vice president of construction, SL Green Realty Corp</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">The simplicity and the standardization of EarthCam's system is beautiful.</p> <footer><cite title="Source Title">Jon Hegarty, regional construction director, Five Guys</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">I consider EarthCam my third arm of project management.</p> <footer><cite title="Source Title">Paul Smedberg, project executive, C.D. Smith Construction</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">Extremely easy to use, wish we had more EarthCams!</p> <footer><cite title="Source Title">Matt Williams, senior project manager, Skanska USA</cite></footer> </blockquote> </div> </div> <div class="item"> <div class="box-style-1 gray-bg"> <blockquote> <p class="media-testimonial-location"></p> <p class="media-testimonial-text">I could not have gotten this far without your help and support. Thank you so much for your time and continued support of me and our projects. Thank you for being the awesome team that you are!</p> <footer><cite title="Source Title">Duke Energy</cite></footer> </blockquote> </div> </div> </div> <p class="learnMore"><a data-tracking="inthenews" href="/about/inthenews.php">See Media Coverage</a></p> <br class="d-inline d-md-none" /><br class="d-inline d-md-none" /> </div> <!-- <div class="col-md-5"> <h1 class="text-center title">Follow Us</h1> <div class="separator-0"></div> </div> --> </div> </div> </div> <section class="main-container parallax dark-translucent-bg parallax-bg-3 " style="background: transparent url('/graphics/products/contact-strip-bg/432_Park.jpg') no-repeat scroll 50% 0;"> <div class="main"> <div class="container"> <div class="call-to-action"> <div class="row row-vertical-center justify-content-center"> <div class="col-md-12 "> <h1 class="title text-center"><span class="contact_scale" style="font-weight:700;">Better Lives Through Visual Information</span><sup class="super">&reg;</sup</h1> </div> </div> </div> </div> </div> </section> <!-- /graphics/products/contact-strip-bg/432_Park.jpg --> </div> <!-- /MAIN CONTENT --> <!-- PAGE FOOTER --> <!-- ================ --> <footer id="footer" class="light"> <a href="/support/contactus.php"> <div id="contactUsFooter"> <div class="container"> <h2><!--<i class="fa fa-phone"></i> --><i class="fa fa-envelope"></i> Contact Us: 1-800-<span class="ecBlack">EARTHCAM</span></h2> <h5 style="padding-left: 10px; padding-top: 9px;" >(1-800-327-8422)</h5> </div> </div> </a> <!-- .footer start --> <!-- ================ --> <div class="footer"> <div class="container-sm"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-3 col-6"> <h5>DIRECTORY</h5> <ul class="list-unstyled footer-link-list"> <li><a data-tracking="footer" href="/products/" >Products</a></li> <li><a data-tracking="footer" href="/software/" >Software</a></li> <li><a data-tracking="footer" href="/services/" >Services</a></li> <li><a data-tracking="footer" href="/marketing/" >Marketing</a></li> <li><a data-tracking="footer" href="/timelapse/" >Time-Lapse</a></li> <li><a data-tracking="footer" href="/livedemos/" >Live Demos</a></li> <li><a data-tracking="footer" href="/industries/" >Industries</a></li> </ul> </div> <div class="col-md-3 col-6"> <h5>&nbsp;</h5> <ul class="list-unstyled footer-link-list directory-2"> <!--<li><a data-tracking="footer" href="/pdf/EarthCam_Brochure.pdf" target="_blank">Company Brochure</a></li>--> <li><a data-tracking="footer" href="/partners/" target="_blank">EarthCam Partners</a></li> <li><a data-tracking="footer" href="/support/contactus.php?reason=api" target="_blank">API Integration</a></li> <li><a data-tracking="footer" href="/aespecs/download-spec.php" >Bid Specifications</a></li> <li><a data-tracking="footer" href="/technology/" >EarthCam Technology</a></li> <!--<li><a data-tracking="footer" href="/support/ecuniversity.php" >EarthCam University</a></li>--> <li><a data-tracking="footer" href="/support/" >Full Service Support</a></li> <!--<li><a data-tracking="footer" href="/software/cc_mobile.php" >Mobile Apps</a></li>--> <li><a data-tracking="footer" href="/services/installation.php" >Installation</a></li> <li><a data-tracking="footer" href="/sitemap.php" >Site Map</a></li> </ul> </div> <div class="col-md-3 col-6"> <h5>COMPANY</h5> <ul class="list-unstyled footer-link-list"> <li><a data-tracking="footer" href="/about/aboutus.php" >About Us</a></li> <li><a data-tracking="footer" href="/about/careers/" >Careers</a></li> <li><a data-tracking="footer" href="/about/press.php" >Press Releases</a></li> <!--<li><a data-tracking="footer" href="/about/orders.php" >Orders</a></li> --> <li><a data-tracking="footer" href="/about/inthenews.php" >In the News</a></li> <!--<li><a data-tracking="footer" href="/about/responsibility.php" >Corporate Responsibility</a></li> --> <li><a data-tracking="footer" href="/referral/">Referral Program</a></li> <li><a data-tracking="footer" href="/clients.php" >Client Testimonials</a></li> <!--<li><a data-tracking="footer" href="/about/contactus.php" >Contact Us</a></li> --> <li><a data-tracking="footer" href="/trustandsecurity/">Trust and Security</a></li> </ul> </div> <div class="col-md-3 col-6"> <h5>EXPLORE</h5> <ul class="list-unstyled footer-link-list"> <li><a data-tracking="footer" href="https://www.earthcam.com" target="_blank">EarthCam.com</a></li> <li><a data-tracking="footer" href="https://www.earthcamtv.com" target="_blank">EarthCamTV</a></li> <li><a data-tracking="footer" href="/ai/" target="_blank">EarthCam AI</a></li> <li><a data-tracking="footer" href="https://www.earthcamhq.com" target="_blank">EarthCam HQ</a></li> <li><a data-tracking="footer" href="/software/vrsitetour/">VR Site Tour</a></li> <li><a data-tracking="footer" href="/products/workzonecampro.php">Work Zone Cam</a></li> <!--<li><a data-tracking="footer" href="https://www.youtube.com/earthcam" target="_blank">YouTube</a></li>--> <li><a data-tracking="footer" href="/support/ecuniversity.php">EarthCam University</a></li> </ul> </div> </div> <hr/> <div class="row" style="margin-top:15px;margin-bottom:15px;"> <div class="col-lg-4 col-md-4 col-12"> <a data-tracking="footer" href="/gsa-construction.php"> <img src="/graphics/misc/gsa_logo.png?2" alt="GSA Advantage #47QTCA24D00AC" style="max-height:40px; margin:0 auto;"/> </a> <br class="d-inline d-md-none" /> </div> <div class="col-lg-4 col-md-4 col-6 text-center"> <a href="https://itunes.apple.com/us/app/control-center-8/id1080149848?mt=8" target="_blank"> <img src="/graphics/iphone/Download_on_the_App_Store_Badge_US-UK_200x60.png" border="0" alt="Available on the Apple App Store" title="" style="max-height:40px; margin:0 auto;"/> </a> </div> <div class="col-lg-4 col-md-4 col-6 text-center"> <a href="https://play.google.com/store/apps/details?id=com.earthcam.controlcentereight" target="_blank" > <img src="/graphics/android/en_app_rgb_wo_60.png" border="0" alt="Available in Google Play Store" title="" style="max-height:40px; margin:0 auto;"/> </a> </div> </div> </div> <div class="col-md-4"> <a style="" href="https://www.earthcamhq.com" target="_blank"><img src="/graphics/footer/Promo_tile.jpg" alt="EarthCam Headquarters" title="EarthCam Headquarters" class="img-fluid" /></a> <div class="col-12 social_icons" style="padding-top:35px;"> <a target="_blank" href="https://www.facebook.com/earthcaminc"><img width="30" height="30" border="0" title="Facebook" alt="Facebook" src="/graphics/footer/facebook-icon_body.png" class="social_icon"></a> <a target="_blank" href="https://www.twitter.com/earthcam"><img width="30" height="30" border="0" title="Twitter" alt="Twitter" src="/graphics/footer/x-icon_body.jpg" class="social_icon"></a> <a target="_blank" href="https://instagram.com/earthcam/"><img width="30" height="30" border="0" title="Instagram" alt="Instagram" src="/graphics/footer/instagram-icon_body.png" class="social_icon"></a> <a target="_blank" href="https://www.linkedin.com/company/earthcam-inc-"><img width="30" height="30" border="0" title="LinkedIn" alt="LinkedIn" src="/graphics/footer/linkedin-icon.png" class="social_icon"></a> <a target="_blank" href="https://www.youtube.com/user/earthcam"><img width="30" height="30" border="0" title="YouTube" alt="YouTube" src="/graphics/footer/youtube-icon_body.png" class="social_icon"></a> </div> <!-- Facebook-grey-circle.png Facebook-grey-square.png Instagram-grey-circle.png Instagram-grey-square.png LinkedIn-grey-circle.png LinkedIn-grey-square.png X-grey-circle.png X-grey-square.png Youtube-grey-circle.png Youtube-grey-youtube.png --> </div> <!--<div class="space-bottom hidden-lg hidden-xs"></div>--> </div> </div> <!-- .footer end --> <!-- .subfooter start --> <!-- ================ --> <div class="subfooter"> <div class="container"> <div class="row"> <div class="col-lg-6"> <!--<p>Copyright 1996-2025 EarthCam, Inc. <br class="hidden-lg hidden-md" />All Rights Reserved.</p>--> <p>&copy; 2025 EarthCam, Inc. <br class="d-inline d-lg-none" />All Rights Reserved.</p> </div> <div class="col-lg-6 d-none d-lg-block"> <p id="problemWithLink" class="text-right"> Should you encounter a problem with a link, <a data-tracking="footer" href="/support/contactus.php">let us know</a>. </p> </div> </div> </div> </div> <!-- .subfooter end --> </footer> <!-- footer end --> <div class="scrollToTop"><i class="fa fa-angle-up fa-2x"></i></div> <!-- <img src="https://www.adclickstream.com/analytics.gif?s=2" style="position: absolute; visibility: hidden;" width="0" height="0" alt="" /> --> <!--<img id="img-acsc" data-defer-img-src="https://www.adclickstream.com/analytics.gif?s=2" >--> <script nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > // function init() { // imgDefer = document.getElementById('img-acsc'); // imgDefer.setAttribute('src',imgDefer.getAttribute('data-defer-img-src')); // /*var imgDefer = document.getElementsByTagName('img'); // for (var i=0; i<imgDefer.length; i++) { // if(imgDefer[i].getAttribute('data-defer-img-src')) { // imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-defer-img-src')); // } // }*/ // } // window.onload = init; </script> <div id="fb-root"></div> <script defer="defer" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" >(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=153227104759826"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!--revolution slider carousel Modal: triggered by event listeners --> <div class="modal fade" id="carousel-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <div id="ytcontainer" class="ratio ratio-16x9"> <iframe class="carousel_youtube_embed embed-responsive-item" frameborder="0" allowfullscreen="" ></iframe> </div> </div> <div class="modal-footer"> <div class="row"> <div class="col-lg-10 col-md-9 col-6"> <h4 class="modal-title" id="myLargeModalLabel"> </h4> </div> <div class="col-lg-2 col-md-3 col-6"> <button type="button" class="btn btn-sm btn-dark" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> <!-- end of revolution slider carousel Modal --><!-- /PAGE FOOTER --> </div> <!-- Jquery and Bootstap core js files --> <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery-3.7.0.min.js"></script> <script data-cookieconsent="ignore" type="text/javascript" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42"> jQuery.noConflict(); var $J = jQuery; var $j = jQuery; </script> <!-- <script src="/template/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> --> <script data-cookieconsent="ignore" src="/template/bootstrap-5.3.1/js/bootstrap.min.js" type="text/javascript"></script> <!-- SWFObject --> <!--<script src="/js/swfobject.2.2.js" type="text/javascript"></script>--> <!-- Modernizr javascript --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/modernizr-custom.js"></script> <!-- jQuery REVOLUTION Slider --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <!-- <script type="text/javascript" src="/template/plugins/rs-plugin/js/jquery.themepunch.revolution.js"></script> --> <!-- Isotope javascript --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/isotope/isotope.pkgd.min.js"></script> <!-- Owl carousel javascript --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/owl-carousel/owl.carousel.min.js"></script> <!-- Appear javascript --> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.appear.js"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.appear.min.js"></script> <!-- Parallax javascript --> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.parallax-1.1.3.js"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.parallax-1.1.3.js.min.js"></script> <!-- Contact form --> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.validate.js"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.validate.min.js"></script> <!-- SmoothScroll javascript --> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.browser.js"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/jquery.browser.min.js"></script> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/SmoothScroll.js?1"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/plugins/SmoothScroll.min.js?1"></script> <!-- Better text sizing for banners --> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery.bigtext.js"></script> --> <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery.bigtext.min.js"></script> <script data-cookieconsent="ignore" type="text/javascript" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > <!-- $J(document).ready(function(){ /*jQuery(".system h1").fitText(1, { minFontSize: '30px', maxFontSize: '60px' });*/ if( 'querySelectorAll' in document ) { $J('.bigtext').bigtext(); } }); //--> </script> <!-- Initialization of /template/plugins --> <script data-cookieconsent="ignore" type="text/javascript" src="/template/js/template.min.js?1"></script> <!-- Custom Scripts --> <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery.smooth-scroll.min.js"></script> <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery.tools.scrollable.overlay.1.2.7.min.js"></script> <!-- <script data-cookieconsent="ignore" type="text/javascript" src="/js/winpopup.js"></script> --> <!-- Simply Scroll Plugin for Client Logos --> <script data-cookieconsent="ignore" type="text/javascript" src="/js/jquery/jquery.simplyscroll.min.js"></script> <style type="text/css" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > .youtube { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; } .youtube .play { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center; background-size: 64px 64px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; } .youtube .play:hover { opacity: 1; filter: alpha(opacity=100); } </style> <script data-cookieconsent="ignore" type="text/javascript" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > <!-- $J(document).ready(function(){ // lazy load the background image for the parallax sections jQuery(".main-container.parallax").css("background"," transparent url('" + "/graphics/products/contact-strip-bg/432_Park.jpg" + "') no-repeat scroll 50% 0"); // lazy load youtube embed urls jQuery(".youtube-embed").each(function() { jQuery(this).attr("src",jQuery(this).data("src")); }); /*$J("footer").stickyfooter({visible:40});*/ /*FIXES Height of header*/ $J(".row-eq-height").each(function(){ var heights = $J('div[class*="col-"]', this).map(function() { return $J(this).height(); }).get(), maxHeight = Math.max.apply(null, heights); //alert(maxHeight); $J('div[class*="col-"]', this).height(maxHeight); }); /*FIXES Height of header*/ /*SCROLLER*/ if(typeof jQuery.simplyScroll == "function"){ jQuery("#scroller").simplyScroll({ pauseButton:true, pauseOnHover:true}); } /*SCROLLER*/ /* SHOWCASE / MODAL */ jQuery('#showcaseModal').on('show.bs.modal', function (evt) { var $button = jQuery(evt.relatedTarget); var title = $button.data('modal-title'); var type = $button.data('modal-type'); var url = $button.data('modal-url'); var ar = $button.data('modal-ar'); var embed = $button.data('modal-embed'); jQuery('.modal-title', this).html(title); if(type == "video_m4") { jQuery(".modal-body", this).html('<div id="ytcontainer" class="ratio ratio-16x9" ><video class="embed-responsive-item" preload="auto" autoplay muted loop><source src="" type="video/mp4" /></video></div><p class="text-right" style="font-size:10px;margin-top:2px;"><img style="display:inline;" src="/graphics/showcase/timelapse/Time-lapse_settings.png" /> Change Quality Settings up to 4K</p>'); jQuery('.embed-responsive-item', this).attr('src', url); /*callPlayer("yt1", function() { // This function runs once the player is ready ("onYouTubePlayerReady") console.log("ready"); //console.log(callPlayer("yt1", "getAvailableQualityLevels")); callPlayer("yt1", "setPlaybackQuality", "small"); callPlayer("yt1", "playVideo"); });*/ } if(type == "youtube" || type == "video") { jQuery(".modal-body", this).html('<div id="ytcontainer" class="ratio ratio-16x9" ><iframe class="embed-responsive-item" frameborder="0" allowfullscreen></iframe></div><p class="text-right" style="font-size:10px;margin-top:2px;"><img style="display:inline;" src="/graphics/showcase/timelapse/Time-lapse_settings.png" /> Change Quality Settings up to 4K</p>'); jQuery('.embed-responsive-item', this).attr('src', "https://www.youtube.com/embed/"+url+"?version=3&vq=hd720&autoplay=1&modestbranding=1&rel=0&enablejsapi=1"); /*callPlayer("yt1", function() { // This function runs once the player is ready ("onYouTubePlayerReady") console.log("ready"); //console.log(callPlayer("yt1", "getAvailableQualityLevels")); callPlayer("yt1", "setPlaybackQuality", "small"); callPlayer("yt1", "playVideo"); });*/ } /*if(type == "video"){ jQuery(".modal-body", this).html('<div class="ratio ratio-16x9" ><iframe class="embed-responsive-item" frameborder="0" allowfullscreen></iframe></div>'); jQuery('.embed-responsive-item', this).attr('src', url); }*/ if(type == "image"/* || type == "panoimage"*/){ var iframe_src; if ( typeof(embed) != "undefined" && embed != "" ) { iframe_src = 'https://share.earthcam.net/'+embed; } else { iframe_src = '/js/imageviewer/imageviewer.php?minZoom=100&maxZoom=100&type=jpeg&mode=static&rwd=true&src='+encodeURIComponent(url); } //jQuery(".modal-body", this).html('<img class="img-fluid" src="'+url+'" />'); jQuery(".modal-body", this).html( '<div class="iframeWrapper" style="position:relative;padding-bottom:'+(1/ar*100)+'%;height:0px;overflow: auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;">'+ '<iframe id="iframe" width="600" scrolling="no" height="400" frameborder="0" marginwidth="0" marginheight="0"'+ 'style="position:absolute;top:0;left:0;width:10px;min-width:100%;*width:100%;height:100%;"'+ // 'src="/js/imageviewer/imageviewer.php?minZoom=100&maxZoom=100&type=jpeg&mode=static&rwd=true&src='+encodeURIComponent("//www.earthcam.net/"+url)+'"></iframe>'+ 'src="'+iframe_src+'"></iframe>'+ '</div>' ); } // reset the embed var to fix a modal bug // embed = "undefined"; if(type == "pano"){ jQuery(".modal-body", this).html('<div class="ratio ratio-16x9" ><iframe class="embed-responsive-item" frameborder="0" allowfullscreen></iframe></div>'); jQuery('.embed-responsive-item', this).attr('src', url); } }); jQuery('#showcaseModal').on('hide.bs.modal', function (evt) { jQuery('.embed-responsive-item', this).attr("src", ""); //kill modal contents }); /* END SHOWCASE MODAL */ }); /* .............................................................................. */ /* Carousel Code And Modal Event Listeners */ jQuery(document).on('hide.bs.modal', '.solomodal, #showcaseModal, #carousel-modal, #ec25movie, #modalpagepopup', function (evt) { //console.log("src close"); jQuery('.embed-responsive-item', this).attr("src", ""); //kill modal contents }); let modalSrc; /* setTimeout(function(){ */ /* jQuery(".banner .slider-banner-container .slider-banner").revpause() */ /* },3000) */ jQuery("#carousel-modal").on("shown.bs.modal", function(e){ var button = jQuery(e.relatedTarget) var title = button.data("title") var youtube = button.data("youtube") var video = jQuery(".embed-responsive-item") var modalLabel = jQuery("#myLargeModalLabel") modalSrc = youtube; video.attr("src", youtube) modalLabel.text(title) jQuery(".banner .slider-banner-container .slider-banner").revpause() }) jQuery("#carousel-modal").on("hidden.bs.modal", function(evt){ jQuery(".carousel_youtube_embed").attr("src", "") // jQuery(".embed-responsive-item").attr("src", "") // jQuery(".embed-responsive-item").attr("src", modalSrc.slice(0, -12)) jQuery(".banner .slider-banner-container .slider-banner").revresume() }) /* .............................................................................. */ // vanderbilt movie embed jQuery(".productpagemovie").on( 'click', function(){ jQuery("#modalpagepopup").modal("toggle"); }); //--> </script> <!-- Google Analytics v3 - to be deprecated July 2023 --> <script type="text/javascript"> <!-- var pageTracker = null; var _gaq = _gaq || []; //var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js'; //_gaq.push(['_require', 'inpage_linkid', pluginUrl]); _gaq.push(['_setAccount', 'UA-274246-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var done = !1; ga.onload = ga.onreadystatechange = function () { !done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") && (done = !0, (pageTracker = _gat._getTracker("UA-274246-4")), ga.onload = ga.onreadystatechange = null) } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); jQuery(document).ready(function(){ jQuery('a,area').each(function(index){ if(typeof jQuery(this).data("tracking") != "undefined"){ jQuery(this).on( 'click', function(){ internalTracker(jQuery(this)); return false; }); } // tracking specific to the showcase section, so it doesn't return false when internalTracker is called if(typeof jQuery(this).data("trackingshowcase") != "undefined"){ /*jQuery(this).on( 'click', function(){ internalTrackerShowcase(jQuery(this)); //return false; });*/ } }); }); function internalTrackerShowcase(anchor){ /* var dataTracking = anchor.data("trackingshowcase"); try { if(pageTracker != null) { var category = "anchorClicks"; var action = dataTracking; pageTracker._trackEvent(category, action); } } catch(err){} */ } function internalTracker(anchor,openlink){ var external; if (openlink == false) { external = -1; } else if (typeof anchor.attr("target") != "undefined" && anchor.attr("target").toLowerCase() == "_blank") { external = 1; } else { external = 0; } gaRecordInternal(anchor.attr("href"), anchor.data("tracking"), external); return false; } function gaRecordInternal(uLink, dataTracking, external) { try { var category = "anchorClicks"; var character = (uLink.indexOf("?") == -1) ? "?" : "&"; var action = uLink+character+"pageLocation="+dataTracking; // GA4 event tracking gtag('event', 'anchorClicks', { 'ec_page_location' : action, }); //console.log(dataTracking); //console.log(uLink); //return false; if (external == -1) { // kluge! var _foo = "_bar"; } if(external == 1) { window.open(uLink, '_blank'); }else{ setTimeout('document.location = "' + uLink + '"', 100); } } catch(err){} return false; } //--> </script> <script type="text/javascript" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > <!-- function getViewport() { var viewPortWidth; var viewPortHeight; // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight if (typeof window.innerWidth != 'undefined') { //console.log("standards compliant"); viewPortWidth = window.innerWidth, viewPortHeight = window.innerHeight } // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { //console.log("ie6"); viewPortWidth = document.documentElement.clientWidth, viewPortHeight = document.documentElement.clientHeight } // older versions of IE else { //console.log("older ie"); viewPortWidth = document.getElementsByTagName('body')[0].clientWidth, viewPortHeight = document.getElementsByTagName('body')[0].clientHeight } return [viewPortWidth, viewPortHeight]; } /*$J(document).ready(function(){ var size = getViewport(); var height; height = Math.max(size[1], 850); console.log(height); $J("#bigBanner").animate({height:(height)+"px"}, 4000); //to account for blue bar });*/ //--> </script> <script data-cookieconsent="ignore" type="text/javascript" nonce="4a280418fb64b8d9a9f0079ae9df304b81f981840791c86cfdb6c33ba5bdde42" > jQuery(document).ready(function(){ }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10