Flex Modal Wrapper
Modal Normal
Modal Full Width
<button type="button" class="button button--blue button--medium" data-modal-target="exampleModal-xl">
<span> Open Modal</span>
</button>
<div aria-hidden="true" data-modal="exampleModal-xl" data-modal-size="xl" data-modal-close="false">
<button data-tealium-link="product_modal_close" data-tealium-link-product-productinfo-skul_d="3075C059" data-tealium-link-product-productinfo-product_name="Canon EOS R" type="button" class="bs-btn bs-btn-secondary p-0 bs-btn-modal-wrapper rounded-circle d-flex justify-content-center align-items-center position-absolute" data-modal-close>
x
</button>
<div class="pb-6 pt-9 py-md-9 bg-black text-white">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h1 class="text-uppercase canon-h1-tungsten canon-h1-tungsten--product canon-h1-tungsten--product-a">
Mastery of
<span class="text-danger">Stills and motion</span>
</h1>
<p class="fs-md mt-6">The best camera for the stills first Hybrid shooter. Stills or video master both.</p>
</div>
</div>
</div>
</div>
<div class="bs-modal-body px-0 bg-black pt-8 text-white">
<div class="py-5 py-md-5">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div>
<div class="model-wrapper__picture-author">
<picture class="canon-amplience">
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img src="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" alt="Author" class="canon-amplience__image" />
</picture>
</div>
</div>
<div class="canon-color--white">
<p class="author-share__text-author canon-paragraph--big">Written by <strong>Mark Grimster</strong></p>
<p class="author-share__text-sub canon-paragraph--title-small">Photographer at Getty Images</p>
</div>
</div>
</div>
</div>
</div>
<div class="pb-8">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div class="bs-row">
<div class="bs-col-md-6 bs-col-lg-5">
<div class="bg-light text-black p-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<p class="fs-lg mb-2 fw-bold mt-4">Lorem ipsum dolor sit.</p>
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur fuga nulla rem!
</p>
<a href="//google.co.uk" class="canon-link canon-link--blue-light canon-link--fwd">
Default
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
</div>
</div>
<div class="bs-col-md-6 bs-col-lg-7 py-4 py-md-0">
<h2 class="canon-h2--small mb-5">Lorem ipsum dolor sit amet.</h2>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis
possimus reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id
labore maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi
tenetur unde. Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque
debitis distinctio doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div class="bs-row">
<div class="bs-col-md-6 bs-col-lg-5 bs-order-last">
<div class="bg-light text-black p-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<p class="fs-lg mb-2 fw-bold mt-4">Lorem ipsum dolor sit.</p>
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur fuga nulla rem!
</p>
<a href="//google.co.uk" class="canon-link canon-link--blue-light canon-link--fwd">
Default
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
</div>
</div>
<div class="bs-col-md-6 bs-col-lg-7 py-4 py-md-0">
<h2 class="canon-h2--small mb-5">Lorem ipsum dolor sit amet.</h2>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis
possimus reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id
labore maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi
tenetur unde. Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque
debitis distinctio doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10 text-white">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-7">
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
</div>
<div class="bs-col-12 bs-col-md-5">
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="position-relative">
<picture class="canon-amplience">
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" media="(min-width: 1472px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" media="(min-width: 1200px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$3by2-tablet$" media="(min-width: 769px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-mobile$" media="(min-width: 0)" class="canon-amplience__image" />
<img src="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" alt="Canon Camera" class="canon-amplience__image" />
</picture>
<div class="responsive-video__video-element">
<div class="responsive-video__placeholder responsive-video__placeholder--mobile"></div>
<div class="responsive-video__video-play-overlay" data-account-id="640741352001" data-player-id="mACUN0fy8z" data-video-id="2888b424eec74936a94479d280390f41" data-poster="\/\/i1.adis.ws\/i\/canon\/print-supplies?w=544&qlt=60" data-element-id="facelift-video" controls>
<button class="responsive-video__video-play">
<svg width="24" height="32" xmlns="http://www.w3.org/2000/svg">
<path d="M22.954 13.88L3.39.861A1.775 1.775 0 0 0 .464 2.45l.133 26.708c-.053.73.308 1.429.934 1.808.23.12.484.181.742.18a2.269 2.269 0 0 0 1.266-.433L22.972 17.45a2.054 2.054 0 0 0-.019-3.57h.001zm-.963 2.128L2.557 29.271c-.06.042-.126.078-.194.106a1.017 1.017 0 0 1-.024-.229L2.206 2.44a.136.136 0 1 1 .216-.128l19.566 13.02c.194.133.27.26.27.339 0 .077-.067.203-.268.338z" fill="currentColor" fill-rule="nonzero" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="button button--blue button--medium" data-modal-target="exampleModal-full">
<span> Open Modal</span>
</button>
<div aria-hidden="true" data-modal="exampleModal-full" data-modal-size="full" data-modal-close="false">
<button data-tealium-link="product_modal_close" data-tealium-link-product-productinfo-skul_d="3075C059" data-tealium-link-product-productinfo-product_name="Canon EOS R" type="button" class="bs-btn bs-btn-secondary p-0 bs-btn-modal-wrapper rounded-circle d-flex justify-content-center align-items-center position-absolute" data-modal-close>
x
</button>
<div class="pb-6 pt-9 py-md-9 bg-black text-white">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h1 class="text-uppercase canon-h1-tungsten canon-h1-tungsten--product canon-h1-tungsten--product-a">
Mastery of
<span class="text-danger">Stills and motion</span>
</h1>
<p class="fs-md mt-6">The best camera for the stills first Hybrid shooter. Stills or video master both.</p>
</div>
</div>
</div>
</div>
<div class="bs-modal-body px-0 bg-black pt-8 text-white">
<div class="py-5 py-md-5">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div>
<div class="model-wrapper__picture-author">
<picture class="canon-amplience">
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img src="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" srcset="//i1.adis.ws/i/canon/canon-pro-speed-celebrity-portraits-eos-r-1-1140?$1by1-45px$" alt="Author" class="canon-amplience__image" />
</picture>
</div>
</div>
<div class="canon-color--white">
<p class="author-share__text-author canon-paragraph--big">Written by <strong>Mark Grimster</strong></p>
<p class="author-share__text-sub canon-paragraph--title-small">Photographer at Getty Images</p>
</div>
</div>
</div>
</div>
</div>
<div class="pb-8">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div class="bs-row">
<div class="bs-col-md-6 bs-col-lg-5">
<div class="bg-light text-black p-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<p class="fs-lg mb-2 fw-bold mt-4">Lorem ipsum dolor sit.</p>
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur fuga nulla rem!
</p>
<a href="//google.co.uk" class="canon-link canon-link--blue-light canon-link--fwd">
Default
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
</div>
</div>
<div class="bs-col-md-6 bs-col-lg-7 py-4 py-md-0">
<h2 class="canon-h2--small mb-5">Lorem ipsum dolor sit amet.</h2>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis
possimus reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id
labore maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi
tenetur unde. Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque
debitis distinctio doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<div class="bs-row">
<div class="bs-col-md-6 bs-col-lg-5 bs-order-last">
<div class="bg-light text-black p-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$2by3-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<p class="fs-lg mb-2 fw-bold mt-4">Lorem ipsum dolor sit.</p>
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur fuga nulla rem!
</p>
<a href="//google.co.uk" class="canon-link canon-link--blue-light canon-link--fwd">
Default
<span class="canon-link--fwd-icon">
<i class="canon-icon icon-icon-right-c-t" aria-hidden="true">  </i>
</span>
</a>
</div>
</div>
<div class="bs-col-md-6 bs-col-lg-7 py-4 py-md-0">
<h2 class="canon-h2--small mb-5">Lorem ipsum dolor sit amet.</h2>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis
possimus reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id
labore maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi
tenetur unde. Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque
debitis distinctio doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10 text-white">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-7">
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-tablet$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-mobile$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" data-srcset="//i1.adis.ws/i/canon/eos-r10-sample-10_df1728d445814a0580b15f4c57da67be?$3by4-desktop$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" data-srcset="//i1.adis.ws/i/canon/Canon-eos-6d-mark-ii-Hero?$hero-header-half-16by9-dt$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
</div>
<div class="bs-col-12 bs-col-md-5">
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
<div class="pb-4">
<picture class="canon-amplience lazyload__picture">
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1472px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 1200px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 769px)" class="canon-amplience__image" />
<source data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" type="image/webp" media="(min-width: 0)" class="canon-amplience__image" />
<img data-src="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" data-srcset="//i1.adis.ws/i/canon/eos-r10-frt_range_9feaf965e90e48d3a164d106d9939020?$prod-gallery-1by1$" alt="Canon Camera" class="canon-amplience__image lazy" />
</picture>
<div class="featured-article__caption container-small shared-styles__separator-tb-xxs">
<p class="canon-paragraph--medium canon-mb-xxs">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
<a class="canon-link canon-link--blue" href="www.google.com"> (…) </a>
</p>
<p class="canon-paragraph--medium">© Michael Nichols / National Geographic Creative</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="position-relative">
<picture class="canon-amplience">
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" media="(min-width: 1472px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" media="(min-width: 1200px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$3by2-tablet$" media="(min-width: 769px)" class="canon-amplience__image" />
<source srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-mobile$" media="(min-width: 0)" class="canon-amplience__image" />
<img src="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" srcset="//i1.adis.ws/i/canon/canon-pro-ulla-lohmann-kites-rf-zooms-1-1140?$4by3-desktop$" alt="Canon Camera" class="canon-amplience__image" />
</picture>
<div class="responsive-video__video-element">
<div class="responsive-video__placeholder responsive-video__placeholder--mobile"></div>
<div class="responsive-video__video-play-overlay" data-account-id="640741352001" data-player-id="mACUN0fy8z" data-video-id="2888b424eec74936a94479d280390f41" data-poster="\/\/i1.adis.ws\/i\/canon\/print-supplies?w=544&qlt=60" data-element-id="facelift-video" controls>
<button class="responsive-video__video-play">
<svg width="24" height="32" xmlns="http://www.w3.org/2000/svg">
<path d="M22.954 13.88L3.39.861A1.775 1.775 0 0 0 .464 2.45l.133 26.708c-.053.73.308 1.429.934 1.808.23.12.484.181.742.18a2.269 2.269 0 0 0 1.266-.433L22.972 17.45a2.054 2.054 0 0 0-.019-3.57h.001zm-.963 2.128L2.557 29.271c-.06.042-.126.078-.194.106a1.017 1.017 0 0 1-.024-.229L2.206 2.44a.136.136 0 1 1 .216-.128l19.566 13.02c.194.133.27.26.27.339 0 .077-.067.203-.268.338z" fill="currentColor" fill-rule="nonzero" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 py-md-10">
<div class="bs-container">
<div class="bs-row justify-content-center">
<div class="bs-col-12 bs-col-md-10">
<h2 class="canon-h2--small mb-5">Feature</h2>
<p class="fw-bold fs-md mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolor eaque excepturi inventore
iste. Accusamus distinctio mollitia officiis voluptas voluptatem!
</p>
<p class="mb-5 fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque illum impedit iure laboriosam magni
maiores mollitia, neque, numquam, perspiciatis rem repellendus sequi sunt ut voluptate voluptates? Ab
accusamus blanditiis deserunt est eveniet exercitationem, facere harum impedit magnam perferendis possimus
reprehenderit totam veniam! Autem dolorem expedita minima nihil odit, vel voluptatibus!
</p>
<p class="fs-md">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, dignissimos dolores esse id labore
maiores nisi praesentium qui quia quisquam quo, quod ratione reprehenderit, sapiente sequi tenetur unde.
Aut dicta minima quis saepe unde? Dolor repellat tempora tenetur ullam veniam? Cumque debitis distinctio
doloremque, eaque harum maiores odit ratione velit!
</p>
</div>
</div>
</div>
</div>
</div>
</div>