Devices

<!-- Device Mockup -->
<div class="device device-iphone-x">
  <img class="device-iphone-x-frame" src="../../assets/svg/components/iphone-x.svg" alt="Image Description">
  <img class="device-iphone-x-screen" src="../../assets/img/407x867/img8.jpg" alt="Image Description">
</div>
<!-- End Device Mockup -->

<!-- Device Mockup -->
<div class="device device-ipad">
  <img class="device-ipad-frame" src="../../assets/svg/components/ipad.svg" alt="Image Description">
  <img class="device-ipad-screen" src="../../assets/img/533x711/img2.jpg" alt="Image Description">
</div>
<!-- End Device Mockup -->

<!-- Device Mockup -->
<div class="device device-horizontal-ipad">
  <img class="device-horizontal-ipad-frame" src="../../assets/svg/components/ipad-horizontal.svg" alt="Image Description">
  <img class="device-horizontal-ipad-screen" src="../../assets/img/1618x1010/img1.jpg" alt="Image Description">
</div>
<!-- End Device Mockup -->

<!-- Device Mockup -->
<div class="device">
  <img class="img-fluid" src="../../assets/svg/components/macbook.svg" alt="Image Description">
  <img class="device-macbook-screen" src="../../assets/img/1618x1010/img2.jpg" alt="Image Description">
</div>
<!-- End Device Mockup -->

<!-- Device Mockup -->
<div class="device-wrapper">
  <div class="device">
    <img class="img-fluid" src="../assets/svg/components/macbook.svg" alt="Image Description">
    <img class="device-macbook-screen" src="../assets/img/1618x1010/img4.jpg" alt="Image Description">
  </div>
  <div class="device device-iphone-x">
    <img class="device-iphone-x-frame" src="../assets/svg/components/iphone-x.svg" alt="Image Description">
    <img class="device-iphone-x-screen" src="../assets/img/407x867/img7.jpg" alt="Image Description">
  </div>
</div>
<!-- End Device Mockup -->