You can add this interactive Youth Program Finder widget to your web page.
It's easy to add this interactive widget to your own website.
Why add this widget?
With this widget on your site, your users can locate youth employment programs by city, state, or ZIP code.
To add the Youth Program Finder widget to your web page, follow these steps:
-
Copy the following script tags into the <head> tag of your html page
<script src="https://www.careeronestop.org/js/cos-external-widgets.min.js" type="text/javascript"></script>
-
Select a layout for your widget
-
This Portrait view works best for placing your widget alongside a web page, or as a sidebar.
To select this Portrait layout, copy the following div tag and paste it under the <body> tag in a location, where the widget needs to be placed.
<div id="CosCustomDiv" class="cos-custom-div" cos-responsive="false" cos-toolName="youthprogram"></div>
-
This Landscape layout works best for placing your widget in the center, or along the bottom, or your web page.
To select this Landscape layout, copy the following div tag and paste it under the <body> tag in a location, where the widget needs to be placed.
Select all text
<div id="CosCustomDiv" class="cos-custom-div" cos-responsive="true" cos-toolName="youthprogram"></div>
- Save your page and preview.