Angle brackets
In HTML, the characters < and > are known as angle brackets.
HTML element (or simply, element)
HTML code that lives inside of
... [Show More] angle brackets.
Opening tag
the first, or opening, HTML tag used to start an HTML element
Closing tag
the second, or closing, HTML tag used to end an HTML element. Closing tags have a forward slash (/) inside of them
the element will contain information about the page that isn't displayed directly on the actual web page
1. Code for visible HTML content will be placed inside of the element.
1. The element will contain all of your HTML code.
1. The declaration should always be the first line of code in your HTML files.
This gives your document/website/tab a title
How to end an operative in HTML
Mirror the operative but but a /inside the brackets. <body></body>
What is the code for making just a link?
<a href="https://www.wikipedia.org/">This Is A Link To Wikipedia</a>
what is the code for making just an image?
<img src="https://www.example.com/picture.jpg" />
What is the code for a break in text?
<br />
What code is there for headings?
<h1> through <h6>. H1 is the largest
What is the code for a paragraph?
<p></p>
How do you make a bulleted list in HTML?
<ul>
<li>Limes</li>
<li>Tortillas</li>
<li>Chicken</li>
</ul>
How do you make a numbered list in HTML?
<ol>
<li>Preheat the oven to 350 degrees.</li>
<li>Mix whole wheat flour, baking soda, and salt </li>
<li>Cream the butter, sugar in separate bowl.</li>
<li>Add eggs and vanilla extract to bowl.</li>
</ol>
How do you create alternate text for accessibility to images?
<img src="website" alt="A field of yellow sunflowers" />
What is the preferred indentation according to W3C?
2 spaces<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 2 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="beginning-html-questions-and-answers-2023">
<i class="fa fa-eye" aria-hidden="true"></i> Show Preview
</button>
</a>
<img src="https://assets.docmerit.com/uploads/document/45623/thumb/1675636234.jpg" alt="Beginning HTML questions and answers 2023">
</div>
<div class="desk_view">
<div id="viewport" role="main">
<div class="loading_image">
<img src="https://docmerit.com/images/preview.gif" alt="Document Preview">
<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-addToCart478143" 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 bunbdle-ava" id="bunbdle-ava">
<div class="card-header seller">
<h5 class="preview-title">Available in 1 Bundle</h5>
</div>
<div class="card-body">
<div class="seller-info">
<div class="recok-one">
<div class="row">
<div class="col-md-2">
<div class="ava-bks">
<span class="bundle-doc-image bundle-doc-i"></span>
<span class="bundle-doc-image bundle-doc-ii"></span>
<img src="https://assets.docmerit.com/uploads/document/45623/thumb/1675632334.jpg" class="uplodas_doc" alt="Package deal for HTML exam verified 2023" />
</div>
</div>
<div class="col-md-8">
<p class="username-privew"><a href="https://docmerit.com/bundle/show/package-deal-for-html-exam-verified-2023" class="link">Package deal for HTML exam verified 2023 </a></p>
<p class="bundle-price">
<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 class="bnd-pay">$58.45</span>
<span>0 X Sold</span>
<span>10 items</span>
</p>
<p class="bundle-content-dox"> Bundle contains 10 documents</p>
<ul class="availabel-bundle">
<div class="" id="bundle22260-group0">
<div>1. <a href="https://docmerit.com/doc/show/css-html-questions-and-answers-latest-2023" style="color: #3160a6 !important;">CSS/HTML questions and answers latest 2023</a></div>
<div>2. <a href="https://docmerit.com/doc/show/beginning-html-questions-and-answers-2023" style="color: #3160a6 !important;">Beginning HTML questions and answers 2023</a></div>
<div>3. <a href="https://docmerit.com/doc/show/introduction-to-html-xhtml-and-css-correctly-answered-2023" style="color: #3160a6 !important;">Introduction to HTML, XHTML and CSS correctly answered 2023</a></div>
<div>4. <a href="https://docmerit.com/doc/show/html-review-updated-correct-answers-2023" style="color: #3160a6 !important;">HTML review(updated)correct answers 2023</a></div>
</div>
<div class="more_documentInBundle" id="bundle22260-group1">
<div>5. <a href="https://docmerit.com/doc/show/learn-html-questions-correctly-answered-2023" style="color: #3160a6 !important;">Learn HTML questions correctly answered 2023</a></div>
<div>6. <a href="https://docmerit.com/doc/show/html-fully-solved-latest-2023" style="color: #3160a6 !important;">HTML fully solved latest 2023</a></div>
<div>7. <a href="https://docmerit.com/doc/show/html-questions-with-complete-solutions-2023" style="color: #3160a6 !important;">HTML questions with complete solutions 2023</a></div>
<div>8. <a href="https://docmerit.com/doc/show/basic-html-correctly-answered-latest-2023" style="color: #3160a6 !important;">Basic HTML correctly answered latest 2023</a></div>
</div>
<div class="more_documentInBundle" id="bundle22260-group2">
<div>9. <a href="https://docmerit.com/doc/show/html-questions-and-answers-graded-a-2023" style="color: #3160a6 !important;">HTML questions and answers graded A+ 2023</a></div>
<div>10. <a href="https://docmerit.com/doc/show/html-tags-questions-fully-solved-latest-2023" style="color: #3160a6 !important;">HTML Tags questions fully solved latest 2023</a></div>
</div>
</ul>
<a href="javascript:void(0)" class="more_document" style="color: #3160a6 !important;" id="documentmore22260"><strong>Show More</strong> <i class="fa fa-angle-down"></i></a>
</div>
<div class="col-md-2 cartIcon_mob">
<div class="availablebk">
<a href="javascript:void(0)" class="addToCart btn skbtn" id="doc-addToCart22260" data-type="bundle"><i class="fa fa-cart-plus" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</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">Exam 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">$12.95</strong>
<p class="also-preview"><a href="https://docmerit.com/doc/show/beginning-html-questions-and-answers-2023#bunbdle-ava"> Also available in bundle from $58.45 </a></p>
<p class="card-text">
<a href="javascript:void(0)" class="addToCart btn-outline-primary preview-addtocart" id="doc-addToCart478143" 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>114 <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/liberty-university" class="link">Liberty University </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=48450" class="link">Health Care</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=168547" class="link">Beginning HTML questions and answers 2023.</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">Education</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Updated On </div>
<div class="col-6">Feb 05,2023</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Number of Pages</div>
<div class="col-6">2</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Type</div>
<div class="col-6">Exam</div>
</div>
</p>
<p class="card-text">
<div class="row">
<div class="col-6">Written </div>
<div class="col-6">2022-2023</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/images/256-512.png" class="user-preview-img" alt="johnwalker">
<p class="reputation_badge"></p>
</div>
<div class="col-md-8 col-8">
<p class="username-privew"><a href="https://docmerit.com/user/johnwalker" class="link">Johnwalker </a></p>
<p class="desc-privew">
<i class="fa fa-upload" aria-hidden="true"></i>
3.5K documents uploaded
</p>
<p class="desc-privew"><i class="fa fa-shopping-cart" aria-hidden="true"></i> 79 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=53"> 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://assets.docmerit.com/uploads/document/57/thumb/1593568803.jpg" class="uplodas_doc" alt="[Solved] Research a Fortune 500 company. Examine the company’s social responsibility policies.">
</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> 7 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/solved-research-a-fortune-500-company-examine-the-company-s-social-responsibility-policies">
[Solved] Research a Fortu... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart996" 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://assets.docmerit.com/uploads/document/57/thumb/1593569707.jpg" class="uplodas_doc" alt="[Solved] IT Policy, Master Data Management">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $5.44 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 15 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/solved-it-policy-master-data-management">
[Solved] IT Policy, Maste... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart997" 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://assets.docmerit.com/uploads/document/57/thumb/1621569602.jpg" class="uplodas_doc" alt="[Solved] CMIT 265 Physical Network Design, Network Addressing, Network Services Design">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $16.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 4 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/solved-cmit-265-physical-network-design-network-addressing-network-services-design">
[Solved] CMIT 265 Physica... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart998" 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://assets.docmerit.com/uploads/document/57/thumb/1593570614.jpg" class="uplodas_doc" alt="[Solved] CIS 305 Unit 4 Assignment: File Access Methods">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $10.44 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 4 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/solved-cis-305-unit-4-assignment-file-access-methods">
[Solved] CIS 305 Unit 4 A... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart999" 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://assets.docmerit.com/uploads/document/57/thumb/1593570611.jpg" class="uplodas_doc" alt="[Solved] Employ projective techniques to attempt to identify source">
</div>
</div>
<div class="col-md-6">
<div class="recom-text">
<p> $15.45 </p>
<div class="recom-content">
<i class="fa fa-file-text-o" aria-hidden="true"></i> <span> 12 pages</span>
</div>
</div>
</div>
</div>
<h4><a href="https://docmerit.com/doc/show/solved-employ-projective-techniques-to-attempt-to-identify-source">
[Solved] Employ projectiv... </a></h4>
<div class="cart-recomded-button">
<a href="javascript:void(0)" class="addToCart" id="doc-addToCart1000" 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">$12.95 </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-addToCart478143" 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 2 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" alt="Karen">
</p>
</center>
<center>
<p>
<strong class="name_bold">Northwestern University</strong>
<br>
<span class="marketing">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" alt="acetutor">
</p>
</center>
<center>
<p>
<strong class="name_bold">University Of Arizona</strong>
<br>
<span class="marketing">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" alt="experttutor">
</p>
</center>
<center>
<p>
<strong class="name_bold">Devry University</strong>
<br>
<span class="marketing">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" alt="libertymike">
</p>
</center>
<center>
<p>
<strong class="name_bold">Liberty University</strong>
<br>
<span class="marketing">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 up 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" alt="Sign up with Google">
Sign up 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" alt="Sign up with LinkedIn">
Sign up 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="QQDMTQRrWZwW6nRj44XwbmdNAJHhFm5LJl42hF2C"> <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" alt="Sign in with Google">
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" alt="Sign in with LinkedIn">
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="QQDMTQRrWZwW6nRj44XwbmdNAJHhFm5LJl42hF2C"> <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/beginning-html-questions-and-answers-2023";
}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\/beginning-html-questions-and-answers-2023",
"learningResourceType": "Exam",
"datePublished": "Feb 05,2023",
"dateModified": "Feb 05,2023",
"name": "Beginning HTML questions and answers 2023",
"description": "Angle brackets\r\nIn HTML, the characters \u003C and \u003E are known as angle brackets.\r\n\r\n\r\n\r\nHTML element (or simply, element)\r\nHTML code that lives inside of angle brackets.\r\n\r\n\r\n\r\nOpening tag\r\nthe first, or opening, HTML tag used to start an HTML element\r\n\r\n\r\n\r\nClosing tag\r\nthe second, or closing, HTML tag used to end an HTML element. Closing tags have a forward slash (\/) inside of them\r\n\r\n\r\n\r\n\u003Chead\u003E\r\nthe \u003Chead\u003E element will contain information about the page that isn\u0027t displayed directly on the actual web page\r\n\r\n\r\n\r\n\u003Cbody\u003E\r\n1. Code for visible HTML content will be placed inside of the \u003Cbody\u003E element.\r\n\r\n\r\n\r\n\u003Chtml\u003E\r\n1. The \u003Chtml\u003E element will contain all of your HTML code.\r\n\r\n\r\n\r\n\u003C!DOCTYPE html\u003E\r\n1. The \u003C!DOCTYPE html\u003E declaration should always be the first line of code in your HTML files.\r\n\r\n\r\n\r\n\u003Ctitle\u003E\r\nThis gives your document\/website\/tab a title\r\n\r\n\r\n\r\nHow to end an operative in HTML\r\nMirror the operative but but a \/inside the brackets. \u003Cbody\u003E\u003C\/body\u003E\r\n\r\n\r\n\r\nWhat is the code for making just a link?\r\n\u003Ca href=\u0022https:\/\/www.wikipedia.org\/\u0022\u003EThis Is A Link To Wikipedia\u003C\/a\u003E\r\n\r\n\r\n\r\nwhat is the code for making just an image?\r\n\u003Cimg src=\u0022https:\/\/www.example.com\/picture.jpg\u0022 \/\u003E\r\n\r\n\r\n\r\nWhat is the code for a break in text?\r\n\u003Cbr \/\u003E\r\n\r\n\r\n\r\nWhat code is there for headings?\r\n\u003Ch1\u003E through \u003Ch6\u003E. H1 is the largest\r\n\r\n\r\n\r\nWhat is the code for a paragraph?\r\n\u003Cp\u003E\u003C\/p\u003E\r\n\r\n\r\n\r\nHow do you make a bulleted list in HTML?\r\n\u003Cul\u003E\r\n\u003Cli\u003ELimes\u003C\/li\u003E\r\n\u003Cli\u003ETortillas\u003C\/li\u003E\r\n\u003Cli\u003EChicken\u003C\/li\u003E\r\n\u003C\/ul\u003E\r\n\r\n\r\n\r\nHow do you make a numbered list in HTML?\r\n\u003Col\u003E\r\n\u003Cli\u003EPreheat the oven to 350 degrees.\u003C\/li\u003E\r\n\u003Cli\u003EMix whole wheat flour, baking soda, and salt \u003C\/li\u003E\r\n\u003Cli\u003ECream the butter, sugar in separate bowl.\u003C\/li\u003E\r\n\u003Cli\u003EAdd eggs and vanilla extract to bowl.\u003C\/li\u003E\r\n\u003C\/ol\u003E\r\n\r\n\r\n\r\nHow do you create alternate text for accessibility to images?\r\n\u003Cimg src=\u0022website\u0022 alt=\u0022A field of yellow sunflowers\u0022 \/\u003E\r\n\r\n\r\n\r\nWhat is the preferred indentation according to W3C?\r\n2 spaces",
"url": "https:\/\/docmerit.com\/doc\/show\/beginning-html-questions-and-answers-2023",
"provider": {
"@type": "Organization",
"name": "Docmerit",
"url": "https://docmerit.com"
},
"about": "This Exam study material, titled 'Beginning HTML questions and answers 2023', provides comprehensive insights into Education.",
"author": {
"@type": "Person",
"name": "Johnwalker",
"url": "https:\/\/docmerit.com\/user\/johnwalker",
"image": "https:\/\/docmerit.com\/images\/256-512.png" },
"image": {
"@type": "ImageObject",
"url": "https:\/\/assets.docmerit.com\/uploads\/document\/45623\/thumb\/1675636234.jpg" }
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var documentStatus = "1";
var documentSlug = "eyJpdiI6IkNBa3MwdEZxMmJhdHpYZ3NRWFNodlE9PSIsInZhbHVlIjoiMUljVFU5Mnh3enROcDFmTnlPTnd3d1JWNi9RYS8zUytxQVFXVFMrTlo5ZnErN2tjeW5GREZobFNwakFEMkhZL3dKeXEzUTdKODJ1OWdLbXBVajRtVEE9PSIsIm1hYyI6ImQyYTg4Y2M4NTEzMzAyMDYwODdlMjhiNTU1ZTgxOTFlNjYyOGQ5NDlkODBlMjI2MmJiNDEyOGJmYjFjYzFhNzAiLCJ0YWciOiIifQ==";
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("aHR0cHM6Ly9hc3NldHMuZG9jbWVyaXQuY29tL3VwbG9hZHMvZG9jdW1lbnQvNDU2MjMvMTY3NTYzNjIzNG5vbi5wZGY=");
}, 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':478143},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 = 478143;
$.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= 45623;
$.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= 45623;
$.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 = '45623';
var document_slug = 'beginning-html-questions-and-answers-2023';
var document_title = 'Beginning HTML questions and answers 2023';
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>