UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 67ebec5d authored by Deven Phillips's avatar Deven Phillips Committed by Michelle Tran
Browse files

BULL-2054

parent 91c12951
No related branches found
No related tags found
1 merge request!233BULL-2054
Hide whitespace changes
Inline Side-by-side
package-lock.json
+ 1
− 0
View file @ 67ebec5d
...@@ -8879,6 +8879,7 @@ ...@@ -8879,6 +8879,7 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz", "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
"integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==", "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
"deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"browser-process-hrtime": "^1.0.0" "browser-process-hrtime": "^1.0.0"
......
src/views/CNAP.vue
+ 86
− 106
View file @ 67ebec5d
...@@ -6,116 +6,75 @@ ...@@ -6,116 +6,75 @@
</template> </template>
</PageHeader> </PageHeader>
<!-- Mobile View for Zero Trust section --> <v-container class="future-container">
<v-container v-if="$vuetify.breakpoint.smAndDown" class="mb-5 mw-md-80">
<h2 class="mb-8">The future is zero trust</h2> <h2 class="mb-8">The future is zero trust</h2>
<v-row class="px-md-15"> <v-row>
<v-col class="col-12 col-md-4">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp"
alt="DependenciesIcon"
/>
<h4>What is CNAP</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
The Cloud Native Access Portal is a Secure Access Service Edge
(SASE) cloud-based enterprise security framework with a Zero Trust
Architecture core providing eased access to AWS GovCloud resources
(IL 2/4/5) for the DoD from both on and off NIPR.
</p>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid mt-md-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp"
alt="WarningIcon"
/>
<h4 class="pa-md-0">Device compliance</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
Network devices are not to be trusted by default, rather each
connected device is checked for identity and integrity then aligned
against a managed set of policies (or access denied outright) before
allowing encrypted access to intended mission applications.
</p>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid mt-md-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp"
alt="DependenciesIcon"
/>
<h4 class="pa-md-0">Software Defined Perimeter</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
A Software Defined Perimeter (SDP) is based on a need-to-know model,
in which device posture and identity are verified before access to
application infrastructure is granted effectively leaving
application infrastructure undetectable.
</p>
</v-col>
</v-row>
</v-container>
<!-- Desktop view for Zero Trust section -->
<v-container v-if="$vuetify.breakpoint.mdAndUp" class="mb-5 mw-md-80">
<h2 class="mb-8">The future is zero trust</h2>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp"
alt="DependenciesIcon"
/>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp"
alt="WarningIcon"
/>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp"
alt="DependenciesIcon"
/>
</v-col>
</v-row>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4">
<h4>What is CNAP</h4>
</v-col>
<v-col class="col-12 col-md-4">
<h4 class="pa-md-0">Device compliance</h4>
</v-col>
<v-col class="col-12 col-md-4">
<h4 class="pa-md-0">Software Defined Perimeter</h4>
</v-col>
</v-row>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <v-card flat color="transparent">
The Cloud Native Access Portal is a Secure Access Service Edge <img
(SASE) cloud-based enterprise security framework with a Zero Trust class="img-fluid"
Architecture core providing eased access to AWS GovCloud resources src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp"
(IL 2/4/5) for the DoD from both on and off NIPR. alt="DependenciesIcon"
</p> />
<v-card-text class="mh-md-80">
<h4
class="mh-md-25 d-flex align-center justify-center future-subheader"
>
What is CNAP
</h4>
<p class="future-text px-sm-11 px-md-0">
The Cloud Native Access Portal is a Secure Access Service Edge
(SASE) cloud-based enterprise security framework with a Zero
Trust Architecture core providing eased access to AWS GovCloud
resources (IL 2/4/5) for the DoD from both on and off NIPR.
</p>
</v-card-text>
</v-card>
</v-col> </v-col>
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <v-card flat color="transparent">
Network devices are not to be trusted by default, rather each <img
connected device is checked for identity and integrity then aligned class="img-fluid"
against a managed set of policies (or access denied outright) before src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp"
allowing encrypted access to intended mission applications. alt="WarningIcon"
</p> />
<v-card-text class="mh-md-80">
<h4
class="mh-md-25 pb-md-3 pb-lg-0 d-flex align-center justify-center future-subheader"
>
Device compliance
</h4>
<p class="future-text px-sm-11 px-md-0">
Network devices are not to be trusted by default, rather each
connected device is checked for identity and integrity then
aligned against a managed set of policies (or access denied
outright) before allowing encrypted access to intended mission
applications.
</p>
</v-card-text>
</v-card>
</v-col> </v-col>
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <v-card flat color="transparent">
A Software Defined Perimeter (SDP) is based on a need-to-know model, <img
in which device posture and identity are verified before access to class="img-fluid"
application infrastructure is granted effectively leaving src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp"
application infrastructure undetectable. alt="DependenciesIcon"
</p> />
<v-card-text class="mh-md-80">
<h4
class="perimeter-header mh-md-25 pb-lg-0 d-flex align-center justify-center future-subheader"
>
Software Defined Perimeter
</h4>
<p class="future-text px-sm-11 px-md-0">
A Software Defined Perimeter (SDP) is based on a need-to-know
model, in which device posture and identity are verified before
access to application infrastructure is granted effectively
leaving application infrastructure undetectable.
</p>
</v-card-text>
</v-card>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
...@@ -519,8 +478,29 @@ export default { ...@@ -519,8 +478,29 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.img-text { .future-subheader {
font-size: 14px; max-height: 30px;
}
.future-text {
color: $text-color;
}
.future-container {
@include md-up {
max-width: 80%;
}
h4 {
height: 46px;
margin-top: 8px;
}
}
.perimeter-header {
@media screen and (min-width: 960px) {
padding-bottom: 35px;
}
@media screen and (min-width: 1119px) {
padding-bottom: 12px;
}
} }
.mw-md-80 { .mw-md-80 {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

UNCLASSIFIED - NO CUI