CINXE.COM

<!doctype html><html lang="en" dir="ltr"><head><script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https://www.googletagmanager.com/gtm.js?id=GTM-5GRV5RM",g.parentNode.insertBefore(m,g)}(window,document,"script","dataLayer")</script><base href="/"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta charset="utf-8"><title>Unreached of the Day: Resources - Web Widget</title><meta name="description" content="A resource to help expand vision and passion for unreached peoples. Each day a different unreached people group is highlighted for prayer and vision. Available on this website or as Android and iOS mobile app, daily email, web widget and podcast."><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00629f"><meta name="msapplication-TileColor" content="#00629f"><meta name="theme-color" content="#00629f"><style>#fouc-hide{display:none}</style><script defer="defer" src="/js/runtime.bcf0b180a4f093fd45c0.js"></script><script defer="defer" src="/js/npm.axios.940f0676a561839fa4a3.js"></script><script defer="defer" src="/js/npm.style-loader.710bdc300f927acc7b46.js"></script><script defer="defer" src="/js/npm.js-cookie.c917e3a1864d3208bcaf.js"></script><script defer="defer" src="/js/npm.css-loader.5f10d01b6564f07a334f.js"></script><script defer="defer" src="/js/npm.form-data.3e7d1c86a3a5ef4eebe5.js"></script><script defer="defer" src="/js/npm.jstz.84049ee78960ba46276a.js"></script><script defer="defer" src="/js/npm.regenerator-runtime.1d7c1d8ad1d8f88d7161.js"></script><script defer="defer" src="/js/npm.lozad.8c286ab49336c89476e9.js"></script><script defer="defer" src="/js/npm.clipboard.59d422c29386ca669115.js"></script><script defer="defer" src="/js/npm.simonwep.7f7a05633bed52694586.js"></script><script defer="defer" src="/js/710.4bc018b6fa620a89d5ca.js"></script><script defer="defer" src="/js/452.da223005e3be94161119.js"></script><script defer="defer" src="/js/resources/web-widget.b097e349dd73642b9ec9.js"></script></head><body class="main-theme"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5GRV5RM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="fouc-hide"><aside id="sidebar-flyout" role="region" aria-labelledby="flyout-toggler"><div class="scrollable-container"><div id="settings-controls" class="d-flex flex-row"><div class="ml-auto pr-2"><a href="./settings/" aria-label="Visit the settings page"><div class="language-badge settings en"></div><span data-i18n="NAV_SETTINGS">Settings</span></a></div><div class="pl-2"><a href="#" aria-label="Close the side navigation" id="close-flyout"><i class="icon icon-close icon-accent-on-primary"></i><br><span data-i18n="BUTTON_CLOSE">Close</span></a></div></div><h3 data-i18n="APP_NAME">Unreached of the Day</h3><ul class="sidebar-nav"><li><a href="/" data-i18n="NAV_HOME">Pray Today</a></li><li><a href="/browse/" data-i18n="NAV_BROWSE">Browse</a></li><li id="resources-dropdown"><a href="#"><span data-i18n="SEGMENT_RESOURCES">Resources</span></a> <span class="chevron-icon float-right"><i class="icon icon-chevron-right icon-accent-on-primary no-hover"></i></span><ul class="nav-dropdown show"><li><a href="/resources/mobile-app/" data-i18n="HEADER_APP">Mobile App</a></li><li><a href="/resources/email/" data-i18n="HEADER_EMAIL">Email</a></li><li class="en-only"><a href="/resources/podcast/" data-i18n="HEADER_PODCAST">Podcast</a></li><li><a href="/resources/web-widget/" data-i18n="HEADER_WEB_WIDGET">Web Widget</a></li><li><a href="/resources/calendar/" data-i18n="HEADER_CALENDAR">Calendar</a></li><li><a href="/resources/prayer-cards/" data-i18n="HEADER_PRAYER_CARDS">Prayer Cards</a></li><li><a href="/resources/bulletin/" data-i18n="HEADER_BULLETIN">Bulletin Insert</a></li><li class="en-only"><a href="/resources/monthly-sets/" data-i18n="HEADER_MONTHLY_SETS">Monthly Sets</a></li></ul></li><li><a href="/donate/" data-i18n="NAV_DONATE">Donate</a></li><li><a href="/contact-us/" data-i18n="NAV_CONTACT">Contact Us</a></li></ul><hr><div id="jp-brand-logo"><a href="https://joshuaproject.net/" class="img-link" target="_blank"><img data-src="/assets/jp_logo_white_with_brand.7c98dde42e98a2d797f5.png" alt="Joshua Project Logo" class="mx-auto d-block lozad"></a><p class="jp-tagline" data-i18n="ORG_TAGLINE">Bringing definition to the unfinished task</p><p id="more-at-jplink" class="text-center"><a href="https://joshuaproject.net" data-i18n="HEADER_MORE_AT_JP">More at Joshua Project</a></p></div></div></aside><div class="fixed-top"><nav id="settings-nav" class="navbar navbar-expand-lg navbar-dark bg-dark-primary justify-content-end"><a id="secondary-brand" class="navbar-brand mr-auto" href="/"><img src="/assets/white-logo.519eacd9a89663a1be61.png" height="100" width="100" alt="logo of Joshua Project"> <span class="brand-name" data-i18n="APP_NAME_HEADER">UNREACHED of the Day</span></a><ul class="navbar-nav d-print-none"><li class="nav-item"><a class="nav-link" href="./settings/"><div class="language-badge settings en"></div></a></li></ul><button id="flyout-toggler" type="button" aria-expanded="false" aria-controls="sidebar-flyout" aria-label="Open the sidebar"><span class="navbar-toggler-icon d-print-none"></span></button></nav></div><nav id="main-nav" class="navbar d-none d-sm-flex d-md-flex d-lg-flex d-xl-flex d-print-none flex-sm-column flex-md-column flex-lg-row flex-xl-row navbar-dark bg-primary"><a class="navbar-brand mr-auto" href="/"><img src="/assets/white-logo.519eacd9a89663a1be61.png" height="100" width="100" alt="logo of Joshua Project"> <span class="brand-name" data-i18n="APP_NAME_HEADER">UNREACHED of the Day</span></a><ul class="navbar-nav flex-row"><li class="nav-item"><a class="nav-link" href="/" data-i18n="NAV_HOME">Pray Today</a></li><li class="nav-item"><a class="nav-link" href="/browse" data-i18n="NAV_BROWSE">Browse</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="/resources/" id="resourcesDropdown" data-i18n="SEGMENT_RESOURCES" aria-haspopup="true" aria-expanded="false">Resources</a><div class="dropdown-menu" aria-labelledby="resourcesDropdown"><a class="dropdown-item" href="/resources/mobile-app/" data-i18n="HEADER_APP">Mobile App</a> <a class="dropdown-item" href="/resources/email/" data-i18n="HEADER_EMAIL">Email</a> <a class="dropdown-item en-only" href="/resources/podcast/" data-i18n="HEADER_PODCAST">Podcast</a> <a class="dropdown-item" href="/resources/web-widget/" data-i18n="HEADER_WEB_WIDGET">Web Widget</a> <a class="dropdown-item" href="/resources/calendar/" data-i18n="HEADER_CALENDAR">Calendar</a> <a class="dropdown-item" href="/resources/prayer-cards/" data-i18n="HEADER_PRAYER_CARDS">Prayer Cards</a> <a class="dropdown-item" href="/resources/bulletin/" data-i18n="HEADER_BULLETIN">Bulletin Insert</a> <a class="dropdown-item en-only" href="/resources/monthly-sets/" data-i18n="HEADER_MONTHLY_SETS">Monthly Sets</a></div></li><li class="nav-item"><a class="nav-link" href="/donate/" data-i18n="NAV_DONATE">Donate</a></li><li class="nav-item"><a class="nav-link" href="/contact-us/" data-i18n="NAV_CONTACT">Contact Us</a></li></ul></nav><section id="content" class="container"><h2 data-i18n="HEADER_WEB_WIDGET">Web Widget</h2><h3 class="mt-3" data-i18n="HEADER_JAVASCRIPT_BASED">Using Javascript</h3><div data-i18n="CONTENT_WEB_WIDGET_RESOURCE"></div><div class="row"><div class="col-12 col-md-7 col-lg-7"><div class="d-flex flex-row align-items-center"><div class="widget-step-number">1.</div><div class="widget-step-text pl-2" data-i18n="TEXT_WIDGET_STEPS_1">Customize the widget by selecting the size, colors, fonts, borders and content below.</div></div><form id="customize-widget"><fieldset><legend data-i18n="HEADING_WIDGET_SAMPLES">Samples</legend><div class="text-center"><div class="btn-group" id="wgt-opt-samples" role="group" aria-label="Select from a set of samples"><button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="default" data-i18n="BUTTONS_WIDGET_SAMPLES_DEFAULT">Default</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="green" data-i18n="BUTTONS_WIDGET_SAMPLES_GREEN">Green</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="blue" data-i18n="BUTTONS_WIDGET_SAMPLES_BLUE">Blue</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="grey" data-i18n="BUTTONS_WIDGET_SAMPLES_GREY">Grey</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="black-white" data-i18n="BUTTONS_WIDGET_SAMPLES_BW">B&W</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="plain" data-i18n="BUTTONS_WIDGET_SAMPLES_PLAIN">Plain</button></div></div></fieldset><fieldset><legend data-i18n="LABEL_LANGUAGE">Language</legend><p data-i18n="TEXT_OPTION_WIDGET_LANGUAGE_DETAILS" class="form-note">We will first attempt to detect the user's language using their browser. If that fails, this is the language the widget will display in.</p><div class="form-group row"><label for="wgt-opt-display-language" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_DEFAULT_LANGUAGE">Default Language</span></label><div class="col-sm-9"><select id="wgt-opt-display-language" class="form-control trigger-widget-update"></select></div></div></fieldset><fieldset><legend data-i18n="HEADING_WIDGET_SIZE_SHAPE">Size and Shape</legend><div class="form-group row"><label for="wgt-opt-width" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_WIDTH">Width</span></label><div class="col-sm-9"><input type="number" class="form-control trigger-widget-update" name="wgt-opt-width" id="wgt-opt-width" step="1" min="175" max="280"></div></div><div class="form-group row"><div class="col-sm-9 offset-sm-3"><input type="range" class="form-control-range trigger-widget-update" id="wgt-opt-width-range" min="175" max="280"></div></div><div class="form-group row"><label for="wgt-opt-orientation" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_ORIENTATION">Orientation</span></label><div class="col-sm-9"><div class="btn-group" role="group" id="wgt-opt-orientation" aria-label="Select the orientation of the widget"><button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="vert" data-i18n="BUTTONS_WIDGET_SIZE_PORTRAIT">Portrait</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="horz" data-i18n="BUTTONS_WIDGET_SIZE_LANDSCAPE">Landscape</button></div></div></div></fieldset><fieldset><legend data-i18n="HEADING_WIDGET_COLORS">Colors</legend><div class="row"><label for="wgt-opt-colors-background-header" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_HEADER_BACKGROUND">Header Background</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-background-header" role="group" aria-label="Pick a header background color"></div></div><label for="wgt-opt-colors-font-center-hover" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_CENTER_FONT_HOVER">Center Link Hover</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-center-hover" role="group" aria-label="Pick a center link hover color"></div></div></div><div class="row"><label for="wgt-opt-colors-font-header" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_HEADER_FONT">Header Font</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-header" role="group" aria-label="Pick a header font color"></div></div><label for="wgt-opt-colors-background-footer" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_FOOTER_BACKGROUND">Footer Background</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-background-footer" role="group" aria-label="Pick a footer background color"></div></div></div><div class="row"><label for="wgt-opt-colors-font-header-hover" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_HEADER_FONT_HOVER">Header Font Hover</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-header-hover" role="group" aria-label="Pick a header link hover color"></div></div><label for="wgt-opt-colors-font-footer" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_FOOTER_FONT">Footer Font</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-footer" role="group" aria-label="Pick a footer font color"></div></div></div><div class="row"><label for="wgt-opt-colors-background-center" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_CENTER_BACKGROUND">Center Background</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-background-center" role="group" aria-label="Pick a center background color"></div></div><label for="wgt-opt-colors-font-footer-link" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_FOOTER_FONT_LINK">Footer Link</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-footer-link" role="group" aria-label="Pick a footer link color"></div></div></div><div class="row"><label for="wgt-opt-colors-font-center" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_CENTER_FONT">Center Font</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-center" role="group" aria-label="Pick a center font color"></div></div><label for="wgt-opt-colors-font-footer-hover" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_FOOTER_FONT_HOVER">Footer Link Hover</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-footer-hover" role="group" aria-label="Pick a footer link hover color"></div></div></div><div class="row"><label for="wgt-opt-colors-font-center-link" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_COLOR_CENTER_FONT_LINK">Center Link</span></label><div class="col-sm-3"><div class="btn-group color-picker" id="wgt-opt-colors-font-center-link" role="group" aria-label="Pick a center link color"></div></div></div></fieldset><fieldset><legend data-i18n="HEADING_WIDGET_FONTS">Fonts</legend><div class="form-group row"><label for="wgt-opt-font-type" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_FONT_TYPE">Font Type</span></label><div class="col-sm-9"><select id="wgt-opt-font-type" class="form-control trigger-widget-update"><option value="">Select Font Style</option><option value="Andale Mono">Andale Mono</option><option value="Arial">Arial</option><option value="Arial Black">Arial Black</option><option value="Arial Narrow">Arial Narrow</option><option value="Baskerville">Baskerville</option><option value="Book Antiqua">Book Antiqua</option><option value="Calibri">Calibri</option><option value="Cambria">Cambria</option><option value="Century Gothic">Century Gothic</option><option value="Comic Sans MS">Comic Sans</option><option value="Copperplate">Copperplate</option><option value="Courier New">Courier New</option><option value="Futura">Futura</option><option value="Garamond">Garamond</option><option value="Geneva">Geneva</option><option value="Georgia">Georgia</option><option value="Gill Sans">Gill Sans</option><option value="Helvetica">Helvetica</option><option value="Impact">Impact</option><option value="Lucida Bright">Lucida Bright</option><option value="Lucida Console">Lucida Console</option><option value="Lucida Sans Typewriter">Lucida Sans Typewriter</option><option value="Lucida Grande">Lucida Grande</option><option value="Monaco">Monaco</option><option value="Open Sans">Open Sans</option><option value="Palatino">Palatino</option><option value="Papyrus">Papyrus</option><option value="Tahoma">Tahoma</option><option value="Times New Roman">Times New Roman</option><option value="Trebuchet MS">Trebuchet MS</option><option value="Verdana">Verdana</option></select></div></div><div class="form-group row"><label for="wgt-opt-title-font-size" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_TITLE_FONT_SIZE">Title Size</span></label><div class="col-sm-9"><select id="wgt-opt-title-font-size" class="form-control font-size trigger-widget-update"><option value="">Select Font Size</option><option value="8px">8px</option><option value="9px">9px</option><option value="10px">10px</option><option value="11px">11px</option><option value="12px">12px</option><option value="13px">13px</option><option value="14px">14px</option><option value="15px">15px</option><option value="16px">16px</option><option value="17px">17px</option><option value="18px">18px</option><option value="19px">19px</option><option value="20px">20px</option><option value="21px">21px</option><option value="22px">22px</option><option value="23px">23px</option><option value="24px">24px</option><option value="25px">25px</option><option value="26px">26px</option><option value="27px">27px</option><option value="28px">28px</option></select></div></div><div class="form-group row"><label for="wgt-opt-people-font-size" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_PEOPLE_FONT_SIZE">People Size</span></label><div class="col-sm-9"><select id="wgt-opt-people-font-size" class="form-control font-size trigger-widget-update"><option value="">Select Font Size</option><option value="8px">8px</option><option value="9px">9px</option><option value="10px">10px</option><option value="11px">11px</option><option value="12px">12px</option><option value="13px">13px</option><option value="14px">14px</option><option value="15px">15px</option><option value="16px">16px</option><option value="17px">17px</option><option value="18px">18px</option><option value="19px">19px</option><option value="20px">20px</option><option value="21px">21px</option><option value="22px">22px</option><option value="23px">23px</option><option value="24px">24px</option></select></div></div><div class="form-group row"><label for="wgt-opt-info-font-size" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_INFO_FONT_SIZE">Info Size</span></label><div class="col-sm-9"><select id="wgt-opt-info-font-size" class="form-control font-size trigger-widget-update"><option value="">Select Font Size</option><option value="8px">8px</option><option value="9px">9px</option><option value="10px">10px</option><option value="11px">11px</option><option value="12px">12px</option><option value="13px">13px</option><option value="14px">14px</option><option value="15px">15px</option><option value="16px">16px</option><option value="17px">17px</option><option value="18px">18px</option><option value="19px">19px</option><option value="20px">20px</option><option value="21px">21px</option><option value="22px">22px</option><option value="23px">23px</option><option value="24px">24px</option></select></div></div><div class="form-group row"><label for="wgt-opt-footer-font-size" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_FOOTER_FONT_SIZE">Footer Size</span></label><div class="col-sm-9"><select id="wgt-opt-footer-font-size" class="form-control font-size trigger-widget-update"><option value="">Select Font Size</option><option value="8px">8px</option><option value="9px">9px</option><option value="10px">10px</option><option value="11px">11px</option><option value="12px">12px</option><option value="13px">13px</option><option value="14px">14px</option><option value="15px">15px</option><option value="16px">16px</option><option value="17px">17px</option><option value="18px">18px</option><option value="19px">19px</option><option value="20px">20px</option><option value="21px">21px</option><option value="22px">22px</option><option value="23px">23px</option><option value="24px">24px</option></select></div></div></fieldset><fieldset><legend data-i18n="HEADING_WIDGET_BORDER">Border</legend><div class="form-group row"><label for="wgt-opt-border-width" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_BORDER_WIDTH">Border Width</span></label><div class="col-sm-9"><select id="wgt-opt-border-width" class="form-control trigger-widget-update"><option value="">Select Border Width</option><option value="1px">1px</option><option value="2px">2px</option><option value="3px">3px</option><option value="4px">4px</option><option value="5px">5px</option><option value="6px">6px</option></select></div></div><div class="form-group row"><label for="wgt-opt-border-color" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_BORDER_COLOR">Border Color</span></label><div class="col-sm-9"><div class="btn-group color-picker" id="wgt-opt-border-color" role="group" aria-label="Pick a border color"></div></div></div><div class="form-group row"><label for="wgt-opt-border-curved" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_BORDER_CURVED">Border Curved</span></label><div class="col-sm-9"><div class="btn-group" id="wgt-opt-border-curved" role="group" aria-label="Select to add a border"><button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="top" data-i18n="BUTTONS_WIDGET_BORDER_TOP">Top</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="bottom" data-i18n="BUTTONS_WIDGET_BORDER_BOTTOM">Bottom</button></div></div></div><div class="form-group row"><label for="wgt-opt-border-radius" class="col-sm-3 col-form-label"><span data-i18n="LABEL_OPTION_WIDGET_BORDER_RADIUS">Border Radius</span></label><div class="col-sm-9"><input type="number" class="form-control trigger-widget-update" name="wgt-opt-width" id="wgt-opt-border-radius" step="1" min="0" max="28"></div></div><div class="form-group row"><div class="col-sm-9 offset-sm-3"><input type="range" class="form-control-range trigger-widget-update" id="wgt-opt-border-radius-range" min="0" max="28"></div></div></fieldset><fieldset><legend data-i18n="HEADING_WIDGET_FIELDS">Fields to Display</legend><div class="text-center"><div class="btn-group" id="wgt-opt-fields-to-display" role="group" aria-label="Select the fields to dispaly in the widget"><button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="pop" data-i18n="BUTTONS_WIDGET_FIELDS_POPULATION">Population</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="lan" data-i18n="BUTTONS_WIDGET_FIELDS_LANGUAGE">Language</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="relg" data-i18n="BUTTONS_WIDGET_FIELDS_RELIGION">Religion</button> <button type="button" class="btn btn-primary btn-sm trigger-widget-update" data-value="stat" data-i18n="BUTTONS_WIDGET_FIELDS_STATUS">Status</button></div></div><small class="form-text text-muted text-center mb-2" data-i18n="TEXT_WIDGET_FIELDS_HINT">Toggle which widget fields to display.</small></fieldset><div class="text-center mt-4"><button id="reset-widget" class="btn btn-secondary btn-lg trigger-widget-defaults" data-i18n="BUTTONS_RESET_DEFAULT">Reset to Default</button></div></form></div><div class="col-12 col-md-5 col-lg-5"><div id="widget-embed-code" class="sticky-top"><iframe id="embedded-widget"></iframe><div class="d-flex flex-row align-items-center"><div class="widget-step-number">2.</div><div class="widget-step-text pl-2" data-i18n="TEXT_WIDGET_STEPS_2">Copy and paste the code below into your website.</div></div><div class="text-right"><button href="#" id="copy-to-clipboard" aria-label="Copy to clipboard" data-clipboard-target="#embed-code" class="tooltip-toggle tooltip-left copier" data-label="Copied!"><i class="icon icon-clipboard icon-primary"></i></button></div><pre><code id="embed-code"></code></pre></div></div></div></section><div id="get-unreached" class="container-fluid d-print-none"><h2 data-i18n="APP_NAME_HEADER">UNREACHED of the Day</h2><ul class="secondary-nav"><li><a href="/" data-i18n="NAV_HOME">Pray Today</a></li><li><a href="/browse/" data-i18n="NAV_BROWSE">Browse</a></li><li><a href="/resources/" data-i18n="SEGMENT_RESOURCES">Resources</a></li><li><a href="/donate/" data-i18n="NAV_DONATE">Donate</a></li><li><a href="/contact-us/" data-i18n="NAV_CONTACT">Contact Us</a></li></ul><div id="platforms" class="row mx-auto align-items-stretch"><div class="col-md mb-3 mb-3-sm mb-0-md mb-0-lg mb-0-xl"><section class="platform-widget shadow"><h3 data-i18n="HEADER_EMAIL">Email</h3><h4 data-i18n="PUNCHLINE_NEWSLETTER">Get Unreached of the Day - email edition</h4><p data-i18n="DETAILS_NEWSLETTER">Sign up here to receive our daily people-group emails in your language.</p><form id="sign-up-newsletter" method="POST" action="//joshuaproject.us11.list-manage.com/subscribe/post?u=714bd7ded21dbf1f5d297609f&id=525063f4a9"><div class="form-row"><div class="form-group col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6"><label for="your-first-name"><span data-i18n="LABEL_FIRST_NAME">First Name</span> <span class="text-danger">*</span></label> <input class="form-control subscribe-first-name" name="FNAME" id="your-first-name" placeholder="First Name" data-i18n="LABEL_FIRST_NAME" required></div><div class="form-group col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6"><label for="your-last-name"><span data-i18n="LABEL_LAST_NAME">Last Name</span> <span class="text-danger">*</span></label> <input class="form-control subscribe-last-name" name="LNAME" id="your-last-name" placeholder="Last Name" data-i18n="LABEL_LAST_NAME" required></div></div><div class="form-group"><label for="your-email"><span data-i18n="LABEL_EMAIL">Email</span> <span class="text-danger">*</span></label> <input type="email" class="form-control subscribe-email" name="EMAIL" id="your-email" placeholder="Email" data-i18n="LABEL_EMAIL" required></div><div class="form-group"><label for="your-language"><span data-i18n="LABEL_LANGUAGE">Language</span></label> <select class="form-control subscribe-language" name="LANGUAGE" id="your-language"></select></div><fieldset id="frequency-fields" class="mb-2"><legend data-i18n="LABEL_FREQUENCY">Frequency</legend><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-sunday" type="checkbox" id="footer-receive-sundays" checked="checked"> <label class="form-check-label" for="footer-receive-sundays" data-i18n="DAY_SUN_SHORT">Sunday</label></div><div class="form-check form-check-inline"><input class="form-check-input subscribe-receive-monday checked" type="checkbox" id="footer-receive-mondays" checked="checked"> <label class="form-check-label" for="footer-receive-mondays" data-i18n="DAY_MON_SHORT">Monday</label></div><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-tuesday" type="checkbox" id="footer-receive-tuesdays" checked="checked"> <label class="form-check-label" for="footer-receive-tuesdays" data-i18n="DAY_TUE_SHORT">Tuesday</label></div><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-wednesday" type="checkbox" id="footer-receive-wednesdays" checked="checked"> <label class="form-check-label" for="footer-receive-wednesdays" data-i18n="DAY_WED_SHORT">Wednesday</label></div><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-thursday" type="checkbox" id="footer-receive-thursdays" checked="checked"> <label class="form-check-label" for="footer-receive-thursdays" data-i18n="DAY_THU_SHORT">Thursday</label></div><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-friday" type="checkbox" id="footer-receive-fridays" checked="checked"> <label class="form-check-label" for="footer-receive-fridays" data-i18n="DAY_FRI_SHORT">Friday</label></div><div class="form-check form-check-inline"><input class="form-check-input checked subscribe-receive-saturday" type="checkbox" id="footer-receive-saturdays" checked="checked"> <label class="form-check-label" for="footer-receive-saturdays" data-i18n="DAY_SAT_SHORT">Saturday</label></div></fieldset><div style="position:absolute;left:-5000px"><input name="b_714bd7ded21dbf1f5d297609f_525063f4a9" class="your-phone-number" tabindex="-1" value=""></div><button type="submit" class="btn btn-secondary btn-lg" data-i18n="BUTTONS_SUBSCRIBE">Subscribe</button></form></section></div><div class="col-md mb-3 mb-3-sm mb-0-md mb-0-lg mb-0-xl en-only"><section class="platform-widget shadow"><h3 data-i18n="HEADER_PODCAST">Podcast</h3><h4 data-i18n="PUNCHLINE_PODCAST">Get Unreached of the Day - podcast edition</h4><p data-i18n="DETAILS_PODCAST">Look for our daily one minute podcast episodes wherever you subscribe to podcasts.</p><div class="player"><iframe id="podcast-small-widget" data-src="//html5-player.libsyn.com/embed/destination/id/804916/height/360/theme/custom/autonext/no/autoplay/no/thumbnail/yes/preload/no/no_addthis/no/direction/backward/no-cache/true/render-playlist/no/custom-color/00629f/" width="100%" height="89" scrolling="no" class="lozad border-0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe></div><div class="d-flex flex-row justify-content-between podcast-options"><div class="mr-3"><a href="https://podcasts.google.com/?feed=aHR0cHM6Ly9qb3NodWFwcm9qZWN0LmxpYnN5bi5jb20vcnNz" aria-label="Listen on Google Podcasts"><img data-src="/assets/podcast-google.feae875594dc7e7bcd07.png" height="75" width="75" alt="Google Podcast" class="img-fluid lozad"></a></div><div class="mr-3"><a href="https://itunes.apple.com/us/podcast/unreached-of-the-day/id1437583844" aria-label="Listen on Apple Podcasts"><img data-src="/assets/podcast-apple.9cf99d9b337c10b46b72.png" height="75" width="75" alt="Apple Podcast" class="img-fluid lozad"></a></div><div class="mr-3"><a href="https://www.stitcher.com/s?fid=239186" aria-label="Listen on Stitcher"><img data-src="/assets/podcast-stitcher.5835210fa83610c7b19c.png" height="75" width="177" alt="Stitcher" class="img-fluid lozad"></a></div><div class="mr-3"><a href="https://open.spotify.com/show/39LXFB2sNf6tsLw4bM61zU?si=a-Rg_UiaTJOG_mOrSbq7oQ" aria-label="Listen on Spotify"><img data-src="/assets/podcast-spotify.d5479b1d9a75d77e69c8.png" height="75" width="75" alt="Spotify" class="img-fluid lozad"></a></div><div class="mr-3"><a href="http://joshuaproject.libsyn.com/" aria-label="Check out the RSS feed"><img data-src="/assets/podcast-rss.f8d88a00926fd3b7ace5.png" height="75" width="75" alt="Rss Feed" class="img-fluid lozad"></a></div></div></section></div><div class="col-md mb-3 mb-3-sm mb-0-md mb-0-lg mb-0-xl"><section class="platform-widget shadow"><h3 data-i18n="HEADER_APP">Mobile App</h3><h4 data-i18n="PUNCHLINE_APP">Get Unreached of the Day - mobile edition</h4><p data-i18n="DETAILS_APP">Pray for the nations on the go with our iOS or Android apps. <a href="#" aria-label="Click for a full list of languages available">Click here</a> for full list of languages.</p><div class="d-flex flex-column flex-sm-row flex-md-column flex-lg-row flex-xl-row align-items-stretch store-options"><div class="p-1 text-center"><a href="#" aria-label="Get the App in the Apple App Store" class="app-store-badge apple-app-badge"></a></div><div class="p-1 text-center"><a href="#" aria-label="Get the App in the Google Play Store" class="app-store-badge google-play-badge"></a></div></div></section></div></div></div><footer class="container-fluid"><div class="d-print-none"><a href="https://joshuaproject.net/" class="img-link" target="_blank"><img data-src="/assets/logo-dark-accent.a96aeac82f6151f6de2a.png" class="lozad" height="100" width="100" alt="logo of Joshua Project"></a></div><div class="row d-print-none"><div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 text-center text-sm-center text-md-right text-lg-right text-xl-right"><p class="copyright" data-i18n="TEXT_COPYRIGHT">Copyright ©2022 Joshua Project</p></div><div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 text-center text-sm-center text-md-left text-lg-left text-xl-left"><ul class="footer-nav"><li><a href="https://joshuaproject.net/help/terms" data-i18n="NAV_TERMS">Terms & Conditions</a></li></ul></div></div></footer><div class="modal fade" id="mobile-prompt" tabindex="-1" role="dialog" aria-labelledby="mobile-prompt-title" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-sm" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="mobile-prompt-title" data-i18n="MOBILE_PROMPT_TITLE">We have a mobile app!</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body" data-i18n="MOBILE_PROMPT_CONTENT">If you prefer a native app experience, we have developed a mobile app for you device. Just click the Install Now button to get the app today!</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal" data-i18n="BUTTON_CLOSE">Close</button> <button type="button" id="install-now" class="btn btn-primary" data-i18n="BUTTON_INSTALL_NOW">Install Now</button></div></div></div></div><div id="notifications-bar" class="fixed-bottom"><a href="#" id="request-push"><i class="icon icon-bell icon-white no-hover"></i> <span data-i18n="TEXT_RECEIVE_REMINDERS">Do you want to receive daily reminders?</span></a> <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button></div></div></body></html>