<style type="text/css">table, th, td { border:1px solid black; border-collapse: collapse; } * { box-sizing: border-box; } .slider { width: 300px; text-align: center; overflow: hidden; } .slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* scroll-snap-points-x: repeat(300px); scroll-snap-type: mandatory; */ } .slides::-webkit-scrollbar { width: 10px; height: 10px; } .slides::-webkit-scrollbar-thumb { background: black; border-radius: 10px; } .slides::-webkit-scrollbar-track { background: transparent; } .slides > div { scroll-snap-align: start; flex-shrink: 0; width: 300px; height: 300px; margin-right: 50px; border-radius: 10px; background: #eee; transform-origin: center center; transform: scale(1); transition: transform 0.5s; position: relative; display: flex; justify-content: center; align-items: center; font-size: 100px; } .slides > div:target { /* transform: scale(0.8); */ } .author-info { background: rgba(0, 0, 0, 0.75); color: white; padding: 0.75rem; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; } .author-info a { color: white; } .pic1 { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pic2 { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pic3 { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pic4 { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pic5 { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider > a { display: inline-flex; width: 1.5rem; height: 1.5rem; background: white; text-decoration: none; align-items: center; justify-content: center; border-radius: 50%; margin: 0 0 0.5rem 0; position: relative; } .slider > a:active { top: 1px; } .slider > a:focus { background: #000; } /* Don't need button navigation */ @supports (scroll-snap-type) { .slider > a { display: none; } } </style> <center> <h1 style="font-family: "Lucida Handwriting", cursive;"><big><em><strong>SOLD LISTING</strong></em></big><br /> <br /> </h1> </center> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/yGVgRSOgXc0" title="YouTube video player" width="560"></iframe><br /> <div class="slider"><a href="#slide-1">1</a> <a href="#slide-2">2</a> <a href="#slide-3">3</a> <a href="#slide-4">4</a> <a href="#slide-5">5</a> <div class="slides"> <div id="slide-1"><img class="pic1" src="https://swsite.z13.web.core.windows.net/images/listings/1632/6977522304261912430.jpg" /></div> <div id="slide-2"><img class="pic2" src="https://swsite.z13.web.core.windows.net/images/listings/1632/6977522304261912475.jpg" /></div> <div id="slide-3"><img class="pic3" src="https://swsite.z13.web.core.windows.net/images/listings/1632/6977522304261912498.jpg" /></div> <div id="slide-4"><img class="pic4" src="https://swsite.z13.web.core.windows.net/images/listings/1632/69775223042619125112.jpg" /></div> <div id="slide-5"><img class="pic5" src="https://swsite.z13.web.core.windows.net/images/listings/1632/69775223042619125314.jpg" /></div> </div> </div> <br /> <br /> <iframe allow="autoplay" height="680" src="https://drive.google.com/file/d/19u7rYFMHUhFncDiwMlk7l8Z_V-LJs7pe/preview" width="540"></iframe><br /> <br /> <br /> <h2><strong>42 Pembry Dr Ajax Ontario</strong></h2> <table border="1" cellpadding="1" cellspacing="1" style="height: 10px; width: 500px;"> <tbody> <tr style="width:200px"> <td><strong>List Price</strong></td> <td><strong>$787,500</strong></td> </tr> <tr> <td><strong>Sold Price</strong></td> <td><strong>$990,000</strong></td> </tr> <tr> <td><strong>Number of Days on Market</strong></td> <td><strong>6</strong></td> </tr> <tr> <td><strong>Number of Showings</strong></td> <td><strong>117</strong></td> </tr> <tr> <td><strong>Number of Offers</strong></td> <td><strong>20</strong></td> </tr> </tbody> </table> <br /> <br /> <strong><strong>To view the pictures, virtual tour, & floor plan, click on the link below:</strong></strong> <h1><svg class="arrow-bounce" fill="none" height="28" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="28" xmlns="http://www.w3.org/2000/svg"> <line x1="4" x2="20" y1="12" y2="12"></line> <polyline points="14 6 20 12 14 18"></polyline> </svg> <a href="https://www.briankondo.com/blog/2023/05/02/42%20Pembry%20Ajax" target="_blank">Link</a></h1> <center><br /> <br /> <br /> </center>