Difference between revisions of "Team:Toronto/Basic Part"

Line 14: Line 14:
 
<html>
 
<html>
  
−
<!-- Header div -->
+
<div class="section bg-red">
−
<div class="section">
+
<div class="container header">
−
<div class="container header" id="red">
+
<h1>404 Page Not Found?</h1>
−
<h1>Basic Part</h1>
+
<p>Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization?</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
<!-- Content div -->
 
 
<div class="section bg-white">
 
<div class="section bg-white">
 
<div class="container content-page row">
 
<div class="container content-page row">
 
<div class="block content">
 
<div class="block content">
  
−
<!-- subsection 1 -->
+
<div id="one" class="subsection">
−
<div id='guide' class="subsection">
+
<h2 class="text-yellow">content-yellow</h2>
−
 
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
−
<h2>Guide</h2>
+
<div id="myDiv">
−
 
+
<figure>
−
<p>Establishing meaningful and informed dialogue with our stakeholders is one of the overarching goals of our human practices. We therefore a video interview series with various scientific and social stakeholders to identify the state of the current research and current ethical shoertcomings. In particular, we found a clear ethical guideline as a key unmet need for shaping future application of our system to human gene editing. Based on key principles put forward by the Committee on Human Gene Editing: Scientific, Medical, and Ethical Considerations in their 2017 report on science, ethics and governance, we developed a guideline for iGEM teams to develop integrative human practices to their project design. We then evaluated our team’s efforts based on those criteria and identified strengths and areas for improvement. In particular, transparency through clear documentation and public engagement, identification of vulnerable groups and collaborations were some of our strengths while due care through the development of scenarios and economic considerations in the distribution of our technology are some areas that were touched upon but could be improved by following the recommendations made in our guide.</p>
+
<div class="figures">
−
<a href='https://2017.igem.org/Team:Toronto/Guide'><button class="btn-primary red">Guide</button></a>
+
<div class="image"><img src="http://www.excel-easy.com/data-analysis/images/charts/column-chart.png" alt="data"></div>
−
</div>
+
−
 
+
−
<div class="subsection team">
+
−
<h2>Execs</h2>
+
−
<div class="teams-row">
+
−
<div>
+
−
<div id="kat" class="image-box"></div>
+
−
<h4>Katariina Jaenes</h4>
+
−
<p>Co-President</p>
+
 
</div>
 
</div>
−
<div>
+
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
−
<div id="umar" class="image-box"></div>
+
</figure>
−
<h4>Umar Owadally</h4>
+
<figure>
−
<p>Co-President</p>
+
<div class="figures">
 +
<div class="image"><img src="http://www.excel-easy.com/data-analysis/images/charts/column-chart.png" alt="data"></div>
 
</div>
 
</div>
−
<div>
+
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
−
<div id="adele" class="image-box"></div>
+
</figure>
−
<h4>Adele Nikitina</h4>
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
−
<p>VP-Treasurer & Hardware</p>
+
<figure>
 +
<div class="figures">
 +
<div class="image"><img src="https://zippy.gfycat.com/MedicalAdventurousCanine.gif" alt="data" width="200px"></div>
 +
<div class="image"><img src="https://media.giphy.com/media/R6vXyeo7NA0gg/giphy.gif" alt="data" width="200px"></div>
 
</div>
 
</div>
−
</div>
+
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
−
<div class="teams-row">
+
</figure>
−
<div>
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni. </p>
−
<div id="celine" class="image-box"></div>
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
−
<h4>Celine</h4>
+
<figure>
−
<p>Role</p>
+
<div class="figures">
 +
<table>
 +
<thead>
 +
<tr>
 +
<th>Time</th>
 +
<th>Quantity</th>
 +
<th>iunno</th>
 +
</tr>
 +
</thead>
 +
<tbody class="table-hover">
 +
<tr>
 +
<td>Hello</td>
 +
<td>9adsf asd</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2 ads fads fdsa s </td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>Hello</td>
 +
<td>911 asd afd </td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
</tbody>
 +
</table>
 
</div>
 
