Acute Pain
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atrial Fibrillation</title>
<style>
body {
font-size: 18px;
font-family: "Roboto", sans-serif;
}
/* Styles for medium screens (min-width: 768px) */
@media (max-width: 768px) {
body {
font-size: 18px;
}
.yello {
flex-direction: column;
}
.mainflex {
flex-direction: column;
}
.timeflexc {
flex-direction: column;
}
.mainhant {
flex-direction: column;
}
}
/* Styles for large screens (min-width: 1200px) */
@media (min-width: 1200px) {
body {
font-size: 22px;
}
}
</style>
</head>
<body>
<div style="width: 100%;" class="main-container">
<div style="width: 80%; margin: 0px auto; display: block; background-color: rgb(255, 255, 255); height: 600px;"
class="container">
<div style="width: 100%; display: flex; align-items: center;" class="header">
<div style="width: 33.33%; text-align: center;" class="logo">
width="50%" alt="">
</div>
<div style="width: 33.33%; text-align: center;" class="header-text">
<h1 style="font-size: 35px; width: 100%; color: #c78569; font-family: Lobster;">Atrial Fibrillation
</h1>
</div>
<div style="width: 33.33%; text-align: center;" class="logo-image">
width="50%" alt="">
</div>
</div>
<div style="width: 100%;" class="container-tow">
width="100%" height="auto" alt="">
</div>
<div
style="position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 120px;top: 50%;transform: translateY(-50%);">
<strong style="font-size: 25px;"> Overview:</strong>
</div>
</div>
<div>
<h3><strong style="color: #418a3e;">AFib: </strong>Common heart arrhythmia causing irregular, rapid
heart rhythm.
</h3>
</div>
<div class="container-border">
<div style="display: flex; align-items: center;" class="row">
<div style="width: 40%; border: 6px dashed #d78c66;" class="col-1">
<p style="padding: 20px; padding-bottom: 0px; padding-top: 0px; font-size: 20px;"> <strong
style="color: #418a3e;">Risks:
</strong> </p>
<ul style="font-size: 18px;">
<li>Increases the chance of stroke</li>
<li>heart failure</li>
<li>myocardial ischemia (heart attack)</li>
</ul>
</div>
<div style="width: 60%; text-align: center;" class="col-1">
<div style="display: flex; width: 100%;">
<div style="width: 50%">
width="70%" alt="">
</div>
<div style="width: 50%;">
width="70%" alt="">
</div>
</div>
</div>
</div>
</div>
<!--SECTION ITEM PART-->
<div>
<h2><strong style="color: #418a3e;">Treatment Options:
</strong></h2>
<ul style="font-size: 18px;">
<li><strong>Medications:</strong> Control heart rate and rhythm.</li>
<li><strong>Anticoagulants:</strong> Prevent clot formation.
</li>
<li> <strong>Surgical Interventions:</strong> Cardiac ablation, pacemaker placement for rate
control.
</li>
</ul>
</div>
<!--BORDER IMAGE SECTION PART-->
<div class="borderimage">
width="100%" alt="">
</div>
<!--borderbox part-->
<div
style="padding-top: 30px; position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 120px;top: 50%;transform: translateY(-50%);">
<strong style="font-size: 25px;"> Nursing Process Overview
</strong>
</div>
</div>
<div>
<h2><strong style="color: #418a3e;">Patient Monitoring & Education:</strong>
</h2>
<p style="font-size: 18px;">Focus on observing symptoms, managing medications, and educating patients
about
recognizing stroke symptoms and when to seek medical help</p>
</div>
<div style=" width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 18px;"
class="yello">
<div style="background-color: #eecdbb; ">PATIENT CARE</div>
<div>Assessment </div>
<div>Diagnosis</div>
<div>Interventions </div>
<div>Ongoing</div>
<div>Monitoring</div>
</div>
<!--borderbox part-->
<div
style="position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 30px;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 30px;top: 50%;transform: translateY(-50%);">
<strong style="color: white; font-size: 25px"> Nursing Assessment
</strong>
</div>
</div>
<div style="width: 95%; border: 2px solid #d78c66; padding: 20px;" class="borderboxtow">
<h2 style="padding: 15px;">1. Review of Health History:</h2>
<div style="border: 2px dashed #d78c66; padding: 15px;" class="borderboxthree">
<div style="width: 100%; display: flex; align-items: center;" class="mainflex">
<div style="width: 50%; display: flex; align-items: center;" class="timeflexc">
<div class="hfdf">
<ul style="font-size: 18px;" class="ffffdd">
<li><strong>Symptoms:</strong> Ask about:</li>
<ul>
<li>Palpitations</li>
<li>Chest discomfort
</li>
<li>Shortness of breath
</li>
width="120px" alt="">
</ul>
</ul>
</div>
<div>
width="100px" alt="">
</div>
</div>
<div style="width: 50%;">
width="100%" alt="">
</div>
</div>
<div style="width: 100%; display: flex; align-items: center;" class="container">
<div style="display: flex; width: 50%;">
<div>
<ul style="font-size: 18px;">
<ul>
<li>Increased lower
extremity edema</li>
</ul>
</ul>
</div>
<div> <img
width="120px" alt=""> </div>
</div>
<div style="width: 50%;">
<ul style="font-size: 18px;">
<li><strong>Symptom Details:</strong></li>
<ul style="display: flex; align-items: center;" class="mainhant">
<ul>
<li>Onset,</li>
<li>duration,
</li>
<li>frequency,</li>
</ul>
<ul>
<li>triggers,</li>
<li>relieving
methods.
</li>
</ul>
</ul>
</ul>
</div>
</div>
<div style="display: flex; align-items: center; width: 100%;" class="container">
<div>
width="120px" alt="">
</div>
<div>
<ul style="font-size: 18px;">
<ul>
<li>Difficulty breathing with exertion
</li>
<li>Disorientation</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<!--End section -->
<div style="padding-top: 20px; padding-bottom: 20px;"></div>
</div>
</div>
</html>
- Administrator reply
- good
- Administrator reply
- best
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atrial Fibrillation</title>
<style>
body {
font-size: 18px;
font-family: "Roboto", sans-serif;
}
/* Styles for medium screens (min-width: 768px) */
@media (max-width: 768px) {
body {
font-size: 18px;
}
.yello {
flex-direction: column;
}
.mainflex {
flex-direction: column;
}
.timeflexc {
flex-direction: column;
}
.mainhant {
flex-direction: column;
}
}
/* Styles for large screens (min-width: 1200px) */
@media (min-width: 1200px) {
body {
font-size: 22px;
}
}
</style>
</head>
<body>
<div style="width: 100%;" class="main-container">
<div style="width: 80%; margin: 0px auto; display: block; background-color: rgb(255, 255, 255); height: 600px;"
class="container">
<div style="width: 100%; display: flex; align-items: center;" class="header">
<div style="width: 33.33%; text-align: center;" class="logo">
width="50%" alt="">
</div>
<div style="width: 33.33%; text-align: center;" class="header-text">
<h1 style="font-size: 35px; width: 100%; color: #c78569; font-family: Lobster;">Atrial Fibrillation
</h1>
</div>
<div style="width: 33.33%; text-align: center;" class="logo-image">
width="50%" alt="">
</div>
</div>
<div style="width: 100%;" class="container-tow">
width="100%" height="auto" alt="">
</div>
<div
style="position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 120px;top: 50%;transform: translateY(-50%);">
<strong style="font-size: 25px;"> Overview:</strong>
</div>
</div>
<div>
<h3><strong style="color: #418a3e;">AFib: </strong>Common heart arrhythmia causing irregular, rapid
heart rhythm.
</h3>
</div>
<div class="container-border">
<div style="display: flex; align-items: center;" class="row">
<div style="width: 40%; border: 6px dashed #d78c66;" class="col-1">
<p style="padding: 20px; padding-bottom: 0px; padding-top: 0px; font-size: 20px;"> <strong
style="color: #418a3e;">Risks:
</strong> </p>
<ul style="font-size: 18px;">
<li>Increases the chance of stroke</li>
<li>heart failure</li>
<li>myocardial ischemia (heart attack)</li>
</ul>
</div>
<div style="width: 60%; text-align: center;" class="col-1">
<div style="display: flex; width: 100%;">
<div style="width: 50%">
width="70%" alt="">
</div>
<div style="width: 50%;">
width="70%" alt="">
</div>
</div>
</div>
</div>
</div>
<!--SECTION ITEM PART-->
<div>
<h2><strong style="color: #418a3e;">Treatment Options:
</strong></h2>
<ul style="font-size: 18px;">
<li><strong>Medications:</strong> Control heart rate and rhythm.</li>
<li><strong>Anticoagulants:</strong> Prevent clot formation.
</li>
<li> <strong>Surgical Interventions:</strong> Cardiac ablation, pacemaker placement for rate
control.
</li>
</ul>
</div>
<!--BORDER IMAGE SECTION PART-->
<div class="borderimage">
width="100%" alt="">
</div>
<!--borderbox part-->
<div
style="padding-top: 30px; position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 120px;top: 50%;transform: translateY(-50%);">
<strong style="font-size: 25px;"> Nursing Process Overview
</strong>
</div>
</div>
<div>
<h2><strong style="color: #418a3e;">Patient Monitoring & Education:</strong>
</h2>
<p style="font-size: 18px;">Focus on observing symptoms, managing medications, and educating patients
about
recognizing stroke symptoms and when to seek medical help</p>
</div>
<div style=" width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 18px;"
class="yello">
<div style="background-color: #eecdbb; ">PATIENT CARE</div>
<div>Assessment </div>
<div>Diagnosis</div>
<div>Interventions </div>
<div>Ongoing</div>
<div>Monitoring</div>
</div>
<!--borderbox part-->
<div
style="position: relative; width: 100%; height: 60px; background-image: url('path_to_your_background_image.png'); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 30px;">
<div style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%);">
alt="Plant" style="height: 120px;">
</div>
<div style="position: absolute;left: 30px;top: 50%;transform: translateY(-50%);">
<strong style="color: white; font-size: 25px"> Nursing Assessment
</strong>
</div>
</div>
<div style="width: 95%; border: 2px solid #d78c66; padding: 20px;" class="borderboxtow">
<h2 style="padding: 15px;">1. Review of Health History:</h2>
<div style="border: 2px dashed #d78c66; padding: 15px;" class="borderboxthree">
<div style="width: 100%; display: flex; align-items: center;" class="mainflex">
<div style="width: 50%; display: flex; align-items: center;" class="timeflexc">
<div class="hfdf">
<ul style="font-size: 18px;" class="ffffdd">
<li><strong>Symptoms:</strong> Ask about:</li>
<ul>
<li>Palpitations</li>
<li>Chest discomfort
</li>
<li>Shortness of breath
</li>
width="120px" alt="">
</ul>
</ul>
</div>
<div>
width="100px" alt="">
</div>
</div>
<div style="width: 50%;">
width="100%" alt="">
</div>
</div>
<div style="width: 100%; display: flex; align-items: center;" class="container">
<div style="display: flex; width: 50%;">
<div>
<ul style="font-size: 18px;">
<ul>
<li>Increased lower
extremity edema</li>
</ul>
</ul>
</div>
<div> <img
width="120px" alt=""> </div>
</div>
<div style="width: 50%;">
<ul style="font-size: 18px;">
<li><strong>Symptom Details:</strong></li>
<ul style="display: flex; align-items: center;" class="mainhant">
<ul>
<li>Onset,</li>
<li>duration,
</li>
<li>frequency,</li>
</ul>
<ul>
<li>triggers,</li>
<li>relieving
methods.
</li>
</ul>
</ul>
</ul>
</div>
</div>
<div style="display: flex; align-items: center; width: 100%;" class="container">
<div>
width="120px" alt="">
</div>
<div>
<ul style="font-size: 18px;">
<ul>
<li>Difficulty breathing with exertion
</li>
<li>Disorientation</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<!--End section -->
<div style="padding-top: 20px; padding-bottom: 20px;"></div>
</div>
</div>
</html>
- Administrator reply
- good
- Administrator reply
- best