View source for Template:Nottingham/root/grid

<html>
<section class="grid">
	<div class="panel appear delayed">
		<h3>What is <i>C. difficile</i> infection?</h3>
		<p>
			<i>Clostridium difficile</i> infection is the most common cause of antibiotic-associated diarrhoea in the Western World and is a big problem in hospitals and care-facilities. 
		</p>
		<a id="expand-par-1">Read more</a>
		<script>

			$("#expand-par-1").on("click", () => {
				$("#expand-par-1").hide()
				$("#expand-par-1").after("<p>The disease symptoms are caused by two major toxins, TcdA and TcdB. The use of broad-spectrum antibiotics causes a reduction in the natural diversity of the gut microbiota allowing <i>C. difficile</i> to take advantage. It is thought that non-toxigenic <i>C. difficile</i> present in the gut microbiota could act as a possible probiotic, out-competing toxigenic <i>C. difficile</i>.</p>")
			})
		</script>
	</div>
	<div class="panel appear delayed">
		<h3>What is the problem?</h3>
		<p>
			A consequence of antibiotic misuse and the capability of bacteria to readily evolve has allowed antibiotic resistance to become a worldwide major dilemma. 
		</p>
		<a id="expand-par-2">Read more</a>
		<script>

			$("#expand-par-2").on("click", () => {
				$("#expand-par-2").hide()
				$("#expand-par-2").after("<p>Each year in the US alone 2 million people are subject to infection from antibiotic resistant bacteria. Currently <i>C. difficile</i> is only treatable with a handful of antibiotics which is problematic when antibiotic use is a major risk factor for the infection and in the view of the global concern over antibiotic resistance. The use of bacteriophages has been proposed as a major alternative treatment for many diseases including <i>C. difficile</i> infection.</p>")
			})
		</script>
	</div>
	<div class="panel appear delayed">
		<h3>What are we going to do?</h3>
		<p>
			The goal of our project is to engineer a phage which will infect <i>C. difficile</i> and express genetic constructs designed to suppress toxin production.  
		</p>
		<a id="expand-par-3">Read more</a>
		<script>

			$("#expand-par-3").on("click", () => {
				$("#expand-par-3").hide()
				$("#expand-par-3").after("<p>We will pursue two strategies to achieve this: asRNA and dCas9, both of which will target the toxin genes,tcdA and tcdB. Ultimately we aim to produce a highly specific phage therapeutic which will reduce toxigenicity of resident strains of <i>C. difficile</i> without significantly affecting the native gut microbiota.</p>")
			})
		</script>
	</div>
</section>
<section>
<center><img src="https://static.igem.org/mediawiki/2018/7/79/T--Nottingham--logo.png" style="
    max-width: 350px;
    padding-bottom: 20px;
    "></center>
</section>
<style>
    .panel p, .panel a {
         font-size:13px !important;
     }
</style>
</html>