Need help with html code on page

Solved
Excursionist
20 1 3

I am not overly experienced with coding and would appreciate any help.

 

The page I am editing is https://www.sykes.com.au/pages/liteboat-recreational-boats

 

I am trying to separate the 'Demo a Liteboat' content from the grid above. Current code is below. I'm sure this would be an easy fix for someone with html knowledge but this is something I don't know how to fix.

<div class="rte">
<p><strong>Liteboat's Recreational boats are lightweight, stable and easy to use.</strong></p>
<p>Designed by naval architect Sam Manuard, the Recreational range is easy to handle and allows you to enjoy rowing on all types of water without the fear of capsizing. Being lightweight, these boats can be easily transported on the roof rack of your car.</p>
<h3>Liteboat's Recreational Boat Range</h3>
<div class="grid__item one-third">
<p><strong>LiteSPORT 1X</strong></p>
<img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litesport1x-w.png?1111" />
<p><strong><span>Innovative design, easy to use, extraordinary </span>stability.</strong> <br /><br /><a href="https://www.liteboat.com/product/litesport-1x/" class="btn" target="_blank" rel="noopener noreferrer">Learn More<br /></a></p>
</div>
<div class="grid__item one-third">
<p><strong>LiteRIVER</strong></p>
<img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-literiver-w.png?1109" /> <br /><span><span><span><strong>Lightweight pleasure skiff, ensuring fun, speed and stability.</strong> <br /><br /><a href="https://www.liteboat.com/product/literiver/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></span></span></span></div>
</div>
<div class="grid__item one-third">
<p><strong>LiteSPORT 2X</strong></p>
<p><strong><img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litesport2x-w.png?1110" /><br /></strong><strong><span>A great boat if you want to row with a friend or family member. </span><br /><br /></strong><a href="https://www.liteboat.com/product/litesport-2x/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></p>
<p> </p>
</div>
<div class="grid__item one-third">
<p><strong>LiteQUATTRO</strong></p>
<p><img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litequattro-w.png?v=1568180217" /><br /><strong>A versatile rowing boat that can be converted from scull to sweep in minutes.</strong></p>
<p><a href="https://www.liteboat.com/product/litequattro/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></p>
<div></div>
<p> </p>
<div>
<h3>Demo a Liteboat</h3>
<p><strong>Would you like to demo a Liteboat? </strong><strong>Simply <a href="mailto:markn@sykes.com.au">contact us</a> or call 03 5221 3655.</strong></p>
</div>
</div>
0 Likes

Success.

Shopify Partner
152 37 58
<div class="rte">
  <p><strong>Liteboat's Recreational boats are lightweight, stable and easy to use.</strong></p>
  <p>Designed by naval architect Sam Manuard, the Recreational range is easy to handle and allows you to enjoy rowing on all types of water without the fear of capsizing. Being lightweight, these boats can be easily transported on the roof rack of your car.</p>
  <h3>Liteboat's Recreational Boat Range</h3>
<div class="grid">
  <div class="grid__item one-third">
    <p><strong>LiteSPORT 1X</strong></p>
    <img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litesport1x-w.png?1111" />
    <p><strong>Innovative design, easy to use, extraordinary stability.</strong></p>
    <p><a href="https://www.liteboat.com/product/litesport-1x/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></p>
  </div>
<div class="grid__item one-third">
    <p><strong>LiteRIVER</strong></p>
    <img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-literiver-w.png?1109" />
    <p><strong>Lightweight pleasure skiff, ensuring fun, speed and stability.</strong></p>
    <p><a href="https://www.liteboat.com/product/literiver/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></p>
</div>
<div class="grid__item one-third">
    <p><strong>LiteSPORT 2X</strong></p>
    <img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litesport2x-w.png?1110" />
    <p><strong>A great boat if you want to row with a friend or family member.</strong></p>
    <a href="https://www.liteboat.com/product/litesport-2x/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a>
  </div>
</div>
<div class="grid">
  <div class="grid__item one-third">
    <p><strong>LiteQUATTRO</strong></p>
    <img src="https://cdn.shopify.com/s/files/1/1096/2066/files/recreational-litequattro-w.png?v=1568180217" />
    <p><strong>A versatile rowing boat that can be converted from scull to sweep in minutes.</strong></p>
    <p><a href="https://www.liteboat.com/product/litequattro/" class="btn" target="_blank" rel="noopener noreferrer">Learn More</a></p>
  </div>
</div>

<h3>Demo a Liteboat</h3>
<p><strong>Would you like to demo a Liteboat? </strong><strong>Simply <a href="mailto:markn@sykes.com.au">contact us</a> or call 03 5221 3655.</strong></p>
</div>
Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
1 Like
Excursionist
20 1 3

Thank you - it worked.

1 Like