1
Reply

Syntax of HTML <title> Element

    Page Title< /title>Title tag use to write page Title. </p> </div> </div> <div class="post_edit_delete"> </div> <div class="listing"> <div class="list-items feed-item"> <div class="user-details"> <div class="list-foot-action-ctrl"> <a class="userImageLeft display_none_mobile" href="https://test.c-sharpcorner.com/members/ashish-srivastava24">Ashish Srivastava</a> <div title="Updated Date" class="action-item"> <i class="icon-sprite-02 icon-time"></i><span class="post-time"> 8y </span> </div> <a onclick="likecount('12833');" id="ButtonLikeAnswer" commandname="UpdateLike" tooltip="Like" class="reply_Like"> <span><i id="like-12833" class="d-icon like"></i></span> <div id="12833"> <span id="LabelLikes" class="count">0</span> </div> </a> </div> </div> </div> </div> </div> </div> </ul> <div class="clear"> </div> </div> </div> <div class="clear"></div> <div style="display: none"> <div id="ctl00_MainContent_UpdatePanelSlide"> <div class="prevNextIdeas display_none_mobile"> <div id="ctl00_MainContent_liPrevious" class="PrevNextIdea clearfix"> <a href="https://test.c-sharpcorner.com/members/ashima-vishvkarma" id="ctl00_MainContent_AnchorPreviousAuthor" class="userImage"> <img src="https://test.c-sharpcorner.com/UploadFile/AuthorImage/defaultauthorimage.jpg" id="ctl00_MainContent_imgPreviousAuthor" style="width: 35px; height: 35px; display: block;" /></a> <div class="userDetail"> <a id="ctl00_MainContent_HyperlinkPrevious" class="prevIdea" href="https://test.c-sharpcorner.com/interview-question/html-ltheadgt-elements">HTML <head> Elements</a> </div> </div> <div id="ctl00_MainContent_liNext" class="NextIdea clearfix"> <a id="ctl00_MainContent_HyperlinkNext" class="prevIdea" href="https://test.c-sharpcorner.com/interview-question/define-html-ltbasegt-element">Define HTML <base> Element</a> <a href="https://test.c-sharpcorner.com/members/ashima-vishvkarma" id="ctl00_MainContent_AnchorNextAuthor" class="userImage"> <img src="https://test.c-sharpcorner.com/UploadFile/AuthorImage/defaultauthorimage.jpg" id="ctl00_MainContent_imgNextAuthor" style="width: 35px; height: 35px; display: block;" class="userImage" /></a> </div> </div> <input type="hidden" name="ctl00$MainContent$hiddenFieldNext" id="ctl00_MainContent_hiddenFieldNext" value="5086" /> <input type="hidden" name="ctl00$MainContent$hiddenFieldPrevious" id="ctl00_MainContent_hiddenFieldPrevious" value="5084" /> </div> </div> <style> .overlay-bg-response-alert { background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 9999; } .popup-window-response-alert { margin: auto; position: relative; top: 100px; background-color: var(--popupBg); height: auto; max-height: 660px; overflow: hidden; overflow-y: auto; width:fit-content; max-width: 520px; } .popup-wrap-response-alert { padding: 0px 20px 0px 20px; } .popup-header-response-alert { text-align: center; background-color: var(--popupBg); padding-top: 10px; line-height: 30px; font-size: 18px; color: var(--texthightlight); font-weight: bold; position: sticky; top: 0px; } .popup-heading-response-alert, .popup-heading-response-alert > span { padding: 10px; font-size: 18px; font-weight: 500; margin-bottom: 0px; text-transform: capitalize; } .PopupContent-response .icon-close { cursor: pointer; } .PopupContent-response .icon-close::before { transform: rotate(45deg); } .PopupContent-response .icon-close::before, .PopupContent-response .icon-close::after { content: ""; display: block; position: absolute; top: 28px; right: 30px; background-color: #ffffff; width: 20px; height: 3px; border-radius: 2px; } .PopupContent-response .icon-close::after { transform: rotate(-45deg); } .popup-body-response-alert { overflow-y: auto; display: flex; justify-content: center; padding: 12px 24px; align-items: center; } .messagebody-alert { font-size: var(--FontSize16); font-weight: 300; } .popup-footer-response-alert { width: auto; text-align: center; padding: 12px 0; position: relative; } #PopUp-body-alert { display: none; } .popup-footer-response-alert{ display:flex; justify-content:center; gap:10px; } .btn_alert { color: #fff; margin:5px 0px 0px; padding: 5px 20px; border: none; font-size:14px; border-radius: 40px; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; transition: background-color 0.3s; } @media screen and (max-width: 1023px) { .popup-window-response-alert { max-width: 90%; } } .light-mode .icon-close:hover::before, .light-mode .icon-close:hover::after { background-color: #000; } </style> <div class="PopupContent-response" id="PopUp-body-alert"> <div id="getStartedpopup_alert" class="overlay-bg-response-alert"> <div class="popup-window-response-alert"> <div class="popup-wrap-response-alert"> <div class="popup-header-response-alert"> <div class="popup-heading-response-alert"> <span id="MessageHeading">Message</span> </div> </div> <div id="btnFeedbackPopupClose_alert" class="icon-close" title="Close" data-dismiss="modal" onclick="hidePopupAlert()"></div> <div class="popup-body-response-alert"> <div class="messagebody-alert" id="messagebody_alert"></div> </div> <div class="popup-footer-response-alert"> <button id="btnsubmit_alert" type="button" class="btn_alert success-btn">OK</button> <button id="btncancel_alert" type="button" class="btn_alert danger-btn" onclick="hidePopupAlert()">Close</button> </div> </div> </div> </div> </div> <script> //function for both ok && cancel button function showPopupAlert(message, onConfirm) { document.getElementById('PopUp-body-alert').style.display = 'block'; // Set the message body text document.getElementById('messagebody_alert').innerHTML = message; // Ensure the buttons are visible document.getElementById('btnsubmit_alert').style.display = 'inline'; document.getElementById('btncancel_alert').style.display = 'inline'; // Set the on click event for the Submit button document.getElementById('btnsubmit_alert').onclick = function () { onConfirm(); document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup after confirmation }; // Set the on click event for the Cancel button document.getElementById('btncancel_alert').onclick = function () { document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup when cancel is clicked }; } //function for only ok button function showPopupMsg(message) { document.getElementById('PopUp-body-alert').style.display = 'block'; // Set the message body text document.getElementById('messagebody_alert').innerHTML = message; // Ensure the buttons are visible document.getElementById('btnsubmit_alert').style.display = 'inline'; document.getElementById('btncancel_alert').style.display = 'none'; // Set the on click event for the Cancel button document.getElementById('btnsubmit_alert').onclick = function () { document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup when cancel is clicked }; } function hidePopupAlert() { // Hide the popup document.getElementById('PopUp-body-alert').style.display = 'none'; } </script> </div> </section> <aside class="aside-right"> <div id="ctl00_RightSideCommonControl_LeaderBoard_leaderboard" class="wrap leaderboard-list"> <div class="wrap-heading"> <div class="heading">Leaderboard</div> <a href="/leaderboard" class="btn-view-all">View all</a> </div> <div class="listing" title="No change in rank"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/deepak-tewatia'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/22840320240525054723.jpg.ashx?height=44&width=44' alt='Deepak Tewatia' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Deepak Tewatia' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/deepak-tewatia'> <p class="user-name">Deepak Tewatia</p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 no-change"></i> <span class="rank-points-up"> +0 </span> </div> </div> <div class="listing" title="Rank Down"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/sharp-talk'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/5k1wzgax20241126065724.jpeg.ashx?height=44&width=44' alt='Sharp Talk' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Sharp Talk' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/sharp-talk'> <p class="user-name">Sharp Talk</p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 icon-down"></i> <span class="rank-points-down"> -12 </span> </div> </div> <div class="listing" title="Rank Down"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/sharp-ai'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/k4yyk1ln20241126065906.jpeg.ashx?height=44&width=44' alt='Sharp Ai' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Sharp Ai' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/sharp-ai'> <p class="user-name">Sharp Ai</p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 icon-down"></i> <span class="rank-points-down"> -22 </span> </div> </div> </div> <style> .member-rightsidebar { align-items:start; gap: 2px !important; } .icon-location-right{ margin-top:2px; } .hidden { display: none; } #headingSlider{ max-width: 200px; } .leaders-owl-slide .owl-dots{ text-align: center; } .member-photo .img-circle{ min-width:80px; min-height:80px; object-fit: cover; } .leaderboard-list .list-items .list-img, .leaderboard-list .list-items .list-img a { display: flex; align-items: inherit; } .leaders-owl-slide .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; background: #BCDBFE40; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .leaders-owl-slide .owl-dots .owl-dot.active span, .leaders-owl-slide .owl-theme .owl-dots .owl-dot:hover span { background: #E67E22; } .ymstitle { margin-bottom:10px; } #ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_yesterdayleader{ display:none; } </style> <link href="https://test.c-sharpcorner.com/app_themes/Live/css/owl.carousel.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://test.c-sharpcorner.com/jquery/jquery.min-20230616.js"></script> <div id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_yesterdayleader" class="wrap"> <div class="leaders-owl-slide" style="position:relative"> <a href="/members" class="btn-view-all" style="position: absolute;right: 0;top: 0;z-index:2">View all</a> <div class="owl-carousel owl-theme owl-loaded" id="memberSlides"> <div id="slides__1" class="active"> <div id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_RepeaterYesterdayLeader_ctl00_divTitleYesterdayLeader" class="heading ymstitle">Yesterday's leader</div> <div class="member-card-md"> <div class="member-card-md-list"> <div class="member-info-wrap"> <div class="member-photo "> <a href='https://test.c-sharpcorner.com/members/deepak-tewatia'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/22840320240525054723.jpg.ashx?height=80&width=80' alt='Deepak Tewatia' title='Deepak Tewatia' class="img-circle"> </a>   </div> <div class="member-info"> <div class="member-name"> <a href='https://test.c-sharpcorner.com/members/deepak-tewatia'> Deepak Tewatia </a> </div> <div class="member-skills"> C#, Asp.net, DB, F#, AI, MVC </div> <div class="member-location member-rightsidebar"> <i class="icon-sprite-02 icon-location icon-location-right"></i> <div> <span class="state-name"></span> <span class="country-name">India</span> </div> </div> </div> </div> <div class="member-card-md-icons"> <a href="/top-members"> <div class="mbr-rank-md" title="Rank"> <i class="rank-widget-md-icon md-icon-rank"></i><span>12</span> </div> </a> <a href="https://test.c-sharpcorner.com/members/deepak-tewatia/top-articles"> <div class="mbr-read-md" title="Read"> <i class="rank-widget-md-icon md-icon-read"></i><span>18.1k</span> </div> </a> <a href="https://test.c-sharpcorner.com/members/deepak-tewatia/author-points"> <div class="mbr-rept-md" title="Reputation"> <i class="rank-widget-md-icon md-icon-rept"></i><span>16.4k</span> </div> </a> <div class="mbr-rept-md top-author" title="Top 50"> <i class="top-author-icon"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2515_21609)"> <path d="M29.957 11.558C29.874 11.3024 29.6786 11.0989 29.4267 11.0055L21.159 7.94021L15.6893 1.02491C15.5226 0.814153 15.2687 0.691223 15 0.691223C14.7313 0.691223 14.4773 0.814153 14.3106 1.02491L8.84088 7.94021L0.573361 11.0055C0.321408 11.0989 0.126057 11.3024 0.0430292 11.558C-0.0399981 11.8135 -0.00161924 12.093 0.147326 12.3167L5.0341 19.6561L5.39446 28.4658C5.40547 28.7343 5.53865 28.983 5.75604 29.1409C5.97342 29.2989 6.25115 29.3488 6.50985 29.2762L15 26.8963L23.4901 29.2761C23.7488 29.3487 24.0266 29.2989 24.2439 29.1409C24.4613 28.983 24.5945 28.7343 24.6055 28.4658L24.9659 19.656L29.8527 12.3166C30.0016 12.093 30.04 11.8135 29.957 11.558Z" fill="#FF6600" /> <path d="M15.0001 26.8963L23.4902 29.2761C23.7489 29.3487 24.0267 29.2989 24.244 29.1409C24.4614 28.983 24.5946 28.7342 24.6056 28.4658L24.966 19.656L29.8528 12.3166C30.0017 12.093 30.0401 11.8135 29.9571 11.5579C29.874 11.3024 29.6787 11.0988 29.4267 11.0054L21.1591 7.94015L15.6894 1.02485C15.5227 0.814092 15.2687 0.691162 15 0.691162V26.8963H15.0001Z" fill="#FF822F" /> <path d="M14.5293 12.4588C13.004 12.4588 11.7676 13.6923 11.7676 15.2205V17.1033C11.7676 18.6031 12.9804 19.865 14.5293 19.865C16.0789 19.865 17.291 18.6025 17.291 17.1033V15.2205C17.291 13.6951 16.0577 12.4588 14.5293 12.4588ZM15.5332 17.1034C15.5332 17.6494 15.091 18.1072 14.5293 18.1072C13.9679 18.1072 13.5254 17.6494 13.5254 17.1034V15.2206C13.5254 14.6658 13.9739 14.2167 14.5293 14.2167C15.0829 14.2167 15.5332 14.664 15.5332 15.2206V17.1034Z" fill="white" /> <path d="M10.293 12.4588H7.46875C6.98336 12.4588 6.58984 12.8523 6.58984 13.3377C6.58984 13.8231 6.98336 14.2166 7.46875 14.2166H8.00195V18.9861C8.00195 19.4715 8.39547 19.8651 8.88086 19.8651C9.36625 19.8651 9.75977 19.4715 9.75977 18.9861V14.2166H10.293C10.7784 14.2166 11.1719 13.8231 11.1719 13.3377C11.1719 12.8523 10.7784 12.4588 10.293 12.4588Z" fill="white" /> <path d="M20.6484 12.4588H19.2363C18.7509 12.4588 18.3574 12.8523 18.3574 13.3377V18.9861C18.3574 19.4715 18.7509 19.8651 19.2363 19.8651C19.7217 19.8651 20.1152 19.4715 20.1152 18.9861V17.9823H20.6485C22.1713 17.9823 23.4102 16.7434 23.4102 15.2206C23.4102 13.6978 22.1713 12.4588 20.6484 12.4588ZM20.6484 16.2244H20.1152V14.2166H20.6485C21.202 14.2166 21.6524 14.667 21.6524 15.2205C21.6523 15.774 21.202 16.2244 20.6484 16.2244Z" fill="white" /> <path d="M17.291 17.1033V15.2205C17.291 13.8554 16.303 12.7226 15 12.4995V14.3338C15.3169 14.5021 15.5332 14.8349 15.5332 15.2205V17.1033C15.5332 17.483 15.3191 17.8196 15 17.9897V19.8246C16.3173 19.5994 17.291 18.4468 17.291 17.1033Z" fill="white" /> </g> <defs> <clipPath id="clip0_2515_21609"> <rect width="30" height="30" fill="white" /> </clipPath> </defs> </svg> </i><span id="TopAuthor"> 50 </span> </div> </div> </div> </div> </div> <div id="slides__2"> <div id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_RepeaterMemberOfMonth_ctl00_divTitleMemberOfThemonth" class="heading ymstitle">Member of the month</div> <div class="member-card-md"> <div class="member-card-md-list"> <div class="member-info-wrap"> <div class="member-photo haveMVP"> <a href='https://test.c-sharpcorner.com/members/rinki5'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/s7hinekm20241008070549.png.ashx?height=80&width=80' alt='Rinki ' title='Rinki ' class="img-circle"> </a>   </div> <div class="member-info"> <div class="member-name"> <a href='https://test.c-sharpcorner.com/members/rinki5'> Rinki </a> </div> <div class="member-skills"> </div> <div class="member-location member-rightsidebar"> <i class="icon-sprite-02 icon-location icon-location-right"></i> <div> <span class="state-name">Chennai</span> <span class="country-name">(India)</span> </div> </div> </div> </div> <div class="member-card-md-icons"> <a href="/top-members"> <div class="mbr-rank-md" title="Rank"> <i class="rank-widget-md-icon md-icon-rank"></i><span> 15 </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/rinki5/top-articles"> <div class="mbr-read-md" title="Read"> <i class="rank-widget-md-icon md-icon-read"></i><span> 5.4k </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/rinki5/author-points"> <div class="mbr-rept-md" title="Reputation"> <i class="rank-widget-md-icon md-icon-rept"></i><span>14.8k</span> </div> </a> <div class="mbr-rept-md top-author" title="Top 50"> <i class="top-author-icon"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2515_21609)"> <path d="M29.957 11.558C29.874 11.3024 29.6786 11.0989 29.4267 11.0055L21.159 7.94021L15.6893 1.02491C15.5226 0.814153 15.2687 0.691223 15 0.691223C14.7313 0.691223 14.4773 0.814153 14.3106 1.02491L8.84088 7.94021L0.573361 11.0055C0.321408 11.0989 0.126057 11.3024 0.0430292 11.558C-0.0399981 11.8135 -0.00161924 12.093 0.147326 12.3167L5.0341 19.6561L5.39446 28.4658C5.40547 28.7343 5.53865 28.983 5.75604 29.1409C5.97342 29.2989 6.25115 29.3488 6.50985 29.2762L15 26.8963L23.4901 29.2761C23.7488 29.3487 24.0266 29.2989 24.2439 29.1409C24.4613 28.983 24.5945 28.7343 24.6055 28.4658L24.9659 19.656L29.8527 12.3166C30.0016 12.093 30.04 11.8135 29.957 11.558Z" fill="#FF6600" /> <path d="M15.0001 26.8963L23.4902 29.2761C23.7489 29.3487 24.0267 29.2989 24.244 29.1409C24.4614 28.983 24.5946 28.7342 24.6056 28.4658L24.966 19.656L29.8528 12.3166C30.0017 12.093 30.0401 11.8135 29.9571 11.5579C29.874 11.3024 29.6787 11.0988 29.4267 11.0054L21.1591 7.94015L15.6894 1.02485C15.5227 0.814092 15.2687 0.691162 15 0.691162V26.8963H15.0001Z" fill="#FF822F" /> <path d="M14.5293 12.4588C13.004 12.4588 11.7676 13.6923 11.7676 15.2205V17.1033C11.7676 18.6031 12.9804 19.865 14.5293 19.865C16.0789 19.865 17.291 18.6025 17.291 17.1033V15.2205C17.291 13.6951 16.0577 12.4588 14.5293 12.4588ZM15.5332 17.1034C15.5332 17.6494 15.091 18.1072 14.5293 18.1072C13.9679 18.1072 13.5254 17.6494 13.5254 17.1034V15.2206C13.5254 14.6658 13.9739 14.2167 14.5293 14.2167C15.0829 14.2167 15.5332 14.664 15.5332 15.2206V17.1034Z" fill="white" /> <path d="M10.293 12.4588H7.46875C6.98336 12.4588 6.58984 12.8523 6.58984 13.3377C6.58984 13.8231 6.98336 14.2166 7.46875 14.2166H8.00195V18.9861C8.00195 19.4715 8.39547 19.8651 8.88086 19.8651C9.36625 19.8651 9.75977 19.4715 9.75977 18.9861V14.2166H10.293C10.7784 14.2166 11.1719 13.8231 11.1719 13.3377C11.1719 12.8523 10.7784 12.4588 10.293 12.4588Z" fill="white" /> <path d="M20.6484 12.4588H19.2363C18.7509 12.4588 18.3574 12.8523 18.3574 13.3377V18.9861C18.3574 19.4715 18.7509 19.8651 19.2363 19.8651C19.7217 19.8651 20.1152 19.4715 20.1152 18.9861V17.9823H20.6485C22.1713 17.9823 23.4102 16.7434 23.4102 15.2206C23.4102 13.6978 22.1713 12.4588 20.6484 12.4588ZM20.6484 16.2244H20.1152V14.2166H20.6485C21.202 14.2166 21.6524 14.667 21.6524 15.2205C21.6523 15.774 21.202 16.2244 20.6484 16.2244Z" fill="white" /> <path d="M17.291 17.1033V15.2205C17.291 13.8554 16.303 12.7226 15 12.4995V14.3338C15.3169 14.5021 15.5332 14.8349 15.5332 15.2205V17.1033C15.5332 17.483 15.3191 17.8196 15 17.9897V19.8246C16.3173 19.5994 17.291 18.4468 17.291 17.1033Z" fill="white" /> </g> <defs> <clipPath id="clip0_2515_21609"> <rect width="30" height="30" fill="white" /> </clipPath> </defs> </svg> </i><span id="MemberOfMonthTopAuthor"> 50</span> </div> </div> </div> </div> </div> <div id="slides__3"> <div id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_RepeaterSpeakerOfMonth_ctl00_divTitleSpeakerOfTheMonth" class="heading ymstitle">Speaker of the month</div> <div class="member-card-md"> <div class="member-card-md-list"> <div class="member-info-wrap"> <div class="member-photo "> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/524fad20240111112121.jpeg.ashx?height=80&width=80' alt='Shivam Payasi' title='Shivam Payasi' class="img-circle"> </a>   </div> <div class="member-info"> <div class="member-name"> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3'> Shivam Payasi </a> </div> <div class="member-skills"> C#, .NET </div> <div class="member-location member-rightsidebar"> <i class="icon-sprite-02 icon-location icon-location-right"></i> <div> <span class="state-name">Chitrakoot</span> <span class="country-name">(India)</span> </div> </div> </div> </div> <div class="member-card-md-icons"> <a href="/top-members"> <div class="mbr-rank-md" title="Rank"> <i class="rank-widget-md-icon md-icon-rank"></i><span> 8 </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/shivam-payasi3/top-articles"> <div class="mbr-read-md" title="Read"> <i class="rank-widget-md-icon md-icon-read"></i><span> 21.1k </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/shivam-payasi3/author-points"> <div class="mbr-rept-md" title="Reputation"> <i class="rank-widget-md-icon md-icon-rept"></i><span>19.7k</span> </div> </a> <div class="mbr-rept-md top-author" title="Top 10"> <i class="top-author-icon"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2515_21609)"> <path d="M29.957 11.558C29.874 11.3024 29.6786 11.0989 29.4267 11.0055L21.159 7.94021L15.6893 1.02491C15.5226 0.814153 15.2687 0.691223 15 0.691223C14.7313 0.691223 14.4773 0.814153 14.3106 1.02491L8.84088 7.94021L0.573361 11.0055C0.321408 11.0989 0.126057 11.3024 0.0430292 11.558C-0.0399981 11.8135 -0.00161924 12.093 0.147326 12.3167L5.0341 19.6561L5.39446 28.4658C5.40547 28.7343 5.53865 28.983 5.75604 29.1409C5.97342 29.2989 6.25115 29.3488 6.50985 29.2762L15 26.8963L23.4901 29.2761C23.7488 29.3487 24.0266 29.2989 24.2439 29.1409C24.4613 28.983 24.5945 28.7343 24.6055 28.4658L24.9659 19.656L29.8527 12.3166C30.0016 12.093 30.04 11.8135 29.957 11.558Z" fill="#FF6600" /> <path d="M15.0001 26.8963L23.4902 29.2761C23.7489 29.3487 24.0267 29.2989 24.244 29.1409C24.4614 28.983 24.5946 28.7342 24.6056 28.4658L24.966 19.656L29.8528 12.3166C30.0017 12.093 30.0401 11.8135 29.9571 11.5579C29.874 11.3024 29.6787 11.0988 29.4267 11.0054L21.1591 7.94015L15.6894 1.02485C15.5227 0.814092 15.2687 0.691162 15 0.691162V26.8963H15.0001Z" fill="#FF822F" /> <path d="M14.5293 12.4588C13.004 12.4588 11.7676 13.6923 11.7676 15.2205V17.1033C11.7676 18.6031 12.9804 19.865 14.5293 19.865C16.0789 19.865 17.291 18.6025 17.291 17.1033V15.2205C17.291 13.6951 16.0577 12.4588 14.5293 12.4588ZM15.5332 17.1034C15.5332 17.6494 15.091 18.1072 14.5293 18.1072C13.9679 18.1072 13.5254 17.6494 13.5254 17.1034V15.2206C13.5254 14.6658 13.9739 14.2167 14.5293 14.2167C15.0829 14.2167 15.5332 14.664 15.5332 15.2206V17.1034Z" fill="white" /> <path d="M10.293 12.4588H7.46875C6.98336 12.4588 6.58984 12.8523 6.58984 13.3377C6.58984 13.8231 6.98336 14.2166 7.46875 14.2166H8.00195V18.9861C8.00195 19.4715 8.39547 19.8651 8.88086 19.8651C9.36625 19.8651 9.75977 19.4715 9.75977 18.9861V14.2166H10.293C10.7784 14.2166 11.1719 13.8231 11.1719 13.3377C11.1719 12.8523 10.7784 12.4588 10.293 12.4588Z" fill="white" /> <path d="M20.6484 12.4588H19.2363C18.7509 12.4588 18.3574 12.8523 18.3574 13.3377V18.9861C18.3574 19.4715 18.7509 19.8651 19.2363 19.8651C19.7217 19.8651 20.1152 19.4715 20.1152 18.9861V17.9823H20.6485C22.1713 17.9823 23.4102 16.7434 23.4102 15.2206C23.4102 13.6978 22.1713 12.4588 20.6484 12.4588ZM20.6484 16.2244H20.1152V14.2166H20.6485C21.202 14.2166 21.6524 14.667 21.6524 15.2205C21.6523 15.774 21.202 16.2244 20.6484 16.2244Z" fill="white" /> <path d="M17.291 17.1033V15.2205C17.291 13.8554 16.303 12.7226 15 12.4995V14.3338C15.3169 14.5021 15.5332 14.8349 15.5332 15.2205V17.1033C15.5332 17.483 15.3191 17.8196 15 17.9897V19.8246C16.3173 19.5994 17.291 18.4468 17.291 17.1033Z" fill="white" /> </g> <defs> <clipPath id="clip0_2515_21609"> <rect width="30" height="30" fill="white" /> </clipPath> </defs> </svg> </i><span id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_RepeaterSpeakerOfMonth_ctl00_SpeakerOfMonthTopAuthor"> 10 </span> </div> </div> </div> </div> </div> </div> <input type="hidden" name="ctl00$RightSideCommonControl$YesterdayTopLeaderMonthlyTopMemberSpeaker$HiddenSpeaker" id="HiddenSpeaker" value="1" /> </div> </div> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/Live/owl.carousel.min.js" defer></script> <script> jQuery(document).ready(function () { jQuery('#memberSlides').owlCarousel({ items: 1, autoplay: true, loop: true, margin: 10, dots: true, touchDrag : false, mouseDrag : false, autoHeight: false, autoplayTimeout: 10000, smartSpeed: 500, nav: false, responsiveClass: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }); jQuery('#ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_yesterdayleader').show(); }); </script> <style> .event-calendar{ display:flex; flex-direction:column-reverse; background:linear-gradient(-180deg, rgba(93,107,148, 40%) 40%, #0086dc 40%); text-align: center; border-radius: 4px; min-width: 42px; max-width: 42px; min-height:50px; } .event-list-item{ display:flex; flex-direction:row; align-items:center; gap:15px; margin-bottom:15px; } .event-title a{ font-size: var(--FontSize14); color:var(--texthightlight); } .event-title a:hover{ color:var(--textHover); } .local-day{ font-size:20px; font-weight:600; height:31px; color:var(--textColor); } .local-month{ font-size:12px; color:var(--textColor); } </style> <div id="ChapterEventsBox" class="wrap"> <div class="wrap-heading"> <div class="heading">Upcoming events</div> <a href="/chapters" class="btn-view-all">View all</a> </div> <ul id="ChapterEventsContainer" class="UpComing-Events-list"><li id='event-1' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay1' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth1' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/the-cloud-show-with-magnus-mårtensson-ft-oscar-garcia-colon-ep-45'>The Cloud Show with Magnus Mårtensson ft. Oscar Garcia Colon - Ep: 45</a></div></li><li id='event-2' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay2' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth2' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/bhubaneswar-chapter'>Bhubaneswar Chapter</a></div></li><li id='event-3' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay3' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth3' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/chennai-chapter2'>Building Websites with Microsoft Power Pages: Exploring WebPage, WebTemplate, and Page Templates - Microsoft Business Application Ep. 25</a></div></li></ul> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenLocalTimezone" id="HiddenLocalTimezone" /> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenLocalDateTime" id="HiddenLocalDateTime" /> <div id="tzListDiv"> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_1" id="HiddenUTCDateTimeList_1" value="2024-12-25T00:30:00" /><input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_2" id="HiddenUTCDateTimeList_2" value="2025-08-31T11:30:00" /><input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_3" id="HiddenUTCDateTimeList_3" value="2025-08-31T12:30:00" /> </div> </div> <script> /* date-time convertsio js Start*/ var options = { weekday: "long", year: "numeric", month: "long", day: "numeric" }; function GetDayName(e) { var n = new Array(7); return n[0] = "SUN", n[1] = "MON", n[2] = "TUE", n[3] = "WED", n[4] = "THU", n[5] = "FRI", n[6] = "SAT", n[e] } function getTimezoneName() { const e = new Date, n = e.toLocaleDateString(void 0), t = e.toLocaleDateString(void 0, { timeZoneName: "long" }), o = t.indexOf(n); if (o >= 0) { return (t.substring(0, o) + t.substring(o + n.length)).replace(/^[\s,.\-:;]+|[\s,.\-:;]+$/g, "") } return t } function convertUTCDateToLocalDate(e) { var n = new Date(e); return n.setMinutes(e.getMinutes() - e.getTimezoneOffset()), n } /* date-time convertsio js Ends*/ document.addEventListener("DOMContentLoaded", function (event) { // Get the Local Time zone document.getElementById("HiddenLocalTimezone").value = getTimezoneName(); var index = 1; jQuery('[id^="HiddenUTCDateTimeList"]').each(function () { if (this.id == "HiddenUTCDateTimeList_" + index) { // Convert UTC to Local date time according to local time zone var dt = convertUTCDateToLocalDate(new Date($("#HiddenUTCDateTimeList_" + (index)).val())); var EvntDt = convertUTCDateToLocalDate(new Date($("#HiddenUTCDateTimeList_" + (index)).val())); //Make suitable date time format and display var arr = new Date(dt); var monthDay = arr.toLocaleString('default', { month: 'short' }); var shortMonthName = monthDay.substring(0, 3) + " " + arr.getDate(); //console.log("short-month" + shortMonthName); var localDateTime = dt.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true }); var time = localDateTime.split(' '); var timeHM = time[0].split(':'); var timeMin = ""; if (timeHM[1] === "00") { timeMin = timeHM[0]; } else { timeMin = time[0]; } var localDayTime = GetDayName(dt.getDay()) + " " + timeMin + " " + time[1]; var MonthDay = shortMonthName.split(' '); $("#LocalMonth" + (index)).text(MonthDay[0].toLocaleUpperCase()); $("#LocalDay" + (index)).text(MonthDay[1]); /* $("#LocalTime" + (index)).text(localDayTime);*/ const currentdate = new Date(); //if (EvntDt <= currentdate) { // var eventElement = document.getElementById(`event-${index}`); // eventElement.style.display = "none"; //} index++; } }); }); </script> <style> .follower-list{ display:flex; flex-direction:column; gap:10px; } .follow-items { width: 100%; display: flex; justify-content:space-between; align-items: center; } .follow-listing img{ min-width:44px; min-height:44px; max-width:44px; max-height:44px; } .follow-listing{ display: flex; gap:15px; align-items:center } .btn-follow{ display:inline-block; color: #0086DC; background-color: rgb(0, 134, 220, 10%); border-radius: 20px; padding: 5px 12px; margin-left: auto; outline: 1px solid; min-width:78px; text-align:center; } .btn-follow.btn-followed, .btn-follow:hover { outline: 0; color: var(--textBtnHover); background: var(--mainBlue); color: var(--mainGray); } </style> <div id="followcontainer" class="wrap follower-wrap"> <div class="wrap-heading"> <div class="heading">Suggested for you</div> <a href="/members" class="btn-view-all">View all</a> </div> <div class="follower-list"> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/ben-chris' title='Ben Chris'> <img title='Ben Chris' loading="lazy" alt='Ben Chris' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/a0142520240710051424.jpg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/ben-chris' class="user-name d-inline-block"> Ben Chris </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"a01425");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3' title='Shivam Payasi'> <img title='Shivam Payasi' loading="lazy" alt='Shivam Payasi' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/524fad20240111112121.jpeg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3' class="user-name d-inline-block"> Shivam Payasi </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"524fad");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/praveen-moosad' title='Praveen Moosad'> <img title='Praveen Moosad' loading="lazy" alt='Praveen Moosad' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/prvn_13197120160516052234.jpg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/praveen-moosad' class="user-name d-inline-block"> Praveen Moosad </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"prvn_131971");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/mahesh-chand' title='Mahesh Chand'> <img title='Mahesh Chand' loading="lazy" alt='Mahesh Chand' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/mahesh20160308020632.png.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/mahesh-chand' class="user-name d-inline-block"> Mahesh Chand </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"mahesh");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/gaurav-kumar24' title='Gaurav Kumar Singh'> <img title='Gaurav Kumar Singh' loading="lazy" alt='Gaurav Kumar Singh' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/0e847820160418080911.jpg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/gaurav-kumar24' class="user-name d-inline-block"> Gaurav Kumar Singh </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"0e8478");'>Follow</a> </div> </div> </div> </div> <script> function updateFollowersDataValidation() { setCookie("IsFollowClicked", "true", 1); } function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } let Islocked = false; async function followUser(el, userId) { isUserLogin(); if (!Islocked) { Islocked = true; if (el.innerHTML == 'Follow') { let _status = await fetch("/WebServices/OnboardingService.asmx/PostRecommendedFollowers", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ Touserid: userId }) }); if (_status.status === 200) { let _isUpdated = await _status.json(); if (_isUpdated.d === 1) { el.innerHTML = "Following"; el.classList.add("btn-followed"); el.setAttribute("title", "Unfollow User"); updateFollowersDataValidation(); Islocked = false; return true; } else { window.location.href = siteUrls.HOMEPAGE; } } } else { let isUfollowed = await fetch("/WebServices/PulseService.asmx/UnfollowUser", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ followingUserId: userId }) }); if (isUfollowed.status === 200) { let _isUfollowed = await isUfollowed.json(); if (_isUfollowed.d === 'success') { el.classList.remove("btn-followed"); el.innerHTML = "Follow"; el.classList.add("btn-follow"); el.setAttribute("title", "Follow User"); } } } Islocked = false; } } function isUserLogin() { jQuery.ajax({ type: "POST", processData: false, contentType: false, url: "/Handlers/CsharpCommon.ashx?method=checksession", success: function (response) { if (response != null) { if (response == "false") { window.location = "/login?returnurl=" + window.location.href; } else if (response == "true") { } } } }); } function setFolloing(element) { element.innerText = "Following"; element.style.backgroundColor = "#0086dc"; element.style.color = "#dcdcdc"; } function setUnfollow(element) { element.innerText = 'Unfollow!'; element.style.backgroundColor = "rgb(18 40 70)"; element.style.color = "#ff3b00"; } </script> <style> .csharp-bot h1 { color: whitesmoke; font-family: Segoe UI; font-size: 16px; line-height: 20px; margin: 0; padding: 0 20px; } #banner { align-items: center; background-color: #1d254b; display: flex; height: 50px; } #webchat { height: calc(100% - 50px); overflow: hidden; position: fixed; top: 50px; width: 100%; } #webchat .webchat__basic-transcript__filler { flex: unset !important; } .webchat__basic-transcript__scrollable::-webkit-scrollbar { width: 5px; height: 8px; background-color: #d3d3d3; } .webchat__basic-transcript__scrollable::-webkit-scrollbar-thumb { background: #8289ab; } .webchat__bubble__content ol li { list-style-position: inside; } </style> <div class ="csharp-bot" id="csharpbot" style="display:none; z-index:999;"> <div frameborder="0" style="width: 100%; height: 100%;filter: hue-rotate(0deg);"> <div> <div id="banner"> <h1>CSharpBot</h1> </div> <div id="webchat" role="main"></div> </div> </div> </div> <script crossorigin="anonymous" src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script> <script> (async function () { const styleOptions = { accent: '#00809d', botAvatarBackgroundColor: '#FFFFFF', botAvatarImage: 'https://test.c-sharpcorner.com/images/bot-image.png', botAvatarInitials: 'BT', userAvatarImage: 'https://test.c-sharpcorner.com/images/chat-bot/user-image-ai-chatbot.png', userAvatarInitials: 'US', hideUploadButton: true }; const tokenEndpointURL = new URL('https://defaultbedb05737f894e23815343499f53f1.33.environment.api.powerplatform.com/powervirtualagents/botsbyschema/cr5eb_agent/directline/token?api-version=2022-03-01-preview'); const locale = document.documentElement.lang || 'en'; const apiVersion = tokenEndpointURL.searchParams.get('api-version'); const [directLineURL, token] = await Promise.all([ fetch(new URL(`/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`, tokenEndpointURL)) .then(response => { if (!response.ok) { throw new Error('Failed to retrieve regional channel settings.'); } return response.json(); }) .then(({ channelUrlsById: { directline } }) => directline), fetch(tokenEndpointURL) .then(response => { if (!response.ok) { throw new Error('Failed to retrieve Direct Line token.'); } return response.json(); }) .then(({ token }) => token) ]); const directLine = WebChat.createDirectLine({ domain: new URL('v3/directline', directLineURL), token }); const subscription = directLine.connectionStatus$.subscribe({ next(value) { if (value === 2) { directLine .postActivity({ localTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone, locale, name: 'startConversation', type: 'event' }) .subscribe(); subscription.unsubscribe(); } } }); WebChat.renderWebChat({ directLine, locale, styleOptions }, document.getElementById('webchat')); })(); </script> </aside> </div> </main> <div id="NewFooter"> <footer class="main-footer"> <div class="inner-footer"> <div class="social-media-wrap"> <a title="Facebook" href="https://www.facebook.com/pages/C-Corner/194086953935286" target="_blank"> <svg width="26" height="30" viewBox="0 0 5 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.68729 1.81279H4.44389V0.540791C4.07757 0.50293 3.70949 0.484238 3.34119 0.484791C2.24655 0.484791 1.498 1.14879 1.498 2.36479V3.41279H0.262497V4.83678H1.498V8.48478H2.97899V4.83678H4.21047L4.3956 3.41279H2.97899V2.50479C2.97899 2.08479 3.09168 1.81279 3.68729 1.81279Z" fill="#636F92" /> </svg></a> <a title="Twitter" href="https://twitter.com/csharpcorner" target="_blank"> <svg width="26" height="30" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.93819 3.38747L7.85233 1.52588e-05H7.16177L4.63143 2.94129L2.61044 1.52588e-05H0.27948L3.3356 4.44775L0.27948 8.00002H0.970077L3.64219 4.89393L5.7765 8.00002H8.10746L4.93802 3.38747H4.93819ZM3.99232 4.48694L3.68267 4.04404L1.21891 0.519884H2.27963L4.26791 3.36399L4.57756 3.80689L7.1621 7.50379H6.10138L3.99232 4.4871V4.48694Z" fill="#636F92" /> </svg> </a> <a title="LinkedIn" href="https://www.linkedin.com/company/csharpcorner/" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.79071 7.99982H0.132143V2.65875H1.79071V7.99982ZM0.960536 1.93018C0.430179 1.93018 0 1.49089 0 0.960536C3.79607e-09 0.705786 0.101199 0.46147 0.281334 0.281334C0.46147 0.101199 0.705786 0 0.960536 0C1.21529 0 1.4596 0.101199 1.63974 0.281334C1.81987 0.46147 1.92107 0.705786 1.92107 0.960536C1.92107 1.49089 1.49071 1.93018 0.960536 1.93018ZM7.99821 7.99982H6.34321V5.39982C6.34321 4.78018 6.33071 3.98554 5.48089 3.98554C4.61857 3.98554 4.48643 4.65875 4.48643 5.35518V7.99982H2.82964V2.65875H4.42036V3.38732H4.44357C4.665 2.96768 5.20589 2.52482 6.01286 2.52482C7.69143 2.52482 8 3.63018 8 5.06589V7.99982H7.99821Z" fill="#636F92" /> </svg> </a> <a title="Youtube" href="https://www.youtube.com/user/CsharpCorner1/" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.92031 2.40001C7.92031 2.40001 7.84219 1.84845 7.60156 1.60626C7.29688 1.28751 6.95625 1.28595 6.8 1.2672C5.68125 1.18595 4.00156 1.18595 4.00156 1.18595H3.99844C3.99844 1.18595 2.31875 1.18595 1.2 1.2672C1.04375 1.28595 0.703125 1.28751 0.398438 1.60626C0.157813 1.84845 0.08125 2.40001 0.08125 2.40001C0.08125 2.40001 0 3.04845 0 3.69533V4.30158C0 4.94845 0.0796875 5.59689 0.0796875 5.59689C0.0796875 5.59689 0.157812 6.14845 0.396875 6.39064C0.701563 6.70939 1.10156 6.69845 1.27969 6.73283C1.92031 6.79376 4 6.81251 4 6.81251C4 6.81251 5.68125 6.80939 6.8 6.7297C6.95625 6.71095 7.29688 6.70939 7.60156 6.39064C7.84219 6.14845 7.92031 5.59689 7.92031 5.59689C7.92031 5.59689 8 4.95001 8 4.30158V3.69533C8 3.04845 7.92031 2.40001 7.92031 2.40001ZM3.17344 5.03751V2.78908L5.33437 3.9172L3.17344 5.03751Z" fill="#636F92" /> </svg> </a> <a title="Windows App" href="https://www.microsoft.com/store/apps/9nblggh4tmwd?ocid=badge" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.65835 4.17363C3.66035 4.97319 3.66276 6.33168 3.66476 7.3875C5.11038 7.58299 6.55599 7.78452 7.9992 8C7.9992 6.73949 8.0008 5.4845 7.9992 4.28516C6.55238 4.28516 5.10597 4.17363 3.65835 4.17363ZM0 4.17402V6.88867C1.09033 7.03579 2.18065 7.1764 3.26897 7.33711C3.27098 6.28689 3.26817 5.23636 3.26817 4.18613C2.17865 4.18813 1.08952 4.17043 0 4.17402ZM0 1.1373V3.84434C1.09033 3.84714 2.18065 3.83064 3.27098 3.83184C3.27018 2.78401 3.27018 1.73747 3.26897 0.689648C2.17784 0.825972 1.08672 0.970197 0 1.1373ZM8 3.78867C6.55519 3.79427 5.11038 3.8163 3.66476 3.8207C3.66396 2.75569 3.66396 1.69195 3.66476 0.627734C5.10757 0.407454 6.55358 0.200288 7.9992 0C8 1.2633 7.9992 2.52537 8 3.78867Z" fill="#636F92" /> </svg> </a> <a title="Android App" href="https://play.google.com/store/apps/details?id=com.mcn.csharpcorner&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2269_8265)"> <path d="M4.84795 4.04234L6.09669 2.81478L2.0633 0.586328C1.79598 0.444352 1.54556 0.424425 1.32596 0.579686L4.84795 4.04234ZM6.30953 5.47955L7.60768 4.76178C7.86106 4.62229 8 4.42468 8 4.20549C8 3.98672 7.86106 3.78869 7.60811 3.64921L6.43284 3.00035L5.10977 4.30056L6.30953 5.47955ZM1.1089 0.881491C1.08187 0.963273 1.06667 1.0546 1.06667 1.15465V7.25924C1.06667 7.41741 1.10214 7.55357 1.16633 7.66192L4.5857 4.30014L1.1089 0.881491ZM4.84795 4.55753L1.44758 7.90063C1.51262 7.92512 1.58272 7.93799 1.65662 7.93799C1.78838 7.93799 1.92563 7.8998 2.06541 7.82341L5.9738 5.66594L4.84795 4.55753Z" fill="#636F92" /> </g> <defs> <clipPath id="clip0_2269_8265"> <rect width="8" height="8" fill="white" /> </clipPath> </defs> </svg> </a> <a title="iOS App" href="https://itunes.apple.com/us/app/c-corner/id451080586?ls=1&mt=8" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2269_8263)"> <path d="M5.31634 7.95867C5.072 7.95867 4.85434 7.876 4.64467 7.79733C4.465 7.729 4.29567 7.665 4.135 7.665C3.99234 7.665 3.82967 7.726 3.65734 7.79C3.449 7.867 3.213 7.95533 2.95667 7.95533C2.53534 7.95533 2.15767 7.714 1.80034 7.219C1.78534 7.198 0.330669 5.06167 1.03734 3.47533C1.42434 2.60667 1.982 2.16567 2.69467 2.16567C3.07067 2.16567 3.41767 2.28367 3.69634 2.37867C3.85234 2.43167 3.99967 2.48167 4.07734 2.48167C4.169 2.48167 4.31634 2.428 4.47134 2.37033C4.73 2.27533 5.05267 2.15633 5.42267 2.15633C5.959 2.15633 6.44434 2.404 6.907 2.91333C6.92261 2.93073 6.93443 2.95118 6.94172 2.97339C6.94901 2.99559 6.9516 3.01907 6.94934 3.04233C6.94676 3.06555 6.93943 3.08798 6.92778 3.10823C6.91614 3.12848 6.90044 3.1461 6.88167 3.16C6.394 3.51533 6.14667 3.92633 6.14667 4.382C6.14667 4.94633 6.42534 5.361 7.077 5.76667C7.1113 5.78781 7.13672 5.82073 7.1485 5.85926C7.16028 5.89779 7.15761 5.93929 7.141 5.976C6.52834 7.34667 5.96567 7.95867 5.31634 7.95867ZM4.093 2.07033C4.053 2.07033 4.01267 2.06767 3.973 2.063C3.93368 2.05832 3.89733 2.03971 3.87055 2.01054C3.84377 1.98137 3.82832 1.94358 3.827 1.904C3.783 0.788666 4.72834 0.105666 5.427 0.0423328C5.46851 0.0387972 5.50986 0.0507791 5.54304 0.0759615C5.57623 0.101144 5.5989 0.137738 5.60667 0.178666C5.68367 0.608 5.53967 1.08 5.21067 1.47333C4.898 1.84733 4.48 2.07033 4.093 2.07033Z" fill="#636F92" /> </g> <defs> <clipPath id="clip0_2269_8263"> <rect width="8" height="8" fill="white" /> </clipPath> </defs> </svg> </a> <a title="Contact Support" href="/notification/contactsupport.aspx" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="30" viewBox="0 0 17 16" fill="none"> <mask id="path-1-outside-1_1696_6758" maskUnits="userSpaceOnUse" x="0" y="0.777649" width="17" height="15" fill="black"> <rect fill="white" y="0.777649" width="17" height="15"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.77765C1.89543 1.77765 1 2.67308 1 3.77765V10.4443C1 11.5489 1.89543 12.4443 3 12.4443H6.57141L7.95998 14.0477C8.03974 14.1398 8.1826 14.1398 8.26235 14.0477L9.65092 12.4443H13.2222C14.3268 12.4443 15.2222 11.5489 15.2222 10.4443V3.77765C15.2222 2.67308 14.3268 1.77765 13.2222 1.77765H3Z"></path> </mask> <path d="M6.57141 12.4443L7.32734 11.7897L7.02826 11.4443H6.57141V12.4443ZM7.95998 14.0477L7.20405 14.7024L7.20406 14.7024L7.95998 14.0477ZM8.26235 14.0477L9.01828 14.7024L9.01828 14.7024L8.26235 14.0477ZM9.65092 12.4443V11.4443H9.19407L8.89499 11.7897L9.65092 12.4443ZM2 3.77765C2 3.22536 2.44771 2.77765 3 2.77765V0.777649C1.34315 0.777649 0 2.12079 0 3.77765H2ZM2 10.4443V3.77765H0V10.4443H2ZM3 11.4443C2.44772 11.4443 2 10.9966 2 10.4443H0C0 12.1012 1.34315 13.4443 3 13.4443V11.4443ZM6.57141 11.4443H3V13.4443H6.57141V11.4443ZM5.81548 13.099L7.20405 14.7024L8.71591 13.393L7.32734 11.7897L5.81548 13.099ZM7.20406 14.7024C7.68258 15.2549 8.53976 15.2549 9.01828 14.7024L7.50643 13.393C7.82545 13.0247 8.39689 13.0247 8.71591 13.393L7.20406 14.7024ZM9.01828 14.7024L10.4069 13.099L8.89499 11.7897L7.50643 13.393L9.01828 14.7024ZM13.2222 11.4443H9.65092V13.4443H13.2222V11.4443ZM14.2222 10.4443C14.2222 10.9966 13.7745 11.4443 13.2222 11.4443V13.4443C14.8791 13.4443 16.2222 12.1012 16.2222 10.4443H14.2222ZM14.2222 3.77765V10.4443H16.2222V3.77765H14.2222ZM13.2222 2.77765C13.7745 2.77765 14.2222 3.22536 14.2222 3.77765H16.2222C16.2222 2.12079 14.8791 0.777649 13.2222 0.777649V2.77765ZM3 2.77765H13.2222V0.777649H3V2.77765Z" fill="#636F92" mask="url(#path-1-outside-1_1696_6758)"></path> <circle cx="8.11104" cy="7.1113" r="0.888889" fill="#636F92"></circle> <circle cx="4.55556" cy="7.11124" r="0.888889" fill="#636F92"></circle> <circle cx="11.6667" cy="7.1113" r="0.888889" fill="#636F92"></circle> <circle cx="15.2223" cy="1.77778" r="1.37778" fill="#B8C1DB" stroke="#636F92" stroke-width="0.8"></circle> </svg> </a> </div> <div class="footer-links"> <a title="About Us" href="https://test.c-sharpcorner.com/about" class="foot-item-link">About Us</a> <a title="Contact Us" href="https://test.c-sharpcorner.com/contactus.aspx" class="foot-item-link">Contact Us</a> <a title="Privacy Policy" href="https://test.c-sharpcorner.com/privacypolicy.aspx" class="foot-item-link">Privacy Policy</a> <a title="Terms" href="https://test.c-sharpcorner.com/termsconditions.aspx" class="foot-item-link">Terms</a> <a title="Media Kit" href="https://test.c-sharpcorner.com/media/contactus.aspx" class="foot-item-link">Media Kit</a> <a title="Partners" href="https://test.c-sharpcorner.com/partners.aspx" class="foot-item-link">Partners</a> <a title="C# Tutorials" href="https://test.c-sharpcorner.com/csharp-tutorials" class="foot-item-link">C# Tutorials</a> <a title="Consultants" href="https://consultants.c-sharpcorner.com/" class="foot-item-link" target="_blank">Consultants</a> <a title="Ideas" href="https://test.c-sharpcorner.com/ideas" class="foot-item-link">Ideas</a> <a title="Report a Bug" href="https://test.c-sharpcorner.com/report-bugs" class="foot-item-link">Report A Bug</a> <a title="FAQs" href="https://test.c-sharpcorner.com/faq" class="foot-item-link">FAQs</a> <a title="Certifications" href="https://test.c-sharpcorner.com/certification" class="foot-item-link">Certifications</a> <a title="Sitemap" href="https://test.c-sharpcorner.com/sitemap/" class="foot-item-link">Sitemap</a> <a title="Stories" href="https://test.c-sharpcorner.com/stories" class="foot-item-link">Stories</a> <a title="CSharp TV" href="https://test.c-sharpcorner.com/live" class="foot-item-link">CSharp TV</a> <a title="DB Talks" href="https://www.dbtalks.com/" class="foot-item-link" target="_blank">DB Talks</a> <a title="Let's React" href="https://www.letsreact.org/" class="foot-item-link" target="_blank">Let's React</a> <a title="Web3 Universe" href="https://web3universe.today/" class="foot-item-link" target="_blank">Web3 Universe</a> <a title="interviews.help" href="https://www.interviews.help/" class="foot-item-link" target="_blank">Interviews.help</a> <a title="Jumpstart Blockchain" href="https://www.jumpstartblockchain.com/" class="foot-item-link" target="_blank">Jumpstart Blockchain</a> <a title="Build with JavaScript" href="https://www.buildwithjavascript.com/" class="foot-item-link" target="_blank">Build with JavaScript</a> </div> <div class="copyright"> <p>©2024 C# Corner.</p> <p>All contents are copyright of their authors.</p> </div> </div> </footer> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AC55590D" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAA8JKiQbvEmURL5umr1YzK9u8tgt2KjyyiDhxtapMocmI++o/R2HzFhtDOGan4OOQda7G5nKn6lYdW6SaNZsGRgZCqrOBu8XPG1yHR+6F/gx8e0L4ZGv5zZNM9d/qtWRrW8scB/pZO1suY4udsuPVU49wAGICu1Nkktwh4BSif4/1CQ9sQqBDprGGmAnjELCaPtYEP3PWQ0L5ZuegVuakQNF4xuqnSBOTqWd+y5UitGk34+YEwoWpFGC2siu4yDvp1+CH4DoZECSFgmzLP5U1oxv8Ukbt9YRc1ir9yXeTeaWqPSs7pIfhGgQqKvkOaiEH2PZR7EAs4wKvKekKwD48bno8ud6Xg==" /> </div></form> <script type="text/javascript"> jQuery(document).click(function () { jQuery(".cotent-share-icon > ul").slideUp("fast"); }); jQuery(".btn-icon-dots").click(function (e) { e.stopPropagation(); jQuery(".cotent-share-icon > ul").slideToggle("fast"); }); </script> <script type="text/javascript"> var isEditorMode = false; function setHTMLvalue() { jQuery("#AnswerDetailHTML").val('<div class="markdown-body editormd-preview-container" previewcontainer="true" style="padding: 0;">' + window.md.getPreviewedHTML() + "</div>"); isEditorMode = false; const textarea = document.getElementById("TextBoxAnswer"); const noDataElement = document.getElementById("Error_Msg"); if (!textarea.value.trim()) { noDataElement.style.color = "red"; noDataElement.textContent = "Reply message cannot be empty."; return false; } return true; //document.getElementById("MD_Sections").style.display = "none"; //document.getElementById("MD_Section").style.display = "none"; } function initMarkMarkDown() { (function () { makeMarkDown(); })(); function makeMarkDown() { if (isEditorMode) { return false; } document.getElementById("MD_Sections").style.display = "block"; document.getElementById("MD_Section").style.display = "block"; jQuery(".postAnswer").show(); isEditorMode = true; (function () { jQuery('#TextBoxAnswer').val(''); window.md = editormd("editormd", { toolbarIcons: "full_no_img", width: "99.8%", height: 400, placeholder: "Please enter your answer", path: "/JavaScripts/MarkDownJs/lib/", theme: "light", markdown: jQuery('#TextBoxAnswer').val(), saveHTMLToTextarea: true, tex: true, emoji: false, taskList: true, lineWrapping: true, tocm: true, imageUpload: false, autoFocus: false, fullscreen: false, htmlDecode: "style,script,iframe|on*", lang: { name: "en" }, pluginPath: "/plugin/", onload: function () { this.watch() } }); })(); return false; } } async function likecount(answerId) { try { const response = await fetch('/Interviews/Answer/Answers.aspx/LikeReply', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ answerId: parseInt(answerId) }) }); if (response.ok) { const data = await response.json(); if (data.d === 1) { var divElement = document.getElementById(answerId); var spanElement = divElement.querySelector("span"); if (spanElement) { var currentValue = parseInt(spanElement.textContent); if (!isNaN(currentValue)) { var newValue = currentValue + 1; spanElement.textContent = newValue; } else { console.log("Error: Text content of the span element is not a valid integer."); } } } } else { console.error('Error fetching like count:', response.status); } } catch (error) { console.error('Error fetching like count:', error); } } </script> <script src="https://test.c-sharpcorner.com/JavaScripts/date_time_conversion_20200627.js" type="text/javascript"></script> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/rotate_slider.js"></script> <script></script> <script> function getCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for (var i = 0; i < allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name) == 0) return temp.substring(name.length, temp.length); } return ""; } </script> <script> //if (navigator.serviceWorker.controller) { // console.log('[PWA Builder] active service worker found, no need to register') //} else { // navigator.serviceWorker.register('https://www.c-sharpcorner.com/sw.js', { // scope: './' // }).then(function (reg) { // console.log('Service worker has been registered for scope:' + reg.scope); // }); //} //setTimeout(function () { // makeSticky(); //}, 6000) function makeSticky() { if (!window.jQuery) { setTimeout(makeSticky, 100); return; } var s = jQuery(".sticky-ad"); var w = jQuery(window); var t = s.length > 0 ? s.offset().top : 0; var f = jQuery("footer"); var ft = f.offset().top; if (s.length > 0) { w.scroll(function () { if (w.scrollTop() + 47 > t) { if (w.scrollTop() + 47 + s.innerHeight() > ft + 5) { s.removeClass("fixed-t"); s.addClass("fixed-b"); } else { s.addClass("fixed-t"); s.removeClass("fixed-b"); } } else { s.removeClass("fixed-t") s.removeClass("fixed-b") } }) } } </script> </body> <script type="text/javascript" src="https://test.c-sharpcorner.com/jquery/jquery.min-20230616.js"></script> <script src="https://test.c-sharpcorner.com/JavaScripts/NewScripts/NewPopupPlugin.js"></script> <script src="https://test.c-sharpcorner.com/JavaScripts/NewScripts/NewEmotions_200181208.js"></script> <script src="https://test.c-sharpcorner.com/JQuery/jquery-Mention-Combined.js"></script> <script src="https://test.c-sharpcorner.com/JavaScripts/Live/owl.carousel.min.js"></script> <script src="../../../Scripts/bootstrap.js"></script> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/NewScripts/login-v3.js"></script> </html>