Responsive Web Design - Tribute Page

index.html

<div id="main" class="container">
  <div class="jumbotron">
    <!-- Intro -->
    <h1 id="title" class="text-center">Fibromyalgia</h1>
    <p class="lead text-center">It is NOT an invisible disease.</p>
    <div id="img-div">
      <img src="https://raw.githubusercontent.com/danijmoss/images/master/tribute-pg/fibromyalgia-awareness-day-logo.jpg" alt="Fibromyalgia Awareness Day is May 12th" id="image" class="img-fluid mx-auto d-block">
      <p id="img-caption" class="font-italic text-center pt-2">Definition: A chronic disorder characterized by widespread musculo-skeletal pain, fatigue and tenderness in localized areas.</p>
    </div>
    <hr>
    <!-- END Intro -->

    <!-- Tribute Info -->
    <p id="tribute-info">
      Fibromyalgia, also know as "Fibro" or "FM", has actually been around for centuries. It was not immediately identified as Fibro, but the symptons show it's been around longer than most medical researchers have believed.
    </p>
    <hr>
    <!-- END Tribute Info -->

    <!-- Timeline -->
    <h2 class="text-center">Timeline of Fibromyalgia</h2>
    <ul>
      <li><strong>1600s:</strong> Symptoms of a condition like fibromyalgia were appointed a name: muscular rheumatism.</li>
      <li><strong>1816:</strong> Dr. William Balfour, a University of Edinburgh surgeon, characterized fibromyalgia for the first time.</li>
      <li><strong>1824:</strong> Dr. Balfur first described the ‘tender points’ associated with fibromyalgia.</li>
      <li><strong>1904:</strong> Sir William Gowers first established the term ‘fibrositis,’ which referred to the inflammation of fibers. It helped described the tender points in people with muscular rheumatism.</li>
      <li><strong>1972:</strong> Dr. Huge Smythe established the foundation for modern fibromyalgia by describing the condition’s encompassing pain and tender points.</li>
      <li><strong>1975:</strong> The first sleep electroencephalogram study that identified sleep-related symptoms of fibromyalgia was performed.</li>
      <li><strong>1976:</strong> Fiberositis was changed to fibromyalgia, after the medical community didn’t find any evidence of inflammation causing fibromyalgia-like symptoms.</li>
      <li><strong>1981:</strong> The first controlled study, which validated known fibromyalgia-like symptoms and tender points, was published.</li>
      <li><strong>1987:</strong> The American Medical Association established fibromyalgia as a legitimate physical condition.</li>
      <li><strong>1990:</strong> The American College of Rheumatology created diagnostic criteria fibromyalgia, which was made for research purposes. The fibromyalgia criteria later became a tool for clinicians, allowing them to properly diagnose patients.</li>
      <li><strong>2007:</strong> The United States Food and Drug Administration approved Lyrica for fibromyalgia treatment. Since then, Cymbalta and Savella have also received approval by the FDA for treatment.</li>
    </ul>
    <hr>
    <!-- END Timeline -->

    <!-- Myths About Fibro -->
    <h2 class="text-center">Myths About Fibromyalgia</h2>
    <p>
      <strong>Myth:</strong> Fibromyalgia is rare.<br>
      <strong>Fact:</strong> Fibromyalgia is one of the most common types of chronic pain disorders. It is estimated that more than 5 million people in the United States have fibromyalgia.

      <br><br>

      <strong>Myth:</strong> Fibromyalgia is “all in the head.” <br>
      <strong>Fact:</strong> Fibromyalgia has been described for centuries (See History of Fibromyalgia). But it wasn’t until 1981 that the first scientific study formally confirmed fibromyalgia symptoms and tender points in the body.
      <br><br> Since then, researchers have further tested pain reactions in people with fibromyalgia. Imaging studies show that the brains of people with fibromyalgia have more activity in reaction to pain Studies also have shown that people with fibromyalgia
      feel pain more intensely at lower levels than people without the condition.
      <br><br> It's thought that overactive nerves cause the pain of fibromyalgia (see Science of Fibromyalgia). Although fibromyalgia is not just “in the head,” it is still important to understand that the condition is stressful—especially when it goes
      undiagnosed. Stress can also make fibromyalgia worse.

      <br><br>

      <strong>Myth:</strong> Doctors diagnose fibromyalgia when they can’t find a “real” diagnosis. <br>
      <strong>Fact:</strong> It’s true that diagnosis of fibromyalgia often takes time. There is no specific lab test for it. Your doctor can't see it on an x-ray or do a blood test to confirm it. Instead, he or she relies on your symptoms and a physical
      exam.
      <br><br>What’s more, the symptoms can overlap with symptoms of several other conditions. These other conditions must be tested for as well.
      <br><br> But fibromyalgia is very much a real condition. In 1990, the American College of Rheumatology developed guidelines for diagnosing fibromyalgia. Today, these guidelines are widely applied.
      <br><br> What’s more, there are now thousands of studies validating this form of chronic widespread pain. In 1990, there were only about 200 published studies on fibromyalgia. Today there are more than 4,000 published fibromyalgia studies.

      <br><br>

      <strong>Myth: </strong>Fibromyalgia is a “woman’s disease.” <br />
      <strong>Fact: </strong>The majority of people with fibromyalgia are women (about 80%). But, remember that fibromyalgia is a common condition. That means many men are diagnosed as well.
      <br><br> Studies have found that women with fibromyalgia do tend to have a lower pain tolerance and more symptoms than men. Both genders, however, responded similarly to fibromyalgia treatment as well as other nondrug treatments such as exercise.
      <br><br> Fibromyalgia is also seen in all age groups, from teenagers to older people. But the symptoms more typically begin in a person’s 30s. Fibromyalgia occurs around the globe. And it appears in all ethnic groups and cultures.

      <br><br>

      <strong>Myth: </strong>The pain of fibromyalgia is mild. <br />
      <strong>Fact: </strong>Some people only experience mild symptoms, especially when they are being properly treated. For others, the pain can be severe. It can have a significant impact on quality of life. Simple things they once took for granted,
      like working, going for a walk, household chores, and taking care of their families can become difficult. Symptoms also often get worse under stress or even under certain weather conditions.

      <br><br>

      <strong>Myth: </strong>There is nothing that can be done to treat fibromyalgia. <br />
      <strong>Fact: </strong>Although fibromyalgia cannot be cured, for many people a diagnosis can be validating. It can mark the beginning of a new journey toward relief of some symptoms. Many people with fibromyalgia are able to reduce their symptoms
      through lifestyle changes and treatments.
      <hr>
      <!-- END Myths About Fibro -->
      <!-- Conclusion -->
      <p class="text-center">
        Fibromyalgia <strong>is not</strong> an <strong>invisible disease.</strong>
        <br />It is <strong>not</strong> in my head.
        <br />It <strong>does not</strong> have a cure.
        <br /><strong>But I am a fibro WARRIOR and I am strong!</strong>
      </p>
      <!-- END Conclusion -->

      <!-- Awareness Day -->
      <p class="text-center">
        <strong>May 12th is Fibromyalgia Awareness Day.</strong>
        <br>Please join myself and others in educating those who do not know about the disease or who want to learn more.
      </p>
      <hr>
      <!-- END Awareness Day -->

      <!-- Tribute Link -->
      <p>For more information on fibromyalgia, please visit <a id="tribute-link" href="http://www.fibromyalgiaawareness.com/" target="_blank">Fibromyalgia Awareness Day</a> and <a href="http://www.fibrocenter.com/" target="_blank">FibroCenter</a>.</p>
      <!-- END Tribute Link -->
      <hr>

      <!-- References -->
      <ul id="references" class="list-unstyled">
        <li><strong>References:</strong></li>
        <li>
          <a href="http://www.fibromyalgiatreating.com/the-history-of-fibromyalgia/" target="_blank">Fibromyalgia Treating</a>
        </li>
        <li>
          <a href="http://www.fibromyalgiaawareness.com/" target="_blank">Fibromyalgia Awareness</a>
        </li>
      </ul>
      <!-- END References -->
  </div>
</div>

responsive-web-design-tribute-page.markdown

Responsive Web Design - Tribute Page

Updated version of the Tribute Page project to complete the requirements for the Responsive Web Design Certificate for FreeCodeCamp. This is a tribute page for suffers of the chronic pain disease called fibromyalgia. It's made using Bootstrap 4, HTML5, and CSS3.

A Pen by Danielle on CodePen.

License.

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

style.css

body {
  margin-top: 60px;
}

hr {
  border-top: #ccc solid 2px;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css" rel="stylesheet" />