render(){
         return (
        <div>
            <h1>Tell us About yourslef</h1>
            <ul className="nav nav-tabs" role="tablist">
                <li role="presentation"><a href="#tab-menu-1" role="tab" data-toggle="tab" className="text-uppercase active">Personal</a>
                </li>
                <li role="presentation"><a href="#tab-menu-2" role="tab" data-toggle="tab" className="text-uppercase">Contact</a>
                </li>
                <li role="presentation"><a href="#tab-menu-3" role="tab" data-toggle="tab" className="text-uppercase">Verification</a>
                </li>
                <li role="presentation"><a href="#tab-menu-4" role="tab" data-toggle="tab" className="text-uppercase">Preferences</a>
                </li>
                <li role="presentation"><a href="#tab-menu-5" role="tab" data-toggle="tab" className="text-uppercase">Notifications</a>
                </li>
            </ul>
            <div className="tab-content" id="myTabContent">
                <div id="tab-menu-2">
                    <h1>This is Personal Tab</h1>
                    <button type="submit">Next</button>
                </div>
            </div>
            <div className="tab-content" id="myTabContent">
                <div id="tab-menu-3">
                    <h1>This is Contact Tab</h1>
                    <button type="submit">Next</button>
                </div>
            </div>
            <div className="tab-content" id="myTabContent">
                <div id="tab-menu-4">
                    <h1>This is Verification Tab</h1>
                    <button type="submit">Next</button>
                </div>
            </div>
            <div className="tab-content" id="myTabContent">
                <div id="tab-menu-5">
                    <h1>This is Notifications Tab</h1>
                    <button type="submit">Next</button>
                </div>
            </div>
        </div>
    )
}