A Tribute to Dr. Charles Drew

In this example below you will see how to do a A Tribute to Dr. Charles Drew with some HTML / CSS and Javascript

A tribute page built while following the freecodecamp curriculum.

Thumbnail
This awesome code was written by captnstarburst, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright captnstarburst ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Tribute to Dr. Charles Drew</title>
  
  
  <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class "container">
  <div class="jumbotron">
    <div clas="row">
      <div class="col-xs-12">

        <h1 class="text-center page-header">
    Dr. Charles Richard Drew
  </h1>

        <h2 class="text-center">
    <em>Father of the Blood Bank</em>
  </h2>

        <div class="thumbnail text-center img-responsive">
          <img class="img-profile" src="http://profiles.nlm.nih.gov/ps/access/BGBBCV_.jpg">
          <div class="text-center caption">A portrait of Dr.Charles Drew at his desk c.1947</div>
        </div>
        <!--thumbnail-->


        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <h4>
    <strong> The Life of Dr. Charles Drew :</strong>
  </h4>


          <ul>
            <li><strong>1904</strong> : Born in Washington, DC</li>

            <li><strong>1922</strong> : Graduates from Dunbar High School. Receives a scholarshic to Amherst College for Track and American Football</li>

            <li><strong>1926</strong> : Completes a bachelor's degree at Amherst, but was unable to pursue his dream of attending medical school and instead began working as a biology instructor and a coach for Morgan College </li>

            <li><strong>1928</strong> : Accepted to McGill University in Montreal, Canada </li>

            <li><strong>1933</strong> : Graduates from McGill University earning both Doctor of Medicine and Master of Surgery degrees, with honors and is second in class</li>

            <li><strong>1935</strong> : Returns to the United States and starts working as an instructor at Howard University's medical school</li>

            <li><strong>1936</strong> : Begins a surgery residency at Freedmen's Hospital in Washington, D.C, in addition to his work at the university </li>

            <li><strong>1938</strong> : Receives the Rockefeller Fellowship to study at Columbia University and train at the Presbyterian Hospital in New York City</li>

            <li><strong>1939</strong> : Develops a method for processing and preserving blood plasma, or blood without cells. Plasma lasts much longer than whole blood, making it possible to be stored or "banked" for longer periods of time </li>

            <li><strong>1940</strong> : Completes the doctorate thesis, "Banked Blood" and receives a doctorate degree from Columbia University. Shorlty after graduation, heads the "Blood For Britian" war effort during which sends collection of roughly 14,500
              pints of plasma to Britian </li>

            <li><strong>1941</strong> : Spearheades another blood bank effort, this time for the American Red Cross. Works on developing a blood bank to be used for U.S. military personnel. Unfortunately the U.S military policy was to segregate the blood
              from black donors and ultimately Dr. Drew resigned in protest </li>

            <li><strong>1941</strong> : Returning to Howard University. Initially working as a professor, but going on to head the university department of surgery, the chief surgeon at Freedmen's Hospital, and finally becoming the first African-American
              examiner for the American Board of Surgery</li>

            <li><strong>1944</strong> : Receives the Spingarn Medal for "the highest and noblest achievement" by an African-American "during the preceding year or years." The award was given in recognition for his past work in blood plasma collection and
              distribution efforts </li>

            <li><strong>1950</strong> : Passes due to a fatal car crash at the age 45. </li>
          </ul>


          <blockquote class="text-center">
            <p>
              "The blood of individual human beings may differ by blood groupings, but there is absolutely no scientific basis to indicate any difference in human blood from race to race."
              <footer><cite>Dr. Charles Drew</cite></footer>
            </p>
          </blockquote>


          <h4 class="text-center">
    If you have time, you should read more about Dr. Drew on his <a href="https://en.wikipedia.org/wiki/Charles_R._Drew" target="_blank"> wikipedia entry.
  </h4>

        </div>
        <!--offset-->
      </div>
      <!--col-->
    </div>
    <!--row-->
  </div>
  <!--jumbo-->


  <footer class="text-center">
    <hr>
    <p> Written and coded by<a href="https://www.freecodecamp.com/fcc29792fe2" target="_blank"> Conor Hinchee.
</footer>
  
</div>
<!--container-->
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/captnstarburst/a-tribute-to-dr-charles-drew-QNyaWj */
.img-profile{
  width:50%;
}

Comments