1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> 2<html> 3<head><meta charset="UTF-8"> 4 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <meta name="keywords" content="API Marketplace, Best APIs, APILayer, API, AI APIs, Content APIs, Finance APIs, Stock APIs, Web Tools APIs, Calendar APIs, Currency APIs, Data APIs, Files APIs, Finance APIs, Food APIs, Geo APIs, Images APIs, Jobs APIs, News APIs, Scraping APIs, Security APIs, Social Media APIs, Sports APIs"> 8 <link rel="shortcut icon" href="/wp-content/themes/hello-theme-child/assets/favicon.ico"> 9 10 <link rel="alternate" hreflang="en" href="https://apilayer.com/"> 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!-- OpenGraph & Twitter --> 25 <meta name="twitter:card" content="summary"> 26 <meta name="twitter:site" content="@apilayer"> 27 <meta name="twitter:creator" content="@apilayer"> 28 29 30 <!-- Fonts --> 31 <link rel="preload" href="/wp-content/themes/hello-theme-child/assets/fonts/open-sans-v34-latin-regular.woff2" as="font" type="font/woff2" crossorigin> 32 <link rel="preload" href="/wp-content/themes/hello-theme-child/assets/fonts/open-sans-v34-latin-600.woff2" as="font" type="font/woff2" crossorigin> 33 <link href="https://fonts.cdnfonts.com/css/open-sauce-one" rel="stylesheet"> 34 <link href="https://fonts.cdnfonts.com/css/open-sans" rel="stylesheet"> 35 36 <!-- Add more font preload links if needed --> 37 38 <!-- Stylesheets --> 39 <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/theme.css?ver=1781247138"> 40 <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/vendors.css"> 41 <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/footerr.css?ver=1781781531"> 42 <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/css/custom.css"> 43 <link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/vendor/font-awesome/css/all.min.css"> 44 45 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 46 47 <!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ --> 48 <title>APILayer: 40+ Production-Ready APIs, One Account, One Key</title> 49 <meta name="description" content="APILayer is a unified API marketplace with 40+ production-ready APIs for finance, geolocation, weather, data, and AI. Trusted by 2.2M+ developers."> 50 <link rel="canonical" href="/"> 51 <meta property="og:locale" content="en_US"> 52 <meta property="og:type" content="website"> 53 <meta property="og:title" content="APILayer â Powerful APIs for Developers & Businesses"> 54 <meta property="og:description" content="Reliable and scalable APIs to help developers and businesses build faster, smarter applications."> 55 <meta property="og:url" content="/"> 56 <meta property="og:site_name" content="APILayer"> 57 <meta property="article:modified_time" content="2026-06-23T09:30:13+00:00"> 58 <meta property="og:image" content="/wp-content/uploads/2026/03/logo.png"> 59 <meta property="og:image:width" content="1200"> 60 <meta property="og:image:height" content="630"> 61 <meta property="og:image:type" content="image/png"> 62 <meta name="twitter:card" content="summary_large_image"> 63 <meta name="twitter:title" content="APILayer â Powerful APIs for Developers & Businesses"> 64 <meta name="twitter:description" content="Discover, integrate, and build powerful APIs with APILayer. Access reliable, low-latency APIs for finance, travel, and data. Sign up free and start building today!"> 65
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"\/","url":"\/","name":"APILayer: 40+ Production-Ready APIs, One Account, One Key","isPartOf":{"@id":"\/#website"},"datePublished":"2025-07-01T17:55:04+00:00","dateModified":"2026-06-23T09:30:13+00:00","description":"APILayer is a unified API marketplace with 40+ production-ready APIs for finance, geolocation, weather, data, and AI. Trusted by 2.2M+ developers.","breadcrumb":{"@id":"\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["\/"]}]},{"@type":"BreadcrumbList","@id":"\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"\/#website","url":"\/","name":"APILayer","description":"APILayer APIs are feature-rich and easy to integrate, offering low latency for an enhanced developer experience.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
65 66 <!-- / Yoast SEO plugin. --> 67 68 69<link rel="dns-prefetch" href="//cdn.jsdelivr.net"> 70<style id="wp-img-auto-sizes-contain-inline-css"> 71img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 72/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 73</style> 74<style id="global-styles-inline-css"> 75:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
75--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
75.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 76:root :where(.wp-block-icon svg){width: 24px;} 77:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 78/*# sourceURL=global-styles-inline-css */ 79</style> 80<link rel="stylesheet" id="hello-elementor-header-footer-css" href="/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.5.1" media="all"> 81<link rel="stylesheet" id="elementor-frontend-css" href="/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.4" media="all"> 82<style id="elementor-frontend-inline-css"> 83.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.parent-blue-gradient{ 84 position: relative; 85 overflow: hidden; /* optional */ 86} 87 88.parent-blue-gradient::before { 89 content: ""; 90 position: absolute; 91 inset: 0; 92 background: #2480fc; 93 opacity: 0.4; 94filter: blur(244.35000610351562px); 95height: 10%; 96 border-radius: inherit; 97 z-index: 0; 98 top: 20%; 99 100} 101 102.parent-blue-gradient > * { 103 position: relative; 104 z-index: 1; 105}/* End custom CSS */ 106/*# sourceURL=elementor-frontend-inline-css */ 107</style>
108<script id="jquery-core-js" src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 108
108
109<script id="jquery-migrate-js" src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
109 110<!-- Google Tag Manager -->
111<script>
vendor: 331 bytes, lines 111-115
111(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 112new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 113j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 114'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 115})(window,document,'script','dataLayer','
115GTM-NFD4MJP
vendor: 3 bytes, line 115
115');
115</script>
115 116<!-- End Google Tag Manager --> 117<link rel="icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png" sizes="32x32"> 118<link rel="icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png" sizes="192x192"> 119<link rel="apple-touch-icon" href="/wp-content/uploads/2025/04/mailboxlayer-symbol.png"> 120<meta name="msapplication-TileImage" content="/wp-content/uploads/2025/04/mailboxlayer-symbol.png"> 121<style id="wp-custom-css"> 122.navbarv2 { 123 background-color: white !important; 124 padding-left: 5px !important; 125 padding-right: 5px !important; 126 position: absolute !important; 127 margin-left: 0px !important; 128 margin-right: 0px !important; 129 padding-top: 0.5rem; 130 padding-bottom: 0.5rem; 131} 132 133.navbar { 134 background-color: var(--bg-color); 135 color: var(--text-color); 136 display: flex; 137 justify-content: space-between; 138 align-items: center; 139 padding: 10px 20px; 140 position: absolute; 141 left: 50%; 142 right: 50%; 143 transform: translateX(-50%); 144 max-width: 70rem !important; 145 width: calc(100% - 40px) !important; 146 border-radius: 10px !important; 147 box-sizing: border-box; 148 z-index: 10; 149 top:20px !important; 150 height: 57.03px !important; 151} 152 153/* revamp */ 154/* social media icons start */ 155.social-icons { 156 display: flex; 157 gap: 5px; 158/* padding: 24px; */ 159/* background: linear-gradient(90deg, #020b1a, #06162d); 160 border-radius: 12px; */ 161} 162 163.social-icons .icon-box { 164 opacity: 0.8; 165 width: 38px; 166 height: 38px; 167 display: flex; 168 align-items: center; 169 justify-content: center; 170background:none; 171/* border: 1px solid rgba(255, 255, 255, 0.3); */ 172 border: 1px solid #FFF; 173 border-radius: 5px; 174 175 color: rgba(255, 255, 255, 0.4); 176 text-decoration: none; 177 178 transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease; 179} 180 181.social-icons .icon-box .icon { 182 width: 24px; 183 height: 24px; 184 fill: #FFF; 185/* fill:currentColor; */ 186 margin:0; 187} 188 189.social-icons .icon-box:hover { 190/* border-color: #ffffff; 191 color: #ffffff; 192 opacity:1; */ 193} 194 195.social-icons .icon-box.active { 196 border-color: #ffffff; 197 color: #ffffff; 198 background: rgba(255, 255, 255, 0.05); 199} 200/* social media icons end */ 201.hero-subtitle{ 202 font-weight:normal; 203} 204 205.products-heading h2 { 206 color: #27344A; 207 font-size: 48px; 208 line-height: 52.8px; 209} 210 211h3.products-subheading { 212 font-size: 16px!important; 213 line-height: 19.2px!important; 214 font-weight:normal; 215 color: rgba(39, 52, 74, 0.7); 216/* max-width: 25%; 217 min-width: 20%; */ 218} 219.use-case-title a{ 220 color: #212630; 221} 222 223.affiliate-section h3 { 224 font-size: 14px!important; 225 line-height: 16.8px!important; 226 opacity: 80%!important; 227 font-weight:normal; 228} 229 230.devtools-heading h2{ 231 color: #27344A; 232 font-size: 48px; 233 line-height: 52.8px; 234} 235 236.devtools-heading { 237 max-width: 100%!important; 238 text-align: left; 239} 240 241h3.devtools-subheading { 242 font-size: 16px!important; 243 line-height: 19.2px!important; 244 color: rgba(39, 52, 74, 0.7)!important; 245/* max-width: 60%!important; */ 246 font-weight:normal!important; 247} 248 249.sdk-container { 250 gap: .75rem!important; 251} 252.grid-col-2{ 253 display: grid; 254 gap: 20px; 255 grid-template-columns: repeat(2, 1fr); 256} 257 258.insights-header h2 { 259 font-size: 48px; 260 line-height: 52.8px; 261 font-weight:normal; 262} 263 264.insights-header h3 { 265 font-size: 16px!important; 266 margin-top: 25px!important; 267 max-width: 35%!important; 268 text-align: left!important; 269 line-height: 19.2px!important; 270 font-weight:normal!important; 271} 272 273h3.faq-description { 274/* max-width: 28%; */ 275 text-align: center; 276 font-size: 16px; 277 line-height: 19.2px; 278 color: #27344A; 279 opacity: 80%; 280 font-weight:normal; 281} 282 283h1.faq-title { 284 font-size: 60px; 285 line-height: 60px; 286 color: #27344A; 287 font-weight: 500; 288 font-weight:normal; 289} 290 291.Monetize-btn { 292 word-wrap: break-word; 293 white-space: nowrap; 294 padding: 10px!important; 295} 296 297a.why-join { 298 width: max-content!important; 299} 300 301.survey-banner{ 302 background-color: #3583fc; 303 border-radius: 15px; 304} 305 306.survey-banner h1.help-us{ 307 letter-spacing: -1px; 308 line-height: 46px; 309} 310.survey-banner h1.help-us span{ 311 color:#FFF; 312} 313.survey-banner a.thought-link{ 314 background-color: #253449!important; 315 color: #FFF!important; 316 padding: 10px; 317 border-radius: 15px; 318} 319 320@media (min-width: 992px) { 321 [class*=navbar-expand]:not(.navbar-expand-xl){ 322 max-width: 70rem !important; 323 } 324} 325@media(max-width:768px){ 326 .topmost-left-box{ 327 order:2 328 } 329 .topmost-right-box{ 330 order:1 331 } 332 .grid-col-2{ 333 grid-template-columns: 1fr; 334} 335 336 .second-part { 337 overflow: hidden!important; 338 } 339 .products-heading { 340 padding: 10px; 341 } 342 343 .products-list { 344 padding: 10px 0px!important; 345 } 346 347 .hero-section-setup { 348 margin-left: 10px!important; 349 margin-right: 10px!important; 350 } 351 352 .sdk-section .tab-pane.active{ 353 flex-direction: column!important; 354 gap: 20px!important; 355/* align-items: center!important; */ 356 } 357 358 .pg-snippet { 359 min-height: auto!important; 360 } 361 362 .hero-height{ 363 height:1500px!important; 364 } 365} 366 367#faq_accordion .e-n-accordion-item-title-icon .e-opened svg, #faq_accordion .e-n-accordion-item-title-icon .e-closed svg { 368 369 height: 28px; 370 width: 28px; 371} 372 373.heading-2{ 374 font-size:60px!important; 375} 376 377.e-n-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title { 378 border-bottom:0!important; 379} 380 381 382</style> 383</head> 384<body> 385 386 <!-- ========== HEADER ========== --> 387 <header id="header" class="header header-sticky-top left-aligned-navbar bg-white border-bottom z-index-999 mb-3"> 388 <div id="cta-bar"></div> 389 <div class="header-section py-0 py-lg-0"> 390 <div id="logoAndNav" style="position: absolute !important; max-width: 100%;" class="container"> 391 <!-- Nav --> 392 <nav class="js-mega-menu navbar navbarv2 navbar-expand-lg"> 393 <div class="navbar-nav-wrap p-2" style="background: white; border-radius: 10px;"> 394 <!-- Logo --> 395 <a class="navbar-brand navbar-nav-wrap-brand mr-lg-0" href="/" aria-label="APILayer"> 396 <img src="https://assets.apilayer.com/logo/logo.png" alt="APILayer | Hassle Free API Marketplace"> 397 </a> 398 <!-- End Logo --> 399 <!-- Responsive Toggle Button --> 400 <button type="button" class="navbar-toggler navbar-nav-wrap-navbar-toggler btn btn-icon btn-sm rounded-circle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
401 <span class="navbar-toggler-default"> 402 <img width="14px" height="14px" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/mobilemenu.svg" alt="Menu" class="menu-icon"> 403 </span> 404 <span class="navbar-toggler-toggled"> 405 <svg width="20" height="20" viewbox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> 406 <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"></path> 407 </svg> 408 </span> 409 </button> 410 <!-- End Responsive Toggle Button --> 411 412 <!-- navBar --> 413 <div id="navBar" class="navbar-nav-wrap-navbar collapse navbar-collapse mx-lg-3" style="font-size:14px; background: white;"> 414 <div style="width: 0px;border-right: 1px solid #E4EBEF;height: 25px;"></div> 415 <ul class="navbar-nav justify-content-end" style="gap: 18px; color: #27344A !important;"> 416 417 <li class="nav-item"><a class="nav-item text-dark" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="/products/?utm_source=APILayerHomePage&utm_medium=internal&utm_campaign=main_nav&utm_content=products_menu">Products</a></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Business</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="/industries/" target="">Industries</a><a class="dropdown-item" href="/enterprise/" target="">Enterprise</a></div></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="https://blog.apilayer.com/" target="_blank">Blogs</a><a class="dropdown-item" href="/faqs/" target="">FAQs</a></div></li><li class="nav-item dropdown"><a class="btn dropdown-toggle p-0" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Community</a><div class="dropdown-menu" style="border-radius: 6px !important; border: 1px solid #E4EBEF;margin-top:10px"><a class="dropdown-item" href="/developers/" target="">Developers</a><a class="dropdown-item" href="/developers/suite/" target="">Use Cases</a><a class="dropdown-item" href="https://github.com/public-apis/public-apis" target="_blank">Github</a><a class="dropdown-item" href="https://discord.com/invite/hgjA78638n" target="_blank">Discord</a></div></li><li class="nav-item"><a class="nav-item text-dark" style="font-size: 0.9rem !important; color: #27344a !important; font-weight: 500 !important;" href="https://docs.apilayer.com/apilayer/docs/api-layer-hub?utm_source=apilayer_footer&utm_medium=internal&utm_campaign=header_navigation&utm_content=documentation">Documentation</a></li> 418 419 420 421 <li class="nav-item"> 422 <a href="https://github.com/public-apis/public-apis" class="nav-item text-dark" style="display: flex; align-items: center; gap: 3px; margin-right: 12px;" target="_blank" rel="noreferrer noopener nofollow"> 423 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/github.svg" alt="Repo" style="width: 20px; height: 20px"> 424<!-- <span>Repo</span> --> 425 <div style="display: flex; justify-content: center; align-items: center; gap: 8px;border-radius: 100px; padding-top: 4px;padding-right: 8px;padding-bottom: 4px;padding-left: 8px; border: 0.8px solid #525D6E"> 426 <p style="font-weight: 400; font-style: Regular; font-size: 11px;
426 leading-trim: NONE; line-height: 100%;letter-spacing: 0%;color: #27344A; margin-bottom: 0rem !important;"> 427 471K+ 428 </p> 429 </div> 430 </a> 431 </li> 432 <div style="gap: 5px; display:flex; flex-direction: row;"> 433 434<!-- <a id="signInButton" type="button" class="btn btn-sm btn-success js-hs-unfold-invoker mt-3" 435 data-hs-unfold-options='{ 436 "target": "#sidebarContent", 437 "type": "css-animation", 438 "animationIn": "fadeInRight", 439 "animationOut": "fadeOutRight", 440 "hasOverlay": "rgba(55, 125, 255, 0.1)", 441 "smartPositionOff": true 442 }' data-hs-unfold-target="#sidebarContent" data-hs-unfold-invoker="" 443 style="padding:6px; margin-top:0px !important; width: 90px; background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; color: #27344A !important" 444 onmouseover="this.style.backgroundColor='white !important'; this.style.color='#27344A !important'; this.style.borderColor='#BAD1DF !important';" 445 onmouseout="this.style.backgroundColor='#0052CC !important'; this.style.color='white !important'; this.style.borderColor='#2480FC !important';"> 446 Login 447 </a> --> 448 <a target="_blank" href="https://app.apilayer.com/login?utm_source=apilayer_website&utm_medium=internal&utm_campaign=login_cta&utm_content=login" class="btn btn-sm btn-success mt-3" style="padding:6px; margin-top:0px !important; width: 90px; background-color: #f0f0f0 !important; border: 1px solid #f0f0f0 !important; color: #27344A !important" onmouseover="this.style.backgroundColor='white'; this.style.color='#27344A'; this.style.borderColor='#BAD1DF';" onmouseout="this.style.backgroundColor='#f0f0f0'; this.style.color='#27344A'; this.style.borderColor='#f0f0f0';"> 449 Login 450</a> 451 452 <a id="signUpButton" type="button" class="text-primary px-2 mt-3 font-weight-bold" target="_blank" href="https://app.apilayer.com/signup?utm_source=apilayer_website&utm_medium=internal&utm_campaign=signup_cta&utm_content=start" style="display: flex; padding:6px; gap: 10px; width: 130px; font-size:14px; margin-top: 0px !important; background-color: #0052CC; color: white !important; border-radius: 4px; border: 1px solid #2480FC !important; justify-content: center; align-content: center; align-items: center;"> 453 Start for Free 454 <svg class="arrow-icon" width="6" height="8" style="margin-bottom: 0px;" viewbox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 455 <path d="M1.5 1L4.5 4L1.5 7" stroke="#37C625" stroke-width="2" stroke-linecap="round"></path> 456 </svg> 457 </a> 458 459 </div> 460 </ul> 461 462 463 464 465 </div> 466 <!-- End navBar --> 467 </div> 468 </nav> 469 <!-- End Nav --> 470 </div> 471 </div> 472 </header> 473 <!-- ========== END HEADER ========== --> 474 475 <div id="content" class="site-content"> 476<!-- CSS New Revamp Page --> 477<link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/apilayer/css/homepage.css?ver=1787755680"> 478<link rel="stylesheet" href="/wp-content/themes/hello-theme-child/assets/apilayer/css/main.css?ver=1786653123"> 479 480<section class="main-section"> 481 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/grouped_circles.svg" alt="Circle 4" class="background-circles"> 482 <!-- 483 <img src="/assets/apilayer/images/blur1.webp" class="background-blur-1" loading="lazy" alt="Decorative background blur graphic element used on the APILayer homepage"/> 484 <img src="/assets/apilayer/images/blur2.webp" class="background-blur-2" loading="lazy" alt="Decorative background blur overlay graphic used on the APILayer website hero section"/> 485 --> 486 487 <section> 488 <div class="content"> 489 <h1 class="fade-in-animation banner-text" data-delay="0"> 490 One account. One API key.<br>
491 <span class="banner-text-accent">Every API you need.</span> 492 </h1> 493 <p>APILayer is the unified hub for all high-productivity APIs in one place.<br>Sign up for free and start building in minutes.</p> 494 <div class="hero-btn-align"> 495 <a href="https://app.apilayer.com/signup?utm_source=apilayer_website&utm_medium=internal&utm_campaign=signup_cta&utm_content=start" target="_blank" class="cta-button start-free-btn font-weight-medium fade-in-animation" data-delay="0.4"> 496 Start for Free 497 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow"> 498 </a> 499 <a class="explore-btn fade-in-animation" data-delay="0.4" href="/products/?utm_source=apilayer_website&utm_medium=internal&utm_campaign=product_discovery&utm_content=explore_apis">Explore APIs <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a> 500 </div> 501 <p class="hero-text">No card needed!</p> 502 503 504 </div> 505 506 <div class="floating-icons"> 507 <div class="icon-wrapper icon-1"> 508 <a class="cta" href="/products/aviationstack/?utm_source=APILayerHomepage&utm_medium=Referral" rel="noreferrer noopener"> 509 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="aviationstack" class="icon pop-animation" data-delay="0.1"> 510 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 511 <g clip-path="url(#clip0_265_2690)"> 512 <path d="M32.7941 14.134H28.5081L32.1879 20.745L28.5081 26.991H33.1123L36.756 20.745L32.7941 14.134ZM12.3305 7L18.3754 20.9457L12.3305 34.125H20.8905L26.8513 20.9457L20.2182 7H12.3305ZM10.4276 14.207L7 15.843L9.21504 20.6233L7.01201 25.2394L10.4216 26.9119L13.417 20.6476L10.4336 14.207H10.4276Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 513 </g> 514 <defs> 515 <clippath id="clip0_265_2690"> 516 <rect width="29.75" height="27.125" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7 7)"></rect> 517 </clippath> 518 </defs> 519 </svg> </a> 520 <span class="tooltip">Aviationstack 521 <p class="font-weight-light" style="font-size:10px; color: #27344A;">GEO</p> 522 </span> 523 </div> 524 <div class="icon-wrapper icon-2"> 525 <a class="cta" href="https://coinlayer.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 526 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="coinlayer" class="icon pop-animation" data-delay="0.8"> 527 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 528 <path d="M15.0952 23.999V30.6663L21.0026 34L26.91 30.6663V23.999L21.0026 20.6653L15.0952 23.999ZM28.0926 9L22.1851 12.3337V19.001L28.0926 22.3347L34 19.001V12.3337L28.0926 9ZM19.8149 12.3337L13.9074 9L8 12.3337V19.001L13.9074 22.3347L19.8149 19.001V12.3337Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 529 </svg> </a> 530 <span class="tooltip">Coinlayer 531 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Finance</p> 532 </span> 533 </div> 534 <div class="icon-wrapper icon-4"> 535 <a class="cta" href="https://pdflayer.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 536 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="pdflayer" class="icon pop-animation" data-delay="0.2"> 537 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 538 <path d="M20.3318 16.3432C20.3318 16.3432 22.6023 7.875 19.3888 7.875C16.1753 7.875 18.6092 16.8096 18.6092 16.8096C18.6092 16.8096 17.7452 20.3492 13.7573 26.6667C13.7573 26.6667 6.24507 30.056 8.19952 32.5955C10.154 35.1349 14.2262 29.6673 15.559 26.7444L25.1099 24.5108C25.1099 24.5108 32.9382 28.7449 34.034 25.2052C35.1297 21.6604 25.9686 23.2048 25.9686 23.2048C25.9686 23.2048 22.1335 21.4324 20.3318 16.3535V16.3432Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 539 </svg></a>
540 <span class="tooltip">Pdflayer 541 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Files</p> 542 </span> 543 </div> 544 <div class="icon-wrapper icon-5"> 545 <a class="cta" href="https://weatherstack.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 546 <img class="icon pop-animation" data-delay="0.8" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer-icon-weatherstack.svg" alt="Weatherstack icon"> </a> 547 <span class="tooltip">Weatherstack 548 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Weather Data</p> 549 </span> 550 </div> 551 <div class="icon-wrapper icon-6"> 552 <a class="cta" href="/products/ipstack/?utm_source=APILayerHomepage&utm_medium=Referral" rel="noreferrer noopener"><svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="ipstack" class="icon pop-animation" data-delay="0.2"> 553 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 554 <path d="M15.7022 8.04888C15.7022 8.04888 15.736 8.03766 15.7528 8.03205C15.736 8.03766 15.7191 8.04888 15.7022 8.05449V8.04888ZM26.8595 9.73157C26.8595 9.23798 27.1685 8.81731 27.6067 8.64904C28.1517 8.94071 28.6798 9.27163 29.1854 9.63622C29.1854 9.66987 29.1966 9.70353 29.1966 9.73718C29.1966 10.3822 28.6742 10.9038 28.0281 10.9038C27.382 10.9038 26.8595 10.3822 26.8595 9.73718V9.73157ZM16.7753 11.6274L17.3539 7.48798C18.5225 7.17388 19.7528 7 21.0169 7C22.9213 7 24.7303 7.38702 26.382 8.07131C25.9551 8.49199 25.691 9.07532 25.691 9.72596C25.691 9.75962 25.691 9.78766 25.691 9.82131L17.5281 12.3678C17.3371 12.0649 17.073 11.8125 16.7697 11.6218L16.7753 11.6274ZM14.3989 13.6186C14.3989 12.9736 14.9213 12.4519 15.5674 12.4519C16.2135 12.4519 16.736 12.9736 16.736 13.6186C16.736 14.2636 16.2135 14.7853 15.5674 14.7853C14.9213 14.7853 14.3989 14.2636 14.3989 13.6186ZM15.7022 8.05449L15.2472 11.3077C14.1067 11.4647 13.2303 12.4351 13.2303 13.613C13.2303 13.6859 13.2303 13.7644 13.2416 13.8373L8.00562 15.7893C9.41573 12.2837 12.2079 9.48478 15.7022 8.05449ZM7 20.9888C7 19.8446 7.14045 18.734 7.39888 17.6739L13.9157 15.2508C14.3427 15.6827 14.927 15.9519 15.5843 15.9519C15.6067 15.9519 15.6348 15.9519 15.6573 15.9519L17.264 20.3662C16.8933 20.6579 16.6067 21.0617 16.4663 21.5216L7 20.9944V20.9888ZM30.2303 21.8638L29.1404 11.7788C29.6573 11.4984 30.0562 11.0329 30.2472 10.472C32.9607 12.8446 34.7472 16.2492 35 20.0745L31.2079 22.4191C30.9382 22.1611 30.6067 21.9704 30.236 21.8638H30.2303ZM21.0112 21.9199C20.8876 20.7644 19.9157 19.8614 18.7303 19.8389L17.1011 15.3574C17.5169 14.9872 17.8034 14.4768 17.8708 13.8934L26.2921 11.2628C26.6292 11.6386 27.0843 11.9079 27.5955 12.0032L28.6742 21.9367C28.1573 22.1554 27.736 22.5593 27.4944 23.0641L21.0112 21.9087V21.9199ZM17.5169 22.1723C17.5169 21.5272 18.0393 21.0056 18.6854 21.0056C19.3315 21.0056 19.8539 21.5272 19.8539 22.1723C19.8539 22.8173 19.3315 23.3389 18.6854 23.3389C18.0393 23.3389 17.5169 22.8173 17.5169 22.1723ZM28.4213 24.1186C28.4213 23.4736 28.9438 22.9519 29.5899 22.9519C30.236 22.9519 30.7584 23.4736 30.7584 24.1186C30.7584 24.7636 30.236 25.2853 29.5899 25.2853C28.9438 25.2853 28.4213 24.7636 28.4213 24.1186ZM7.08989 22.5537L16.5393 23.0809C16.6461 23.3389 16.7921 23.5689 16.9775 23.7708L13.5618 29.2284C13.3427 29.1611 13.1124 29.1274 12.8764 29.1274C11.9213 29.1274 11.1011 29.6995 10.7416 30.5128C8.75281 28.3702 7.42697 25.6106 7.08989 22.5537ZM11.6798 31.4383C11.7135 30.8213 12.2247 30.3389 12.8427 30.3389C13.4607 30.3389 14.0112 30.8606 14.0112 31.5056C14.0112 32.016 13.6742 32.4647 13.1854 32.6162C12.6573 32.2628 12.1517 31.8702 11.6798 31.4439V31.4383ZM29.9494 26.4183C31.0674 26.2444 31.927 25.2796 31.927 24.1186C31.927 24.0176 31.9213 23.9167 31.9045 23.8213L34.9944 21.9087C34.691 26.6258 32.0618 30.7035 28.2303 33.0032L29.9494 26.4183ZM20.1461 23.9896C20.3427 23.8325 20.5112 23.6474 20.6461 23.4343L27.3202 24.6234C27.4663 25.2628 27.8708 25.7957 28.4213 26.1154L26.3764 33.9343C25.4719 34.3045 24.5225 34.5905 23.5337 34.77L20.1461 23.9896ZM14.3258 33.2893C14.8427 32.863 15.1798 32.2236 15.1798 31.5C15.1798 31.0232 15.0337 30.5745 14.7865 30.2043L18.3708 24.4776C18.4719 24.4944 18.573 24.5 18.6798 24.5056L21.9663 34.9663C21.6573 34.9888 21.3427 35 21.0281 35H21.0056C18.6685 35 16.3764 34.4054 14.3315 33.2893H14.3258Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 555 </svg> 556 </a>
557 <span class="tooltip">IPstack 558 <p class="font-weight-light" style="font-size:10px; color: #27344A;">GEO</p> 559 </span> 560 </div> 561 <div class="icon-wrapper icon-7"> 562 <a class="cta" href="https://coinlayer.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 563 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="coinlayer" class="icon pop-animation" data-delay="0.8"> 564 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 565 <path d="M15.0952 23.999V30.6663L21.0026 34L26.91 30.6663V23.999L21.0026 20.6653L15.0952 23.999ZM28.0926 9L22.1851 12.3337V19.001L28.0926 22.3347L34 19.001V12.3337L28.0926 9ZM19.8149 12.3337L13.9074 9L8 12.3337V19.001L13.9074 22.3347L19.8149 19.001V12.3337Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 566 </svg> </a> 567 <span class="tooltip">Coinlayer 568 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Finance</p> 569 </span> 570 </div> 571 <div class="icon-wrapper icon-8"> 572 <a class="cta" href="/products/serpstack/?utm_source=APILayerHomepage&utm_medium=Referral" rel="noreferrer noopener"> 573 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="serpstack" class="icon pop-animation" data-delay="0.5"> 574 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 575 <path d="M28.4872 20.8626L24.6072 16.8873L21.0175 20.5599L24.9376 24.5814C25.3331 24.9661 25.5484 25.4841 25.5484 26.0381C25.5484 27.146 24.6673 28.0488 23.5859 28.0488H11.8606V33.25H23.5909C27.4709 33.25 30.625 30.0185 30.625 26.0432C30.625 24.0787 29.829 22.1757 28.4822 20.8677L28.4872 20.8626ZM17.3928 24.2377L20.9825 20.5599L17.0574 16.5436C16.6669 16.1589 16.4466 15.6409 16.4466 15.0869C16.4466 13.979 17.3277 13.0762 18.4091 13.0762H30.1394V7.875H18.4091C14.5341 7.875 11.375 11.1116 11.375 15.0869C11.375 17.0514 12.171 18.9544 13.5178 20.2624L17.3978 24.2377H17.3928Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 576 </svg> </a> 577 <span class="tooltip">Serpstack 578 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Dev Tools</p> 579 </span> 580 </div> 581 <div class="icon-wrapper icon-9"> 582 <a class="cta" href="/products/mediastack/?utm_source=APILayerHomepage&utm_medium=Referral" rel="noreferrer noopener"><svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon pop-animation" alt="mediastack" data-delay="1"> 583 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 584 <g clip-path="url(#clip0_265_2697)"> 585 <path d="M31.6674 13.3676C31.5879 13.2564 31.4502 13.2034 31.3125 13.2352C31.1801 13.2669 31.0742 13.3782 31.053 13.5106C30.3273 17.9333 27.9703 26.4078 20.2903 33.5106C20.1896 33.6059 20.1525 33.7489 20.2002 33.8814C20.2479 34.0085 20.3697 34.0985 20.5074 34.1038L20.6981 34.1144C20.7987 34.1197 20.8994 34.1303 21 34.1303C28.2352 34.1303 34.125 28.2405 34.125 21.0053C34.125 18.2564 33.2722 15.6186 31.6621 13.3729L31.6674 13.3676ZM28.982 10.9523C29.0561 10.804 29.0191 10.6239 28.8814 10.5233C26.5879 8.79131 23.8602 7.875 21 7.875C13.7648 7.875 7.875 13.7648 7.875 21C7.875 22.3347 8.07627 23.6536 8.47352 24.9248C8.52119 25.0678 8.6536 25.1631 8.79661 25.1631C8.82309 25.1631 8.84958 25.1631 8.87606 25.1525C14.3369 23.8496 24.2044 20.2638 28.982 10.947V10.9523ZM27.8962 16.7998C27.7532 16.7203 27.5784 16.7521 27.4725 16.8792C22.2553 22.9862 15.0095 25.7828 9.85064 27.054C9.7447 27.0805 9.65996 27.1547 9.61758 27.25C9.57521 27.3453 9.58051 27.4619 9.63347 27.5519C11.2648 30.3697 13.8549 32.4778 16.9322 33.4788C16.9693 33.4894 17.0011 33.4947 17.0381 33.4947C17.1176 33.4947 17.1917 33.4682 17.2553 33.4153C23.7119 28.1239 26.6886 21.6727 28.0498 17.197C28.0975 17.0434 28.0286 16.8792 27.8856 16.7998H27.8962Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 586 </g> 587 <defs> 588 <clippath id="clip0_265_2697"> 589 <rect width="26.25" height="26.25" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7.875 7.875)"></rect> 590 </clippath> 591 </defs> 592 </svg> 593 </a>
594 <span class="tooltip">Mediastack 595 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p> 596 </span> 597 </div> 598 <div class="icon-wrapper icon-10"> 599 <a class="cta" href="https://numverify.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 600 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="numverify" class="icon pop-animation" data-delay="1.2"> 601 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 602 <path d="M20.8404 15.281L21.2257 13.2133C24.6138 13.8853 27.4616 16.39 28.6598 19.7406L26.752 20.469C25.798 17.8045 23.533 15.8167 20.8451 15.281H20.8404ZM21.0331 9.96147L21.2962 7.875C27.7623 8.74436 32.9173 13.782 34.125 20.4126L32.1231 20.8026C31.0799 15.0695 26.6251 10.718 21.0331 9.96617V9.96147ZM14.9711 28.3684C8.59901 22.6588 7.85654 17.5414 7.87534 15.3656C7.88004 14.6983 8.13849 14.0592 8.57082 13.5611L10.6949 11.1128C11.3668 10.3374 12.5275 10.2904 13.2559 11.0094L16.2305 13.9511C16.9213 14.6325 16.9683 15.7556 16.3386 16.4981L14.8207 18.2885C14.4871 18.6833 14.4213 19.2472 14.6563 19.7124C15.4645 21.3055 17.6731 24.9051 21.8554 26.8036C22.2643 26.9915 22.7436 26.907 23.0913 26.6156L25.1026 24.9333C25.798 24.3506 26.8084 24.3929 27.4522 25.0367L30.5019 28.0489C31.2538 28.7914 31.235 30.032 30.4643 30.7509L27.626 33.3966C27.1796 33.8102 26.6204 34.0686 26.0236 34.1109C25.9155 34.1203 25.798 34.125 25.6759 34.125C23.8902 34.125 20.4128 33.2556 14.9617 28.3731L14.9711 28.3684Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 603 </svg></a> 604 <span class="tooltip">Numverify 605 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p> 606 </span> 607 </div> 608 <div class="icon-wrapper icon-11"> 609 <a class="cta" href="https://screenshotlayer.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 610 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="screenshotlayer" class="icon pop-animation" data-delay="0.2"> 611 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 612 <path d="M19.1639 21.8299C18.2148 21.808 16.0002 21.7806 13.0172 21.8957C10.5597 21.9889 8.62188 22.1368 7.48632 22.241C7.03436 22.2793 6.83663 22.8109 7.15865 23.1233L18.3391 33.9688C18.6611 34.2867 19.2147 34.0894 19.2486 33.6455C19.3447 32.4343 19.4859 30.4011 19.5707 28.3022C19.6724 25.7867 19.678 23.3589 19.678 22.3396C19.678 22.0601 19.452 21.8354 19.1639 21.8244V21.8299ZM34.5137 22.2355C33.3781 22.1313 31.4403 21.9834 28.9828 21.8902C25.9998 21.7751 23.7909 21.8025 22.8361 21.8244C22.548 21.8299 22.322 22.0546 22.3163 22.3396C22.3163 23.3589 22.322 25.7812 22.4237 28.3022C22.5084 30.4011 22.6553 32.4343 22.7457 33.6455C22.7796 34.0839 23.3333 34.2867 23.6553 33.9688L34.8357 23.1233C35.1577 22.8109 34.96 22.2793 34.508 22.241L34.5137 22.2355ZM19.2543 7.47698C19.2204 7.03307 18.6667 6.84126 18.3447 7.15364L7.15865 17.9992C6.83663 18.3116 7.04001 18.8432 7.48632 18.8815C8.62188 18.9856 10.5597 19.1336 13.0172 19.2213C16.0002 19.3364 18.2091 19.309 19.1639 19.2871C19.452 19.2816 19.678 19.0569 19.678 18.7719C19.678 17.7581 19.678 15.3303 19.5707 12.8093C19.4859 10.7104 19.3447 8.67717 19.2486 7.46602L19.2543 7.47698ZM22.8361 19.2925C23.7852 19.3145 25.9998 19.3419 28.9828 19.2268C31.446 19.1336 33.3781 18.9856 34.5137 18.887C34.9656 18.8486 35.1634 18.317 34.8414 18.0047L23.6609 7.15364C23.3389 6.84126 22.7853 7.03307 22.7514 7.47698C22.6553 8.68265 22.5141 10.7213 22.4293 12.8203C22.3276 15.3358 22.322 17.7635 22.322 18.7829C22.322 19.0624 22.548 19.2925 22.8417 19.298L22.8361 19.2925Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 613 </svg></a>
614 <span class="tooltip">Screenshotlayer 615 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Images</p> 616 </span> 617 </div> 618 <div class="icon-wrapper icon-12"> 619 <a class="cta" href="https://userstack.com/?utm_source=APILayerHomepage&utm_medium=Referral" target="_blank" rel="noreferrer noopener"> 620 <svg width="42" height="42" viewbox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg" alt="userstack" class="icon pop-animation" data-delay="0.2"> 621 <rect x="0.5" y="0.5" width="41" height="41" rx="3.5" fill="white" stroke="#E4EBEF" style="fill:white;fill-opacity:1;stroke:#E4EBEF;stroke:color(display-p3 0.8941 0.9216 0.9373);stroke-opacity:1;"></rect> 622 <g clip-path="url(#clip0_265_2707)"> 623 <path d="M16.5449 21.1854C16.5449 18.7247 18.5393 16.7303 21 16.7303C23.4607 16.7303 25.4551 18.7247 25.4551 21.1854C25.4551 23.6461 23.4607 25.6404 21 25.6404C18.5393 25.6404 16.5449 23.6461 16.5449 21.1854ZM11.691 21C11.691 26.1348 15.8652 30.309 21 30.309C26.1348 30.309 30.309 26.1348 30.309 21C30.309 15.8652 26.1348 11.691 21 11.691C15.8652 11.691 11.691 15.8652 11.691 21ZM7 21C7 13.2809 13.2809 7 21 7C28.7191 7 35 13.2809 35 21C35 28.7191 28.7191 35 21 35C13.2809 35 7 28.7191 7 21Z" fill="#27344A" style="fill:#27344A;fill:color(display-p3 0.1529 0.2039 0.2902);fill-opacity:1;"></path> 624 </g> 625 <defs> 626 <clippath id="clip0_265_2707"> 627 <rect width="28" height="28" fill="white" style="fill:white;fill-opacity:1;" transform="translate(7 7)"></rect> 628 </clippath> 629 </defs> 630 </svg> </a> 631 <span class="tooltip">Userstack 632 <p class="font-weight-light" style="font-size:10px; color: #27344A;">Marketing</p> 633 </span> 634 </div> 635 </div> 636 637 <!-- Hero section Icons --> 638 639 640 </section> 641 <div class="w-100 d-flex flex-column numbers-section-1"> 642 <div class="fade-in-animation" data-delay="0.6"> 643 <div class="group-section numbers-heading"> 644 <!-- <div class="labeling font-weight-medium" style="color: white;"> 645 <span>NUMBERS</span> 646 </div> --> 647 <h3 class="font-weight-normal leading-eng"> 648 Leading Engineering Teams Rely on 649 <span style="font-weight:500;">APILayer</span> 650 </h3> 651 </div> 652 </div> 653 654 <div class="curve-card-container"> 655 <div class="card fade-in-animation" data-delay="0.8"> 656 <div class="card-badge">Growing daily</div> 657 658 <div class="numbertiles"> 659 <span class="number-dark" id="developer_counter">2.2M</span><span class="number-light">+</span> 660 </div> 661 <div class="text">Developers</div> 662 </div> 663 664 <div class="card fade-in-animation" data-delay="1"> 665 <div class="card-badge">One key unlocks all</div> 666 667 <div class="numbertiles"> 668 <span class="number-dark">40</span><span class="number-light">+</span> 669 </div> 670 <div class="text">APIs in the Hub</div> 671 </div> 672 673 <div class="card fade-in-animation" data-delay="1.2"> 674 <div class="card-badge">Live traffic</div> 675 676 <div class="numbertiles"> 677 <span class="number-dark">30M</span><span class="number-light">+</span> 678 </div> 679 <div class="text">API calls per month</div> 680 </div> 681 </div> 682 683 684 <!--<div class="curve-card-container">--> 685 <!-- <div class="card fade-in-animation" data-delay="0.8">--> 686 <!-- <div class="card-badge">Growing daily</div>--> 687 688 <!-- <div class="numbertiles">--> 689 <!-- <span class="number-dark">2.2M</span><span class="number-light">+</span>--> 690 <!-- </div>--> 691 <!-- <div class="text">Developers</div>--> 692 <!-- </div>--> 693 694 <!-- <div class="card fade-in-animation" data-delay="1">--> 695 <!-- <div class="card-badge">One key unlocks all</div>--> 696 697 <!-- <div class="numbertiles">-->
698 <!-- <span class="number-dark">40</span><span class="number-light">+</span>--> 699 <!-- </div>--> 700 <!-- <div class="text">APIs in the Hub</div>--> 701 <!-- </div>--> 702 703 <!-- <div class="card fade-in-animation" data-delay="1.2">--> 704 <!-- <div class="card-badge">Live traffic</div>--> 705 706 <!-- <div class="numbertiles">--> 707 <!-- <span class="number-dark">30M</span><span class="number-light">+</span>--> 708 <!-- </div>--> 709 <!-- <div class="text">API calls per month</div>--> 710 <!-- </div>--> 711 <!--</div>--> 712 </div> 713 714 715</section> 716 717 <div class="second-part"> 718 <div class="Featured-container"> 719 <div class="featured-container-border"></div> 720 <div class="featured-inside-container"> 721 <div class="logo"> 722 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featurelabel.svg" alt="Featured APIs" class="Feature-logo-image"> 723 </div> 724 <section class="featured-api-section" id="featured-apis" aria-labelledby="featured-apis-heading"> 725 726 <div class="api-tabs"> 727 728 <button class="tab-btn" data-target="tab-ipstack"> 729 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipstack-3466.svg" alt="IPstack icon"> 730 731 <div class="tab-content"> 732 <span>IPstack</span> 733 <small>Geolocation API</small> 734 </div> 735 </button> 736 737 <button class="tab-btn" data-target="tab-marketstack"> 738 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/marketstack.svg" alt="marketstack-icon"> 739 740 <div class="tab-content"> 741 <span>Marketstack</span> 742 <small>Stock Market Data</small> 743 </div> 744 </button> 745 746 <button class="tab-btn active" data-target="tab-aviationstack"> 747 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/aviationstack.svg" alt="aviationstack icon"> 748 749 <div class="tab-content"> 750 <span>Aviationstack</span> 751 <small>Flight Data API</small> 752 </div> 753 </button> 754 755 <button class="tab-btn" data-target="tab-serpstack"> 756 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/serpstack-11.svg" alt="serp-icon"> 757 758 <div class="tab-content"> 759 <span>Serpstack</span> 760 <small>SERP API</small> 761 </div> 762 </button> 763 764 <a href="/products/?utm_source=APILayerHomepage&utm_medium%3DReferral" class="browse-btn featured-api-button"> 765 Browse all APIs 766 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"> 767 </a> 768 769 </div> 770 771 <div class="hero-content-wrapper"> 772 773 <!-- TAB 1 --> 774 <div class="hero-content" id="tab-ipstack" style="display: none;"> 775 <div class="left-content"> 776 <h2>IPstack</h2> 777 <p>Pinpoint your users' location with precision. Geolocation data for 2 million distinct 778 locations 779 worldwide.</p> 780 </div> 781 782 <div class="right-content"> 783 <h3>Uncover the Geographic<br>Profile of Your Visitors<br>through <span class="right-blue">IP 784 Address</span></h3> 785 <a href="https://app.apilayer.com/signup/ipstack?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=ipstack_tile" target="_blank" class="try-btn">Try IPstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a> 786 </div> 787 </div> 788 789 <!-- TAB 2 --> 790 <div class="hero-content" id="tab-marketstack" style="display: none;"> 791 <div class="left-content"> 792 <h2>Marketstack</h2> 793 <p>Access real-time, intraday, end-of-day, and historical <br> market data through one simple API. 794 Built 795 for apps, <br> dashboards, trading tools, and financial analysis at scale.</p> 796 </div> 797 798 <div class="right-content"> 799 <h3>Uncover Market Trends <br> and Power Financial <br> Products with <span class="right-blue"> 800 Real-Time <br> Stock Data</span></h3> 801 <a href="https://app.apilayer.com/signup/marketstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=marketstack_tile" target="_blank" class="try-btn">Try Marketstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a> 802 </div> 803 </div> 804 805 <!-- TAB 3 --> 806 <div class="hero-content active" id="tab-aviationstack" style=""> 807 <div class="left-content"> 808 <h2>Aviationstack</h2> 809 <p>Track flights, airlines, airports, routes, schedules, and <br> aviation activity worldwide with one 810 easy-to-integrate API <br> built for real-time travel and logistics products.</p> 811 </div> 812 813 <div class="right-content"> 814 <h3>Track Global Flight <br> Activity and Build Better Travel Experiences with<br>
815 <span class="right-blue">Live Aviation Data</span> 816 </h3> 817 <a href="https://app.apilayer.com/signup/aviationstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=aviationstack_tile" target="_blank" class="try-btn">Try Aviationstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a> 818 </div> 819 </div> 820 821 <!-- TAB 4 --> 822 <div class="hero-content" id="tab-serpstack" style="display: none;"> 823 <div class="left-content"> 824 <h2>Serpstack</h2> 825 <p>Real-time Google search results via an API. Scrape SERP <br> data at scale without the 826 infrastructure 827 headache.</p> 828 </div> 829 830 <div class="right-content"> 831 <h3>Access Real-Time <br> Google Search Results <br> and Turn SERP Data<br> 832 <span class="right-blue">into Actionable Insights</span> 833 </h3> 834 <a href="https://app.apilayer.com/signup/serpstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=serpstack_tile" target="_blank" class="try-btn">Try Serpstack <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" alt="blue-icon"></a> 835 </div> 836 </div> 837 838 </div> 839 840 <div class="graphics-wrapper"> 841 842 <!-- IPSTACK --> 843 <div class="graphics-area" id="graphics-tab-ipstack" style="display: none;"> 844 <div class="graphic-wrapper legacy-graphic-wrapper"> 845 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-ipstack.png" alt="" class="legacy-graphic"> 846 <p class="graphic-left-content">Easy Integration: <span>Simple API <br>setup with detailed<br> documentation.</span></p> 847 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob"> 848 <p class="graphic-right-content graphic-right-content-ipstack ">Personalization: Tailor <br>content and services <br>based on user location. </p> 849 </div> 850 </div> 851 852 <!-- MARKETSTACK --> 853 <div class="graphics-area" id="graphics-tab-marketstack" style="display: none;"> 854 <div class="graphic-wrapper legacy-graphic-wrapper"> 855 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-marketstack.png" alt="" class="legacy-graphic"> 856 <p class="graphic-left-content">Easy Integration: <span>Launch faster <br>with a developer-friendly API,<br> clean documentation, and quick<br> onboarding.</span></p> 857 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob"> 858 <p class="graphic-right-content graphic-right-content-marketstack">Smarter Insights: <span>Turn <br>live and historical market <br>data into dashboards, <br>alerts, screeners, and <br>analytics your users can <br>trust.</span></p> 859 </div> 860 </div> 861 862 <!-- AVIATIONSTACK --> 863 <div class="graphics-area active" id="graphics-tab-aviationstack" style=""> 864 <div class="graphic-wrapper legacy-graphic-wrapper"> 865 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-aviationstack.png" alt="" class="legacy-graphic"> 866 <p class="graphic-left-content">Easy Integration: <span>Connect <br>flight and airport data <br>quickly with straightforward API <br>access and clear documentation.</span></p> 867 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob"> 868 <p class="graphic-right-content graphic-right-content-aviationstack">Operational Visibility: <br><span>Deliver real-time flight <br>status, route intelligence<br>, and travel updates that<br> improve planning and<br> customer experience.</span></p> 869 </div> 870 </div> 871 872 <!-- SERPSTACK --> 873 <div class="graphics-area" id="graphics-tab-serpstack" style="display: none;"> 874 <div class="graphic-wrapper legacy-graphic-wrapper"> 875 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/featured-api-serpstack.png" alt="" class="legacy-graphic"> 876 <p class="graphic-left-content">Easy Integration: Connect to <br>real-time SERP data with a <br>simple API, clear <br>documentation, and no scraping <br>
876infrastructure to maintain. 877</p> 878 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/featured-api/mobile-featured-api.png" alt="" class="legacy-graphic-mob"> 879 <p class="graphic-right-content graphic-right-content-serpstack">Scalable Intelligence: <br>Monitor rankings, <br>analyze competitors, <br>and collect search data <br>at scale with reliable, <br>structured results.</p> 880 </div> 881 </div> 882 883 </div> 884 885 <!-- Ipstack section --> 886 887 <div class="usecase-section tab-ipstack" style="display: none;"> 888 <section class="feature-use-cases-section"> 889 <div class="feature-use-cases-container"> 890 <div class="feature-use-cases-left"> 891 <div class="tag font-weight-normal">USE CASES</div> 892 <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3> 893 <p class="feature-use-cases-description font-weight-light"> 894 Learn how IPstack's next-generation IP Geolocation technology will revolutionize your business 895 through the following use cases that unlock rich, data-driven insights. 896 </p> 897 <ul class="feature-use-case-list"> 898 <li> 899 <div onclick="toggleAccordion('case1')" class="accordion-title"> 900 <h5 style="">Content Personalization</h5> 901 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 902 </div> 903 <div id="case1" class="accordion-content"> 904 <p class="accordion-contentdiv">Use geolocation to customize content, product recommendations, 905 and the 906 display languages of users 907 based on their 908 location. Build a smooth, personalized user experience that will provide value to your 909 audience 910 through increased 911 engagement and satisfaction.</p> 912 </div> 913 </li> 914 <li> 915 <div onclick="toggleAccordion('case2')" class="accordion-title"> 916 <h5 style="">Fraud Prevention</h5> 917 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 918 </div> 919 <div id="case2" class="accordion-content"> 920 <p class="accordion-contentdiv">Bolster your security strategy by monitoring activity from 921 unauthorized 922 sources. Geolocate activity 923 data to flag and 924 block unauthorized access in real-time, reducing fraud while protecting sensitive 925 information. 926 </p> 927 </div> 928 </li> 929 <li> 930 <div onclick="toggleAccordion('case3')" class="accordion-title"> 931 <h5 style="">Localized Advertising</h5> 932 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 933 </div> 934 <div id="case3" class="accordion-content"> 935 <p class="accordion-contentdiv">Maximize the potential of ad campaigns through the delivery of 936 hyper-targeted ads to users based on 937 where they currently 938 reside or where they hang out the most. In this way, your ads will be relevant and optimized 939 to 940 provide a better return 941 on investment with increased engagement and conversion rates.</p> 942 </div> 943 </li> 944 <li> 945 <div onclick="toggleAccordion('case4')" class="accordion-title"> 946 <h5 style="">Regulatory Compliance</h5> 947 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 948 </div> 949 <div id="case4" class="accordion-content"> 950 <p class="accordion-contentdiv">Reduce complexities in legality: let geolocation data 951 auto-tune
952 your 953 services to match regional 954 regulations. Be it data 955 privacy laws or content restrictions; ensure your business operates in full legal compliance 956 across 957 the globe.</p> 958 </div> 959 </li> 960 </ul> 961 </div> 962 963 <div class="feature-use-cases-right"> 964 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipstack-use-case.png" style="margin-top: 3rem;" alt="IPstack Use Case"><br><br> 965 <p class="use-cases-right-text"> 966 Use geolocation to customize content, product <br> recommendations, and the display languages of 967 users based on <br> their location. Build a smooth, personalized user experience that <br> will 968 provide value to your audience through increased <br> engagement and satisfaction. 969 </p> 970 </div> 971 </div> 972 <div class="use-cases-button"> 973 <a class="cta" href="https://app.apilayer.com/signup/ipstack?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=ipstack_tile" target="_blank" rel="noreferrer noopener"> 974 <button class="fav-browse-api-btn" style="font-weight: 500;"> 975 Try IPstack 976 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg"> 977 </button> 978 </a> 979 </div> 980 </section> 981 </div> 982 983 <!-- Marketstack section --> 984 985 <div class="usecase-section tab-marketstack" style="display: none;"> 986 <section class="feature-use-cases-section"> 987 <div class="feature-use-cases-container"> 988 <div class="feature-use-cases-left"> 989 <div class="tag font-weight-normal">USE CASES</div> 990 <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3> 991 <p class="feature-use-cases-description font-weight-light"> 992 Learn how Marketstack helps fintech teams, analysts, and developers turn market data into practical products and better decisions with reliable, scalable API access. 993 </p> 994 <ul class="feature-use-case-list"> 995 <li> 996 <div onclick="toggleAccordion('case1')" class="accordion-title"> 997 <h5 style="">Portfolio Tracking</h5> 998 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 999 </div> 1000 <div id="case1" class="accordion-content"> 1001 <p class="accordion-contentdiv">Track asset performance with real-time, intraday, and historical market data. Give users clear visibility into portfolio value, price movements, and long-term trends.</p> 1002 </div> 1003 </li> 1004 <li> 1005 <div onclick="toggleAccordion('case2')" class="accordion-title"> 1006 <h5 style="">Financial Dashboards</h5> 1007 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1008 </div> 1009 <div id="case2" class="accordion-content"> 1010 <p class="accordion-contentdiv">Power dashboards with reliable stock data, market summaries, and historical performance insights. Help users monitor markets, compare assets, and make faster decisions. 1011 </p> 1012 </div> 1013 </li> 1014 <li> 1015 <div onclick="toggleAccordion('case3')" class="accordion-title"> 1016 <h5 style="">Trading Signals</h5> 1017 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1018 </div> 1019 <div id="case3" class="accordion-content"> 1020 <p class="accordion-contentdiv">Use market data to support alerts, signals, and rule-based trading strategies. Turn price movement and historical patterns into actionable insights for active users.</p> 1021 </div> 1022 </li> 1023 <li> 1024 <div onclick="toggleAccordion('case4')" class="accordion-title"> 1025 <h5 style="">Market Research</h5> 1026 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1027 </div> 1028 <div id="case4" class="accordion-content"> 1029 <p class="accordion-contentdiv">Analyze historical market performance, compare securities, and uncover trends across sectors or time periods. Support deeper research with scalable, easy-to-access financial data.</p> 1030 </div> 1031 </li> 1032 </ul> 1033 </div> 1034 1035 <div class="feature-use-cases-right"> 1036 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/marketstack-use-case.png" style="margin-top: 3rem;" alt="Marketstack Use Case"><br><br> 1037 <p class="use-cases-right-text"> 1038 Track asset performance with real-time, intraday, and historical market data. Give users clear 1039 visibility into portfolio value, price movements, and long-term trends. 1040 </p> 1041 </div> 1042 </div> 1043 <div class="use-cases-button"> 1044 <a class="cta" href="https://app.apilayer.com/signup/marketstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=marketstack_tile" target="_blank" rel="noreferrer noopener"> 1045 <button class="fav-browse-api-btn" style="font-weight: 500;"> 1046 Try Marketstack 1047 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg"> 1048 </button> 1049 </a> 1050 </div> 1051 </section> 1052 </div> 1053 1054 <!-- Aviationstack section --> 1055 1056 <div class="usecase-section tab-aviationstack active-section" style=""> 1057 <section class="feature-use-cases-section"> 1058 <div class="feature-use-cases-container"> 1059 <div class="feature-use-cases-left"> 1060 <div class="tag font-weight-normal">USE CASES</div> 1061 <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3> 1062 <p class="feature-use-cases-description font-weight-light"> 1063 See how Aviationstack helps travel platforms, aviation tools, and operations teams use live flight data to build better products, automate updates, and improve visibility. 1064 1065 </p> 1066 <ul class="feature-use-case-list"> 1067 <li> 1068 <div onclick="toggleAccordion('case1')" class="accordion-title"> 1069 <h5 style="">Flight Tracking</h5> 1070 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1071 </div> 1072 <div id="case1" class="accordion-content"> 1073 <p class="accordion-contentdiv">Deliver real-time flight status, departure and arrival updates, and route details. Help users monitor flights accurately and stay informed throughout the journey.</p> 1074 </div> 1075 </li> 1076 <li> 1077 <div onclick="toggleAccordion('case2')" class="accordion-title"> 1078 <h5 style="">Travel Notifications</h5> 1079 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1080 </div> 1081 <div id="case2" class="accordion-content"> 1082 <p class="accordion-contentdiv">Send timely alerts for delays, gate changes, cancellations, and schedule updates. Improve the travel experience with proactive, location-aware communication. 1083 </p> 1084 </div> 1085 </li> 1086 <li> 1087 <div onclick="toggleAccordion('case3')" class="accordion-title"> 1088 <h5 style="">Airport Operations</h5> 1089 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1090 </div> 1091 <div id="case3" class="accordion-content"> 1092 <p class="accordion-contentdiv">Support airport and operations teams with live flight activity, scheduling visibility, and status monitoring. Improve c
1092oordination, planning, and response times across daily operations.</p> 1093 </div> 1094 </li> 1095 <li> 1096 <div onclick="toggleAccordion('case4')" class="accordion-title"> 1097 <h5 style="">Route Monitoring</h5> 1098 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1099 </div> 1100 <div id="case4" class="accordion-content"> 1101 <p class="accordion-contentdiv">Track route activity, airline schedules, and flight frequency across regions and airports. Gain better visibility into route performance and changing aviation patterns.</p> 1102 </div> 1103 </li> 1104 </ul> 1105 </div> 1106 1107 <div class="feature-use-cases-right"> 1108 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/aviationstack-use-case.png" style="margin-top: 3rem;" alt="Avaitionstack Use Case"><br><br> 1109 <p class="use-cases-right-text"> 1110 Deliver real-time flight status, departure and arrival updates, and route details. Help users 1111 monitor flights accurately and stay informed throughout the journey. 1112 </p> 1113 </div> 1114 </div> 1115 <div class="use-cases-button"> 1116 <a class="cta" href="https://app.apilayer.com/signup/aviationstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=aviationstack_tile" target="_blank" rel="noreferrer noopener"> 1117 <button class="fav-browse-api-btn" style="font-weight: 500;"> 1118 Try Aviationstack 1119 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg"> 1120 </button> 1121 </a> 1122 </div> 1123 </section> 1124 </div> 1125 1126 <!-- Serpstack section --> 1127 1128 <div class="usecase-section tab-serpstack" style="display: none;"> 1129 <section class="feature-use-cases-section"> 1130 <div class="feature-use-cases-container"> 1131 <div class="feature-use-cases-left"> 1132 <div class="tag font-weight-normal">USE CASES</div> 1133 <h3 class="feature-use-cases-title font-weight-normal">Discover Powerful Use Cases</h3> 1134 <p class="feature-use-cases-description font-weight-light"> 1135 See how Serpstack helps marketers, SEO teams, and developers collect real-time search data to power tracking, research, and competitive analysis at scale. 1136 1137 </p> 1138 <ul class="feature-use-case-list"> 1139 <li> 1140 <div onclick="toggleAccordion('case1')" class="accordion-title"> 1141 <h5 style="">Rank Tracking</h5> 1142 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1143 </div> 1144 <div id="case1" class="accordion-content"> 1145 <p class="accordion-contentdiv">Track keyword rankings in real time and monitor visibility changes across search results. Measure SEO performance more accurately and spot gains or losses faster.</p> 1146 </div> 1147 </li> 1148 <li> 1149 <div onclick="toggleAccordion('case2')" class="accordion-title"> 1150 <h5 style="">Competitor Monitoring</h5> 1151 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1152 </div> 1153 <div id="case2" class="accordion-content"> 1154 <p class="accordion-contentdiv">See how competitors appear in search results, which keywords they rank for, and how their positions change over time. Use live SERP data to sharpen your SEO strategy. 1155 </p> 1156 </div> 1157 </li> 1158 <li> 1159 <div onclick="toggleAccordion('case3')" class="accordion-title"> 1160 <h5 style="">Keyword Intelligence</h5> 1161 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1162 </div> 1163 <div id="case3" class="accordion-content"> 1164 <p class="accordion-contentdiv">Analyze live search results to understand better keyword opportunities, search intent, and content gaps. Build smarter SEO and content plans with fresher data. 1165</p> 1166 </div> 1167 </li> 1168 <li> 1169 <div onclick="toggleAccordion('case4')" class="accordion-title"> 1170 <h5 style="">SERP Feature Monitoring</h5> 1171 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" alt="Arrow Icon" class="icon-placeholder"> 1172 </div> 1173 <div id="case4" class="accordion-content"> 1174 <p class="accordion-contentdiv">Monitor featured snippets, ads, local packs, and other SERP features that influence clicks and visibility. Stay on top of search changes that affect traffic and performance.</p> 1175 </div> 1176 </li> 1177 </ul> 1178 </div> 1179 1180 <div class="feature-use-cases-right"> 1181 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/serpstack-use-case.png" style="margin-top: 3rem;" alt="Serpstack Use Case"><br><br> 1182 <p class="use-cases-right-text"> 1183 Track keyword rankings in real time and monitor visibility changes across search results. Measure 1184 SEO performance more accurately and spot gains or losses faster. 1185 </p> 1186 </div> 1187 </div> 1188 <div class="use-cases-button"> 1189 <a class="cta" href="https://app.apilayer.com/signup/serpstack/?utm_source=apilayer_homepage&utm_medium=internal&utm_campaign=featured_section&utm_content=serpstack_tile" target="_blank" rel="noreferrer noopener"> 1190 <button class="fav-browse-api-btn" style="font-weight: 500;"> 1191 Try Serpstack 1192 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg"> 1193 </button> 1194 </a> 1195 </div> 1196 </section> 1197 </div> 1198 1199 </section> 1200 </div> 1201 </div> 1202 1203 <div class="one-account-container"> 1204 <div class="one-account-inside-container"> 1205 <div class="one-account-left"> 1206 <h3 class="" style="font-weight: 500;">One Account.<br><span style="color: #2480FC; display:block:">Everything 1207 You Need<br> to Build.</span></h3> 1208 <div class="faq-subheading font-weight-medium"> 1209 <a target="_blank" href="https://app.apilayer.com/signup?utm_source=apilayer_website&utm_medium=internal&utm_campaign=signup_cta&utm_content=start" class="browse-btn2 browse-btn3 faq-start-btn faq-start-btn-text" style="align-items: center;"> 1210 Start for Free 1211 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow" style="width: 8px !important; margin: 0;"> 1212 </a> 1213 <h2 class="cred-font"> 1214 No card needed! 1215 </h2> 1216 </div> 1217 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/one-account-graphic.png" style="width:522px; height:302px;" alt="Geolocation Use Case" class="one-account-left-image"> 1218 </div> 1219 <div class="one-account-right"> 1220 <div class="one-account-right-align"> 1221 <div class="one-account-right-box-one"> 1222 <h3>CORE FEATURE</h3> 1223 <h2>One API Key</h2> 1224 <p>Sign up once and get a single API key that unlocks your entire stack. No separate accounts, no 1225 separate 1226 billing, no switching between platforms.</p> 1227 </div> 1228 <div class="one-account-right-box-two"> 1229 <h3>SCALE</h3> 1230 <h2>Grow As You Build</h2> 1231 <p>Start with the API you need today. As your project grows, add more APIs to your account instantly - 1232 your key works across the whole platform.</p> 1233 </div> 1234 <div class="one-account-right-box-three"> 1235 <h3>DX</h3> 1236 <h2>Built For Developers</h2> 1237 <p>Clear documentation, low latency, and consistent authentication across every API. Spend less time on 1238 setup and more time building.</p> 1239 </div> 1240 </div> 1241 </div> 1242 </div> 1243 </div> 1244 </div> 1245 </div> 1246 1247 1248 1249 1250 <div class="trusted-container"> 1251 <div class="header-container"> 1252 <div class="title-section"> 1253 <div class="text-content"> 1254 <div class="group-section marketplace-heading"> 1255 <div class="labeling">
1256 <span class="font-weight-medium" style="font-size: 0.75rem !important; line-height: 100%;">WHO IS IT FOR</span> 1257 </div> 1258 <h3 class="font-weight-normal trusted-text">Trusted Across Every Stage of Building.</h3> 1259 </div> 1260 </div> 1261 <div class="title-section-btn mr-8 pb-7"> 1262 <a href="/support/?utm_source=apilayer_website&utm_medium=internal&utm_campaign=enterprise_inquiry&utm_content=talk_to_us_about_enterprise" class="browse-button talk-us-btn"> 1263 Talk to Us About Enterprise 1264 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow"> 1265 </a> 1266 </div> 1267 </div> 1268 </div> 1269 <div class="trusted-boxes"> 1270 <div class="trusted-box"> 1271 <h3>For Individual Developers</h3> 1272 <p>Get started in minutes. One account gives you access to everything, including free plans available on every API.</p> 1273 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/trusted-icon-1.svg" class="trusted-icon"> 1274 </div> 1275 <div class="trusted-box"> 1276 <h3>For Startups</h3> 1277 <p>Move fast without fragmentation. Manage your entire API stack from one dashboard, one invoice, one API key.</p> 1278 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/startup-rocket-icon.svg" class="trusted-icon"> 1279 </div> 1280 <div class="trusted-box"> 1281 <h3>For Enterprise</h3> 1282 <p>Scale with confidence. Consistent reliability, unified reporting, and enterprise plans across our full API portfolio.</p> 1283 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/icon-03-enterprise.svg" class="trusted-icon"> 1284 </div> 1285 </div> 1286 </div> 1287 <div class="api-container"> 1288 <div class="header-container"> 1289 <div class="title-section"> 1290 <div class="text-content"> 1291 <div class="group-section marketplace-heading"> 1292 <h3 class="api-title-color">Built for Developers Who Move Fast</h3> 1293 <p class="font-weight-normal api-text-color">APILayer APIs are designed for seamless integration, clear documentation, <br>low latency, and one API key that unlocks your entire stack. Spend less <br>time on infrastructure and more time building what matters.</p> 1294 </div> 1295 </div> 1296 <div class="title-section-btn mr-8 pb-7"> 1297 <a href="/products/?utm_source=apilayer_website&utm_medium=internal&utm_campaign=product_discovery&utm_content=browse_all_apis" class="browse-button browse-btn-apis"> 1298 Browse all APIs 1299 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow"> 1300 </a> 1301 </div> 1302 </div> 1303 </div> 1304 1305 <div class="carousel-new"> 1306 <div class="group-new-corousel"> 1307 <div class="card-carousel"> 1308 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2"> 1309 </div> 1310 </div> 1311 <div class="card-carousel"> 1312 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3"> 1313 </div> 1314 </div> 1315 <div class="card-carousel"> 1316 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4"> 1317 </div> 1318 </div> 1319 <div class="card-carousel"> 1320 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5"> 1321 </div> 1322 </div> 1323 <div class="card-carousel"> 1324 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6"> 1325 </div> 1326 </div> 1327 <div class="card-carousel"> 1328 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1"> 1329 </div> 1330 </div> 1331 </div> 1332 <div aria-hidden class="group-new-corousel"> 1333 <div class="card-carousel"> 1334 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2"> 1335 </div> 1336 </div> 1337 <div class="card-carousel"> 1338 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3"> 1339 </div> 1340 </div> 1341 <div class="card-carousel"> 1342 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4"> 1343 </div> 1344 </div> 1345 <div class="card-carousel"> 1346 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5"> 1347 </div> 1348 </div> 1349 <div class="card-carousel"> 1350 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6"> 1351 </div> 1352 </div> 1353 <div class="card-carousel"> 1354 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1"> 1355 </div> 1356 </div> 1357 </div> 1358 </div> 1359 1360 <div class="carousel-new"> 1361 <div class="group-reverse"> 1362 <div class="card-carousel"> 1363 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1"> 1364 </div> 1365 </div> 1366 <div class="card-carousel"> 1367 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6"> 1368 </div> 1369 </div> 1370 <div class="card-carousel"> 1371 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5"> 1372 </div> 1373 </div> 1374 <div class="card-carousel"> 1375 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4"> 1376 </div> 1377 </div> 1378 <div class="card-carousel"> 1379 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3"> 1380 </div> 1381 </div> 1382 <div class="card-carousel"> 1383 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2"> 1384 </div> 1385 </div> 1386 </div> 1387 <div aria-hidden class="group-reverse"> 1388 <div class="card-carousel"> 1389 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logoone.svg" alt="Logo 1"> 1390 </div> 1391 </div> 1392 <div class="card-carousel"> 1393 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logosix.svg" alt="Logo 6"> 1394 </div> 1395 </div> 1396 <div class="card-carousel"> 1397 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofive.svg" alt="Logo 5"> 1398 </div> 1399 </div> 1400 <div class="card-carousel"> 1401 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logofour.svg" alt="Logo 4"> 1402 </div> 1403 </div> 1404 <div class="card-carousel"> 1405 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logothree.svg" alt="Logo 3"> 1406 </div> 1407 </div> 1408 <div class="card-carousel"> 1409 <div class="api-logo"><img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/logotwo.svg" alt="Logo 2"> 1410 </div> 1411 </div> 1412 </div> 1413 </div> 1414 1415 1416 1417 <div class="header-container-btn"> 1418 <div class="title-section"> 1419 <a href="/products/?utm_source=APILayerHomepage&utm_medium=Referral" class="browse-button-m"> 1420 Browse all APIs 1421 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/Vector-21.svg" class="arrow-icon" alt="arrow"> 1422 </a> 1423 </div> 1424 </div> 1425 </div> 1426 <!-- Feature-container with accordian --> 1427 1428 <div class="explore-section"> 1429 <h2><span style="color: #2480FC;">Explore</span> Solutions</h2> 1430 <div class="explore-boxes"> 1431 <div class="explore-box-one"> 1432 <h3>See What You Can Build</h3> 1433 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer_use_cases_graphic.svg" class="arrow-icon" alt="arrow"> 1434 <p>From currency conversion to geolocation, fraud prevention to real-time data - explore the real-world problems developers and businesses are solving with APILayer APIs.</p> 1435 <div class="explore-btn"> 1436 <a href="/developers/suite/?utm_source=apilayer_website&utm_medium=internal&utm_campaign=use_case_discovery&utm_content=explore_use_cases" class="browse-button browse-btn-apis"> 1437 Explore Use Cases 1438 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow"> 1439 </a> 1440 </div> 1441 </div> 1442 <div class="explore-box-two"> 1443 <h3>Built for Your Industry</h3> 1444 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/apilayer_industries_graphic.svg" class="arrow-icon" alt="arrow"> 1445 <p>Whether you're in fintech, e-commerce, travel, or SaaS - APILayer has APIs designed to solve the challenges specific to your sector. Find your fit.</p> 1446 <div class="explore-btn"> 1447 <a href="/industries/?utm_source=apilayer_website&utm_medium=internal&utm_campaign=industry_discovery&utm_content=explore_by_industry" class="browse-button"> 1448 Explore by Industry 1449 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg" class="arrow-icon" alt="arrow"> 1450 </a> 1451 </div> 1452 </div> 1453 </div> 1454 </div> 1455 1456 <div class="testimonial-section"> 1457 <div class="testimonial-section-title"> 1458 <div class="labeling"> 1459 <div class="labeling"> 1460 <h5 class="testimonial-section-title">
1461 <span class="font-weight-normal">Hear from clients</span> 1462 </h5> 1463 </div> 1464 </div> 1465 <h3 class="" style="color: #27344A !important;"> 1466 Trusted by<br> 1467 <span style="color: #0054d4"> Developers Worldwide </span> 1468 </h3> 1469 </div> 1470 1471 <div class="curved-carousel-wrapper"> 1472 <div class="carousel-container"> 1473 <div class="testimonial-carousel-track"> 1474 <!-- Card 1 --> 1475 <div class="testimonial-card position-relative"> 1476 <div class="position-absolute card-img"> 1477 <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar1.png"> 1478 </div> 1479 1480 <!-- Review Content --> 1481 <div class="review-content"> 1482 "APILayer made it simple to add new capabilities to our products without adding new vendors. We shipped IP geolocation and currency conversion fast, and the unified docs plus predictable responses made integration painless." 1483 </div> 1484 1485 <!-- Author Details Section --> 1486 <div class="author-details"> 1487 <div class="author-name font-weight-light">John D.</div> 1488 <div class="author-title font-weight-light"> 1489 Lead Developer at InnovateTech 1490 </div> 1491 </div> 1492 </div> 1493 1494 <!-- Card 2 --> 1495 <div class="testimonial-card"> 1496 <div class="position-absolute card-img"> 1497 <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar2.png"> 1498 </div> 1499 <div class="review-content"> 1500 "What I like most is the consistency. Clear authentication, sensible error responses, and straightforward endpoints. We have used several APILayer products in our stack, and each product is consistently designed for teams that care about reliability and clean implementations." 1501 </div> 1502 1503 <div class="author-details"> 1504 <div class="author-name">Alex K.</div> 1505 <div class="author-title"> 1506 CTO at GlobeX Commerce 1507 </div> 1508 </div> 1509 </div> 1510 1511 <!-- Card 3 --> 1512 <div class="testimonial-card"> 1513 <div class="position-absolute card-img"> 1514 <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar3.png"> 1515 </div> 1516 1517 <!-- Review Content --> 1518 <div class="review-content"> 1519 "We started with one API, then added two more as new features came up. The big win was not having to redo our whole integration approach each time. Same general flow, same style of docs, and it was easy to keep everything organized across environments." 1520 </div> 1521 1522 <!-- Author Details Section --> 1523 <div class="author-details"> 1524 <div class="author-name">David L.</div> 1525 <div class="author-title"> 1526 Senior Software Engineer at Nexa Solutions 1527 </div> 1528 </div> 1529 </div> 1530 1531 <!-- Card 4 --> 1532 <div class="testimonial-card"> 1533 <div class="position-absolute card-img"> 1534 <img class="card-avatar" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/avatar4.png"> 1535 </div> 1536 1537 <!-- Review Content --> 1538 <div class="review-content"> 1539 "One thing I genuinely appreciate is how often APILayer ships meaningful updates on its products. New endpoints and improvements show up that either solve real developer problems or allow us to build a new feature. This has given us the confidence to build on top of the platform as our product evolves." 1540 </div> 1541 1542 <!-- Author Details Section --> 1543 <div class="author-details"> 1544 <div class="author-name">
1544Mark R.</div> 1545 <div class="author-title"> 1546 Software Developer at CloudWorks 1547 </div> 1548 </div> 1549 </div> 1550 </div> 1551 </div> 1552 1553 <!-- <div class="testimonial-carousel-nav"> 1554 <button class="testimonial-nav-button previousButton">â</button> 1555 <button class="testimonial-nav-button NextButton">â</button> 1556 </div> --> 1557 1558 <div class="testimonial-carousel-nav"> 1559 <!-- Left Arrow Button with SVG --> 1560 <button class="testimonial-nav-button previousButton"> 1561 <div class="arrow-icon-lr left-arrow"> 1562 <svg width="16" height="14" style="margin-bottom: 0px;" viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1563 <path d="M15.4453 7.18311L0.560377 7.1831" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path> 1564 <path d="M6.39063 1.36481L0.567039 7.1896L6.39062 13.0132" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path> 1565 </svg> 1566 </div> 1567 </button> 1568 1569 <!-- Right Arrow Button with SVG --> 1570 <button class="testimonial-nav-button NextButton"> 1571 <div class="arrow-icon-lr right-arrow"> 1572 <svg width="16" height="13" style="margin-bottom: 0px;" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 1573 <path d="M0.171875 6.51025H15.0568" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path> 1574 <path d="M9.23438 12.3285L15.058 6.50376L9.23438 0.680176" stroke="#2480FC" stroke-width="1.5" stroke-linejoin="bevel"></path> 1575 </svg> 1576 </div> 1577 </button> 1578 </div> 1579 </div> 1580 </div> 1581 1582 1583 <!-- Latest Insights section Starts here --> 1584 1585 <div class="insights-container" style="margin-bottom: 80px;"> 1586 <div class="insights-content-container"> 1587 1588 <div class="insights-header"> 1589 <span class="insights-clients-tag">LATEST NEWS</span> 1590 <h3 class="font-weight-normal" style="color: white !important; line-height:48px!important;">Latest Insights On Your Fingertips</h3> 1591 <p class="font-weight-light"> 1592 Stay ahead of the curve with our API insights. Discover the latest trends, best <br> practices, and innovative use 1593 cases in 1594 our blog posts and newsletter. 1595 </p> 1596 <!-- <div class="insights-navigation"> 1597 <button class="insights-nav-button">â</button> 1598 <button class="insights-nav-button">â</button> 1599 </div> --> 1600 1601 <div class="insights-navigation"> 1602 <!-- Left Arrow Button with SVG --> 1603 <button class="insights-nav-button previousButton"> 1604 <div class="arrow-icon-lri left-arrow"> 1605 <svg width="16" height="14" style="margin-bottom: 0px;" viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1606 <path d="M15.4453 7.18311L0.560377 7.1831" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path> 1607 <path d="M6.39063 1.36481L0.567039 7.1896L6.39062 13.0132" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path> 1608 </svg> 1609 </div> 1610 </button> 1611 <!-- Right Arrow Button with SVG --> 1612 <button class="insights-nav-button NextButton"> 1613 <div class="arrow-icon-lri right-arrow"> 1614 <svg width="16" height="13" style="margin-bottom: 0px;" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 1615 <path d="M0.171875 6.51025H15.0568" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path> 1616 <path d="M9.23438 12.3285L15.058 6.50376L9.23438 0.680176" stroke="#27344A" stroke-width="1.5" stroke-linejoin="bevel"></path> 1617 </svg> 1618 </div> 1619 </button> 1620 </div> 1621 </div> 1622 1623 <div class="insights-carousel-container"> 1624 1625 <div class="insights-carousel-track" id="insightsCarouselTrack"> 1626 <div class="insights-card"> 1627 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/mcpvscli.png" alt="MCP versus CLI workflows" loading="lazy"> 1628 <div class="insights-card-body">
1629 <span class="insights-card-tag">NEWS</span> 1630 <h5 style="color: white !important">MCP vs CLI: Which is Better for AI-Assisted Developer Workflows</h5> 1631 <p class="insights-card-date">May 15, 2026</p> 1632 <a href="https://blog.apilayer.com/mcp-vs-cli-which-is-better-for-ai-assisted-developer-workflows-2/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=mcp_vs_cli_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1633 </div> 1634 </div> 1635 1636 <div class="insights-card"> 1637 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/stockdataapiguide.png" alt="Stock data API guide" loading="lazy"> 1638 <div class="insights-card-body"> 1639 <span class="insights-card-tag">NEWS</span> 1640 <h5 style="color: white !important">Stock Data API Guide: How to Get Real-Time and Historical Stock Prices Using REST Endpoints</h5> 1641 <p class="insights-card-date">May 5, 2026</p> 1642 <a href="https://blog.apilayer.com/stock-data-api-guide-how-to-get-real-time-and-historical-stock-prices-using-rest-endpoints/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=stock_data_api_guide_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1643 </div> 1644 </div> 1645 1646 <div class="insights-card"> 1647 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/intradaystockdata.png" alt="Intraday stock data explained" loading="lazy"> 1648 <div class="insights-card-body"> 1649 <span class="insights-card-tag">NEWS</span> 1650 <h5 style="color: white !important">Intraday Stock Data Explained: What It Is, How It Works, and How to Use It for Charts, Alerts, and Backtesting</h5> 1651 <p class="insights-card-date">April 23, 2026</p> 1652 <a href="https://blog.apilayer.com/intraday-stock-data-explained-what-it-is-how-it-works-and-how-to-use-it-for-charts-alerts-and-backtesting/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=intraday_stock_data_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1653 </div> 1654 </div> 1655 1656 <div class="insights-card"> 1657 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipaddressmetadata.png" alt="IP address metadata" loading="lazy"> 1658 <div class="insights-card-body"> 1659 <span class="insights-card-tag">NEWS</span> 1660 <h5 style="color: white !important">IP Address Metadata Explained: What You Can Learn From an IP (ISP, ASN, Location, and More)</h5> 1661 <p class="insights-card-date">April 17, 2026</p> 1662 <a href="https://blog.apilayer.com/ip-address-metadata-explained-what-you-can-learn-from-an-ip-isp-asn-location-and-more/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=ip_address_metadata_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1663 </div> 1664 </div> 1665 1666 <div class="insights-card"> 1667 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/staticipaddressexplained.png" alt="Static IP address explained" loading="lazy"> 1668 <div class="insights-card-body">
1669 <span class="insights-card-tag">NEWS</span> 1670 <h5 style="color: white !important">Static IP Address Explained: What It Is, Pros, Cons, Costs, and When You Need One</h5> 1671 <p class="insights-card-date">June 17, 2026</p> 1672 <a href="https://blog.apilayer.com/static-ip-address-explained-what-it-is-pros-cons-costs-and-when-you-need-one/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=static_ip_address_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1673 </div> 1674 </div> 1675 1676 <!-- DUPLICATE of card 4 â same article, same date. Delete this card. --> 1677 <div class="insights-card"> 1678 <img class="insights-card-thumb" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/ipaddressmetadata.png" alt="IP address metadata" loading="lazy"> 1679 <div class="insights-card-body"> 1680 <span class="insights-card-tag">NEWS</span> 1681 <h5 style="color: white !important">IP Address Metadata Explained: What You Can Learn From an IP (ISP, ASN, Location, and More)</h5> 1682 <p class="insights-card-date">April 17, 2026</p> 1683 <a href="https://blog.apilayer.com/ip-address-metadata-explained-what-you-can-learn-from-an-ip-isp-asn-location-and-more/?utm_source=apilayer_homepage&utm_medium=content&utm_campaign=blog_engagement&utm_content=ip_address_metadata_article" target="_blank" rel="noreferrer noopener" class="insights-card-link">Read more <img class="card-quote-icon" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/quote-Vector-1.svg" alt="Arrow icon"></a> 1684 </div> 1685 </div> 1686 1687 </div> 1688 1689 <div class="insights-progress-bar"> 1690 <div class="insights-progress" id="insightsProgress"></div> 1691 </div> 1692 </div> 1693 </div> 1694 </div> 1695 1696 <!-- Latest Insights section Ends here --> 1697 1698 </body><html><footer style="text-align: left !important;"> 1699 <div class="footer-header"> 1700 <div class="logo-container"> 1701 <a href="/"> 1702 <img alt="API Layer Logo" class="logo" src="/wp-content/themes/hello-theme-child/assets/apilayer/images/footerlogo.svg"> 1703 </a> 1704 </div> 1705 <a href="/products?utm_source=APILayerHomePage&utm_medium=Referral" class="browse-btn" style="width:162px;"> 1706 Browse all APIs 1707 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/blueright.svg"> 1708 </a> 1709 </div> 1710 <div class="content-grid"> 1711 <div class="sitemap"> 1712 <div class="sitemap-lists"> 1713 <ul class="sitemap-list"> 1714 <p class="footer-p-tags font-weight-medium" style="color: white !important">APILayer</p> 1715 <li class="footer-p-tags font-weight-normal"><a href="/why-choose-apilayer">About</a></li> 1716 <li class="footer-p-tags font-weight-normal"><a href="/products/?utm_source=APILayerHomePage&utm_medium=internal&utm_campaign=main_nav&utm_content=products_menu">Products</a></li> 1717 </ul> 1718 <ul class="sitemap-list"> 1719 <p class="footer-p-tags font-weight-medium" style="color: white !important">Developers</p> 1720 <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://docs.apilayer.com/apilayer/docs/api-layer-hub?utm_source=apilayer_footer&utm_medium=internal&utm_campaign=footer_navigation&utm_content=documentation">Documentation</a></li> 1721 </ul> 1722 <ul class="sitemap-list"> 1723 <p class="footer-p-tags font-weight-medium" style="color: white !important">Content</p> 1724 <li class="footer-p-tags font-weight-normal"><a href="/marketstack-vs-alphavantage">Marketstack vs Alpha Vantage</a></li> 1725 </ul> 1726 <ul class="sitemap-list"> 1727 <p class="footer-p-tags font-weight-medium" style="color: white !important">Community</p> 1728 <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://github.com/public-apis/public-apis">Github</a></li> 1729 <li class="footer-p-tags font-weight-normal"><a target="_blank" href="https://discord.com/invite/hgjA78638n">Discord</a></li> 1730 </ul> 1731 <ul class="sitemap-list"> 1732 <p class="footer-p-tags font-weight-medium" style="color: white !important">Support</p> 1733 <li class="footer-p-tags font-weight-normal"><a href="/support">Contact Sales</a></li> 1734 <li class="footer-p-tags font-weight-normal"><a href="/contact-us">Helpdesk</a></li> 1735 <!--<li class="footer-p-tags font-weight-normal">
1735<a href="https://blog.apilayer.com/" target="_blank">Blog</a></li>--> 1736 </ul> 1737 <ul class="sitemap-list"> 1738 <p class="footer-p-tags font-weight-medium" style="color: white !important">Resources</p> 1739 <li class="footer-p-tags font-weight-normal"><a href="https://blog.apilayer.com/" target="_blank">Blogs</a></li> 1740 <li class="footer-p-tags font-weight-normal"><a href="/faq">FAQs</a></li> 1741 <li class="footer-p-tags font-weight-normal"><a href="/developers/suite/">Use Cases</a></li> 1742 <li class="footer-p-tags font-weight-normal"><a href="/why-choose-apilayer">Why choose APILayer</a></li> 1743 </ul> 1744 </div> 1745 </div> 1746 1747 1748 <div class="newsletter newsletter-v2"> 1749 <div> 1750 <p class="footer-p-tags font-weight-medium" style="color: white !important">Newsletter</p> 1751 <p class="footer-p-tags font-weight-normal"> 1752 Join our newsletter to receive the latest API <br>insights, tips, and 1753 updates straight to your inbox. 1754 </p> 1755 <form class="newsletter-form" id="newsletter-form"> 1756 <input class="newsletter-input" placeholder="Email" type="email" id="footer-email" required> 1757 <button class="subscribe-btn" type="submit"> 1758 Subscribe 1759 <img src="/wp-content/themes/hello-theme-child/assets/apilayer/images/whitearrow.svg" class="subscribe-arrow"> 1760 </button> 1761 </form> 1762 </div> 1763 <div class="Connect"> 1764 <p class="footer-p-tags font-weight-medium" style="color: white !important">Connect</p> 1765 <!--New social media icons start--> 1766 <div class="social-icons"> 1767 1768 <a href="https://www.instagram.com/apilayer/" target="_blank" class="icon-box"> 1769 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> 1770 <path fill-rule="evenodd" d="M17.34,5.46h0a1.2,1.2,0,1,0,1.2,1.2A1.2,1.2,0,0,0,17.34,5.46Zm4.6,2.42a7.59,7.59,0,0,0-.46-2.43,4.94,4.94,0,0,0-1.16-1.77,4.7,4.7,0,0,0-1.77-1.15,7.3,7.3,0,0,0-2.43-.47C15.06,2,14.72,2,12,2s-3.06,0-4.12.06a7.3,7.3,0,0,0-2.43.47A4.78,4.78,0,0,0,3.68,3.68,4.7,4.7,0,0,0,2.53,5.45a7.3,7.3,0,0,0-.47,2.43C2,8.94,2,9.28,2,12s0,3.06.06,4.12a7.3,7.3,0,0,0,.47,2.43,4.7,4.7,0,0,0,1.15,1.77,4.78,4.78,0,0,0,1.77,1.15,7.3,7.3,0,0,0,2.43.47C8.94,22,9.28,22,12,22s3.06,0,4.12-.06a7.3,7.3,0,0,0,2.43-.47,4.7,4.7,0,0,0,1.77-1.15,4.85,4.85,0,0,0,1.16-1.77,7.59,7.59,0,0,0,.46-2.43c0-1.06.06-1.4.06-4.12S22,8.94,21.94,7.88ZM20.14,16a5.61,5.61,0,0,1-.34,1.86,3.06,3.06,0,0,1-.75,1.15,3.19,3.19,0,0,1-1.15.75,5.61,5.61,0,0,1-1.86.34c-1,.05-1.37.06-4,.06s-3,0-4-.06A5.73,5.73,0,0,1,6.1,19.8,3.27,3.27,0,0,1,5,19.05a3,3,0,0,1-.74-1.15A5.54,5.54,0,0,1,3.86,16c0-1-.06-1.37-.06-4s0-3,.06-4A5.54,5.54,0,0,1,4.21,6.1,3,3,0,0,1,5,5,3.14,3.14,0,0,1,6.1,4.2,5.73,5.73,0,0,1,8,3.86c1,0,1.37-.06,4-.06s3,0,4,.06a5.61,5.61,0,0,1,1.86.34A3.06,3.06,0,0,1,19.05,5,3.06,3.06,0,0,1,19.8,6.1,5.61,5.61,0,0,1,20.14,8c.05,1,.06,1.37.06,4S20.19,15,20.14,16ZM12,6.87A5.13,5.13,0,1,0,17.14,12,5.12,5.12,0,0,0,12,6.87Zm0,8.46A3.33,3.33,0,1,1,15.33,12,3.33,3.33,0,0,1,12,15.33Z"></path> 1771 </svg> 1772 </a> 1773 <a href="https://www.facebook.com/APILayer/" target="_blank" class="icon-box"> 1774 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 1775 <path fill-rule="evenodd" d="M14,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H14A5,5,0,0,0,9,7v3H7a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v7a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V14h2.22a1,1,0,0,0,1-.76l.5-2a1,1,0,0,0-1-1.24H13V7A1,1,0,0,1,14,6Z"></path> 1776 </svg> 1777 </a> 1778 <a href="https://www.linkedin.com/company/apilayer/" target="_blank" class="icon-box"> 1779 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="-2.5 -2 24 26" aria-hidden="true"> 1780 <path fill-rule="evenodd" d="M19.959 11.719v7.379h-4.278v-6.885c0-1.73-.619-2.91-2.167-2.91-1.182 0-1.886.796-2.195 1.565-.113.275-.142.658-.142 1.043v7.187h-4.28s.058-11.66 0-12.869h4.28v1.824l-.028.042h.028v-.042c.568-.875 1.583-2.126 3.856-2.12
17806 2.815 0 4.926 1.84 4.926 5.792zM2.421.026C.958.026 0 .986 0 2.249c0 1.235.93 2.224 2.365 2.224h.028c1.493 0 2.42-.989 2.42-2.224C4.787.986 3.887.026 2.422.026zM.254 19.098h4.278V6.229H.254v12.869z"></path> 1781 </svg> 1782 </a> 1783 <a href="https://twitter.com/apilayer/" target="_blank" class="icon-box"> 1784 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="-4 -4 24 26" aria-hidden="true"> 1785 <path fill-rule="evenodd" d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path> 1786 </svg> 1787 </a> 1788 <a href="https://www.youtube.com/channel/UCwDncja3klyMhkKXWV1zoNQ" target="_blank" class="icon-box"> 1789 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> 1790 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7489 4C10.755 4.00335 6.95329 4.03145 4.29761 4.23019C3.86729 4.28305 2.92964 4.28706 2.09295 5.19376C1.43291 5.88365 1.21872 7.45214 1.21872 7.45214C1.21872 7.45214 1.01747 9.13906 1 10.8982V13.0957C1.01747 14.8549 1.21872 16.5418 1.21872 16.5418C1.21872 16.5418 1.43291 18.1097 2.09295 18.8002C2.92964 19.7069 4.02971 19.6781 4.51956 19.7725C6.12954 19.9324 11.0533 19.9913 11.8803 20H12.2893C13.3485 19.994 17.0829 19.9599 19.7011 19.7638C20.1314 19.7109 21.0691 19.7069 21.9058 18.8002C22.5658 18.1097 22.78 16.5418 22.78 16.5418C22.78 16.5418 23 14.701 23 12.8602V11.1338C23 9.29229 22.78 7.45214 22.78 7.45214C22.78 7.45214 22.5658 5.88365 21.9058 5.19376C21.0691 4.28706 20.1314 4.28305 19.7011 4.23019C17.0454 4.03145 13.2437 4.00335 12.2491 4H11.7489ZM9.72675 8.56008L15.6723 11.7681L9.72804 14.9548L9.72675 8.56008Z"></path> 1791 </svg> 1792 </a> 1793 <a href="https://github.com/public-apis/public-apis" target="_blank" class="icon-box"> 1794 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> 1795 <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"></path> 1796 </svg> 1797 </a> 1798 <a href="https://discord.com/invite/hgjA78638n" target="_blank" class="icon-box"> 1799 <svg class="h-6 w-6 icon" fill="currentColor" viewbox="0 0 24 24" aria-hidden="true"> 1800 <path fill-rule="evenodd" d="M18.8944 4.34399C17.5184 3.71467 16.057 3.256 14.5317 3C14.3397 3.33067 14.1263 3.77866 13.977 4.13067C12.3546 3.89599 10.7439 3.89599 9.14394 4.13067C8.9946 3.77866 8.77059 3.33067 8.58925 3C7.05328 3.256 5.59194 3.71467 4.22555 4.34399C1.46289 8.41865 0.716219 12.3973 1.08955 16.3226C2.92421 17.6559 4.6949 18.4666 6.43463 19C6.86129 18.424 7.2453 17.8053 7.57597 17.1546C6.94663 16.92 6.3493 16.632 5.7733 16.2906C5.92263 16.184 6.07197 16.0667 6.21064 15.9493C9.68796 17.5387 13.4544 17.5387 16.889 15.9493C17.0383 16.0667 17.177 16.184 17.3263 16.2906C16.7503 16.632 16.153 16.92 15.5237 17.1546C15.8543 17.8053 16.2384 18.424 16.665 19C18.4037 18.4666 20.185 17.6559 22.0101 16.3226C22.4687 11.7787 21.2837 7.83202 18.8944 4.34399ZM8.05596 13.9013C7.01061 13.9013 6.15728 12.952 6.15728 11.7893C6.15728 10.6267 6.98928 9.67731 8.05596 9.67731C9.11194 9.67731 9.97591 10.6267 9.95457 11.7893C9.95457 12.952 9.11194 13.9013 8.05596 13.9013ZM15.065 13.9013C14.0197 13.9013 13.1653 12.952 13.1653 11.7893C13.1653 10.6267 13.9983 9.67731 15.065 9.67731C16.121 9.67731 16.985 10.6267 16.9637 11.7893C16.9637 12.952 16.1317 13.9013 15.065 13.9013Z"></path> 1801 </svg> 1802 </a> 1803 </div> 1804 </div> 1805 </div> 1806 </div> 1807 1808 <div class="footer-bottom"> 1809 <p class="footer-p-tags font-weight-normal">© 2026 APILayer. All rights reserved.</p> 1810 <div class="footer-links"> 1811 <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/legal/APILayer" target="_blank" rel="noreferrer noopener nofollow">Privacy Policy</a> 1812 <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/legal/APILayer" target="_blank" rel="noreferrer noopener nofollow">Imprint</a> 1813 <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/Legal/Terms-of-Use" target="_blank" rel="noreferrer noopener nofollow">Terms</a> 1814 <a class="footer-p-tags font-weight-normal" href="https://www.ideracorp.com/en/legal/privacypolicy" target="_blank" rel="noreferrer noopener nofollow">Cookie Preferences</a> 1815 </div> 1816 </div> 1817</footer> 1818
1819<script> 1820 document.addEventListener("DOMContentLoaded", () => { 1821 const newsletterForm = document.getElementById("newsletter-form"); 1822 const input = document.getElementById("footer-email"); 1823 1824 if (!newsletterForm || !input) return; 1825 1826 newsletterForm.addEventListener("submit", (e) => { 1827 e.preventDefault(); 1828 1829 const value = input.value.trim(); 1830 if (!value) return; 1831 1832 //window.location.href = `/newsletter?value=${encodeURIComponent(value)}`; 1833 window.location.href = `https://app.apilayer.com/newsletter?email=${encodeURIComponent(value)}`; 1834 }); 1835 }); 1836 1837 // IPstack API 1838 const ipstack_api_el = document.getElementById("ipstack_api_block"); 1839 if (ipstack_api_el) { 1840 ipstack_api_el.addEventListener("click", function() { 1841 window.location.href = "/products/ipstack"; 1842 }); 1843 } 1844 1845 // PositionStack API 1846 const positionstack_api_el = document.getElementById("positionstack_api_block"); 1847 if (positionstack_api_el) { 1848 positionstack_api_el.addEventListener("click", function() { 1849 window.location.href = "/products/positionstack"; 1850 }); 1851 } 1852 1853 // MediaStack API 1854 const mediastack_api_el = document.getElementById("mediastack_api_block"); 1855 if (mediastack_api_el) { 1856 mediastack_api_el.addEventListener("click", function() { 1857 window.location.href = "/products/mediastack"; 1858 }); 1859 } 1860 1861 // MarketStack API 1862 const marketstack_api_el = document.getElementById("marketstack_api_block"); 1863 if (marketstack_api_el) { 1864 marketstack_api_el.addEventListener("click", function() { 1865 window.location.href = "/products/marketstack"; 1866 }); 1867 } 1868 1869 // AviationStack API 1870 const aviationstack_api_el = document.getElementById("aviationstack_api_block"); 1871 if (aviationstack_api_el) { 1872 aviationstack_api_el.addEventListener("click", function() { 1873 window.location.href = "/products/aviationstack"; 1874 }); 1875 } 1876 1877 // Countrylayer API 1878 const countrylayer_api_el = document.getElementById("countrylayer_api_block"); 1879 if (countrylayer_api_el) { 1880 countrylayer_api_el.addEventListener("click", function() { 1881 window.location.href = "/products/countrylayer"; 1882 }); 1883 } 1884 1885 // Serpstack API 1886 const serpstack_api_el = document.getElementById("serpstack_api_block"); 1887 if (serpstack_api_el) { 1888 serpstack_api_el.addEventListener("click", function() { 1889 window.location.href = "/products/serpstack"; 1890 }); 1891 } 1892 1893 // ScrapeStack API 1894 const scrapestack_api_el = document.getElementById("scrapestack_api_block"); 1895 if (scrapestack_api_el) { 1896 scrapestack_api_el.addEventListener("click", function() { 1897 window.location.href = "/products/scrapestack"; 1898 }); 1899 } 1900 1901 // Mailboxlayer API 1902 const mailboxlayer_api_el = document.getElementById("mailboxlayer_api_block"); 1903 if (mailboxlayer_api_el) { 1904 mailboxlayer_api_el.addEventListener("click", function() { 1905 window.location.href = "/products/mailboxlayer"; 1906 }); 1907 } 1908</script>
1908 1909
1910<script type="speculationrules"> 1911{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-theme-child/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1912</script>
vendor: 1 bytes, line 1912
1912
1913<script id="bootstrap-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1913
1913
1914<script id="hello-theme-frontend-js" src="/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.5.1"></script>
1914 1915 1916 1917</html></html><!-- --------- Homepage Revamp all content End here -------- --><!-- Link to JavaScript -->
1917<script> 1918 1919 document.addEventListener("DOMContentLoaded", () => { 1920 // Pop animation for icons 1921 const icons = document.querySelectorAll(".pop-animation"); 1922 icons.forEach((icon) => { 1923 const delay = parseFloat(icon.getAttribute("data-delay")) || 0; 1924 setTimeout(() => { 1925 icon.classList.add("animate"); 1926 }, delay * 1000); 1927 }); 1928 1929 // Counter animation function 1930 function animateCounter(element, target, format, duration) { 1931 let start = 0; 1932 const increment = target / (duration / 16); // 16ms is roughly 60fps 1933 1934 function formatNumber(num, format) { 1935 const value = Number.isInteger(num) 1936 ? num.toString() 1937 : num.toFixed(1); 1938 1939 switch (format) { 1940 case "m": 1941 return value + "m"; 1942 case "k": 1943 return value + "K"; 1944 // case "b": 1945 // return value + "b"; 1946 default: 1947 return value; 1948 } 1949 } 1950 1951 function updateCounter() { 1952 start += increment; 1953 if (start >= target) { 1954 element.textContent = formatNumber(target, format); 1955 } else { 1956 element.textContent = formatNumber(start, format); 1957 requestAnimationFrame(updateCounter); 1958 } 1959 } 1960 1961 updateCounter(); 1962 } 1963 1964 // Fade in and counter animation for content on scroll 1965 const fadeElements = document.querySelectorAll(".fade-in-animation"); 1966 const numberElements = document.querySelectorAll( 1967 ".numbertiles .number-dark" 1968 ); 1969 const windowHeight = window.innerHeight; 1970 let hasAnimated = false; 1971 1972 function handleScroll() { 1973 fadeElements.forEach((element) => { 1974 const elementPosition = 1975 element.getBoundingClientRect().top + window.pageYOffset; 1976 const scrollPosition = window.pageYOffset + windowHeight; 1977 1978 if (scrollPosition > elementPosition - 100) { 1979 const delay = parseFloat(element.getAttribute("data-delay")) || 0; 1980 setTimeout(() => { 1981 element.classList.add("visible"); 1982 1983 // Start counter animation when cards become visible 1984 if (!hasAnimated && element.closest(".curve-card-container")) { 1985 hasAnimated = true; 1986 1987 numberElements.forEach((numberElement) => { 1988 const text = numberElement.textContent.toLowerCase(); 1989 let target, format; 1990 1991 if (text.includes("k")) { 1992 target = parseFloat(text); 1993 format = "k"; 1994 } else if (text.includes("m")) { 1995 target = parseFloat(text); 1996 format = "m"; 1997 } else { 1998 target = parseFloat(text); 1999 format = ""; 2000 } 2001 //console.log('text',text, target, format); 2002 2003 animateCounter(numberElement, target, format, 2000); // 2000ms duration 2004 }); 2005 } 2006 }, delay * 1000); 2007 } 2008 }); 2009 } 2010 2011 window.addEventListener("scroll", handleScroll); 2012 handleScroll(); // Check initial position 2013 }); 2014 2015 const track = document.querySelector(".testimonial-carousel-track"); 2016 const Testimonialcards = document.querySelectorAll(".testimonial-card"); 2017 const NextButton = document.querySelector(".NextButton"); 2018 const PrevButton = document.querySelector(".previousButton"); 2019 let currentIndex = 0; 2020 2021 function updatetestimonialCarousel() { 2022 const slideWidth = Testimonialcards[0].offsetWidth + 20; // Include gap 2023 track.style.transform = `translateX(-${currentIndex * slideWidth}px)`; 2024 2025 Testimonialcards.forEach((card, index) => { 2026 card.classList.remove("active"); 2027 if (index === currentIndex) { 2028 card.classList.add("active"); 2029 } 2030 }); 2031 } 2032 2033 NextButton.addEventListener("click", () => { 2034 currentIndex = (currentIndex + 1) % Testimonialcards.length; 2035 updatetestimonialCarousel(); 2036 }); 2037 2038 PrevButton.addEventListener("click", () => { 2039 currentIndex = 2040 (currentIndex - 1 + Testimonialcards.length) % 2041 Testimonialcards.length; 2042 updatetestimonialCarousel(); 2043 }); 2044 2045 // Initial setup 2046 updatetestimonialCarousel(); 2047 2048 // Update on window resize 2049 window.addEventListener("resize", updatetestimonialCarousel); 2050 2051 2052 /* Latest Insights section Script of progress bar Starts here */ 2053 2054 let insightcurrentIndex = 0; 2055 const insighttrack = document.getElementById("insightsCarouselTrack"); 2056 const progress = document.getElementById("insightsProgress"); 2057 2058 const progressSteps = [33.33, 66.66, 100]; // Define progress steps for each slide 2059 2060 function updateCarousel() { 2061 const isMobile = window.innerWidth <= 768; 2062 let offset; 2063 2064 // Adjust the offset based on the current index and screen size 2065 offset = isMobile ? -insightcurrentIndex * 120 : -insightcurrentIndex * (33.333 + 1); 2066 insighttrack.style.transform = `translateX(${offset}%)`; 2067 2068 // Update the progress bar based on the current index 2069 const progressWidth = progressSteps[insightcurrentIndex]; 2070 progress.style.width = `${progressWidth}%`; 2071 } 2072 2073 function nextSlide() { 2074 insightcurrentIndex++; 2075 if (insightcurrentIndex >= progressSteps.length) { 2076 insightcurrentIndex = 0; // Wrap around 2077 } 2078 updateCarousel(); 2079 } 2080 2081 function prevSlide() { 2082 insightcurrentIndex--; 2083 if (insightcurrentIndex < 0) { 2084 insightcurrentIndex = progressSteps.length - 1; // Wrap around 2085 } 2086 updateCarousel(); 2087 } 2088 2089 // Attach event listeners to buttons 2090 document.querySelectorAll('.insights-nav-button').forEach(button => { 2091 button.addEventListener('click', (e) => { 2092 if (button.classList.contains('NextButton')) { 2093 nextSlide(); 2094 } else { 2095 prevSlide(); 2096 } 2097 });
2098 }); 2099 2100 // Initial update to set up carousel and progress 2101 updateCarousel(); 2102 2103 // Handle window resize 2104 window.addEventListener("resize", updateCarousel); 2105 2106 2107 /* Latest Insights section Script of progress bar Ends here */ 2108 2109 2110 function toggleAccordion(caseId) { 2111 const allAccordions = document.querySelectorAll('.accordion-content'); 2112 const allTitles = document.querySelectorAll('.accordion-title'); 2113 2114 allAccordions.forEach((accordion) => { 2115 if (accordion.id === caseId) { 2116 if (accordion.style.display === "block") { 2117 accordion.style.display = "none"; 2118 accordion.classList.remove('show'); 2119 } else { 2120 accordion.style.display = "block"; 2121 accordion.classList.add('show'); 2122 } 2123 } else { 2124 accordion.style.display = "none"; 2125 accordion.classList.remove('show'); 2126 } 2127 }); 2128 2129 allTitles.forEach((title) => { 2130 if (title.parentNode.querySelector('.accordion-content').id === caseId) { 2131 title.classList.toggle('active'); 2132 } else { 2133 title.classList.remove('active'); 2134 } 2135 }); 2136 } 2137 2138 const observer = new IntersectionObserver((entries, observer) => { 2139 entries.forEach(entry => { 2140 if (entry.isIntersecting) { 2141 // Add the 'slide-in' class when the image enters the viewport 2142 entry.target.classList.add('slide-in'); 2143 observer.unobserve(entry.target); // Stop observing once animation is triggered 2144 } 2145 }); 2146 }, { 2147 threshold: 0.5 // Trigger when 50% of the image is visible 2148 }); 2149 2150 // Target the image and start observing it 2151 const image = document.querySelector('.overlay-image'); 2152 if (image) { 2153 observer.observe(image); 2154 } 2155 2156 const observer2 = new IntersectionObserver((entries, observer) => { 2157 entries.forEach(entry => { 2158 if (entry.isIntersecting) { 2159 if (entry.target.tagName === 'P') { 2160 entry.target.classList.remove("hidden"); 2161 entry.target.classList.add("typewriter"); 2162 2163 const preCode = document.querySelector('.type-code pre');
2164 preCode.classList.remove("hidden"); 2165 2166 // Apply line-by-line typing effect 2167 typePreCodeLineByLine(preCode); 2168 2169 setTimeout(() => { 2170 entry.target.classList.add("p-cursor-hidden"); 2171 2172 }, 1000); 2173 } 2174 2175 observer2.unobserve(entry.target); 2176 } 2177 }); 2178 }, { 2179 threshold: 0.5 2180 }); 2181 2182 const targetElements = document.querySelectorAll(".type-code p, .type-code pre"); 2183 2184 targetElements.forEach(element => { 2185 observer2.observe(element); 2186 }); 2187 2188 function typePreCodeLineByLine(preCodeElement) { 2189 const lines = preCodeElement.innerHTML.split("\n"); 2190 preCodeElement.innerHTML = '' 2191 2192 let currentLine = 0; 2193 2194 function typeNextLine() { 2195 if (currentLine < lines.length) { 2196 const line = lines[currentLine]; 2197 const lineElement = document.createElement('div'); 2198 lineElement.innerHTML = line; 2199 lineElement.classList.add('typewriter-line'); 2200 preCodeElement.appendChild(lineElement); 2201 lineElement.classList.add('typewriter'); 2202 2203 setTimeout(() => { 2204 lineElement.classList.add('p-cursor-hidden'); 2205 currentLine++; 2206 typeNextLine(); 2207 }, 1000); 2208 } 2209 } 2210 2211 typeNextLine(); 2212 } 2213</script>
2213<script> 2214jQuery(document).ready(function($){ 2215 2216 $('.tab-btn').on('click', function(e){ 2217 2218 e.preventDefault(); 2219 2220 // Active button 2221 $('.tab-btn').removeClass('active'); 2222 $(this).addClass('active'); 2223 2224 // Get target 2225 let target = $(this).data('target'); 2226 2227 if (!target) return; 2228 2229 $('.hero-content') 2230 .removeClass('active') 2231 .hide(); 2232 2233 $('#' + target) 2234 .addClass('active') 2235 .fadeIn(200); 2236 2237 $('.usecase-section') 2238 .removeClass('active-section') 2239 .hide(); 2240 2241 $('.' + target) 2242 .addClass('active-section') 2243 .fadeIn(200); 2244 2245 $('.graphics-area') 2246 .removeClass('active') 2247 .hide(); 2248 2249 $('#graphics-' + target) 2250 .addClass('active') 2251 .fadeIn(200); 2252 2253 }); 2254 2255}); 2256</script>
2256<!-- #content -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.