JoLynneMartinez/index.html

## index.html
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<head>
  <link href="https://fonts.googleapis.com/css?family=Amethysta&display=swap" rel="stylesheet">
</head>
<body id = "main">
  <header id = "title">
    <h1>Isabella L. Karle</h1>
    <h3>She proved chemistry was a proper field for girls</h3>
  </header>
  <figure id="img-div">
    <<a title="U.S. Naval Research Laboratory [Public domain], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Jerome-Isabella-Karle-NRL.jpg"><img width="512" id="image" alt="Jerome and Isabella Karle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Jerome-Isabella-Karle-NRL.jpg/512px-Jerome-Isabella-Karle-NRL.jpg"></a>
  <figcaption id="img-caption">
    Isabella with her husband Jerome, who was also her research partner. He won a Nobel Prize for the work they did together, and he was really, really angry when she didn't receive the award along with him. (Photo Credit: U.S. Naval Research Laboratory)
  </figcaption>
  </figure>
  <article id="tribute-info">
    <p>
      One of Isabella Karle's high school teachers told her chemistry wasn't "a proper field for girls." But boy oh boy did she ever prove that teacher wrong.
    </p>
    <p>
      First of all she attended college on a full scholarship and earned a bachelor's degree in physical chemistry when she was just 19 years old. And she earned her doctorate before she was 23.
    </p>
    <p>
      Second, her first job out of college was as a leading scientist with the Manhattan Project, where she worked with plutonium.
    </p>
    <p>
      Third, she learned how to use X-rays to analyze the structure of crystals by reading a book during the week she spent in the hospital after giving birth to her first daughter.
    </p>
    <p>
      And finally, she developed an X-ray method for analyzing the structure of molecules. This method helped revolutionize drug development and became indispensable to the solutions of problems in numerous scientific disciplines such as chemistry, biochemistry, biophysics, mineralogy, material science, pharmaceuticals, drug design, and medicinal chemistry.
    </p>
    <p id="PS">
      P.S. All three of Isabella Karle's daughters became scientists as well.
    </p>
    <p id="link">Click here to <a id="tribute-link" href="https://narratively.com/isabella-karles-curious-crystal-method/" target="_blank">learn more about Isabella Karle and her research.</a></p>
  </article>
  <footer>
    <hr id="style-two">
    <p> &copy; 2019 JoLynne Walz Martinez </p>
  </footer>
</body>

## isabella-l-karle.markdown

      
    Raw
  

              isabella-l-karle.markdown
            
          
    Isabella L. Karle

A Pen by JoLynne Walz Martinez on CodePen.
License.

  
## style.css
#main {
  font-family: 'Amethysta', serif;
  background-color: #d4a45c;
  color: #323132;
}

#title {
  text-align: center;
}

h1 {
  margin-bottom: 0;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
}

#img-div {
  margin-top: 0;
}

#image, #img-caption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  max-width: 100%;
  font-style: italic;
  font-size: smaller;
}

#PS {
  font-style: italic;
}

#link {
  text-align: center;
}

footer {
  font-size: smaller;
}

#style-two {
  border: 0;
  height: 0;
  border-top: 1px solid #d4a45c;
  border-bottom: 1px solid #d4a45c;
  filter: contrast(80%);
}
	<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
	<head>
	<link href="https://fonts.googleapis.com/css?family=Amethysta&display=swap" rel="stylesheet">
	</head>
	<body id = "main">
	<header id = "title">
	<h1>Isabella L. Karle</h1>
	<h3>She proved chemistry was a proper field for girls</h3>
	</header>
	<figure id="img-div">
	<<a title="U.S. Naval Research Laboratory [Public domain], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Jerome-Isabella-Karle-NRL.jpg"><img width="512" id="image" alt="Jerome and Isabella Karle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Jerome-Isabella-Karle-NRL.jpg/512px-Jerome-Isabella-Karle-NRL.jpg"></a>
	<figcaption id="img-caption">
	Isabella with her husband Jerome, who was also her research partner. He won a Nobel Prize for the work they did together, and he was really, really angry when she didn't receive the award along with him. (Photo Credit: U.S. Naval Research Laboratory)
	</figcaption>
	</figure>
	<article id="tribute-info">
	<p>
	One of Isabella Karle's high school teachers told her chemistry wasn't "a proper field for girls." But boy oh boy did she ever prove that teacher wrong.
	</p>
	<p>
	First of all she attended college on a full scholarship and earned a bachelor's degree in physical chemistry when she was just 19 years old. And she earned her doctorate before she was 23.
	</p>
	<p>
	Second, her first job out of college was as a leading scientist with the Manhattan Project, where she worked with plutonium.
	</p>
	<p>
	Third, she learned how to use X-rays to analyze the structure of crystals by reading a book during the week she spent in the hospital after giving birth to her first daughter.
	</p>
	<p>
	And finally, she developed an X-ray method for analyzing the structure of molecules. This method helped revolutionize drug development and became indispensable to the solutions of problems in numerous scientific disciplines such as chemistry, biochemistry, biophysics, mineralogy, material science, pharmaceuticals, drug design, and medicinal chemistry.
	</p>
	<p id="PS">
	P.S. All three of Isabella Karle's daughters became scientists as well.
	</p>
	<p id="link">Click here to <a id="tribute-link" href="https://narratively.com/isabella-karles-curious-crystal-method/" target="_blank">learn more about Isabella Karle and her research.</a></p>
	</article>
	<footer>
	<hr id="style-two">
	<p> © 2019 JoLynne Walz Martinez </p>
	</footer>
	</body>
	#main {
	font-family: 'Amethysta', serif;
	background-color: #d4a45c;
	color: #323132;
	}

	#title {
	text-align: center;
	}

	h1 {
	margin-bottom: 0;
	}

	h3 {
	margin-top: 0;
	margin-bottom: 0;
	}

	#img-div {
	margin-top: 0;
	}

	#image, #img-caption {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	max-width: 100%;
	font-style: italic;
	font-size: smaller;
	}

	#PS {
	font-style: italic;
	}

	#link {
	text-align: center;
	}

	footer {
	font-size: smaller;
	}

	#style-two {
	border: 0;
	height: 0;
	border-top: 1px solid #d4a45c;
	border-bottom: 1px solid #d4a45c;
	filter: contrast(80%);
	}