mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-19 05:59:44 -04:00
Merge branch 'main' into 2125-send-message-a11y-audit-unique-ids
This commit is contained in:
Beverly Nguyen
@@ -67,7 +67,7 @@
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p><a href="#">See if Notify is right for you</a></p>
|
||||
<p><a href="/join-notify">See if Notify is right for you</a></p>
|
||||
<p>Notify.gov is a product of the <a href="#">Public Benefits Studio</a>, a product accelerator inside
|
||||
the federal government. </p>
|
||||
</section>
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
{% from "components/banner.html" import banner_wrapper %}
|
||||
{% from "components/page-header.html" import page_header %}
|
||||
{% from "components/components/button/macro.njk" import usaButton %}
|
||||
{% from "components/components/skip-link/macro.njk" import usaSkipLink %}
|
||||
{% from "components/components/back-link/macro.njk" import usaBackLink %}
|
||||
|
||||
{% set file_contents_header_id = 'file-preview' %}
|
||||
|
||||
@@ -3,7 +3,6 @@
|
||||
{% from "components/table.html" import list_table, field, text_field, hidden_field_heading %}
|
||||
{% from "components/page-header.html" import page_header %}
|
||||
{% from "components/components/button/macro.njk" import usaButton %}
|
||||
{% from "components/components/skip-link/macro.njk" import usaSkipLink %}
|
||||
{% from "components/components/back-link/macro.njk" import usaBackLink %}
|
||||
|
||||
{% set file_contents_header_id = 'file-preview' %}
|
||||
|
||||
212
app/templates/views/join-notify.html
Normal file
212
app/templates/views/join-notify.html
Normal file
@@ -0,0 +1,212 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% set page_title = "Join Notify" %}
|
||||
|
||||
{% block per_page_title %}{{page_title}}{% endblock %}
|
||||
|
||||
{% block content_column_content %}
|
||||
|
||||
<section class="usa-prose">
|
||||
<h1>{{page_title}}</h1>
|
||||
<h2>Who is Notify.gov for?</h2>
|
||||
<p>
|
||||
Government agencies at any level of government who deliver <b>federal programs</b> are able to use Notify.gov. Those
|
||||
who sign up to new Notify.gov become our partners.
|
||||
</p>
|
||||
<p>
|
||||
All <b>federal agencies</b> are invited to use Notify.gov to send text messages to their employees, other federal
|
||||
agencies, or to the public.
|
||||
</p>
|
||||
<p>
|
||||
<b>
|
||||
Non-federal agencies (state, local, territorial, or tribal governments) who administer or deliver federally-funded
|
||||
services
|
||||
</b> may qualify to use Notify.gov. These programs must specify which federal program the messages they want to
|
||||
send are related to. The Notify.gov team confirms our authority to work with these programs as part of our
|
||||
agreements process.
|
||||
</p>
|
||||
<h3>What partners receive</h3>
|
||||
<p>
|
||||
To use Notify.gov to send messages (outside of our Trial Mode), partners sign a one-year Memorandum of Understanding
|
||||
with us. This is a basic agreement outlining our relationship and responsibilities.
|
||||
</p>
|
||||
<p class="padding-bottom-3"><b>Our core, no-cost, service offering includes:</b></p>
|
||||
{% set product_highlights = [
|
||||
{
|
||||
"svg_src": "#chat",
|
||||
"card_heading": "Up to 250,000 messages to use over your first year*",
|
||||
},
|
||||
{
|
||||
"svg_src": "#phone",
|
||||
"card_heading": "One toll-free sending phone number",
|
||||
},
|
||||
{
|
||||
"svg_src": "#forum",
|
||||
"card_heading": "An easy-to-use web-based interface for sending bulk or individual messages",
|
||||
},
|
||||
{
|
||||
"svg_src": "#assessment",
|
||||
"card_heading": "Dashboards and downloadable reports for tracking message delivery",
|
||||
},
|
||||
] %}
|
||||
<ul class="usa-icon-list">
|
||||
{% for item in product_highlights %}
|
||||
<li class="usa-icon-list__item">
|
||||
<div class="usa-icon-list__content padding-left-0">
|
||||
<div class="usa-icon-list__icon display-flex flex-align-start">
|
||||
<svg aria-hidden="true" focusable="false" role="img" class="icon-list">
|
||||
<use xlink:href="{{ asset_url('img/sprite.svg') }}{{ item.svg_src }}"></use>
|
||||
</svg>
|
||||
<b>{{item.card_heading}}</b>
|
||||
</div>
|
||||
<p class="indented-paragraph">{{item.p_text}}</p>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p class="font-body-xs">*We plan to offer plans with additional messages soon; please contact us if you need more
|
||||
messages so that we can understand your use case!</p>
|
||||
|
||||
<h2 class="padding-bottom-2" id="summary-box-how-to-get-started">How to get started</h2>
|
||||
<div class="usa-summary-box maxw-tablet __web-inspector-hide-shortcut__" role="region"
|
||||
aria-labelledby="summary-box-how-to-get-started">
|
||||
<div class="usa-summary-box__body">
|
||||
<div class="usa-summary-box__text">
|
||||
<p>Interested in trying Notify.gov before signing an agreement? We can provide qualifying partners with access
|
||||
to Trial Mode to review Notify.gov features before deciding. In Trial Mode, you can test sending messages,
|
||||
explore the personalization and customization features, and review sample delivery reports.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>Tell us about your program</h4>
|
||||
<p class="padding-bottom-3">
|
||||
Let’s determine if Notify.gov is a good fit for your organization. To <b>get started</b>, we’ll ask you for
|
||||
information such as:
|
||||
</p>
|
||||
{% set bullet_items = [
|
||||
"Organization name and type",
|
||||
"Point of contact’s name and email address",
|
||||
"Your associated federal funding, program, or authority",
|
||||
"The program(s) you want to text about",
|
||||
"Who you are planning to text",
|
||||
"What you’d like to achieve by texting these people",
|
||||
"The estimate number of texts you’d like to send in the first year",
|
||||
"Who would you like to include on the Trial Mode account?",
|
||||
"Provide the official government email address to invite your team members",
|
||||
"When would you like to send your first text(s)?"
|
||||
] %}
|
||||
<ul class="usa-icon-list padding-bottom-2">
|
||||
{% for item in bullet_items %}
|
||||
<li class="usa-icon-list__item">
|
||||
<div class="usa-icon-list__icon display-flex flex-align-start">
|
||||
<svg class="usa-icon checkmark-icon icon-list" aria-hidden="true" focusable="false" role="img">
|
||||
<use xlink:href="{{ asset_url('img/sprite.svg') }}#check"></use>
|
||||
</svg>
|
||||
<b>{{ item }}</b>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdZvsPndZaLeFBTtIxvDCx0Rdjyhln_dWXSLSwfgKw4ftEslw/viewform"
|
||||
class="usa-button margin-bottom-3">Get started</a>
|
||||
<hr class="maxw-tablet margin-left-0">
|
||||
<h2>Next Steps</h2>
|
||||
<p>
|
||||
Our team will review the information you provide, and follow up with any questions. We’ll contact you no matter your
|
||||
qualification status.
|
||||
</p>
|
||||
<p>
|
||||
We provide you a one-year, Memorandum of Understanding (MOU). To text the public fully in Live Mode, your
|
||||
organization will need to sign our MOU.
|
||||
</p>
|
||||
|
||||
<h3 class="padding-bottom-3">Getting Started FAQs</h3>
|
||||
{% set accordion_content = [
|
||||
{
|
||||
"heading": "What if I need more than 250,000 messages?",
|
||||
"p_text": "Plans that include additional messages for a fee will be available soon. We want to design these plans
|
||||
based on our partners’ needs, so please <a href='mailto:tts-notify@gsa.gov'>contact us</a> if you hope to be able to
|
||||
send more messages. We’d like to talk with you.",
|
||||
"position": "b-a1"
|
||||
},
|
||||
{
|
||||
"heading": "What phone numbers can my agency send to?",
|
||||
"p_text": "Right now, Notify.gov supports sending messages to North American numbers (+1). If you’d like to send to
|
||||
international numbers, we want to <u>hear from you</u>.",
|
||||
"position": "b-a2",
|
||||
},
|
||||
{
|
||||
"heading": "Can we send from a shortcode or an existing customer service number?",
|
||||
"p_text": "At this time, Notify.gov provides toll-free service numbers. We will be exploring offering shortcodes in
|
||||
the near future. If you wish to send from an existing phone number owned or operated by your agency, this is something
|
||||
that might be possible in the future, but is not currently on our roadmap.",
|
||||
"position": "b-a3",
|
||||
},
|
||||
{
|
||||
"heading": "Can we use API integrations with Notify?",
|
||||
"p_text": "While public API integrations are not yet available, we are working on enabling these. If you're looking
|
||||
for this feature <a href='/about/contact'>we want to hear from you</a>.",
|
||||
"position": "b-a4",
|
||||
},
|
||||
{
|
||||
"heading": "My IT team has questions about how Notify.gov is built, where can I direct them to more information?",
|
||||
"p_text": "To understand how Notify.gov works, see our <a href='/about/security'>Security page </a> for the
|
||||
basics. If your IT team needs more
|
||||
information we’re happy to share a larger security package upon request.",
|
||||
"position": "b-a5",
|
||||
},
|
||||
{
|
||||
"heading": "How does Notify.gov support our records retention policy?",
|
||||
"p_text": "We are not a System of Record. For more see our <a href='/about/security'>Security page</a>.",
|
||||
"position": "b-a6",
|
||||
},
|
||||
{
|
||||
"heading": "My OGC is asking about consent, where can I get more information for them?",
|
||||
"p_text": "Text message notifications are governed by the Telephone Consumer Protection Act. Different levels of
|
||||
government have different consent requirements. Download and share our <a
|
||||
href='https://github.com/GSA/notifications-admin/files/15100120/TCPA.Overview_Notify.gov.pdf'>overview of the
|
||||
TCPA</a> with your legal counsel as
|
||||
a starting point.",
|
||||
"position": "b-a7",
|
||||
},
|
||||
{
|
||||
"heading": "What information does Notify provide about message delivery?",
|
||||
"p_text": "Notify.gov shares back information about message delivery that we receive from individual mobile phone
|
||||
carriers. Carriers can only provide information about whether a message was successfully delivered to a specific phone
|
||||
number (not a person).
|
||||
|
||||
If you happen to send a message to a landline or out-of-service phone number, these messages will show up as ‘failed’
|
||||
in delivery reports.",
|
||||
"position": "b-a8",
|
||||
},
|
||||
{
|
||||
"heading": "Can I track engagement with the messages I send?",
|
||||
"p_text": "Unlike email, you cannot see if someone reads a message or clicks on a link you included in a message. This
|
||||
is a limitation of SMS in general, not Notify.gov. We do highly recommend setting goals for your texting campaigns and
|
||||
tracking performance. By combining the delivery reports provided by Notify.gov with other information from your
|
||||
program, you may be able to assess engagement and impact.",
|
||||
"position": "b-a9",
|
||||
},
|
||||
{
|
||||
"heading": "Is there technical product support offered?",
|
||||
"p_text": "We’re on call to answer any questions as you get started using Notify.gov",
|
||||
"position": "b-a10",
|
||||
},
|
||||
] %}
|
||||
<div class="usa-accordion usa-accordion--bordered maxw-tablet">
|
||||
{% for item in accordion_content %}
|
||||
<h4 class="usa-accordion__heading">
|
||||
<button type="button" class="usa-accordion__button" aria-controls="{{item.position}}">
|
||||
{{item.heading}}
|
||||
</button>
|
||||
</h4>
|
||||
<div id="{{item.position}}" class="usa-accordion__content usa-prose">
|
||||
<p>
|
||||
{{ item.p_text | safe }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -12,6 +12,19 @@
|
||||
{{ usaBackLink({ "href": back_link }) }}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block skipLink %}
|
||||
{% set skipLink = usaSkipLink({
|
||||
"href": '#main-content',
|
||||
"text": 'Skip to main content'
|
||||
}) %}
|
||||
{% if errors %}
|
||||
<div>{{ skipLink }}</div>
|
||||
{% else %}
|
||||
{{ skipLink }}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block maincolumn_content %}
|
||||
|
||||
{{ page_header(page_title) }}
|
||||
|
||||
@@ -1,323 +1,187 @@
|
||||
{% extends "base.html" %}
|
||||
{% from "components/components/button/macro.njk" import usaButton %}
|
||||
|
||||
{% block meta %}
|
||||
<meta name="description"
|
||||
content="Notify.gov lets you send text messages to your users. Try it now if you work in federal, state, or local government.">
|
||||
{% endblock %}
|
||||
|
||||
{% block pageTitle %}
|
||||
Notify.gov
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
{% block beforeContent %}{% endblock %}
|
||||
<main id="main-content" role="main">
|
||||
{% block content %}
|
||||
<section class="usa-section--dark usa-hero" aria-label="Introduction">
|
||||
<div class="grid-container padding-y-4">
|
||||
<div class="grid-row grid-gap display-flex flex-align-center">
|
||||
<div class="desktop:grid-col-7 tablet:grid-col-12">
|
||||
<h1 class="font-serif-2xl usa-hero__heading">Reach people where they are with government-powered text messages</h1>
|
||||
<p class="font-sans-lg">Notify.gov is a text message service that helps federal, state, local, tribal and territorial governments more effectively communicate with the people they serve.</p>
|
||||
<div class="usa-button-group margin-bottom-5 flex-align-center">
|
||||
<a class="usa-button usa-button login-button login-button--primary margin-right-2" href="{{ initial_signin_url }}">Sign in with <img src="{{ asset_url('images/logo-login.svg') }}" alt="Login.gov logo">
|
||||
</a>
|
||||
if you are an existing pilot partner
|
||||
</div>
|
||||
<p class="font-sans-md">Currently we are only working with select pilot partners. If you are interested in using Notify.gov in the future, please contact <br><a href="mailto:tts-benefits-studio@gsa.gov">tts-benefits-studio@gsa.gov</a> to learn more.</p>
|
||||
</div>
|
||||
<div class="desktop:grid-col-4 grid-offset-1 desktop:display-block display-none margin-x-5">
|
||||
<img src="{{ asset_url('images/product/phone-text.png') }}"
|
||||
alt="An illustration of notifications to a phone.">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="grid-container usa-section usa-section__home">
|
||||
<div class="grid-row grid-gap">
|
||||
<div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
Control your content
|
||||
</h2>
|
||||
<p>You do not need any technical knowledge to create message templates.</p>
|
||||
</div>
|
||||
<div class="tablet:grid-col-6 tablet:grid-offset-1">
|
||||
<img src="{{ asset_url('images/product/01-templates-no-chrome.svg') }}"
|
||||
alt="Example screenshot of adding a new text message template">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="grid-container usa-section usa-section__home">
|
||||
<div class="grid-row grid-gap">
|
||||
<div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
See how your messages perform
|
||||
</h2>
|
||||
<p>Track how many messages you’ve sent and find out which ones are not being delivered.</p>
|
||||
</div>
|
||||
<div class="tablet:grid-col-6 tablet:grid-offset-1">
|
||||
<img src="{{ asset_url('images/product/02-reporting-no-chrome.svg') }}"
|
||||
alt="A screenshot of Notify.gov showing counts of emails and text messages sent">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="grid-container usa-section usa-section__home">
|
||||
<div class="grid-row grid-gap">
|
||||
<div class="tablet:grid-col-5 margin-bottom-3 usa-prose">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
No technical integration needed
|
||||
</h2>
|
||||
<p>Upload a spreadsheet of phone numbers and Notify.gov sends batches of messages for you.</p>
|
||||
</div>
|
||||
<div class="tablet:grid-col-6 tablet:grid-offset-1">
|
||||
<img src="{{ asset_url('images/product/03-spreadsheet-no-chrome.svg') }}"
|
||||
alt="A screenshot of a spreadsheet with phone numbers, names, and a reference number">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- <section class="grid-container usa-section border-top border-base-lighter">
|
||||
<div class="grid-row grid-gap">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3 bold">
|
||||
Send messages manually or automatically
|
||||
</h2>
|
||||
</div>
|
||||
<div class="grid-row grid-gap">
|
||||
<div class="tablet:grid-col-6 usa-prose">
|
||||
<p>Upload a spreadsheet of phone numbers and Notify sends the messages.</p>
|
||||
<img src="{{ asset_url('images/product/03-spreadsheet-no-chrome.svg') }}"
|
||||
alt="A screenshot of a spreadsheet with columns for email address, name and color">
|
||||
</div>
|
||||
<div class="tablet:grid-col-6 usa-prose">
|
||||
<p>
|
||||
Integrate the Notify.gov API with your web application or
|
||||
back office system.
|
||||
</p>
|
||||
<img src="{{ asset_url('images/product/04-api-no-chrome.svg') }}"
|
||||
alt="A screenshot of some computer code with a notify.send_email function">
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- <section id="whos-using-notify"
|
||||
class="grid-container usa-section border-top border-base-lighter padding-top-4 padding-bottom-5">
|
||||
<div class="grid-row grid-gap flex-column">
|
||||
<h2 class="font-heading-xl display-flex flex-justify-center margin-top-0 margin-bottom-3 bold">
|
||||
Who’s using Notify.gov
|
||||
</h2>
|
||||
<p class="display-flex flex-justify-center font-body-sm margin-bottom-3">
|
||||
See the
|
||||
<a class="usa-link margin-left-05" href="{{ url_for('main.performance') }}">list of services and
|
||||
organizations</a>.
|
||||
{% extends "base.html" %} {% from "components/components/button/macro.njk"
|
||||
import usaButton %} {% block meta %}
|
||||
<meta
|
||||
name="description"
|
||||
content="Notify.gov lets you send text messages to your users. Try it now if you work in federal, state, or local government."
|
||||
/>
|
||||
{% endblock %} {% block pageTitle %} Notify.gov {% endblock %} {% block main %}
|
||||
{% block beforeContent %}{% endblock %}
|
||||
<main id="main-content" role="main">
|
||||
{% block content %}
|
||||
<section class="usa-section--dark usa-hero" aria-label="Introduction">
|
||||
<div class="grid-container padding-y-4">
|
||||
<div class="grid-row grid-gap display-flex flex-align-center">
|
||||
<div class="desktop:grid-col-8 tablet:grid-col-12">
|
||||
<h1 class="font-sans-2xl usa-hero__heading">
|
||||
Reach people where they are with government-powered text messages
|
||||
</h1>
|
||||
<p class="font-sans-lg">
|
||||
Notify.gov is a text messaging service that helps federal, state,
|
||||
local, tribal and territorial governments more effectively
|
||||
communicate with the people they serve.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid-row">
|
||||
<div class="tablet:grid-col-6 display-flex flex-justify-center flex-align-center flex-column">
|
||||
<span class="usa-sr-only">There are</span>
|
||||
<div class="large-number">{{ counts.organizations|format_thousands }}</div>
|
||||
<p class="font-body-lg margin-bottom-0">Organizations</p>
|
||||
</div>
|
||||
<div class="tablet:grid-col-6 display-flex flex-justify-center flex-align-center flex-column">
|
||||
<span class="usa-sr-only">and</span>
|
||||
<div class="large-number">{{ counts.services|format_thousands }}</div>
|
||||
<p class="font-body-lg margin-bottom-0">Services</p>
|
||||
<span class="usa-sr-only">using Notify.</span>
|
||||
<div class="usa-button-group margin-bottom-5 flex-align-center">
|
||||
<a
|
||||
class="usa-button usa-button login-button login-button--primary margin-right-2"
|
||||
href="{{ initial_signin_url }}"
|
||||
>Sign in with
|
||||
<img
|
||||
src="{{ asset_url('images/logo-login.svg') }}"
|
||||
alt="Login.gov logo"
|
||||
/>
|
||||
</a>
|
||||
if you are an existing partner
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<section class="grid-container usa-section usa-section__home border-top border-base-lighter usa-prose">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
About the product
|
||||
</h2>
|
||||
<p class="usa-body">
|
||||
Keeping program participants updated on status changes, due dates, and appointments can be a huge challenge, and many
|
||||
recipients fall through the cracks, ultimately losing their benefits. In the benefits space, data shows that sending
|
||||
text messages helps decrease re-enrollment churn and save money for administering agencies.
|
||||
</p>
|
||||
<p class="usa-body">
|
||||
Notify.gov is an easy text messaging platform that helps government agencies provide program participants with one-way
|
||||
reminders and updates. With minimal set-up and secure, personalized messaging, Notify.gov helps agencies include text
|
||||
messaging as part of their outreach program. Administering agencies can quickly assess the impact of text messaging for
|
||||
their programs, after which they can build a case to expand their texting program if they choose to.
|
||||
</p>
|
||||
<p class="usa-body">
|
||||
Notify.gov is a new shared service currently being piloted by the Public Benefits Studio, within Technology
|
||||
Transformation Services at the General Services Administration.
|
||||
</p>
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
Who's Eligible?
|
||||
</h2>
|
||||
<p class="usa-body">
|
||||
Eligible partners include federal agencies as well as state, local, territorial, tribal agencies
|
||||
administering federally funded programs. As part of the onboarding process, non-federal
|
||||
programs must specify the federal program that the messages they want to send are related
|
||||
to. TTS will also seek concurrence from the federal funder.
|
||||
</p>
|
||||
<p class="usa-body">
|
||||
We prioritize partnerships focused on use cases related to increasing transparency and
|
||||
reducing the burden of navigating government programs for low income individuals and
|
||||
families.
|
||||
</p>
|
||||
</section>
|
||||
<div
|
||||
class="desktop:grid-col-3 grid-offset-1 desktop:display-block display-none margin-x-5"
|
||||
>
|
||||
<img
|
||||
src="{{ asset_url('images/product/phone-text.png') }}"
|
||||
alt="Illustration of a mobile phone displaying a text message and number on its screen, with a speech bubble coming out from outside the phone, symbolizing communication or notification."
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section
|
||||
class="grid-container usa-section usa-section__home border-top border-base-lighter usa-prose padding-bottom-1"
|
||||
>
|
||||
<h2 class="font-body-xl margin-top-0 margin-bottom-3">
|
||||
Government texting made easy
|
||||
</h2>
|
||||
<p class="usa-body">
|
||||
Notify.gov is a text messaging platform built for government agencies.
|
||||
With minimal set-up and secure, personalized messaging, you can make
|
||||
one-way texting a part of your outreach program.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- <div class="product-page-intro"></div> -->
|
||||
<section class="grid-container usa-section usa-section__home usa-prose padding-bottom-1">
|
||||
<h2 class="font-sans-xl margin-top-0">Key features</h2>
|
||||
<div class="home-cards margin-top-5">
|
||||
<ul class="usa-card-group display-flex margin-bottom-4">
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img src="{{ asset_url('images/internet.svg') }}" alt="Globe on top of a web browser" />
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Web-based</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>Nothing to download or install</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img src="{{ asset_url('images/fast.svg') }}" alt="Stopwatch with a notification speech bubble with a star inside" />
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Fast and easy</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>No technical expertise required</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img src="{{ asset_url('images/status.svg') }}" alt="3 status messages, 2 successes and one failure" />
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Track message delivery</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>See which messages were received</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="usa-card-group">
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img
|
||||
src="{{ asset_url('images/translation.svg') }}"
|
||||
alt="Speech bubbles with the letter A and the Chinese character for language"
|
||||
/>
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Send in recipients' preferred language</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>Notify.gov has support for more than 30 character sets</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img src="{{ asset_url('images/security.svg') }}" alt="Lock with code icon inside on top of a web browser" />
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Security and privacy</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>
|
||||
Limited data retention, encryption, and multi-factor authentication
|
||||
protect user data and manage risk
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
|
||||
<div class="usa-card__container">
|
||||
<img src="{{ asset_url('images/send.svg') }}" alt="Paper airplane and a notification icon with the number 1 inside" />
|
||||
<div class="usa-card__header">
|
||||
<h3 class="font-heading-md">Send bulk, customized, one-way messages</h3>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p>
|
||||
Send hundreds or thousands of individually customized messages with
|
||||
just a few clicks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- <div class="product-page-intro-wrapper" data-module="homepage">
|
||||
<nav class="breadcrumbs breadcrumbs--inverse" aria-label="Breadcrumbs">
|
||||
|
||||
</nav>
|
||||
<div class="grid-row">
|
||||
<div class="grid-col-8">
|
||||
<h1>
|
||||
Send text messages to your users
|
||||
</h1>
|
||||
<p>
|
||||
Try Notify.gov now if you work in federal, state, or local government.
|
||||
</p>
|
||||
<div class="button-container">
|
||||
{{ usaButton({
|
||||
"element": "a",
|
||||
"text": "Create an account",
|
||||
"classes": "product-page-button button-container__button",
|
||||
"href": url_for('main.register' )
|
||||
}) }}
|
||||
or <a class="usa-link" href="{{ url_for('.sign_in' )}}">sign in</a> if you’ve used
|
||||
it before
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-col-4">
|
||||
<section class="grid-container usa-section usa-section__home usa-prose grid-container padding-bottom-10">
|
||||
<h2 class="font-heading-xl margin-top-0 margin-bottom-3">
|
||||
Who can use Notify.gov?
|
||||
</h2>
|
||||
<p class="usa-body">
|
||||
All <span class="text-bold">federal</span> agencies and programs are
|
||||
eligible to use Notify.gov.
|
||||
</p>
|
||||
<p class="usa-body">
|
||||
US
|
||||
<span class="text-bold">state, local, territorial, or tribal</span>
|
||||
governments that administer or deliver federally-funded programs or
|
||||
services may qualify to use Notify.gov to communicate with applicants and
|
||||
participants in these programs.
|
||||
</p>
|
||||
<div class="grid-container margin-top-4 padding-left-0 padding-right-0">
|
||||
<div class="grid-row grid-gap-3">
|
||||
<a class="text-no-underline tablet:grid-col-4 mobile-lg:grid-col-12" href="mailto:tts-notify@gsa.gov">
|
||||
<div class="contact-us-card">
|
||||
<div class="grid-row flex-align-center grid-gap-2">
|
||||
<div class="grid-col-auto">
|
||||
<img
|
||||
src="{{ asset_url('images/product/proposition-illustration.png') }}"
|
||||
alt="An illustration of notifications to a phone, a laptop, and a letter.">
|
||||
src="{{ asset_url('images/contact.svg') }}"
|
||||
alt=""
|
||||
class="height-7 width-7"
|
||||
/>
|
||||
</div>
|
||||
<div class="grid-col">
|
||||
<p class="margin-0">
|
||||
<strong>Contact us</strong><br />
|
||||
To learn more about becoming a partner!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="product-page-section">
|
||||
<div class="grid-row">
|
||||
<div class="grid-col-6">
|
||||
<h2>
|
||||
Control your content
|
||||
</h2>
|
||||
<p>
|
||||
You do not need any technical knowledge to create message templates.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<img
|
||||
src="{{ asset_url('images/product/01-templates.svg') }}"
|
||||
alt="Example screenshot of adding a new text message template">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-page-section">
|
||||
<div class="grid-row">
|
||||
<div class="grid-col-6">
|
||||
<h2>
|
||||
See how your messages perform
|
||||
</h2>
|
||||
<p>
|
||||
Track how many messages you’ve sent and
|
||||
find out which ones are not being delivered.
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<img
|
||||
src="{{ asset_url('images/product/02-reporting.svg') }}"
|
||||
alt="A screenshot of Notify.gov showing counts of emails and text messages sent"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-page-section">
|
||||
<h2 class="with-keyline">
|
||||
Send messages manually or automatically
|
||||
</h2>
|
||||
<div class="grid-row">
|
||||
<div class="grid-col-6">
|
||||
<p>
|
||||
Upload a spreadsheet of phone numbers and Notify sends the messages.
|
||||
</p>
|
||||
<img
|
||||
src="{{ asset_url('images/product/03-spreadsheet.svg') }}"
|
||||
alt="A screenshot of a spreadsheet with columns for email address, name and color"
|
||||
>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<p>
|
||||
Integrate the Notify.gov API with your web application or
|
||||
back office system.
|
||||
</p>
|
||||
<img
|
||||
src="{{ asset_url('images/product/04-api.svg') }}"
|
||||
alt="A screenshot of some computer code with a notify.send_email function"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-page-section">
|
||||
<div class="with-keyline bottom-gutter-2" id="whos-using-notify">
|
||||
<h2>Who’s using Notify.gov</h2>
|
||||
<div class="grid-row bottom-gutter">
|
||||
<div class="grid-col-6">
|
||||
<span class="usa-sr-only">There are</span>
|
||||
<div class="product-page-big-number">{{ counts.organizations|format_thousands }}</div>
|
||||
<span>organizations</span>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<span class="usa-sr-only">and</span>
|
||||
<div class="product-page-big-number">{{ counts.services|format_thousands }}</div>
|
||||
<span>services</span>
|
||||
<span class="usa-sr-only">using Notify.</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
See the
|
||||
<a class="usa-link" href="{{ url_for('main.performance') }}">list of services and organizations</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-page-section">
|
||||
<div class="with-keyline bottom-gutter-2">
|
||||
<h2>Pricing</h2>
|
||||
<div class="grid-row bottom-gutter">
|
||||
<div class="grid-col-6">
|
||||
<h3 class="usa-sr-only">Emails</h3>
|
||||
<div class="product-page-big-number">Unlimited</div>
|
||||
<span>free emails</span>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<h3 class="usa-sr-only">Text messages</h3>
|
||||
<div class="product-page-big-number">Up to 40,000</div>
|
||||
<span>free text messages a year,<br>
|
||||
then {{ sms_rate }} pence per message</span>
|
||||
</div>
|
||||
<div class="grid-col-6">
|
||||
<p class="align-with-big-number-hint">
|
||||
There’s no monthly charge, no setup fee and no procurement process.
|
||||
</p>
|
||||
<p>Find out more about <a class="usa-link" href="https://www.notifications.service.gov.uk/pricing">pricing</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-page-section">
|
||||
<div class="grid-row margin-bottom-">
|
||||
<div class="grid-col-12">
|
||||
<h2 class="with-keyline">
|
||||
The team
|
||||
</h2>
|
||||
<p>
|
||||
Notify.gov is built and maintained by the Public Benefits Studio, within the General Services Administration's Technology Transformation Services.
|
||||
</p>
|
||||
<p>
|
||||
<a class="usa-link" href="{{ url_for('main.support') }}">Contact us</a> if you have a question or want
|
||||
to give feedback.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
{% endblock %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user