Skip to content

Commit 09e1768

Browse files
hmillersarahhmillersarah
committed
add hero section to 404 page
1 parent b0009c4 commit 09e1768

1 file changed

Lines changed: 38 additions & 58 deletions

File tree

‎404.html‎

Lines changed: 38 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -95,72 +95,52 @@
9595
<script
9696
src="web-components/nav-header/nav-header.js"
9797
type="module"></script>
98+
<script
99+
src="web-components/hero-section/hero-section.js"
100+
type="module"></script>
98101
<script src="web-components/footer/footer.js" type="module"></script>
99102
</head>
100103

101104
<!-- MASTHEAD_SITENAV_BEGIN -->
102-
<body id="ibm-com" class="ibm-com ibm-type group-blog">
103-
<div class="ibm-landing-page pg-404">
104-
<nav-header></nav-header>
105-
106-
<!-- Additional styling for content after navigation -->
107-
<head>
108-
<link
109-
rel="stylesheet"
110-
type="text/css"
111-
href="wp-includes/css/pure.css" />
112-
<link
113-
rel="stylesheet"
114-
href="wp-includes/css/grids-responsive-min.css" />
115-
<link
116-
rel="stylesheet"
117-
type="text/css"
118-
href="wp-includes/css/homepage.css" />
119-
</head>
105+
<body id="ibm-com" class="ibm-com ibm-type">
106+
<nav-header></nav-header>
120107

121-
<div id="content" class="site-content">
122-
<div class="content-area" id="content-area">
123-
<div class="entry-content">
124-
<main class="zs-main">
125-
<!-- =========================== IMS Central 404 =========================== -->
126-
<div class="bg-404 main-sec">
127-
<section id="intro-section" class="pure-g zs-section">
128-
<div class="pure-u-3-25">
129-
<img
130-
class="ims-card-icon"
131-
src="wp-content/404_Error.svg"
132-
alt="404: Page not found" />
133-
</div>
134-
<div
135-
id="intro-info"
136-
class="pure-u-1 pure-u-sm-1-2 main-sec-g">
137-
<h1>We<span>&#8217;</span>re sorry!</h1>
138-
<p id="p-style">
139-
The page you're looking for might have been moved or
140-
deleted.
141-
</p>
142-
</div>
143-
<div class="pure-u-8-24">
144-
<h2 class="text-404">404</h2>
145-
</div>
146-
</section>
147-
</div>
108+
<main id="content" class="main-content">
109+
<!-- =========================== IMS Central 404 =========================== -->
110+
<hero-section
111+
name="We're sorry!"
112+
image="wp-content/404_Error.svg"
113+
section="Engage"
114+
desc="The page you're looking for might have been moved or deleted.">
115+
</hero-section>
148116

149-
<!-- =========================== White Space =========================== -->
150-
<div class="bg-404">
151-
<section class="zs-section">
152-
<div class="pure-u-lg-2-24 w-space"></div>
153-
</section>
154-
</div>
155-
</main>
117+
<div class="bg-404 main-sec">
118+
<section id="intro-section" class="pure-g zs-section">
119+
<div class="pure-u-3-25">
120+
<img
121+
class="ims-card-icon"
122+
src="wp-content/404_Error.svg"
123+
alt="404: Page not found" />
156124
</div>
157-
<!-- .entry-content -->
158-
</div>
159-
<!-- #content -->
125+
<div id="intro-info" class="pure-u-1 pure-u-sm-1-2 main-sec-g">
126+
<h1>We<span>&#8217;</span>re sorry!</h1>
127+
<p id="p-style">
128+
The page you're looking for might have been moved or deleted.
129+
</p>
130+
</div>
131+
<div class="pure-u-8-24">
132+
<h2 class="text-404">404</h2>
133+
</div>
134+
</section>
160135
</div>
161-
<!-- end of ibm-content-wrapper -->
162-
</div>
163-
<!-- #page -->
136+
137+
<!-- =========================== White Space =========================== -->
138+
<!-- <div class="bg-404">
139+
<section class="zs-section">
140+
<div class="pure-u-lg-2-24 w-space"></div>
141+
</section>
142+
</div> -->
143+
</main>
164144

165145
<!-- Footer -->
166146
<imscentral-footer></imscentral-footer>

0 commit comments

Comments
 (0)