focalxaiinspection/src/lib/Components/PersonalDetails/PersonalDetails.js

Focalx AI Inspection

/* eslint-disable no-script-url */
/* eslint-disable jsx-a11y/anchor-is-valid */
import React from 'react';
import './PersonalDetails.scss';

const PersonalDetails = () => (
  <>
    <div className="car-info-form">
            <div className="container">
                <div className="form personal-details-form">
                    <div className="form-group">
                        <input type="text" className="form-control" id="name" placeholder="Name" />
                    </div>
                    <div className="form-group">
                        <input type="text" className="form-control" id="contact" placeholder="Contact" />
                    </div>
                    <div className="form-group">
                        <input type="text" className="form-control" id="email" placeholder="Email" />
                    </div> 
                    <div className="form-group custom-checkbox">
                        <input id="tnc" type="checkbox" name="checkbox" />
                        <label htmlFor="tnc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</label>
                    </div>                   
                </div>
            </div>
        </div>
  </>
);

export default PersonalDetails;