body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} h1, h2, h3 { font-weight: normal; } amp-story-page { background-color: #131516; } amp-story-grid-layer { overflow: visible; } @media (max-aspect-ratio: 9 / 16) { @media (min-aspect-ratio: 320 / 678) { amp-story-grid-layer.grid-layer { margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2); } } } @media not all and (min-resolution:.001dpcm) { @media { p.text-wrapper > span { font-size: calc(100% - 0.5px); } } } .page-fullbleed-area, .page-background-overlay-area { position: absolute; overflow: hidden; width: 100%; left: 0; height: calc(1.1851851851851851 * 100%); top: calc((1 - 1.1851851851851851) * 100% / 2); } .element-overlay-area { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .page-safe-area { overflow: visible; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: calc(0.84375 * 100%); margin: auto 0; } .mask { position: absolute; overflow: hidden; } .fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } @media (prefers-reduced-motion: no-preference) { .animation-wrapper { opacity: var(--initial-opacity); transform: var(--initial-transform); } } amp-story-grid-layer.align-bottom { align-content: end; padding: 0; } .captions-area { padding: 0 32px 0; } amp-story-captions { margin-bottom: 16px; text-align: center; } amp-story-captions span { display: inline-block; margin: 0; padding: 6px 12px; vertical-align: middle; border-radius: 15px; background: rgba(11, 11, 11, 0.6); color: rgba(255, 255, 255, 1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; font-size: calc(4 * var(--story-page-vw)); line-height: 1.4; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; }
The Home Depot History: From Small Hardware Store to Home Improvement Giant
The Home Depot History
[{"selector":"#anim-e6717d8a-39f2-46cc-8bc1-213db22891ed [data-leaf-element="true"]","keyframes":{"transform":["translate3d(-48.607742521397704%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}]
Founders of Home Depot
Learn more
[{"selector":"#anim-a790c56b-f30d-4a64-ba7a-9cdc9fb38779 [data-leaf-element="true"]","keyframes":{"transform":["translate3d(-15.493556229714327%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}]
Home Depot Products and Services
Learn more
[{"selector":"#anim-c91db6da-9630-4f43-96ed-9f2de13f107b [data-leaf-element="true"]","keyframes":{"transform":["translate3d(66.63256457023083%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]
[{"selector":"#anim-2b1a8cdd-7a6f-4d63-9a83-de2b28f6ee0d [data-leaf-element="true"]","keyframes":{"transform":["translate3d(56.131749601319626%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]
Learn more
[{"selector":"#anim-f7e18e7f-7339-4441-9c31-b7d09ae2e507 [data-leaf-element="true"]","keyframes":{"transform":["translate3d(40.819206980574386%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]
Click on the link to read the full blog
Learn more