diff --git a/js/components/fullpagenotice.js b/js/components/fullpagenotice.js
new file mode 100644
index 00000000..f84475bf
--- /dev/null
+++ b/js/components/fullpagenotice.js
@@ -0,0 +1,33 @@
+import checkboxinput from './checkbox_input'
+import FormMixin from '../mixins/form'
+
+export default {
+ name: 'fullpagenotice',
+
+ mixins: [FormMixin],
+
+ components: {
+ checkboxinput,
+ },
+
+ data: function() {
+ return {
+ agree: false,
+ visible: true,
+ }
+ },
+
+ mounted: function() {
+ this.$root.$on('field-change', this.handleValidChange)
+ },
+
+ methods: {
+ handleValidChange: function(event) {
+ this.agree = event.value
+ },
+
+ agreeToTermsClick: function() {
+ this.visible = false
+ },
+ },
+}
diff --git a/js/index.js b/js/index.js
index 44461fc2..7cfcb56e 100644
--- a/js/index.js
+++ b/js/index.js
@@ -6,6 +6,7 @@ import classes from '../styles/atat.scss'
import Vue from 'vue/dist/vue'
import VTooltip from 'v-tooltip'
+import fullpagenotice from './components/fullpagenotice'
import levelofwarrant from './components/levelofwarrant'
import optionsinput from './components/options_input'
import multicheckboxinput from './components/multi_checkbox_input'
@@ -46,6 +47,7 @@ Vue.mixin(Modal)
const app = new Vue({
el: '#app-root',
components: {
+ fullpagenotice,
toggler,
levelofwarrant,
optionsinput,
diff --git a/styles/atat.scss b/styles/atat.scss
index bd947aea..40cc5bbc 100644
--- a/styles/atat.scss
+++ b/styles/atat.scss
@@ -42,6 +42,7 @@
@import 'components/audit_log';
@import 'components/usa_banner';
@import 'components/checklist';
+@import 'components/full_page_notice.scss';
@import 'sections/login';
@import 'sections/home';
diff --git a/styles/components/_full_page_notice.scss b/styles/components/_full_page_notice.scss
new file mode 100644
index 00000000..e0c2812e
--- /dev/null
+++ b/styles/components/_full_page_notice.scss
@@ -0,0 +1,16 @@
+.full-page-notice {
+ background: rgba(0,0,0,.5);
+ bottom: 0;
+ left: 0;
+ overflow: scroll;
+ padding: $gap*4 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 999;
+
+ .usa-alert {
+ margin: 0 auto;
+ max-width: $article-max-width + $nav-width;
+ }
+}
diff --git a/templates/fragments/dod_notice.html b/templates/fragments/dod_notice.html
new file mode 100644
index 00000000..4f2fb9a5
--- /dev/null
+++ b/templates/fragments/dod_notice.html
@@ -0,0 +1,43 @@
+You are accessing a U.S. Government (USG) Information System (IS) that is provided for USG-authorized use only.
+
+ By using this IS (which includes any device attached to this IS), you consent to the following conditions:
+
+
+
+
+