-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheader-banners-lockups.pug
190 lines (159 loc) · 12.9 KB
/
header-banners-lockups.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
extend __LAYOUT-TEMPLATE.pug
block vars
- var pageTitle = "Header banners lockups"
block content
h1!= pageTitle
.grid-x.grid-padding-x.cell
h3 CDB: Ai & Analytics
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-ai-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-ai-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-ai-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDB-logo-lockup-ai-analytics.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Rehumanizing AI Journey
h3 CUSTOMER-CENTRIC AI SOLUTIONS AT SCALE
hr#cdb-ai-analytics-video-background
.grid-x.grid-padding-x.cell
h3 CDB: Ai & Analytics, Video background
.grid-x.grid-padding-x.expanded.align-middle.video-background.h500px(style="background-size: cover; background-position: center center;" data-interchange="[images/header-banners/video-background/bg-header-video-ai-analytics.jpg, small],[images/header-banners/video-background/bg-header-video-ai-analytics.jpg, medium],[../images/transparent.gif, large]")
video.hide-for-small-only(playsinline autoplay loop muted poster="images/header-banners/video-background/bg-header-video-ai-analytics.jpg")
source(src="images/header-banners/video-background/bg-header-video-ai-analytics.mp4" type="video/mp4")
source(src="images/header-banners/video-background/bg-header-video-ai-analytics.webm" type="video/webm")
source(src="images/header-banners/video-background/bg-header-video-ai-analytics.ogg" type="video/ogg")
.grid-x.grid-padding-x.align-middle(style="min-height: 500px")
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDB-logo-lockup-ai-analytics.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only CX-Centric AI at Scale
h3 Rehumanizing the AI Journey
a.button.arrow(href="#") VIEW VIDEO
hr
.grid-x.grid-padding-x.cell#ai-banner-video
h3 CDB: Ai & Analytics, video background/play button
.banner-header.video-background(style="background: rgba(2,37,45,.6); background-size: cover; background-position: center center;" data-interchange="[images/header-banners/logo-lockups/bg-video-ai-analytics-mobile.jpg, small],[images/header-banners/logo-lockups/bg-video-ai-analytics-tablet.jpg, medium],[../images/transparent.gif, large]")
video.show-for-large(playsinline autoplay loop muted poster="images/header-banners/logo-lockups/bg-video-ai-analytics-desktop.jpg")
source(src="images/header-banners/logo-lockups/bg-video-ai-analytics.mp4" type="video/mp4")
source(src="images/header-banners/logo-lockups/bg-video-ai-analytics.webm" type="video/webm")
source(src="images/header-banners/logo-lockups/bg-video-ai-analytics.ogg" type="video/ogg")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDB-logo-lockup-ai-analytics.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Insights that Inspire Customers
h3 ACCELERATE BUSINESS GROWTH WITH AI
a.button.white.arrow(data-open="video-modal-ai") play video
.reveal#video-modal-ai(data-reveal data-animation-in="scale-in-up" data-animation-out="scale-out-down")
.responsive-embed.widescreen
iframe(width="560", height="315", src="https://www.youtube-nocookie.com/embed/xgtdBJuaY-Y", frameborder="0", allow="autoplay; encrypted-media", allowfullscreen="")
button.close-button(data-close aria-label="Close modal" type="button")
span(aria-hidden="true") ×
hr
.grid-x.grid-padding-x.cell
h3 CDB: Interactive
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-interactive-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-interactive-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-interactive-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDB-logo-lockup-interactive.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Create Experiences That Matter
h3 DEFINING THE FUTURE OF EXPERIENCE
hr
.grid-x.grid-padding-x.cell
h3 CDB: Connected Products
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-connectedProducts-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-connectedProducts-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-connectedProducts-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDB-logo-lockup-connected-products.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Insights to Connectivity to Results
h3.text-caps EVOLVE FROM EXPERIMENTS TO CHANGING HOW WE WORK AND LIVE
hr
.grid-x.grid-padding-x.cell
h3 CDB/CDST: Digital Engineering
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-digitalEngineering-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-digitalEngineering-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-digitalEngineering-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDB-logo-lockup-digital-engineering.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only xxx
h3 xxx
hr
.grid-x.grid-padding-x.cell
h3 CDB: Digital Strategy
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-digitalStrategy-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-digitalStrategy-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-digitalStrategy-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDB-logo-lockup-digital-strategy.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Create Experiences That Matter
h3 DEFINING THE FUTURE OF EXPERIENCE
hr
.grid-x.grid-padding-x.cell
h3 CDO: Industry & Platform Solutions
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-industryPlatformSolutions-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-industryPlatformSolutions-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-industryPlatformSolutions-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDO-logo-lockup-industry-platform-solutions.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Scale seamless delivery and service
h3 ELEVATE EXPERIENCES WITH AUTOMATION
hr
.grid-x.grid-padding-x.cell
h3 CDO: Enterprise Services
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-enterpriseServices-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-enterpriseServices-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-enterpriseServices-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="images/header-banners/logo-lockups/CDO-logo-lockup-enterprise-services.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Unlock Future Growth
h3 BUILD DIGITAL SOLUTIONS THAT WORK
hr
.grid-x.grid-padding-x.cell
h3 CDO: Intelligent Process Automation
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-intelligentProcessAutomation-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-intelligentProcessAutomation-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-intelligentProcessAutomation-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDO-logo-lockup-intelligent-process-automation.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Scale Seamless Delivery and Service
h3 ELEVATE EXPERIENCES WITH AUTOMATION
hr
.grid-x.grid-padding-x.cell
h3 CDST: Cloud Enablement
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-cloudEnablement-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-cloudEnablement-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-cloudEnablement-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDST-logo-lockup-cloud-enablement.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only Agility at Scale
h3 ACHIEVE DIGITAL AT GREATER SPEED & LESS RISK
hr
.grid-x.grid-padding-x.cell
h3 CDST: Core Modernization
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-coreModernization-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-coreModernization-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-coreModernization-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDST-logo-lockup-core-modernization.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only From Planning to Implementation
h3 FUTURE-PROOF YOUR CORE APPLICATIONS & INFRASTRUCTURE
hr
.grid-x.grid-padding-x.cell
h3 CDST: Legacy Transformation
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-legacyTransformation-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-legacyTransformation-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-legacyTransformation-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDST-logo-lockup-legacy-transformation.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only xxx
h3 xxx
hr
.grid-x.grid-padding-x.cell
h3 CDST: Security
.banner-header(data-interchange="[images/header-banners/logo-lockups/bg-header-security-mobile.jpg, small],[images/header-banners/logo-lockups/bg-header-security-tablet.jpg, medium],[images/header-banners/logo-lockups/bg-header-security-desktop.jpg, large]")
.grid-x.grid-padding-x.small-py2.medium-py4.large-py7
.cell.small-12.medium-4.large-6
img.banner-logoLockup.small-p1.medium-p2.large-p3(src="./images/header-banners/logo-lockups/CDST-logo-lockup-security.svg")
.cell.small-12.medium-8.large-6.text-white
h6.label.text-wrap.hide-for-small-only xxx
h3 xxx