css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div class="my-fluid-container">
			<img src="http://2.bp.blogspot.com/-tp8V5Xy0PmY/U3eF_SuX38I/AAAAAAAAGS0/__dCrtwpY4w/s1600/100AC.jpg" 
				alt="convit">
</div>
  <div class="container-fluid">
			<h1>The man who beat leprosy</h1>
			<p class="normal-text">
			On May 12, 2014, Jacinto Convit, MD, died in Caracas, Venezuela at the age of 100. Born in Sept 11, 1913, Dr. Convit was a major figure in the history of leprosy and parasitology research. Although best known for his fundamental and lasting contributions to the study of Mycobacterium leprae, the causative agent of leprosy (Hansen's disease), his impact on research into many parasitic agents and the field of immunotherapy was significant.
			</p>
			<p class="normal-text">
			Dr. Convit's professional career covered a period of over 70 years. It began in 1938 when he received his doctorate of medicine degree from the Universidad Central de Venezuela in Caracas. At that time his home country of Venezuela was a rural, poor, and disease-ridden country in which any person suspected of suffering from Hansen's disease was stigmatized and condemned to isolation. The conditions under which these patients were confined at Leprosaria, together with Convit's extraordinary human sensitivity, played a key role in his lifelong crusade against stigmatization of leprosy patients. At age 23, in the era where no cure was available for this feared disease, Convit decided to devote his life to developing a cure for these patients and decided to move into one of the largest leprosaria of Venezuela, the Leprosy Clinic of “Cabo Blanco.” His first goal was to end prejudice and exclusion condemning this disease, an objective that he achieved soon after taking over the National Directorate of Leprocomiums, when he convinced the government to free the patients from isolation. His work helped change the leprosy control measures in Venezuela, replacing compulsory isolation with ambulatory treatment..
			</p>

			<p class="normal-text">
			By using (1940) the compound sulfone, which earlier had been discovered to block Mycobacterium leprae, the leprosy bacterium, he successfully treated 14,000 patients with the disease. He and his team later developed another approach, using the tuberculosis vaccine as a base and mixing it with M. leprae to create a new vaccine; though initial results were impressive, the effectiveness of that vaccine came under scrutiny, and it was later replaced by a multidrug treatment that was introduced in Venezuela in 1982. Convit and his colleagues substantially reduced the number of leprosy cases in Venezuela by using the multidrug vaccine. In 1971 WHO appointed Convit to lead the global effort in leprosy eradication. In 1987, he and his team produced a vaccine adopted worldwide. By 2000 WHO had met its goal of reducing leprosy to less than one case per 10,000 people worldwide.
			</p>
			<h3>
				Honors & Awards 
			</h3>

			<ul>
				<li>Prince of Asturias Prize in science and technology</li>
				<li>France's Legion of Honor</li>
				<li>The Medal “Health for All” awarded by the World Health Organization (WHO)</li>
				<li>The Abraham Horwitz Prize for leadership in Inter-American Health</li>
				<li>The Armand Frappier Medal, and the Alfred Soper Award and “Hero of Health” medal awarded by the Pan American Health Organization</li>
				<li>Included among the 65 Caring Physicians of the World by the World Medical Association</li>
				<li>Nominated for the Nobel Prize</li>
			</ul>
			<p class="normal-text">
				If you want to learn more about Dr. Convit, read the article of the 
				<a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4125274/" target="_blank">American Tropical Medicine,</a> or visit <a href="https://www.jacintoconvit.org/en/" target="_blank">his foundation.</a>
			</p>
			<footer style="text-align:center;">
				&copy;Created by
				<a href="https://wiconet.org" target="_blank">
					William Colmenares
				</a>
				2018
			</footer>

</div>
            
          
!
            
              @import 'https://fonts.googleapis.com/css?family=Lato';

.my-fluid-container {
    min-height: 100%;
    height: 100%;
    width: 100%;
  /*  position: absolute;
    top: 0px;
    left: 0; */
    display: inline-block;
}

.container-fluid {
    width:100%;
    background-color:#E1DEDE;
}

p {
	margin-top:1%;
}

}

h1 {
	font-size:5em;
}

h3 {
	font-size:24px;
}

h1,h3 {
	font-family:"Times New Roman",Serif;
  font-weight:bold
}

ul,.normal-text {
	font-family:'Lato',Sans-Serif;
  font-size:18px;
}

img {
	width:100%;
}


a, a:hover, a:visited {
	text-decoration:none;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console