Fixed Footer

import React from 'react'
import { Button } from 'react-bootstrap'
import { Link } from 'react-router-dom'
//Image
import avatar1 from '../../Assets/dist/img/avatar1.jpg'

const FixedFooter = () => {
  return (
    <div className="hk-fixed-footer">
        <div className="d-flex justify-content-between align-items-center p-3">
            <div className="media align-items-center">
                <div className="media-head me-3">
                    <div className="avatar avatar-lg">
                        <img src={avatar1} alt="user" className="avatar-img" />
                    </div>
                </div>
                <div className="media-body">
                    <h4>Nubra UI Kit</h4>
                    <span className="d-block">By Hencework in Template</span>
                </div>
            </div>
            <div className="d-flex align-items-center">
                <Link to="#" className="me-3">Extended license</Link>
                <h5 className="me-3 mb-0">$35</h5>
                <Button variant="primary">Integrate Now</Button>
            </div>
        </div>
    </div>
  )
}

export default FixedFooter