import React from 'react'
import { Link} from 'react-router-dom'

function Nav() {
return <>
        <div className="nav d-flex  justify-content-between p-2 border rounded-3 border-2">
            <h3 className='mx-5'><Link to="/" className='logo'>webApp</Link></h3>
            <ul className='d-flex list-unstyled gap-5 mt-2 text-light mx-5'>
                <li><Link to="/" className='link'>Home</Link></li>
                <li><Link to="/about" className='link'>About</Link></li>
                <li><Link to="/contact" className='link'>Contact</Link></li>
                <li><Link to="/service" className='link'>Service</Link></li>
                <li><Link to="/login" className='link'>Login</Link></li>
            </ul>
        </div>

</>
}

export default Nav