HTML basics are the foundation of web development. It involves using HTML tags to create the structure and content of a web page. Some important HTML tags
... [Show More] include , , , <body>, <header>, <nav>, <section>, <article>, <aside>, <footer>, <p>, <a>, <img>, <ul>, <ol>, <li>, <table>, <tr>, <td>, and <th>. HTML also uses attributes to modify the behavior of these tags. Understanding HTML basics is essential for creating and designing websites.<span class="read-less"> <a href="javascript:void(0)" class="less-link"> [Show Less]</a></span></span></div>
</div>
</div>
<div class="card-pdf mb-3">
<div class="card-header">
<p>Preview 1 out of 4 pages</p>
</div>
<div class="card-body" id="pdfload">
<div class="vm-mobile">
<a href="javascript:void(0)" data-toggle="modal" ><button type="button" class="vmw" data-url="step-1-html-basics"> <i class="fa fa-eye" aria-hidden="true"></i> Show Preview</button></a>
<img src="https://assets.docmerit.com/uploads/document/72831/thumb/1683921616.jpg">
</div>
<div class="desk_view">
<div id="viewport" role="main">
<div class="loading_image"> <img src="https://docmerit.com/images/preview.gif">
<p class="genrat_test">Generating Your Document</p>
</div>
</div>
<div class="card aceess-doc" style="display: none">
<div class="purches-doc">
<h4> Purchase the document to get the full access instantly</h4>
<ul class="money-back">
<li><i class="fa fa-check-square" aria-hidden="true"></i> 3 Million+ Study Documents</li>
<li><i class="fa fa-check-square" aria-hidden="true"></i> 100% Money Back Guarantee</li>
<li><i class="fa fa-check-square" aria-hidden="true"></i> Immediate Download Access</li>
</ul>
<br>
<a href="javascript:void(0)" class="addToCart btn btn-primary preview-addtocart" id="doc-addToCart669751" data-type="document"><i class="fa fa-cart-plus" aria-hidden="true"></i> Add To Cart</a>
</div>
</div>
</div>
</div>
<div class="card-footer">
<img src="https://docmerit.com/images/logo1.png" class="logo logo-document" alt="docmeritdoc">
<p><a href="https://docmerit.com/contact-us" target="_blank"><i class="fa fa-copyright" aria-hidden="true"></i> Report Copyright Violation </a></p>
</div>
</div>
<div class="card mb-3 seller-user">
<div class="card-header seller">
<h5 class="preview-title"><i class="fa fa-star kopzwart-grey" aria-hidden="true"></i> Reviews 0</h5>
</div>
<div class="card-body following_body" id="reviewBody">
<div class='card-row'>No review posted yet</div> </div>
</div>
</div>
<div class="col-lg-4 vishual cart-preview">
<div class="cart-one-preview mb-3">
<div class="card-body">
<h3 class="summery-cart">Class Notes Details</h3>
<p class="preview-page-review">
<span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
</span>
</p>
<strong class="price-prieview">$15.45</strong>
<p class="card-text">
<a href="javascript:void(0)" class="addToCart btn-outline-primary preview-addtocart" id="doc-addToCart669751" data-type="document"> <i class="fa fa-cart-plus" aria-hidden="true"></i> Add To Cart </a>
</p>
<p class="card-text">
<button type="button" data-toggle="modal" data-target="#signin_popup" data-dismiss="modal" class="btn btn-link"> <i class="fa fa-heart-o" aria-hidden="true"></i>Add To Wishlist </button>
</p>
<p class="terms">
<ul class="terms-list">
<li><i class="fa fa-check-circle check" aria-hidden="true"></i> Trusted by 800,000+ Students</li>
<li><i class="fa fa-check-circle check" aria-hidden="true"></i> 24/7 Money Back Guarantee</li>
<li><i class="fa fa-check-circle check" aria-hidden="true"></i> Download is directly available</li>
</ul>
</p>
</div>
<div class=" text-muted">
<p class="footer-preview">
<span>116 <i class="fa fa-eye ck" aria-hidden="true"></i></span>
</p>
<p class="footer-preview">
<span>0 <i class="fa fa-download ck" aria-hidden="true"></i></span>
</p>
</div>
</div>
<div class="card mb-3 document-info">
<div class="card-header specification">
<h5 class="preview-title">Specifications</h5>
</div>
<div class="card-body">
<div class="list-doker">
<p class="card-text">
<div class="row">
<div class="col-6">Institution</div>
<div class="col-6"><a href="https://docmerit.com/institute/computer-science-engineering" class="link">Computer Science Engineering </a></div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Study</div>
<div class="col-6"><a href="https://docmerit.com/search?study_id=71123" class="link">Computer</a></div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Course</div>
<div class="col-6"><a href="https://docmerit.com/search?course_id=23356" class="link">INTRODUCTION TO HTML</a></div>
</div>
</p>
<p class="card-text col-sm-12 about-doc">Document Details</p>
<p class="card-text">
<div class="row">
<div class="col-6">Language </div>
<div class="col-6">English</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Subject </div>
<div class="col-6">Computer Science</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Updated On </div>
<div class="col-6">May 12,2023</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Number of Pages</div>
<div class="col-6">4</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Type</div>
<div class="col-6">Class Notes</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Written </div>
<div class="col-6">2021-2022</div>
</div>
</p>
</div>
</div>
</div>
<div class="card mb-3 seller-user">
<div class="card-header seller">
<h5 class="preview-title">Seller Details</h5>
</div>
<div class="card-body">
<div class="seller-info">
<div class="row new-ipda-seller">
<div class="col-md-4 col-4">
<img src="https://docmerit.com/uploads/users/1065646437360385876801683921032.jpg" width="103" class="rounded-circle img-responsive user-preview-img" height="103" >
<p class="reputation_badge"></p>
</div>
<div class="col-md-8 col-8">
<p class="username-privew"><a href="https://docmerit.com/user/anishasutosh" class="link">Anishasutosh </a></p>
<p class="desc-privew">
<i class="fa fa-upload" aria-hidden="true"></i>
1 documents uploaded
</p>
<p class="desc-privew"><i class="fa fa-shopping-cart" aria-hidden="true"></i> 0 documents sold</p>
<p class="desc-privew"><i class="fa fa-calendar" aria-hidden="true"></i> Member since 1 year</p>
<div class="preview-btn">
<button data-toggle="modal" data-target="#signin_popup" data-dismiss="modal" type="button" class="comment"><i class="fa fa-comment icko" aria-hidden="true"></i> Send Message</button>
<button type="button" class="follow" data-toggle="modal" data-target="#signin_popup" data-dismiss="modal"><i class="fa fa-plus icko" aria-hidden="true"></i> Follow</button>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ratingModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<form id="frmRating">
<div class="modal-body">
<div class="form-group">
<label for="description">Review<span style="color:red">*</span></label>
<textarea placeholder="Plear enter your comment" name="review" id="review" class="form-control input-lg" style="resize: vertical;" rows="3" maxlength="150"></textarea>
<div class="character-counter" style="color: rgb(92, 92, 92);">
<span id="charNum">150</span> characters left
</div>
</div>
<div class="form-group">
<label for="description">Rating <span style="color:red">*</span></label>
<input id="rating-system" name="rating_system" type="number" class="" data-min="0" data-max="5" data-step="1">
<div class="clearfix"></div>
</div>
<input type="submit" name="saveReview" id="saveReview" class="btn btn-primary" value="Save" />
<input type="reset" name="resetReview" id="resetReview" class="btn btn-primary" style="display:none;" value="Reset Rating" />
</div>
</form>
</div>
</div>
</div>
</section>
<section class="recomend-section">
<div class="recomnede-container container">
<div class="recomdede-heading">
<div class="row">
<div class="col-md-6">
<h3 class="top-heading-recomeded">Recommended documents</h3>
</div>
<div class="col-md-6">
<div class="more-recomded">
<a href="https://docmerit.com/search?institute_id=5703"> View all recommended documents »</a>
</div>
</div>
</div>
</div>
<div class="mainsection-recomndede">
<div class="recomdede " >
<div class="row">
<div class="col-md-6">
<div class="recom-file">
<img src="https://docmerit.com/images/onload.svg" class="onload-img">
<img src="https://assets.docmerit.com/uploads/document/46/thumb/1591471034.jpg" class="uplodas_doc">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $10.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 11 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/cmis-102-hands-on-lab-week-8-complete-answer">
CMIS 102 Hands-On Lab Wee... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart359" data-type="document"><button type="button" class="comment"><i class="fa fa-cart-plus" aria-hidden="true"></i></button></a>
</div>
</div>
<div class="recomdede " >
<div class="row">
<div class="col-md-6">
<div class="recom-file">
<img src="https://docmerit.com/images/onload.svg" class="onload-img">
<img src="https://assets.docmerit.com/uploads/document/46/thumb/1591472113.jpg" class="uplodas_doc">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $36.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 7 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/it-380-final-project-milestone-1-complete-answer">
IT 380: Final Project Mil... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart360" data-type="document"><button type="button" class="comment"><i class="fa fa-cart-plus" aria-hidden="true"></i></button></a>
</div>
</div>
<div class="recomdede " >
<div class="row">
<div class="col-md-6">
<div class="recom-file">
<img src="https://docmerit.com/images/onload.svg" class="onload-img">
<img src="https://assets.docmerit.com/uploads/document/46/thumb/1591531214.jpg" class="uplodas_doc">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $23.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 3 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/mis562-week-7-assignment-answer">
MIS562 Week 7 Assignment ... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart367" data-type="document"><button type="button" class="comment"><i class="fa fa-cart-plus" aria-hidden="true"></i></button></a>
</div>
</div>
<div class="recomdede " >
<div class="row">
<div class="col-md-6">
<div class="recom-file">
<img src="https://docmerit.com/images/onload.svg" class="onload-img">
<img src="https://assets.docmerit.com/uploads/document/46/thumb/1591531212.jpg" class="uplodas_doc">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $25.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 17 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/ism-218-project-assignment-part-2-oak-creek-stadium-section-3-and-4-answer">
ISM 218 Project Assignmen... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart368" data-type="document"><button type="button" class="comment"><i class="fa fa-cart-plus" aria-hidden="true"></i></button></a>
</div>
</div>
<div class="recomdede recomd_size " >
<div class="row">
<div class="col-md-6">
<div class="recom-file">
<img src="https://docmerit.com/images/onload.svg" class="onload-img">
<img src="https://assets.docmerit.com/uploads/document/46/thumb/1591531203.jpg" class="uplodas_doc">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $25.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 5 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/ifsm-370-project-4-architectural-diagram-answer">
IFSM 370 Project 4: Archi... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart370" data-type="document"><button type="button" class="comment"><i class="fa fa-cart-plus" aria-hidden="true"></i></button></a>
</div>
</div>
</div>
</div>
</section>
<section class="fotter-cart-popup">
<div class="container-fluid">
<div class="footer-buy">
<div class="footer-price">
<p> <span class="price-addview">$15.45 </span></p>
<p class="footer-reviewrate">
<span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span> </p>
</div>
<div class="button-footer">
<span>
<a href="javascript:void(0)" class="addToCart btn btn-outline-primary preview-addtocart" id="doc-addToCart669751" data-type="document"><i class="fa fa-cart-plus" aria-hidden="true"></i> Add </a>
</span>
</div>
</div>
</div>
</section>
<div class="modal fade" id="modelViewModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<center>
<p class="doc-headline">Preview 1 out of 4 pages</p>
</center>
<iframe src="" frameborder="0" id="iframView"></iframe>
</div>
</div>
</div>
</div>
<div class="modal fade" id="replyModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<form id="frmReply">
<div class="modal-body">
<div class="form-group">
<label for="description">Reply<span style="color:red">*</span></label>
<textarea placeholder="Plear enter your comment" name="comment" id="comment" class="form-control input-lg" style="resize: vertical;" rows="3" maxlength="150"></textarea>
<div class="character-counter" style="color: rgb(92, 92, 92);">
<span id="commentNum">150</span> characters left
</div>
</div>
<input type="hidden" name="review_id" id="review_id">
<input type="hidden" name="review_author_id" id="review_author_id">
<input type="submit" name="saveReviewReply" id="saveReviewReply" class="btn btn-primary" value="Save" />
</div>
</form>
</div>
</div>
</div>
<section class="sspm">
<div class="container-fluid my-3 testimonial_width">
<center><h2 class="seller_heading testimonial_main_heading"> what students are saying about us</h2></center>
<div class="row">
<div class="testimonialsk">
<div>
<p> DocMerit is a great platform to get and share study resources, especially the resource contributed by past students.</p>
<div class="testimonial_img">
<center>
<p class="testimon-img">
<img class="latest-img" src="https://docmerit.com/uploads/users/1615359938.png">
</p>
</center>
<center>
<p>
<strong class="name_bold"> Northwestern University</strong>
<br>
<span class="marketing"><https://docmerit.com/user/Karen>Karen</span>
</p>
</center>
</div>
</div>
<div>
<p> I find DocMerit to be authentic, easy to use and a community with quality notes and study tips. Now is my chance to help others.</p>
<div class="testimonial_img">
<center>
<p class="testimon-img">
<img class="latest-img" src="https://docmerit.com/uploads/users/1590042299.png">
</p>
</center>
<center>
<p>
<strong class="name_bold"> University Of Arizona</strong>
<br>
<span class="marketing"><https://docmerit.com/user/acetutor>Anna Maria</span>
</p>
</center>
</div>
</div>
<div>
<p> One of the most useful resource available is 24/7 access to study guides and notes. It helped me a lot to clear my final semester exams.</p>
<div class="testimonial_img">
<center>
<p class="testimon-img">
<img class="latest-img" src="https://docmerit.com/uploads/users/1713429709.png">
</p>
</center>
<center>
<p>
<strong class="name_bold"> Devry University</strong>
<br>
<span class="marketing"><https://docmerit.com/user/experttutor>David Smith</span>
</p>
</center>
</div>
</div>
<div>
<p> DocMerit is super useful, because you study and make money at the same time! You even benefit from summaries made a couple of years ago.</p>
<div class="testimonial_img">
<center>
<p class="testimon-img">
<img class="latest-img" src="https://docmerit.com/uploads/users/1589791451.png">
</p>
</center>
<center>
<p>
<strong class="name_bold"> Liberty University</strong>
<br>
<span class="marketing"><https://docmerit.com/user/libertymike>Mike T</span>
</p>
</center>
</div>
</div>
</div>
</div>
</div>
<center>
<a href="https://docmerit.com/testimonial">
<button type="button" class="showalltetimonial">Show All</button>
</a>
</center>
</section>
<footer class="footer bg-black text-white footer">
<div class="container">
<div class="row footer-row">
<div class="col">
<h2 class="footer_heading">study tips</h2>
<ul class="footer_list">
<li><a href="https://docmerit.com/sell-study-notes">Information about earning </a></li>
<li><a href="https://docmerit.com/selling-tips" >Selling tips </a></li>
<li><a href="https://docmerit.com/copyrights" >Copyright</a></li>
</ul>
</div>
<div class="col">
<h2 class="footer_heading">Information </h2>
<ul class="footer_list">
<li><a href="https://docmerit.com/about-us" >About us </a></li>
<li><a href="https://docmerit.com/press" ></a></li>
<li><a href="https://docmerit.com/subjects">Subjects</a></li>
<li><a href="https://docmerit.com/refund-cancellation-policy">Refund and Cancellation</a></li>
</ul>
</div>
<div class="col">
<h2 class="footer_heading">need support? </h2>
<ul class="footer_list needo">
<li><p class="footer_content">We are available 24/7</p></li>
<li><a href="https://docmerit.com/faq" >FAQ</a></li>
<li><a href="https://docmerit.com/contact-us" >Contact us</a></li>
</ul>
</div>
<div class="col">
<h2 class="footer_heading">Legal</h2>
<ul class="footer_list need">
<li><a href="https://docmerit.com/privacystatement">Privacy Statement</a></li>
<li><a href="https://docmerit.com/termsofuse">Terms of Use</a></li>
<li><a href="https://docmerit.com/shipping-policy">Shipping Policy</a></li>
</ul>
</div>
<div class="col">
<h2 class="footer_heading">Latest blogs</h2>
<ul class="footer_list need">
<li> <p class="listing_heading"> <a href="https://docmerit.com/knowledge-base/study/turn-your-study-notes-into-cash-a-beginner-s-guide">Turn Your Study Notes into Cas...</a></p>
</li>
<li> <p class="listing_heading"> <a href="https://docmerit.com/knowledge-base/universities-details/unisa-university-of-south-africa-study-fees">UNISA - University of South Af...</a></p>
</li>
<li> <p class="listing_heading"> <a href="https://docmerit.com/knowledge-base/writing-tips/7-effective-note-making-tips-for-students">7 Effective Note-Making Tips F...</a></p>
</li>
<li> <p class="listing_heading"> <a href="https://docmerit.com/knowledge-base/presentation-tips/how-to-give-a-good-presentation">How to give a good Presentatio...</a></p>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="bottom_footer">
<div class="container">
<div class="row footer_bottom_pd">
<div class="col-md-6">
<div class="footer_socaltwo">
<ul class="socal_links">
<li><span class="follow"> Follow us on</span> </li>
<li><a href="https://www.facebook.com/docmeritofficial" target="_blank"> <i class="fa fa-facebook fscoal" aria-hidden="true"></i></a> </li>
<li> <a href="https://www.linkedin.com/company/docmerit" target="_blank"> <i class="fa fa-linkedin fscoal" aria-hidden="true"></i></a> </li>
<li><a href="https://twitter.com/docmeritoffical" target="_blank"> <i class="fa fa-twitter fscoal" aria-hidden="true"></i></a> </li>
<li><a href="https://www.instagram.com/" target="_blank"></a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="footer_socalone">
<ul class="socal_links_two">
<li><span> Copyright © 2024 | All rights reserved</span> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script defer type="text/javascript">
if (window.matchMedia("(min-width: 1025px)").matches) {
window.Trengo = window.Trengo || {};
window.Trengo.key = 'OzdDL7Ds74BtdokIwYrA';
(function(d, script, t) {
script = d.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://static.widget.trengo.eu/embed.js';
d.getElementsByTagName('head')[0].appendChild(script);
}(document));
}
</script>
<script src="https://docmerit.com/admin-theme/vendor/jquery/jquery.min.js"></script>
<script src="https://docmerit.com/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://docmerit.com/js/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="https://docmerit.com/vendors/sweetalert2/sweetalert2.min.js"></script>
<script type="text/javascript" src="https://docmerit.com/vendors/slick-slider/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://docmerit.com/vendors/slick-slider/js/slick.min.js"></script>
<script type="text/javascript">
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var formValidationOptions = {
errorElement: 'strong',
errorClass: 'help-block',
focusInvalid: true,
ignore: "",
errorPlacement: function (error, element) {
if (element.attr("data-error-container")) {
error.appendTo(element.attr("data-error-container"));
}else{
if(element.attr("name")=='price'){
error.insertAfter(".check_earning");
}else{
error.insertAfter(element);
}
}
},
highlight: function (element) {
jQuery(element)
.closest('.form-group').addClass('has-error border-left-danger').removeClass('has-success');
},
unhighlight: function (element) {
jQuery(element)
.closest('.form-group').removeClass('has-error border-left-danger');
},
success: function (label) {
label
.closest('.form-group').removeClass('has-error border-left-danger');
}
};
jQuery(document).ready(function(){
if(jQuery.validator)
jQuery.validator.setDefaults(formValidationOptions);
});
</script>
<script type="text/javascript">
function triggerMe(notification_id=0,next_page=""){
$.post("https://docmerit.com/users/notificationRead",{'notification_id':notification_id},function(response){
if(response.status){
if($(".countNheader").html()!=" 5+ "){
if(parseInt($(".countNheader").html()) > 0){
$(".countNheader").html(parseInt($(".countNheader").html())-1);
}
}
location.href = next_page;
return true;
}
});
}
$("body").on("click",".delete-header-shoppingcart",function(){
var cart_item =$(this).attr('id');
Swal.fire({
customClass: {container: 'delete_confirmation'},
title: 'Are you sure you want to delete this item?',
text: "",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Remove',
showLoaderOnConfirm: true,
preConfirm: function() {
return new Promise(function(resolve) {
$.ajax({
url: "https://docmerit.com/carts/deleteItem",
type: 'POST',
data: 'cart_item='+cart_item,
dataType: 'json'
})
.done(function(response){
Swal.fire({
customClass: {container: 'delete_confirm'},
title: 'Deleted!',
type:'warning',
showConfirmButton: false,
});
location.reload();
})
.fail(function(){
swal.fire('Oops...', 'Something went wrong with ajax !', 'error');
});
});
},
allowOutsideClick: false
});
});
$(document).ready(function(){
$('.testimonialsk').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
responsive: [
{
breakpoint: 768,
settings: {
arrows: true,
centerMode: true,
centerPadding: '10px',
slidesToShow: 2
}
},
{
breakpoint: 767,
settings: {
arrows: true,
centerMode: true,
centerPadding: '0px',
slidesToShow: 1
}
}
]
});
});
$(".logosearch").click(function () {
$(".afterloginsearchhed").css("display","block")
$(this).css("display","none")
});
$(".logosearchmob").click(function () {
$('.searchbox-one').toggleClass('showSearchbar')
});
$(".sk-search").click(function (){
$( ".frmHeader" ).submit();
});
$(".sk-mobile_search").click(function (){
$( ".frmHeaderMobile" ).submit();
});
$('.frmHeader input').keydown(function(e) {
if (e.keyCode == 13) {
$('.frmHeader').submit();
}
});
</script>
<div class="modal login-registration" id="signup_popup">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<div>
<h4 class="modal-title text-center"><i class="fa fa-user-plus"></i> Register a free account</h4>
<div class="">With a profile at DocMerit you are definitely prepared well for your exams.</div>
</div>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="text-center login-bk">
<a href="https://docmerit.com/auth/facebook" class="social_media_link"> <button type="button" class="fb_bt"><span class="fb"> <i class="fa fa-facebook-official" aria-hidden="true"></i> </span>Sign in with Facebook </button></a>
<a href="https://docmerit.com/auth/google" class="social_media_link"> <button type="button" class="go_bt"><img src="https://docmerit.com/images/Google1.png" class="fa-google-plus-square"> Sign in with Google </button></a>
<a href="https://docmerit.com/auth/linkedin" class="social_media_link"> <button type="button" class="ln_bt"><img src="https://docmerit.com/images/linkedin1.png" class="fa-linkedin-square">Sign in with LinkedIn </button></a>
</div>
<div class="login-or">
<span>or</span>
</div>
<div class="login-line"></div>
<div class="text-center">Create profile using your email address</div>
<span id="error_msgsignup" style="color: red"></span>
<form id="signup_form" autocomplete="off">
<input type="hidden" name="_token" value="q3EC0oyc7pqvDVVXGawY5vDiKX0e6rauL5DDQwgp"> <div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" placeholder="Enter full name" name="name" id="name" autocomplete="off">
</div>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" placeholder="Enter username" name="username" id="username" autocomplete="off">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" placeholder="Enter email address" name="email" id="email" autocomplete="off">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" placeholder="Enter password" name="password" id="password" autocomplete="off">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Confirm Password</label>
<input type="password" class="form-control" placeholder="Confirm password" name="password_confirmation" id="password_confirmation" autocomplete="new-password">
</div>
<div class="checkbox">
<label><input type="checkbox" name="iagree" id="iagree" value="1"> I agree with the <a href="https://docmerit.com/termsofuse">Terms of Use </a>and <a href="https://docmerit.com/privacystatement">Privacy Statement</a> of DocMerit.</label>
</div>
<button type="submit" class="btn-defalut btn-block" id="reg_btn">
<span class="signupbtn-text">Register</span>
<span class="signupbtn-spinner" style="display: none;">
<i class="fa fa-spin fa-spinner"></i>
</span>
</button>
</form>
<button type="button" class="btn btn-link login_btn aleradylog" data-toggle="modal" data-target="#signin_popup" data-dismiss="modal">Already have an account? Login</button>
</div>
</div>
</div>
</div>
<div class="modal login-registration" id="signin_popup">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<div class="skd">
<h4 class="modal-title text-center"><i class="fa fa-sign-in"></i> Login</h4> </div>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="text-center login-bk">
<a href="https://docmerit.com/auth/facebook" class="social_media_link"><button type="button" class="fb_bt"><span class="fb"> <i class="fa fa-facebook-official" aria-hidden="true"></i> </span>Sign in with Facebook </button></a>
<a href="https://docmerit.com/auth/google" class="social_media_link"><button type="button" class="go_bt"><img src="https://docmerit.com/images/Google1.png" class="fa-google-plus-square"> Sign in with Google </button></a>
<a href="https://docmerit.com/auth/linkedin" class="social_media_link"><button type="button" class="ln_bt"><img src="https://docmerit.com/images/linkedin1.png" class="fa-linkedin-square"> Sign in with LinkedIn </button></a>
</div>
<div class="login-or">
<span>or</span>
</div>
<div class="login-line"></div>
<form id="loginForm" autocomplete="off">
<input type="hidden" name="_token" value="q3EC0oyc7pqvDVVXGawY5vDiKX0e6rauL5DDQwgp"> <span id="error_msglogin" style="color: red"></span>
<div class="form-group">
<label for="login_email">Email/Username</label>
<input type="text" class="form-control" name="login_email" id="login_email" aria-describedby="emailHelp" placeholder="Email/Username" autocomplete="username">
</div>
<div class="form-group">
<label for="login_password">Password</label>
<input type="password" class="form-control" name="login_password" id="login_password" placeholder="Password" autocomplete="current-password">
</div>
<button type="submit" class="btn btn-primary browse_btn">
<span class="signin-text">Login</span>
<span class="signinbtn-spinner" style="display: none;">
<i class="fa fa-spin fa-spinner"></i>
</span>
</button>
<div class="form-group">
<a href="https://docmerit.com/password/reset">Forgot your Password?</a>
</div>
</form>
<button type="button" class="btn btn-link signup_btn" data-toggle="modal" data-target="#signup_popup" data-dismiss="modal" >No Profile yet? Sign up Now, it's Free!</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery.validator.addMethod("noSpace", function(value, element) {
return value.indexOf(" ") < 0 && value != "";
}, "Space are not allowed");
jQuery.validator.addMethod("alphanumeric", function(value, element) {
return this.optional(element) || /^\w+$/i.test(value);
}, "Use letters, numbers and underscores only");
jQuery.validator.addMethod("nameRegex", function(value, element) {
return this.optional(element) || /^[a-z\ \s]+$/i.test(value);
}, "Name should not contains the numbers and space");
$('#loginForm').validate({
onfocusout: function(element) {
this.element(element);
},
rules: {
login_email:{
required: true
},
login_password:{
required: true
},
},
submitHandler: function(form) {
saveLoginForm();
}
});
$('#signup_form').validate({
onfocusout: function(element) {
this.element(element);
},
rules: {
name:{
required: true,
nameRegex: true,
maxlength:20
},
email: {
required: true,
email:true,
remote:{
url:"https://docmerit.com/checkEmail",
type:"post"
}
},
username: {
required: true,
noSpace: true,
alphanumeric: true,
maxlength:40,
remote:{
url:"https://docmerit.com/checkUsername",
type:"post"
}
},
password: {
required: true,
minlength:8
},
password_confirmation:{
required: true,
equalTo: "#password"
},
iagree:{
required: true,
},
},
messages: {
email:{
required: "Please enter your email",
email: "Please enter a valid email",
remote: "Email already exists"
},
username:{
required: "Please enter your username without space",
remote: "Username already exists"
},
},
submitHandler: function(form) {
saveSignupForm();
}
});
});
$('#signup_form input').on('change', function() {
$('#signup_form input').each(function() {
if($(this).val()!="" && $("#iagree").prop("checked")){
if($('#name').valid() && $('#email').valid() && $('#username').valid() && $('#password').valid() && $('#password_confirmation').valid() && $('#iagree').valid() ){
$("#reg_btn").addClass('browse_btn');
}else{
$("#reg_btn").removeClass('browse_btn');
}
}else{
$("#reg_btn").removeClass('browse_btn');
return false;
}
});
});
function saveLoginForm(){
var data=$("#loginForm").serialize();
$(".signinbtn-spinner").show();
$(".signin-text").hide();
$.post("https://docmerit.com/user/login",data,function(response){
if(response.status){
window.location.href="https://docmerit.com/doc/show/step-1-html-basics";
}else{
$(".signinbtn-spinner").hide();
$(".signin-text").show();
$("#error_msglogin").html(response.message);
}
});
}
function saveSignupForm(){
var data=$("#signup_form").serialize();
$(".signupbtn-spinner").show();
$(".signupbtn-text").hide();
$.post("https://docmerit.com/user/register",data,function(response){
$(".signupbtn-spinner").hide();
$(".signupbtn-text").show();
if(response.status){
window.location.href="https://docmerit.com/dashboard";
}else{
$("#error_msgsignup").html(response.message);
}
});
}
</script>
<script type="text/javascript">
jQuery.event.special.touchstart = {
setup: function( _, ns, handle ){
if ( ns.includes("noPreventDefault") ) {
this.addEventListener("touchstart", handle, { passive: false });
} else {
this.addEventListener("touchstart", handle, { passive: true });
}
}
};
jQuery.event.special.touchmove = {
setup: function( _, ns, handle ){
if ( ns.includes("noPreventDefault") ) {
this.addEventListener("touchmove", handle, { passive: false });
} else {
this.addEventListener("touchmove", handle, { passive: true });
}
}
};
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Docmerit",
"email": "support@docmerit.com",
"url": "https://docmerit.com",
"slogan": "Access Top Study Resources, Excel in Every Class",
"logo": {
"@type": "ImageObject",
"url": "https://docmerit.com/images/share_logo.png"
},
"description": "DocMerit offers a comprehensive platform where students can buy and sell course-related study materials, including textbook notes, study guides, and class notes. This service provides an opportunity to access high-quality resources that enhance learning and improve academic performance.",
"sameAs": [
"https://www.facebook.com/docmeritofficial/",
"https://twitter.com/docmeritoffical",
"https://www.linkedin.com/company/docmerit",
"https://www.trustpilot.com/review/docmerit.com",
"https://www.youtube.com/@docmerit",
"https://www.crunchbase.com/organization/docmerit"
],
"foundingDate": "2019",
"founder": {
"@type": "Person",
"name": "Siddharth Dubey",
"jobTitle": "Founder"
}
}
</script>
<script>
function preventBlankSearch(formClass) {
document.querySelector(formClass).onsubmit = function(event) {
var searchText = this.querySelector('.desktopsearch').value.trim();
if (!searchText) {
event.preventDefault();
return false;
}
};
}
preventBlankSearch('.frmHeaderMobile');
preventBlankSearch('.frmHeader');
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": ["LearningResource"],
"@id": "https:\/\/docmerit.com\/doc\/show\/step-1-html-basics",
"learningResourceType": "Class Notes",
"datePublished": "May 12,2023",
"dateModified": "May 12,2023",
"name": "Step 1- HTML Basics",
"description": "HTML basics are the foundation of web development. It involves using HTML tags to create the structure and content of a web page. Some important HTML tags include \u003Chtml\u003E, \u003Chead\u003E, \u003Ctitle\u003E, \u003Cbody\u003E, \u003Cheader\u003E, \u003Cnav\u003E, \u003Csection\u003E, \u003Carticle\u003E, \u003Caside\u003E, \u003Cfooter\u003E, \u003Cp\u003E, \u003Ca\u003E, \u003Cimg\u003E, \u003Cul\u003E, \u003Col\u003E, \u003Cli\u003E, \u003Ctable\u003E, \u003Ctr\u003E, \u003Ctd\u003E, and \u003Cth\u003E. HTML also uses attributes to modify the behavior of these tags. Understanding HTML basics is essential for creating and designing websites.",
"url": "https:\/\/docmerit.com\/doc\/show\/step-1-html-basics",
"provider": {
"@type": "Organization",
"name": "Docmerit",
"url": "https://docmerit.com"
},
"about": "This Class Notes study material, titled 'Step 1- HTML Basics', provides comprehensive insights into Computer Science.",
"author": {
"@type": "Person",
"name": "Anishasutosh",
"url": "https:\/\/docmerit.com\/user\/anishasutosh",
"image": "https:\/\/docmerit.com\/uploads\/users\/1065646437360385876801683921032.jpg" },
"image": {
"@type": "ImageObject",
"url": "https:\/\/assets.docmerit.com\/uploads\/document\/72831\/thumb\/1683921616.jpg" }
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var documentStatus = "1";
var documentSlug = "eyJpdiI6Iko4NzhiMmNBZEdHeFZzd0ZFUjBHeUE9PSIsInZhbHVlIjoicitXZXFyMzc0d053Z01xbjVDODh4eVhXWFVqK0sya04xaUFxOTVUaVZEST0iLCJtYWMiOiJiYTJiZDIwZThiZDUxY2MxYTNiODNiMjQ3ZGU3NjU1YzVkMDQ1ZGIxMDI0YWRlNDVlZGM3OTdkNjk0MWU5M2Q0IiwidGFnIjoiIn0=";
var baseUrl = "/preview/user/showPdfMobile";
var iframeUrl = baseUrl + "?data_url=" + documentSlug;
if (documentStatus != 2 && documentSlug) {
var iframe = document.getElementById('iframView');
iframe.src = iframeUrl;
}
});
</script>
<script type="text/javascript" src="https://docmerit.com/js/star-rating.js"></script>
<script src="https://docmerit.com/js/pdf.min.js"></script>
<script type="text/javascript">
window.onload = function() {
$(".aceess-doc").hide();
setTimeout(function() {
renderPDF("aHR0cHM6Ly9hc3NldHMuZG9jbWVyaXQuY29tL3VwbG9hZHMvZG9jdW1lbnQvNzI4MzEvMTY4MzkyMTYxNm5vbi5wZGY=");
}, 1100);
};
function renderPDF(encodedUrl) {
var url = atob(encodedUrl);
pdfjsLib.getDocument(url).promise.then((pdf) => {
for (let i = 1; i <= pdf.numPages; i += 1) {
const canvas = document.createElement('canvas');
canvas.id = i;
document.getElementById('viewport').appendChild(canvas);
pdf.getPage(i).then((page) => {
renderPage(page, canvas);
});
}
$(".aceess-doc").show();
});
$(".loading_image").fadeOut();
}
function renderPage(page, canvas) {
const viewport = page.getViewport({scale: 2, rotate: 0});
const canvasContext = canvas.getContext('2d');
const renderContext = {
canvasContext,
viewport
};
canvas.height = viewport.height;
canvas.width = viewport.width;
page.render(renderContext);
}
</script>
<script type="text/javascript">
jQuery('body').on('click', '.addToCart', function() {
var user_id='';
var document_id =$(this).attr('id');
var document_type =$(this).data('type');
var id=document_id.replace('doc-addToCart','');
$.post("https://docmerit.com/carts",{'document_id':id,'document_type':document_type},function(response){
if(response.status){
var cart_data = JSON.parse(JSON.stringify(response.document));
var recommended_docs1 = JSON.parse(JSON.stringify(response.recommended_docs1));
var recommended_docs2 = JSON.parse(JSON.stringify(response.recommended_docs2));
var discounts = JSON.parse(JSON.stringify(response.discounts));
var discount_section='<h4> Deal of the day</h4>';
$.each(discounts, function (index, value) {
discount_section+='<p>Purchase between '+value.min_qty+' - '+value.max_qty+' items and get a '+value.discount+'% instant discount </p>';
});
if(cart_data.thumb_path==undefined){
var image_path='<i class="fa fa-file-text uplod-file" aria-hidden="true"></i>';
}else{
if(document_type=="bundle"){
var image_path='<div class="crt_bundlepre"><span class="bundle-doc-image bundle-doc-1"></span><span class="bundle-doc-image bundle-doc-2"></span><img src="'+cart_data.thumb_path+'" class="search_find_doc"></div>';
}else{
var image_path='<img src="'+cart_data.thumb_path+'" class="search_find_doc">';
}
}
if(recommended_docs1.thumb_path==undefined){
var image_path1='<i class="fa fa-file-text uplod-file" aria-hidden="true"></i>';
}else{
if(recommended_docs1.document_type=="bundle"){
var image_path1='<div class="crt_bundlepre"><span class="bundle-doc-image bundle-doc-1"></span><span class="bundle-doc-image bundle-doc-2"></span><img src="'+recommended_docs1.thumb_path+'" class="search_find_doc"></div>';
}else{
var image_path1='<img src="'+recommended_docs1.thumb_path+'" class="search_find_doc">';
}
}
if(recommended_docs2.thumb_path==undefined){
var image_path2='<i class="fa fa-file-text uplod-file" aria-hidden="true"></i>';
}else{
if(recommended_docs2.document_type=="bundle"){
var image_path2='<div class="crt_bundlepre"><span class="bundle-doc-image bundle-doc-1"></span><span class="bundle-doc-image bundle-doc-2"></span><img src="'+recommended_docs2.thumb_path+'" class="search_find_doc"></div>';
}else{
var image_path2='<img src="'+recommended_docs2.thumb_path+'" class="search_find_doc">';
}
}
if(user_id!="" && user_id==recommended_docs1.document_user_id){
var recommended_docs1_cartbtn=''
}else{
var recommended_docs1_cartbtn='<div class="row"> <div class="col-md-12"> <p class="addbts"><a href="javascript:void(0)" id="doc-addToCart'+recommended_docs1.id+'" data-type="'+recommended_docs1.document_type+'" class="addToCart" ><button type="button" class="add-bkm"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> Add to cart </button></a> </p></div></div>';
}
if(user_id!="" && user_id==recommended_docs2.document_user_id){
var recommended_docs2_cartbtn=''
}else{
var recommended_docs2_cartbtn='<div class="row"> <div class="col-md-12"> <p class="addbts"><a href="javascript:void(0)" id="doc-addToCart'+recommended_docs2.id+'" data-type="'+recommended_docs2.document_type+'" class="addToCart" ><button type="button" class="add-bkm"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> Add to cart </button></a> </p></div></div>';
}
var recommended_docs2_var="";
var recommended_docs1_var="";
if(recommended_docs1.title!=undefined){
recommended_docs1_var='<div class="col-md-6"><div class="other-package"><div class="package-row"> <div class="row bundel_row"> <div class="bundle_left_col">'+image_path1+'</div> <div class="bundle_right_col"><p class="top-heading">'+recommended_docs1.type_title+'</p> <p class="search_heading"><a href="'+recommended_docs1.slug+'">'+recommended_docs1.title+'</a></p> <p class="pprice">$'+recommended_docs1.price+'</p></div></div>'+recommended_docs1_cartbtn+'</div></div></div>'
}
if(recommended_docs2.title!=undefined) {
recommended_docs2_var='<div class="col-md-6"><div class="other-package"><div class="package-row"><div class="row bundel_row"><div class="bundle_left_col">'+image_path2+'</div><div class="bundle_right_col"><p class="top-heading">'+recommended_docs2.type_title+'</p><p class="search_heading"><a href="'+recommended_docs2.slug+'">'+recommended_docs2.title+'</a></p><p class="pprice">$'+recommended_docs2.price+' </p></div></div>'+recommended_docs2_cartbtn+'</div></div></div>';
}
Swal.fire({
width: '45rem',
customClass: {container: 'cart_popup'},
title: '<strong></strong>',
html: ' <div class="row"> <h5 class="also">Added to your cart </h5> </div><div class="row"><div class="col-md-6 klm"><div class="row bundel_row"> <div class="bundle_left_col">'+image_path+'</div> <div class="bundle_right_col"><p class="top-heading">'+cart_data.type_title+'</p> <p class="search_heading">'+cart_data.title+'</p></div></div><div class="btn-div"> <button type="button" class="conshopp"><i class="fa fa-angle-left" aria-hidden="true"></i> Continue Shopping </button> </div></div><div class="col-md-6"><div class="iner-show"><h4 class="shipping">Shopping Cart</h4> <div class="row"><div class="col-md-6">1 items</div><div class="col-md-6"> $'+cart_data.price+'</div> </div> <a href="https://docmerit.com/carts"><button type="button" class="chekout">Checkout <i class="fa fa-chevron-circle-right" aria-hidden="true"></i> </button></a> </div> </div> </div> <div class="row"> <div class="col-md-12"><div class="deal-div">'+discount_section+'</div></div></div> <div class="row">'+recommended_docs1_var+recommended_docs2_var+'</div>',
onClose: () => { location.reload(); }
});
document.querySelector('.conshopp').addEventListener('click', function() {
Swal.close();
});
$(".cartlist_li").show();
$(".countCheader").html(parseInt($(".countCheader").html())+1);
$(".cartHTML").html(response.cartHTML);
}else{
Swal.fire({
customClass: {container: 'delete_confirm'},
title: 'Already in Cart',
type:'warning'
});
}
});
});
jQuery('.addToWishlist').click(function() {
$.post("https://docmerit.com/addToWishlist",{'document_id':669751},function(response){
if(response.status){
if($("a").hasClass("wishlist_count")==false){
$(".wishlist-li").show();
$(".wishlist-li").html('<a class="nav-link wishlist_count" href="https://docmerit.com/wishlist"><i class="fa fa-heart cart_heder" aria-hidden="true"></i> <span class="alert_header2 countWheader"> 1</span></a>');
}else{
$(".countWheader").html(parseInt($(".countWheader").html())+1);
}
$(".removeFromwishlist").removeClass('hide');
$(".removeFromwishlist").attr('id',response.wishlist_id);
$(".addToWishlist").addClass('hide');
}
});
});
jQuery('.removeFromwishlist').click(function() {
var wishlist_id=$(this).attr('id');
$.post("https://docmerit.com/removeFromWishlist",{'wishlist_id':wishlist_id},function(response){
if(response.status){
$(".removeFromwishlist").addClass('hide');
$(".addToWishlist").removeClass('hide');
if(response.wishlist_empty){
$(".wishlist-li").html('').hide();
}else{
$(".countWheader").html(parseInt($(".countWheader").html())-1);
}
}
});
});
jQuery(document).ready(function() {
$(".more-link").click(function(){
$(".read-more").hide();
$(".read-less").show();
$(".desc-det").fadeIn();
});
$(".less-link").click(function(){
$(".read-more").show();
$(".read-less").hide();
$(".desc-det").fadeOut();
});
$('#rating-system').rating({
stars: 5,
filledStar:'<i class="fa fa-star"></i>',
emptyStar:'<i class="fa fa-star-o"></i>'
});
});
$( document ).ready(function() {
$("#review").keyup(function(){
el = $(this);
if(el.val().length >= 150){
$(".character-counter").css({"color": "rgb(255, 0, 0)"});
} else {
$(".character-counter").css({"color": "rgb(92, 92, 92)"});
}
$("#charNum").html(150-el.val().length);
});
$('#frmRating').validate({
onfocusout: function(element) {
this.element(element);
},
rules: {
rating_system:{
required: true
},
review: {
required: true,
},
},
submitHandler: function(form) {
saveReview();
}
});
});
function saveReview() {
var rating = $("#rating-system").val();
var review = $("#review").val();
var document_id = 669751;
$.post("https://docmerit.com/saveDocumentRating",{'rating':rating,'review':review,'document_id':document_id},function(response){
$("#ratingModal .close").click();
if(response.status){
Swal.fire({
customClass: {container: 'saved_popup'},
title: 'Rating is Saved',
type:'success',
timer: 1500,
width:380,
showCancelButton: false,
showConfirmButton: false,
}).then((result) => {
if (result.dismiss === Swal.DismissReason.timer) {
location.reload();
}
});
}else{
Swal.fire({
title: 'Already Rated',
type:'warning',
timer: 1500
});
}
});
}
jQuery('#follow').click(function() {
var follower_id= 72831;
$.post("https://docmerit.com/follow",{'follower_id':follower_id},function(response){
if(response.status){
$("#follow").addClass('hide');
$("#Unfollow").removeClass('hide');
}else{
}
});
});
jQuery('#Unfollow').click(function() {
var follower_id= 72831;
$.post("https://docmerit.com/unfollow",{'follower_id':follower_id},function(response){
if(response.status){
$("#follow").removeClass('hide');
$("#Unfollow").addClass('hide');
}else{
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop > 136) {
$('.subject-header').addClass('animate');
} else {
$('.subject-header').removeClass('animate');
}
});
$('body').on('click', '.more_document', function(e) {
e.stopPropagation();
var bundleId = $(this).attr('id').replace('documentmore', '');
$('#bundle' + bundleId + '-group1').css('display', 'block');
$(this).addClass("document_less").removeClass("more_document").html("Show Less <i class='fa fa-angle-up'></i>");
});
$('body').on('click', '.document_less', function(e) {
e.stopPropagation();
var bundleId = $(this).attr('id').replace('documentmore', '');
$('#bundle' + bundleId + '-group1').css('display', 'none');
$(this).removeClass("document_less").addClass("more_document").html("Show More <i class='fa fa-angle-down'></i>");
});
});
</script>
<script type="text/javascript">
$(document).on("click", ".vmw", function() {
$('#modelViewModal').modal({show:true})
});
</script>
<script type="text/javascript">
jQuery(document).on("click", ".reply_btn", function() {
var review_id =$(this).data('id');
var review_author_id=$(this).data('review_author_id');
$("#review_id").val(review_id);
$("#review_author_id").val(review_author_id);
$('#replyModal').modal({show:true})
});
$( document ).ready(function() {
$("#comment").keyup(function(){
el = $(this);
if(el.val().length >= 150){
$(".character-counter").css({"color": "rgb(255, 0, 0)"});
} else {
$(".character-counter").css({"color": "rgb(92, 92, 92)"});
}
$("#commentNum").html(150-el.val().length);
});
$('#frmReply').validate({
onfocusout: function(element) {
this.element(element);
},
rules: {
comment: {
required: true,
},
},
submitHandler: function(form) {
saveReply();
}
});
});
function saveReply() {
var document_created_by = '72831';
var document_slug = 'step-1-html-basics';
var document_title = 'Step 1- HTML Basics';
var data = $( "#frmReply" ).serializeArray();
data.push({name: 'document_created_by', value: document_created_by});
data.push({name: 'document_slug', value: document_slug});
data.push({name: 'document_title', value: document_title});
data.push({name: 'is_document', value: true});
$.post("https://docmerit.com/review/reply",data,function(response){
$("#replyModal .close").click();
$('#frmReply')[0].reset();
if(response.status){
Swal.fire({
customClass: {container: 'saved_popup'},
title: 'Saved',
type:'success',
timer: 1500,
width:380,
showCancelButton: false,
showConfirmButton: false,
}).then((result) => {
if (result.dismiss === Swal.DismissReason.timer) {
location.reload();
}
});
}else{
Swal.fire({
customClass: {container: 'saved_popup'},
title: 'Please Try Again',
type:'warning',
showCancelButton: false,
showConfirmButton: false,
});
}
});
}
</script>
</body>
</html>