User is not logged in
		<div class="page-content page-container" id="page-content">
			<div class="padding">
				<div class="row container d-flex justify-content-center">
					<div class="col-xl-6 col-md-12">
                        <div class="card user-card-full">
                            <div class="row m-l-0 m-r-0">
							
                                <div class="col-sm-4 bg-c-lite-green user-profile">
                                    <div class="card-block text-center text-white">
										<input type="button" class="styled-button" value="Go back!" onclick="history.go(-1)">
										<h3 style="text-align:center">IISWC - Indian Institute of Soil & Water Conservation- Dehradun
								- भाकृअनुप  - भारतीय मृदा एवं जल संरक्षण संस्थान  - देहरादून</h3>
                                        <div class="m-b-25">
                                        <img src="img/user.png" class="img-radius" alt="User-Profile-Image">
                                        </div>
                                        <h6 class="f-w-600"style="color:white;">User Name :  </h6>
                                        
                                        <i class=" mdi mdi-square-edit-outline feather icon-edit m-t-10 f-16"></i>
                                    </div>
                                </div>
											<div class="col-sm-8">
                                                <div class="card-block">
                                                    <h6 class="m-b-20 p-b-5 b-b-default f-w-600"style="color:red;">USER - INFORMATION</h6>
                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <p class="m-b-10 f-w-600"style="color:blue;">Division</p>
                                                            <h6 class="custom-text-style"></h6>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <p class="m-b-10 f-w-600"style="color:blue;">Contact Number</p>
                                                            <h6 class="custom-text-style"></h6>
                                                        </div>
														
														<div class="col-sm-6">
                                                            <p class="m-b-10 f-w-600"style="color:blue;">Status</p>
                                                            <h6 class="custom-text-style"></h6>
                                                        </div>
                                                    </div>
                                                </div>
											</div>
	                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
									
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.6.95/css/materialdesignicons.css"></script>									


<style>
.custom-text-style {
    font-size: 12px; 
    font-family: Arial, sans-serif; 
    color: #FF5733; 
    
}
.styled-button {
    background-color: #3498db; /* Change to the background color you prefer */
    color: #fff; /* Change to the text color you prefer */
    border: none;
    padding: 8px 14px; /* Adjust padding as needed */
    border-radius: 5px; /* Optional: Add rounded corners */
    cursor: pointer;
    font-size: 14px; /* Adjust font size as needed */
}
</style>
										
<style>
	body {
    background-color: #f9f9fa;
	 top-margin: 0; /* Remove top margin */
}

.padding {
    padding: 20rem !important
}

.user-card-full {
    overflow: hidden;
}
.user-card-full {
    margin-top: -300px; 
    margin-bottom: -350px;
}

.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08);
    border: none;
    margin-bottom: 30px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-l-0 {
    margin-left: 0px;
}

.user-card-full .user-profile {
    border-radius: 5px 0 0 5px;
}

.bg-c-lite-green {
        background: -webkit-gradient(linear, left top, right top, from(#f29263), to(#ee5a6f));
    background: linear-gradient(to right, #ee5a6f, #f29263);
}

.user-profile {
    padding: 20px 0;
}

.card-block {
    padding: 1.25rem;
}

.m-b-25 {
    margin-bottom: 25px;
}

.img-radius {
    border-radius: 5px;
}
 
h6 {
    font-size: 14px;
}

.card .card-block p {
    line-height: 25px;
}

@media only screen and (min-width: 1400px){
p {
    font-size: 14px;
}

.card-block {
    padding: 1.25rem;
}

.b-b-default {
    border-bottom: 1px solid #e0e0e0;
}

.m-b-20 {
    margin-bottom: 20px;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.card .card-block p {
    line-height: 25px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.text-muted {
    color: #919aa3 !important;
}

.b-b-default {
    border-bottom: 1px solid #e0e0e0;
}

.f-w-600 {
    font-weight: 600;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-40 {
    margin-top: 20px;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-40 {
    margin-top: 20px;
}

</style>