HOW TO WROTE A CODE
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<title>Samagra- Citizen Services Portal</title>
<link rel="stylesheet" href="/New_Samgar_Cs_Js/css/main.css?14032023" />
<link href="/New_Samgar_Cs_Js/css/MyCss.css?10042023" rel="stylesheet" type="text/css" />
<style>
.Heading_Text{
font-size: 40px;
}
</style>
<!-- SweetAlert2 -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="/CitizenTheme/assets/bootstrap/css/bootstrap.min.css"
type="text/css" />
<!-- ANIMATE -->
<link rel="stylesheet" href="/CitizenTheme/assets/animate/animate.min.css" type="text/css" />
<!-- WEB FONTS -->
<!-- ICON FONTS -->
<link rel="stylesheet" href="../../CitizenTheme/fonts/font-awesome/css/font-awesome.min.css"
type="text/css" />
<link rel="stylesheet" href="/CitizenTheme/fonts/ionicons/css/ionicons.min.css" type="text/css" />
<!-- GLOBAL STYLE -->
<link id="stylesheetGlobal" type="text/css" href="/CitizenTheme/css/global-style-blue.min.css?10022023"
rel="stylesheet" media="screen" />
<!-- CUSTOM STYLE -- Remove if not necessary -->
<link type="text/css" href="/CitizenTheme/css/custom-style.css?11032023" rel="stylesheet" />
<!-- FAVICON -->
<link href="/CitizenTheme/images/favicon.png" rel="icon" type="image/png" />
<link href="/CitizenTheme/cdn.nic.in/Samagra/Stylesheets/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="/CitizenTheme/cdn.nic.in/Samagra/Stylesheets/bootstrap-responsive.css" rel="stylesheet"type="text/css" />
<script src="/CitizenTheme/cdn.nic.in/Samagra/Javascripts/minv1.8.2.js" type="text/javascript"></script>
<script src="/CitizenTheme/cdn.nic.in/Samagra/Javascripts/bootstrap.js" type="text/javascript"></script>
<script src="../../Citizen/Theme/js/bootstrap-datepicker.min.js"></script>
<link href="../../Citizen/Theme/css/bootstrap-datepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="/CitizenTheme/cdn.nic.in/Samagra/JavaScripts/CONFIG.js"></script>
<script type="text/javascript" src="/CitizenTheme/cdn.nic.in/Common/JavaScripts/JQueryValidate/v1.10.0/jquery.validate.min.js"></script>
<script src="/Citizen/Js/CitizenValidationClasses.js" type="text/javascript"></script>
<script src="/CitizenTheme/cdn.nic.in/SchOri/JavaScripts/jquery.maskedinput-1.3.min.js"
type="text/javascript"></script>
<link href="/Resources/js/Alerts/sweetalert.css" rel="stylesheet" type="text/css" />
<script src="/Resources/js/Alerts/sweetalert-dev.js" type="text/javascript"></script>
<script src="/Resource/JS/PowerMenu.js" type="text/javascript"></script>
<link href="/New_Samgar_Cs_Js/css/bootstrap.css" rel="stylesheet" type="text/css" />
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="64CCD813" />
<div id="preloader"></div>
<header class="header-smg-scrolly">
<div class="top-header-smg py-1">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="top-logo-smg">
<div class="image-logo">
<img src="/Images/headersamajik4.png" alt="Logo" />
</div>
<div class="logo-text-smg">समग्र सामाजिक सुरक्षा मिशन,<span class="subtitle-header"> मध्य प्रदेश शासन</span></div>
</div>
</div>
<div class="col-lg-8 col-sm-12">
<div class="header-info-right d-flex align-items-center h-100 justify-content-end">
<ul class="smg-list">
<li>
<div class="langualge">
<span class="smg-header-icon"><i class="fa fa-language" aria-hidden="true"></i></span>
<button class="translate btn-sm btn btn-primary" id="BtnLang" value="हिंदी">English</button>
</div>
</li>
<li><a href="tel:0755-2700800"><span class="smg-header-icon"><i class="fa fa-phone" aria-hidden="true"></i></span>Helpline No.: 0755-2700800</a></li>
<li class="mr-0"><a href="mailto:[email protected]"><span class="smg-header-icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span>Email: [email protected]</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="middel-header-section">
<nav class="navbar navbar-expand-lg navbar-light mb-0 pt-3 pb-3" style="background-color: #e3f2fd;">
<div class="container">
<a class="navbar-brand p-0" href="/default.aspx">
<div class="brand-logo d-flex align-items-center">
<div class="nav-brand-logo">
<img src="/Images/SamagraLogo.png" alt="Samagra Logo" /></div>
<h2 class="logo-title">समग्र पोर्टल</h2>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="/Default.aspx"><span mlang="lang-home"></span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/Public/StaticPages/AboutSSSM.aspx"><span mlang="lang-samgramission"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Public/StaticPages/AboutSamagra.aspx"><span mlang="lang-samagraprogram"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Public/StaticPages/AboutSamagraPortal.aspx"><span mlang="lang-samagraportal"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/KnowledgeSharing/Public/AllCirculars.aspx"><span mlang="lang-instruction"></span></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/KnowledgeSharing/Public/AllUserManual.aspx"><span mlang="lang-usermanual"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/Public/StaticPages/ContactUs.aspx"><span mlang="lang-contact"></span></a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<div class="marquee-slider">
<div class="container">
<div class="marquee-slide">
<span class="breakingNews-title">Latest News</span>
<marquee direction="”right”" onmouseover="stop()" onmouseout="start()">
<ul class="marquee-list">
<li>एक समग्र आईडी होते हुए नवीन समग्र आईडी बनवाना नियम विरुध हैं|</li>
<li>नवीन समग्र आईडी बनाने से पहले ये जांच लें, कि आपका समग्र पहले से बना हुआ तो नहीं हैं।</li>
<li>नवीन समग्र बनाने के लिए आधार अनिवार्य हैं। समग्र में आधार ई- केवाईसी करने के 2 विकल्प उपलब्ध हैं ।</li>
<li>1. आधार से प्राप्त मोबाईल पर ओटीपी द्वारा एवं 2. बायोमैट्रिक के माध्यम से।</li>
</ul>
</marquee>
</div>
</div>
</div>
<section class="open-hour-area home-smg-section bg-light-body m-0">
<div class="container">
<!-- SweetAlert2 -->
<style>
#MasterMain {
padding: 10px;
}
.modal-dialog{
width:100%;
}
.modal-content{
border: 0!important;
box-shadow: 0px 0px !important;
}
</style>
<div id="MasterMain">
<div style="z-index: 0;" class="PageContent">
<script type="text/javascript" src="../../Resource/JS/Messages.js?28022023"></script>
<div class="justify-content-left d-flex align-items-left">
<div class="col-md=-12">
<div class="Heading_Text">
<h4>
<label id="ctl00_ctl00_SamagraMain_KYCcp_HFID">
<span mlang="lang-familycardprint"></span>
</label>
</h4>
<div class="clearfix">
</div>
</div>
</div>
</div>
<div class="container Text-Lab">
<div id="ctl00_ctl00_SamagraMain_KYCcp_dvSMID" class="row">
<div class="col-md-4 text-right">
<span mlang="lang-FamilyId" style="font-size: medium; font-weight: bold;"></span> :
</div>
<div class="col-md-4 text-right">
<input name="ctl00$ctl00$SamagraMain$KYCcp$txtFamilyID" type="text" maxlength="9" id="ctl00_ctl00_SamagraMain_KYCcp_txtFamilyID" class="form-control vd_Required search-query" onkeypress="return isNumber(event);" />
</div>
<div class="col-md-12">
<div style="text-align: center;">
<div style='font-family:Trebuchet MS;'><div style='text-align:center;margin:5px;'><img id="ccimgctrl" src="CaptchaImage.aspx?guid=09dc8307-a471-4b7d-981c-9f1a83eeaf0a-841166259-158489-1056-fw5v" border='0'></div><div style='text-align:center;margin:5px;'>Enter the code shown above:<br><input id=Captcha name=ctl00$ctl00$SamagraMain$KYCcp$Captcha type=text size=4 maxlength=4 value=''><img id="rfcc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALkSURBVEhLtVZJampREL17MbgDjdhtwBB0qGRu3IANuAkD4gKiBmLGySjgxEF0IDiwmduAoEnU2Gvlnwv1qPd8+v/kPyjrNVXn3GpuXRX9uT4/P+l4PNLX1xft93uazWa02+1oPp/Tdruln58fWq/XtFwuabVaacG7zWZDi8VC28AWvt/f33Q4HDQWrul0SkoS4COMJAFAAAZQJgAZSJkItvDB4iQRsHEpGcElAoDCaTAYaHsmkpHYEcFWyQg4VZLg4+ODkskkBYNBcjgchgQCAUqlUtRoNLTt+/s7uVwuKhaLJ0RKRsAEWNVwOKT7+3sT8DmJx+OUTqf1fSwWO4lI4UGmCLrdbpPP5zsBuyRXV1daezyek9QpSYCwR6PRCcHNzQ09PT1Rr9fT3QJdKpXo9vbWZAcBGUrARNBKEqAGMkVweHh40EWW7cv3r6+vFA6HTSQQ1JGzAq0kQb1eNxmDQO4PSdRqtUy2UiqVioEJrbjXodEtbIgUyQgkAWQymdDd3R15vV5yOp0mkpeXF9M+UvwA3Ww2qVAoUDQa1as5RyDfse73+zq6Wq1mELBWVmMroHy2frO+P6cVfv63aJK/rcROztnYYejCyxwip8gtcmznZPcO+vn5Wdcyn8/r2kpMxZ2FBxRbdgm6Bt2DLkI3MYmVABIKhQy/TCajMRlbyX7GaiSJFERnR4DF5XI5ky2GJmMam5F3JnaqNIZEIhF6e3szgfM9BAQ8tyCJRMJEYIwVnjGYS5KABTPq8fFRz6zxeEzdbpfK5bLesNLO7/fr2ScJgK1HvZzE19fX2kGu7l8EQ7XT6RhZYQJgK3lY4SXOAzhls1l9TljB7AQpQgRMwFiMraynIk42t9tN1WpVh40i4kDCSSiBcVJi1mGoyhoAA1jAvHj8curgBGd0EIoMG5zx0LwPrEWWEQAb/yGMv0TniADC+0h21yUCjgAEwFboKFzWiGQkTCTblyORBJwqSUBE9AvKofaf3hDaEAAAAABJRU5ErkJggg==" style ="cursor:pointer; border:none; width:22px; margin-bottom:-6px;" onclick="document.getElementById('ccimgctrl').src='CaptchaImage.aspx?guid=09dc8307-a471-4b7d-981c-9f1a83eeaf0a-841166259-158489-1056-fw5v_' + Math.random();" /></div></div>
</div>
</div>
<div class="col-md-12">
<hr />
<div style="text-align: center;">
<a id="ctl00_ctl00_SamagraMain_KYCcp_btnFamilyDetails" class="btn btn-info btn-large PerformClick" rel="popover" data-content="समग्र परिवार कार्ड प्रिंट करे" data-original-title="समग्र परिवार कार्ड प्रिंट करे" href="javascript:__doPostBack('ctl00$ctl00$SamagraMain$KYCcp$btnFamilyDetails','')"><i class="icon-user icon-white "></i> <span mlang="lang-familycardprint"></span></a>
</div>
</div>
</div>
</div>
<script src="../../MultiLang/multilanguage.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.getJSON("/MultiLang/Home_hi.json", function (data) {
arrLang["HI"] = data;
$.getJSON("/MultiLang/Home_en.json", function (data) {
arrLang["EN"] = data;
initialize();
}).fail(function () {
console.log("An error has occurred.");
});
}).fail(function () {
console.log("An error has occurred.");
});
});
</script>
<script type="text/javascript">
var txtMemberID, btnMemberDetails, btnFamilyDetails, txtFamilyID;
$(document).ready(function () {
btnMemberDetails = $("#ctl00_ctl00_SamagraMain_KYCcp_btnMemberDetails");
btnFamilyDetails = $("#ctl00_ctl00_SamagraMain_KYCcp_btnFamilyDetails");
txtFamilyID = $("#ctl00_ctl00_SamagraMain_KYCcp_txtFamilyID");
txtMemberID = $("#ctl00_ctl00_SamagraMain_KYCcp_txtMemberID");
btnMemberDetails.click(function () {
if ($("#aspnetForm").valid()) {
return true;
}
else {
message_error("त्रुटी सन्देश", "कृपया समग्र आईडी प्रविष्ट करे");
return false;
}
});
btnFamilyDetails.click(function () {
if ($("#aspnetForm").valid()) {
if (txtFamilyID.val().length < 8) {
message_error("त्रुटी सन्देश", "कृपया आठ अंकों की सही समग्र परिवार आईडी प्रविष्ट करे ");
return false;
}
{
return true;
}
}
else {
message_error("त्रुटी सन्देश", "कृपया समग्र परिवार आईडी प्रविष्ट करे");
return false;
}
});
});
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</script>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "GET",
url: "/Citizen/SiteMaps/SiteMap.aspx",
dataType: "json",
complete: function (data) {
str = data.responseText;
//__SiteMapContainer.append(str.substring(0, str.lastIndexOf("<!DOCTYPE")));
__SiteMapContainer.append(str);
}
});
////$("#___dvMessage").css('left', '15%');
//$("#___dvMessage").css('width', '40%');
//$("#___dvMessage").css('height', '50%');
//$("#___dvMessage").css('margin-top', '131px');
//$("#___dvMessage").css('margin-left', '460px');
//$("#___dvMessage").css('background-color', 'white');
});
</script>
</div>
</section>
<footer class="footer-area pt-0 pb-0">
<div class="footer-bottom">
<div class="container">
<div class="footer-content">
<div class="copyright-content">
<a href="/default.aspx">
<span>Samagra Samajik Suraksha Mission, Govt. of
Madhya Pradesh.</span>
</a>
</div>
<div class="design-dev">
<p><span>Designed & developed by</span> <a href="https://www.mpsedc.mp.gov.in/" class="Notification">MPSeDC.</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- Essential JSs -->
<script type="text/javascript" src="/CitizenTheme/assets/bootstrap/js/tooltip.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/bootstrap-extensions/bootstrap.slide-menu.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/modernizr.custom.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/jquery.easing.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/classie.js"></script>
<!-- Assets - Required -->
<script type="text/javascript" src="/CitizenTheme/assets/parallax/parallax.min.js"></script>
<script type="text/javascript" src="/CitizenTheme/assets/page-scroller/jquery.ui.totop.min.js"></script>
<script type="text/javascript" src="/CitizenTheme/assets/waypoints/waypoints.min.js"></script>
<!-- Assets - Optional (keep what you need) -->
<!-- Sidebar transitions -->
<script type="text/javascript" src="/CitizenTheme/js/sidebar-transitions/sidebar-transitions.js"></script>
<!-- Smooth scroll -->
<script type="text/javascript" src="/CitizenTheme/js/jquery.smoothscroll.js"></script>
<!-- Media gallery view -->
<script type="text/javascript" src="/CitizenTheme/assets/fancybox/jquery.fancybox.pack8cbb.js?v=2.1.5"></script>
<!-- Animated counter -->
<script type="text/javascript" src="/CitizenTheme/assets/milestone-counter/jquery.countTo.js"></script>
<!-- Animated pie charts -->
<script type="text/javascript" src="/CitizenTheme/assets/easy-pie-chart/js/jquery.easypiechart.js"></script>
<!-- Owl carousel - Touch enabled carousel -->
<script type="text/javascript" src="/CitizenTheme/assets/owl-carousel/js/owl.carousel.min.js"></script>
<!-- Cross-browser responsivity scripts -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- Google Analitycs JS -->
<script type="text/javascript" src="/CitizenTheme/js/dvs.ga.js"></script>
<!-- Style and Demo switcher -->
<script type="text/javascript" src="/CitizenTheme/js/dvs.switcher.js"></script>
<script type="text/javascript" src="/CitizenTheme/js/jquery.cookie.js"></script>
<!-- App JS -->
<script type="text/javascript" src="/CitizenTheme/js/dvs.app.js"></script>
</form>
<script type="text/javascript">
var str = "", __SiteMapContainer, PreMonthModal;
var isT = false
var toogleWidth = 570; // value (570,660,760,850)
var winWidth = $(document).width() - 90;
toogleWidth = toogleWidth <= winWidth ? toogleWidth : winWidth;
$(document).ready(function () {
$("#dvUp button").css({ 'width': '150px', 'text-align': 'left' });
$("#dvtoggel button").popover({ 'placement': 'left' });
$("#dvWindow").css({ 'width': toogleWidth - 50, 'height': $('#dvtoggel').height() - 40 });
__SiteMapContainer = $('#SiteMapContainer');
PreMonthModal = $("#dvSuccessMsg");
//$(".date_picker").mask("12/99/9999");
//$(".date_picker").wrap('<div class="input-append date DB_datepicker" data-date="" data-date-format="mm/dd/yyyy"></div>');
//$(".date_picker").after('<span class="add-on"><i class="icon-th"/></span>');
//$(".DB_datepicker").datepicker({ 'format': 'mm/dd/yyyy', 'weekStart': 1, 'autoclose': 'true' })
// .on('changeDate', function (ev) {
// if (ev.viewMode == "days") {
// $(this).datepicker('hide');
// }
// }).on('show', function (ev) {
// var t = $(this).find("input").val();
// $(this).data({ date: t }).datepicker('update');
// });
//$(".date_picker").addClass('vd_Date');
qlDv = $("#QLinks");
$.ajax({
type: "GET",
url: "/Handlers/GetUserProfile.ashx",
dataType: "json",
complete: function (data) {
str = data.responseText + $("#tmpDV").html();
$("#btnProfile").PopoverMenu({
title: '----- My Profile ----- ',
content: str,
animation: true,
html: true,
placement: 'bottom',
selector: false,
trigger: 'click'
}).click(function (e) {
var isVisible = $('#btnProfile').data('PopoverMenu').tip().hasClass('in');
if (isVisible) {
$("#btnProfile i").removeClass("icon-chevron-down").addClass("icon-chevron-up");
}
else {
$("#btnProfile i").removeClass("icon-chevron-up").addClass("icon-chevron-down");
};
});
}
});
$(".PerformClick").click(function () {
if ($("form").valid()) {
return true;
}
else {
hideLoder();
Message("संदेश", "कृपया जानकारी प्रविष्ट करें !!! / Please enter information.");
return false;
}
});
});
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
var object = { status: false, ele: null };
function conFunction(ev, text, title) {
var evnt = ev;
if (object.status)
{
object.status = false;
return true;
}
Swal.fire({
title: title,
text: text,
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes / हाँ ',
cancelButtonText: 'No / नहीं'
}).then((result) => {
if (result.isConfirmed) {
object.status = true;
object.ele = evnt;
evnt.target.click();
}
})
return object.status;
};
function conFunctionWith_Eve(ev, text, title) {
/*var evnt = ev;*/
if (object.status) { return true; }
Swal.fire({
title: title,
text: text,
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes / हाँ ',
cancelButtonText: 'No / नहीं'
}).then((result) => {
if (result.isConfirmed) {
object.status = true;
//object.ele = evnt;
//evnt.target.click();
}
})
return object.status;
};
</script>
<script>
function showLoder(){
var $preloader = $('#preloader');
$preloader.show();
}
function hideLoder() {
var $preloader = $('#preloader');
$preloader.hide();
}
</script>