import React from 'react'

function NewConnection() {
  return (
    <div className="col-xl-12 col-lg-12">
    {/* </div> <div className="col-xl-6 col-lg-6"> */}
        <div className="card">
        <div className="card-body">
            <div className='d-flex flex-column align-items-center'>
            <div className='water-connection'>
                <img src='./images/kerala/tap.jpg' className='w-100 h-100' />
                </div>
                <div className='d-flex flex-column pt-3'>
                 <span className='text-dark' style={{fontSize:'20px'}}>  </span>
                 <button className="btn bg-primary br-btn">Click here for new Connection</button>
                </div>
            </div>
        </div>
        </div>
    </div>
  )
}

export default NewConnection