<h1 class="op_sm_page" style="text-shadow: 1px 1px 1px black;">
Water meters</h1>
no-repeat;left top;;
auto

<p class="op_sm_page white_lead_text" style="text-shadow: 1px 1px 1px black;">What would you like to know about metering?</p>
no-repeat;left top;;
auto

<p style="text-align:center; font-size:40px; margin: 30px 0 0 0; color:#014b96;"><i class="fa-solid fa-droplet"></i></p>

<div class="content">
      <h3 class="op_sm_page blue" style="text-align:center">I’d like to apply for a water meter</h3>

        [button title="Apply for a meter" link="https://www.portsmouthwater.co.uk/metering/application/" target="_self" align="center" icon="" icon_position="" color="#e96429" font_color="#ffffff" size="2" full_width="" class="" download="" rel=""]
</div>
no-repeat;left top;;
auto
op-sw-pages-col

<p style="text-align:center; font-size:40px; margin: 30px 0 0 0; color:#014b96; "><i class="fa-solid fa-truck"></i></p>

<div class="content">
      <h3 class="op_sm_page blue" style="text-align:center">You’ve let me know I’m moving to metering</h3>

        [button title="Find out more about meters" link="https://www.portsmouthwater.co.uk/metering/moving-to-metering/" target="_self" align="center" icon="" icon_position="" color="#e96429" font_color="#ffffff" size="2" full_width="" class="" download="" rel=""]
</div>
no-repeat;left top;;
auto
op-sw-pages-col

<p style="text-align:center; font-size:40px; margin: 30px 0 0 0; color:#014b96;"><i class="fa-solid fa-clipboard-question"></i></p>

<div class="content">
      <h3 class="op_sm_page blue" style="text-align:center">About smart water meters</h3>

        [button title="All about smart" link="https://www.portsmouthwater.co.uk/savewater/smartwatermeters/" target="_self" align="center" icon="" icon_position="" color="#e96429" font_color="#ffffff" size="2" full_width="" class="" download="" rel=""]
</div>
no-repeat;left top;;
auto
op-sw-pages-col

<p style="text-align:center; font-size:40px; margin: 30px 0 0 0; color:#014b96;"><i class="fa-solid fa-pen-to-square"></i></p>

<div class="content">
      <h3 class="op_sm_page blue" style="text-align:center">Submit a meter reading</h3>

        [button title="Submit reading" link="https://www.portsmouthwater.co.uk/metering/submit-meter-reading/" target="_self" align="center" icon="" icon_position="" color="#e96429" font_color="#ffffff" size="2" full_width="" class="" download="" rel=""]
</div>
no-repeat;left top;;
auto
op-sw-pages-col

<p style="text-align:center; font-size:40px; margin: 30px 0 0 0; color:#014b96;"><i class="fa-solid fa-calculator"></i></p>

<div class="content">
      <h3 class="op_sm_page blue" style="text-align:center">Water calculator</h3>

        [button title="Estimate metered bills" link="https://www.portsmouthwater.co.uk/water-calculator" target="_self" align="center" icon="" icon_position="" color="#e96429" font_color="#ffffff" size="2" full_width="" class="" download="" rel=""]
</div>
no-repeat;left top;;
auto
op-sw-pages-col