</div>
−
<div>
+
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
−
<div id="celine" class="image-box"></div>
+
</figure>
−
<h4>More execs</h4>
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p><a>
−
<p>Role</p>
+
<button class="btn-primary red">More Info</button></a>
−
</div>
+
−
</div>
+
−
 
+
 
</div>
 
</div>
−
 
+
<hr>
−
 
+
<div id="content-yellow" class="subsection">
−
<div class="subsection team">
+
<h2 class="text-cyan">References</h2>
−
<h2>Wet lab</h2>
+
<ol>
−
<div class="teams-row">
+
<li id="ref1">Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam</li>
−
<div>
+
</ol>
−
<div id="mark" class="image-box"></div>
+
−
<h4>Mark Lychacz</h4>
+
−
<p>Lab Manager</p>
+
−
</div>
+
−
<div>
+
−
<div id="amy" class="image-box"></div>
+
−
<h4>Amy Yeung</h4>
+
−
<p>Lab Manager</p>
+
−
</div>
+
−
<div>
+
−
<div id="victoria" class="image-box"></div>
+
−
<h4>Victoria Sajtovich</h4>
+
−
<p>Wetlab Lead</p>
+
−
</div>
+
−
</div>
+
−
<div class="teams-row">
+
−
<div>
+
−
<div id="carla" class="image-box"></div>
+
−
<h4>Carla Hamady</h4>
+
−
<p>Wetlab Lead</p>
+
−
</div>
+
−
<div>
+
−
<div id="ahmed" class="image-box"></div>
+
−
<h4>Ahmed Ibrahim</h4>
+
−
<p>Wetlab Lead</p>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
 
−
<div class="subsection team">
 
−
<h2>Dry Lab</h2>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="ali" class="image-box"></div>
 
−
<h4>Ali Nawed</h4>
 
−
<p>Dry Lab Lead</p>
 
−
</div>
 
−
</div>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="estee" class="image-box"></div>
 
−
<h4>list of names</h4>
 
−
<p>Dry Lab Members</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="subsection team">
 
−
<h2>Human Practices</h2>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="estee" class="image-box"></div>
 
−
<h4>Estee Katz</h4>
 
−
<p>Human Practices Lead</p>
 
−
</div>
 
−
</div>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="estee" class="image-box"></div>
 
−
<h4>list of names</h4>
 
−
<p>Podcast Team</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="subsection team">
 
−
<h2 id="wiki-header">Wiki</h2>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="fahim" class="image-box">
 
−
<img src="https://static.igem.org/mediawiki/2017/7/7b/T--Toronto--2017_fahim.gif" alt="" width="233px" height="310px">
 
−
</div>
 
−
<h4>Fahim Shahreer</h4>
 
−
<p>Wiki Lead</p>
 
−
</div>
 
−
</div>
 
−
<div class="teams-row">
 
−
<div>
 
−
<div id="wiki" class="image-box-team"></div>
 
−
<h4>Wiki Team Members</h4>
 
−
<p class="list">
 
−
Fahim Shahreer (Wiki Lead)<br>
 
−
Celine Zhang<br>
 
−
Golsa Shafa<br>
 
−
Kogulan Sivaneshan<br>
 
−
Salma Hussein<br>
 
−
Samantha Quinto<br>
 
−
Taneisha Stoll<br>
 
−
Tracy Xiang</p>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
 
</div>
 
</div>
−
 
−
<!-- Sidebar -->
 
−
<div class="block sidebar">
 
−
<div id="sidebar-box">
 
−
<h3>Contents</h3>
 
−
<div class="sidebar-minibox">
 
−
<ul></ul>
 
−
</div>
 
−
<h3>Related Pages</h3>
 
−
<div class="sidebar-minibox">
 
−
<ul>
 
−
<li> <a href="https://2017.igem.org/Team:Toronto/Parts">Parts</a></li>
 
−
<li> <a href="https://2017.igem.org/Team:Toronto/Design">Design</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- Sidebar END -->
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 03:22, 16 December 2017

404 Page Not Found?

Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization?

content-yellow

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Time Quantity iunno
Hello 9adsf asd 2 ads fads fdsa s
1 2 ads fads fdsa s 2 ads fads fdsa s
1 2 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Hello 911 asd afd 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

References

  1. Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto