<?php include('header.php'); ?>
<div class="wrap pt-3 dashboard">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-12 chart_bg my_account">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6">
						<h5 class="marg0">My Account</h5>
					</div>	
					<div class="col-lg-6 col-md-6 col-sm-6">	
						<ul class="nav nav-tabs" role="tablist">
						    <li class="nav-item">
						      	<a class="nav-link active" data-toggle="tab" href="#Transunion">Profile</a>
						    </li>
						    <li class="nav-item">
						      	<a class="nav-link" data-toggle="tab" href="#Experian">My Docs</a>
						    </li>
						    <li class="nav-item">
						      	<a class="nav-link" data-toggle="tab" href="#Equifax">Credits Report</a>
						    </li>
						</ul>
					</div>
				</div>
			    <div class="tab-content">
				    <div id="Transunion" class="container tab-pane active"><br>  	
						<div class="row">
							<div class="col-lg-8 col-sm-8 ">
								<p class="per">Personal</p>
								<div class="row">
									<div class="col-lg-6 col-md-6 text-left">
										<div class="form-group">
									      	<label for="First Name">First Name</label>
									      	<input type="First Name" class="form-control border_btm" id="First Name" placeholder="Enter First Name" name="First Name">
									    </div>
									    <div class="form-group">
									      	<label for="Email">Email (User Name)</label>
									      	<input type="Email" class="form-control border_btm" id="Email" placeholder="Enter Email Address" name="Email">
									    </div>
									    <div class="form-group">
									      	<label for="Address">Address (First Line)</label>
									      	<input type="Address" class="form-control border_btm" id="Address" placeholder="Enter Address" name="Address">
									    </div>
									</div>
									<div class="col-lg-6 col-md-6 text-left">
										<div class="form-group">
									      	<label for="Last Name">Last Name</label>
									      	<input type="Last Name" class="form-control border_btm" id="Last Name" placeholder="Enter Last Name" name="Last Name">
									    </div>
									    <div class="form-group">
									      	<label for="Phone">Phone Number</label>
									      	<input type="Phone Number" class="form-control border_btm" id="Phone Number" placeholder="Enter Phone Number" name="Phone Number">
									    </div>
									    <div class="form-group">
									      	<label for="Zip">Zip</label>
									      	<input type="Zip" class="form-control border_btm" id="Zip" placeholder="Enter Zip Code" name="Zip Code">
									    </div>
									</div>
								</div>
								<p class="per">Security</p>
								<div class="form-group col-md-6 text-left P0">
							      	<label for="Current Password">Current Password</label>
							      	<input type="Current Password" class="form-control " id="Current Password" placeholder="Enter Your Password" name="Current Password">
							    </div>
							    <div class="row">
							    	<div class="form-group col-md-6 text-left ">
								      	<label for="Current Password">Current Password</label>
								      	<input type="Current Password" class="form-control " id="Current Password" placeholder="Enter Your Password" name="Current Password">
								    </div>
								    <div class="form-group col-md-4 text-center ">
								    	<label for="Current Password"></label>
								    	<input type="button" name="next" class="next psw-btn" value="Change Password">
								    </div>
							    </div>
							    <p class="per">Identity</p>
							    <div class="row">
								    <div class="form-group col-md-6 text-left ">
								      	<label for="ADDITIONAL FIRST NAME">ADDITIONAL FIRST NAME</label>
								      	<input type="ADDITIONAL FIRST NAME" class="form-control " id="ADDITIONAL FIRST NAME" placeholder="First Name" name="ADDITIONAL FIRST NAME">
								    </div>
								    <div class="form-group col-md-2 text-center ">
								    	<label for="Current Password"></label>
								    	<input type="add"  class=" psw-btn" value="ADD">
								    </div>
								</div>
								<div class="row">
								    <div class="form-group col-md-6 text-left ">
								      	<label for="ADDITIONAL LAST NAME">ADDITIONAL LAST NAME</label>
								      	<input type="ADDITIONAL LAST NAME" class="form-control " id="ADDITIONAL LAST NAME" placeholder="Last Name" name="Last Name">
								    </div>
								    <div class="form-group col-md-2 text-center ">
								    	<label for="Current Password"></label>
								    	<input type="add"  class=" psw-btn" value="ADD">
								    </div>
								</div>
							</div>
							<div class="col-md-4 col-sm-4 ">
								<!-- <div class="best_price">
									<p>Best Value!</p>
								</div>
								<div class="pricingTable">
									<div class="pricingTable-header">
										<h3 class="title">FixYourCredit Basic</h3>
									</div>
									<div class="pricing-content">
										<div class="price-value">
											<span class="amount">$19.95 /mo</span>
											<span class="cancel">Cancel anytime</span>
										</div>
										<ul class="content-list">
											<li>3Bureau Credit Reports & Scores</li>
											<li>Identity The Insurance ($1m)</li>
											<li>Credit Monitoring & Alerts(TU)</li>
										</ul>
										<div class="credit">
											<span>FixYourCredit</span>
										</div>
										<p>Includes Fix Credit Your Money Manager with 2 Monthly Fix Credit Reports and Scores and 2 monthly Action Buttons</p>
									</div>
									<div class="pricingTable-signup text-center">
										<a href="#">LINK</a>
									</div>
								</div> -->
							</div>

						</div>
				    </div>
				    <div id="Experian" class="container tab-pane fade"><br>
				      	<h3 class="fs-subtitle">My Account</h3>
				      	<div class="box">
						    <div class="js--image-preview"></div>
						    <div class="upload-options">
						      	<label><span>PHOTO ID </span> 	
						      	<p class="text-left upload_img"><i class="fa fa-warning"></i> Add New
						        	<input type="file" class="image-upload" accept="image/*" />
						        </p>
						    </label>
						    </div>
						    <div class="upload-options">
						      	<label class="border_none"><span>PROOF OF ADDRESS</span> 	
							      	<p class="text-left upload_img"><i class="fa fa-warning"></i> Add New
							        	<input type="file" class="image-upload" accept="image/*" />
							        </p>
							    </label>
						    </div>
						</div>
				      	<h3 class="fs-subtitle">FAQ'S</h3>
						<div class="container demo-btm P0">
						    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
						        <div class="panel panel-default">
						            <div class="panel-heading" role="tab" id="headingOne">
						                <h4 class="panel-title">
						                    <a class="acco_faq" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
						                        <!-- <i class="more-less glyphicon fa fa-plus"></i> -->
						                        Why should I add my proof of address and photo ID?
						                    </a>
						                </h4>
						            </div>
						            <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
						                <div class="panel-body">
						                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
						                </div>
						            </div>
						        </div>
						        <div class="panel panel-default">
						            <div class="panel-heading" role="tab" id="headingTwo">
						                <h4 class="panel-title">
						                    <a  class="collapsed acco_faq" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
						                        <!-- <i class="more-less glyphicon fa fa-plus"></i> -->
						                        	
						                        What can I use as prooof of address?
						                    </a>
						                </h4>
						            </div>
						            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
						                <div class="panel-body">
						                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
						                </div>
						            </div>
						        </div>
						        <div class="panel panel-default">
						            <div class="panel-heading" role="tab" id="headingThree">
						                <h4 class="panel-title">
						                    <a class="collapsed acco_faq" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
						                    	
						                        <!-- <i class="more-less glyphicon fa fa-plus"></i> -->
						                       What can I use for photo ID?
						                    </a>
						                </h4>
						            </div>
						            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
						                <div class="panel-body">
						                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
						                </div>
						            </div>
						        </div>
						    </div>
						</div>
				    </div>
				    <div id="Equifax" class="container tab-pane fade"><br>
				      	<h3 class="fs-subtitle">My Account</h3>
				      	<div class="credit_report">
				      		<div class="col-lg-12 col-md-12 col-sm-12 col-12">
				      			<p class="per">Your Plan</p>
				      		</div>
				      		<div class="row">
					      		<div class="col-lg-4 col-md-4 ">
					      			<div class="pricingTable">
										<div class="pricingTable-header">
											<h3 class="title">Fixyourcredit Basic</h3>
										</div>
										<div class="pricing-content">
											<div class="price-value">
												<span class="amount">$19.95 /mo</span>
												<span class="cancel">Cancel anytime</span>
											</div>
											<ul class="content-list">
												<li>3Bureau Credit Reports & Scores</li>
												<li>Identity The Insurance ($1m)</li>
												<li>Credit Monitoring & Alerts(TU)</li>
											</ul>
											<div class="credit">
												<span>FixYourCredit</span>
											</div>
											<p>Includes Fix Credit Your Money Manager with 2 Monthly Fix Credit Reports and Scores and 2 monthly Action Buttons</p>
										</div>
										<div class="pricingTable-signup text-center">
											<a href="#">LINK</a>
										</div>
									</div>
					      		</div>
					      		<div class="col-lg-8 col-md-8 ">
					      			<div class="smart_credit">
					      				<a href="javascript:;" class="credit_btn">Manage smart credit account</a>
					      			</div>
					      			<p>You can cancel your plan at anytime through your FixYour account</p>
					      		</div>
					      	</div>
				      	</div>
				    </div>
				</div>
			</div>
		</div>
	</div>
</div>
<?php include('footer.php'); ?>

