"Medical Coding Courses in Sao Tome and Principe"
Bootstrap 4.1.1 Snippet by digitalcvm

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div> <html lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Medical Coding Course</title> <link rel="stylesheet" href="styles.css"> <div class="course-snippet"> <h2>Medical Coding Courses in São Tomé and Príncipe</h2> <p id="excerpt"> Medical coding courses in São Tomé and Príncipe offer specialized training in translating medical diagnoses and procedures into standardized codes for billing and record-keeping. </p> <button id="readMoreBtn">Read More</button> <p id="fullText" class="hidden"> Institutions like IIM SKILLS provide internationally recognized certifications, live interactive sessions, and job placement assistance. With growing demand for healthcare coders, these programs open doors to careers in hospitals, insurance companies, and healthcare administration. </p> </div> <script src="script.js"></script> </body> </html>
/* styles.css */ body { font-family: Arial, sans-serif; margin: 20px; padding: 0; background-color: #f4f4f4; } .course-snippet { background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); max-width: 500px; margin: auto; text-align: center; } h2 { color: #333; } p { font-size: 16px; color: #555; } .hidden { display: none; } button { padding: 10px 15px; background-color: #008CBA; color: white; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; } button:hover { background-color: #005f73; }
// script.js document.getElementById("readMoreBtn").addEventListener("click", function () { var fullText = document.getElementById("fullText"); if (fullText.classList.contains("hidden")) { fullText.classList.remove("hidden"); this.textContent = "Read Less"; } else { fullText.classList.add("hidden"); this.textContent = "Read More"; } });

Related: See More


Questions / Comments: