Difference between revisions of "Team:UPMC-Paris/Experiments"

 
(132 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{UPMC-Paris}}
 
{{UPMC-Paris}}
 
<html>
 
<html>
<style>
 
  
/* Wrapper for the menu */
+
<script>
.menu_wrapper {  
+
function ShowHide(DivName) {
width:100%;
+
if(DivName.style.display=='none')
height:100vh;  
+
  {DivName.style.display='block';}
position:fixed;
+
else if(DivName.style.display=='block')
padding:0px;
+
{DivName.style.display='none';}
float:left;
+
}
background-color:#f2f2f2;
+
</script>
text-align:left;
+
}
+
  
/* styling for the menu items */
+
<body>
.menu_item {
+
<div id="content2">
width:100%;
+
<div id="text">
margin:-2px 0px 0px -20px;
+
padding: 10px 10px; 
+
border-bottom: 1px solid #d3d3d3;
+
font-weight:bold;
+
color:#000000;
+
cursor: pointer;
+
}
+
  
/* when hovering on a menu item */
+
<div align="center" style="margin: 10px 0px 10px 0px; border:10px groove black;" onClick="ShowHide(cellprep)"><h3 style="text-align:center;"> Competency and transformation of <i>E. coli</i></h3></div>
.menu_item:hover {
+
color:#000000;  
+
background-color: #72c9b6;
+
}
+
  
/* decoration icon for the menu buttons*/
+
<div id="cellprep" style="display: none;">
.icon {
+
<h3>Preparation of <i>E. coli</i> competent cells :</h3>
float:right; 
+
<p><br>
font-size:16px;
+
<u>E. coli Calcium Chloride competent cell protocol</u><br>
font-weight:bold;
+
<br>
}
+
1.Inoculate a single colony into 5mL Lb in 50mL falcon tube. Grow O/N @ 37°C. <br>
+
2.Use 1mL to inoculate 100mL of LB in 250mL bottle the next morning. <br>
/* this is the icon for when the content is collapsed */
+
3.Shake @ 37°C for 1.5-3hrs. <br>
.plus::before {
+
<br>
content: "+";
+
<b>Or</b><br>
}
+
<br>
/* this is the icon for when the content is expanded */
+
1.Inoculate a single colony into 25mL LB in a 250 mL bottle in the morning. <br>
.less::before {
+
2.Shake @ 37°C for 4-6 hrs. <br>
content: "–";
+
<br>
}
+
<b>Then....</b> <br>
 +
<br>
 +
1.Put the cells on ice for 10 mins (keep cold form now on). <br>
 +
2.Collect the cells by centrifugation in the big centrifugue for 3 mins @6krpm <br>
 +
3.Decant supernatant and gently resuspend on 10 mL cold 0.1M CaCl (cells are susceptible to mechanical disruption, so treat them nicely). <br>
 +
4.Incubate on ice x 20 mins <br>
 +
5.Centrifuge as in 2 <br>
 +
6.Discard supernatant and gently resuspend on 5mL cold 0.1MCaCl/15%Glycerol <br>
 +
7.Dispense in microtubes (300μL/tube). Freeze in -80°C. <br></p>
 +
<br>
 +
<br>
 +
<h3>Transformation of <i>E. coli</i> competent cells :</h3>
 +
<p>
 +
<br>
 +
1.Take competent cells out of -80°C and thaw on ice (approximately 20-30 mins). <br>
 +
2.Remove agar plates (containing the appropriate antibiotic ) from storage at 4°C and let warm up to room temperature and then (optional) incubate in 37°C incubator. <br>
 +
3.Mix 1 - 5 μl of DNA (usually 10 pg - 100 ng) into 20-50 μL of competent cells in a microcentrifuge or falcon tube. <br>
 +
GENTLY mix by flicking the bottom of the tube with your finger a few times. <br>
 +
<br>
 +
<b>Note:</b> Transformation efficiencies will be approximately 10-fold lower for ligation of inserts to vectors than for an intact control plasmid. <br>
 +
<br>
 +
4.Incubate the competent cell/DNA mixture on ice for 20-30 mins. <br>
 +
5.Heat shock each transformation tube by placing the bottom 1/2 to 2/3 of the tube into a 42°C water bath for 30-60 secs (45 secs is usually ideal, but this varies depending on the competent cells you are using). <br>
 +
6.Put the tubes back on ice for 2 min. <br>
 +
7.Add 250-1,000 μl LB or SOC media (without antibiotic) to the bacteria and grow in 37°C shaking incubator for 45 min. <br>
 +
<br>
 +
<b>Note:</b> This outgrowth step allows the bacteria time to generate the antibiotic resistance proteins encoded on the plasmid backbone so that they will be able to grow once plated on the antibiotic containing agar plate. This step is not critical for Ampicillin resistance but is much more important for other antibiotic resistances. <br>
 +
<br>
 +
8.Plate some or all of the transformation onto a 10 cm LB agar plate containing the appropriate antibiotic. <br>
 +
<br>
 +
<b>Note:</b> We recommend that you plate 50 μL on one plate and the rest on a second plate. This gives the best chance of getting single colonies, while allowing you to recover all transformants. <br>
 +
<br>
 +
<b>Note:</b> If the culture volume is too big, gently collect the cells by centrifugation and resuspend in a smaller volume of LB so that there isn't too much liquid media on the agar plates. If the agar plate doesn't dry adequately before the cells begin dividing, the bacteria diffuse through the liquid and won't grow in colonies. <br>
 +
<br>
 +
9.Incubate plates at 37°C overnight.
 +
</p>
  
/* styling for the ul that creates the buttons */
+
</div>
ul.menu_items {
+
width:100%;
+
margin-left:0px;
+
padding:0px;
+
list-style: none;
+
}
+
  
/* styling for the li that are the menu items */
+
<div align="center" style="margin: 10px 0px 10px; border:10px groove black;" onClick="ShowHide(compet)"><h3 style="text-align:center;">Competency and transformation of <i>B. subtilis.</i></h3></div>
.menu_items li {
+
<div id="compet" style="display: none;">
width:90%;
+
<h3>Preparation of <i>B. subtilis</i> competent cells</h3>
margin-top:-2px;
+
<p><br>Streak out the strain to be made competent on an LB agar plate as a large patch and incubate overnight at 30°C<br>The following morning scrape the cell growth off the plate and use to inoculate fresh, pre-warmed, SpC medium (20 ml) to give an OD600 reading of about 0.5.<br>Incubate the culture at 37°C with vigorous aeration and take periodic OD readings (OD600) to assess cell growth.<br>When the rate of cell growth is seen to depart from exponential (i.e. no significant change in cell density over 20-30 min) inoculate 200 ml of pre-warmed, SpII medium with 2 ml of stationary-phase culture and continue incubation at 37°C with slower aeration<br>After 90 min incubation, pellet the cells by centrifugation (8,000 g, 5min) at room temperature.<br>Carefully decant the supernatant into a sterile container and save.<br>Gently resuspended the cell pellet in 18 ml of the saved supernatant and add 2 ml of sterile glycerol; mix gently<br>Aliquot the competent cell (0.5 ml) in sterile tubes, freeze rapidly in liquid nitrogen or a dry-iced/ethanol bath or ice/isopropanol bath and store -70°C.</p>
padding: 15px 0px 15px 15px ;  
+
display:block;
+
border-bottom: 1px solid #d3d3d3;
+
text-align:left;  
+
font-weight:bold;
+
text-decoration:none;
+
color:#000000;
+
list-style-type:none;  
+
cursor:pointer;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;  
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
+
}
+
  
.menu_item a {
+
<h3>Transformation of <i>B. subtilis</i> competent cells</h3>
width: 100%;
+
margin-left: -20px;
+
padding: 11px 90px 12px 20px;
+
text-decoration: none;
+
color:black;
+
}
+
  
/* When hovering on a menu item */
+
<p><br>Thaw competent cells rapidly by immersing frozen tubes in a 37°C water bath<br>Immediately, add one volume of SpII + EGTA to the Thawed cells; mix gently<br>In a sterile test tube add competent cell (0.2~0.5 ml) to the DNA solution (<0.1 ml) and incubate in a roller drum at 37.<br>Dilute the transformed cells as appropriate in T base containing 0.5% glucose and plate immediately onto selective media.</p>
.menu_items li:hover {
+
background-color:#72c9b6;
+
color: #000000;
+
}
+
  
/* styling for the submenus */
+
<div class="image" id="TransfoPic1"></div>
.submenu {
+
</div>
width:100%;
+
display: none; 
+
font-weight:bold;
+
cursor:pointer;
+
  
}
+
<div align="center" style="margin: 10px 0px 10px; border:10px groove black;" onClick="ShowHide(BSub)"><h3 style="text-align:center;">Vector modifications</h3></div>
 +
<div id="BSub" style="display: none;">
 +
<h3>Digestion :</h3>
 +
<p><br>Select restriction enzymes to digest your DNA. Determine an appropriate reaction buffer by reading the instructions for your enzyme.<br>In a 1.5mL tube combine the following:</p>
 +
<ol>
 +
<li> ➟ DNA </li>
 +
<li> ➟ Restriction Enzyme(s)</li>
 +
<li> ➟ Buffer </li>
 +
<li> ➟ dH2O up to total volume</li>
 +
</ol>
 +
<p><br>Mix gently by pipetting.<br>Incubate tube at appropriate temperature (usually 37°C) for 1 hour.<br>Always follow the manufacturer’s instructions.<br>To visualize the results of your digest, conduct gel electrophoresis</p>
  
/* moving the margin for the submenu ul list */
+
<h3>Vector Preparation :</h3>
ul.submenu {
+
<p><br>Combine the following in a PCR or Eppendorf tube:</p>
width: 100%;
+
<ol>
margin: 10px 0px -11px 0px;
+
<li> ➟ Vector DNA</li>
list-style: none;
+
<li> ➟ Insert DNA</li>
}
+
<li> ➟ Ligase Buffer (1μL/10μL reaction for 10X buffer, and 2μL/10μL reaction for 5X buffer)</li>
 +
<li> ➟ 0.5-1μL T4 DNA Ligase</li>
 +
<li> ➟ H20 to a total of 10μL</li></ol>
 +
<p><br>To dertermine the amount of DNA needed, we used the NEB calculator<br>Incubate at room temperature for 2hr, or at 16°C overnight (following the manufacturer’s instructions).</p>
 +
</div>
  
/*styling for the submenu buttons */
 
.submenu li {
 
width: 100%;
 
margin-left: 10px;
 
margin-bottom: 0px;
 
}
 
  
  
/* hover state for the submenu buttons */
+
<div align="center" style="margin: 10px 0px 10px; border:10px groove black;" onClick="ShowHide(other)"><h3 style="text-align:center;">Other</h3></div>
.submenu li a {
+
<div id="other" style="display: none;">
width: 100%;
+
<p><b><u>Gel Extraction:</u></b><br>
padding: 5px 10px;  
+
We followed the protocol provided in the kit, <a href="https://www.qiagen.com/fr/resources/download.aspx?id=f4ba2d24-8218-452c-ad6f-1b6f43194425&lang=en">you can dowload it here</a><br>
display: inline-block;
+
We resuspended DNA in 50 uL water.</p>
border-bottom: 1px solid #d3d3d3;
+
background-color:white;  
+
text-decoration:none;
+
color:#000000;
+
}
+
  
 +
<p><b><u>Plasmid Extraction:</u></b><br>
 +
We followed the quick protocol provided in the kit, <a href="https://www.neb.com/protocols/2015/12/08/quick-protocol-for-monarch-plasmid-miniprep-kit-t1010">you can see it here</a><br>
 +
We resuspended DNA in 30 - 50 uL of DNase free water.</p>
  
 +
<p><b><u>PCR Purification:</u></b><br>
 +
We followed the quick protocol provided in the kit, <a href="https://www.qiagen.com/fr/resources/download.aspx?id=390a728a-e6fc-43f7-bf59-b12091cc4380&lang=en">you can download it here</a><br>
 +
We resuspended our purified PCR products in 50 uL water.</p>
  
.submenu li a:hover  {
+
<p><b><u>PCR:</u></b>
background-color:#000000;
+
<br>
color: #72c9b6;
+
We followed the protocol provided by the manufacturer, <a href="https://www.neb.com/protocols/1/01/01/pcr-protocol-m0530">you can see it here</a><br>
}
+
We use different cycles programs depending on what we wanted. You can see our <a href="https://2016.igem.org/Team:UPMC-Paris/Notebook">Notebook</a> for more informations.</p>
  
 +
<p><b><u>Dephosphorylation of 5' -ends:</u></b>
 +
<br>
 +
Using Alkaline Phosphatase we use the following protocol:<br>
 +
<p>1) Make a mix of 1 pmol of DNA (about 1 ug of 3kb plasmid), 2 uL of Phosphatase Buffer, 5 units of Phosphatase and water to reach 20 uL</p>
 +
<p>2) Incubats 30 minutes, 37°C</p>
 +
<p>Heat inactivation at 80°C for 20 minutes</p>
 +
<br>
 +
<p><b><u>Ligation:</u></b>
 +
<br>
 +
Using T4 DNA Ligase we perform this protocol:<br>
 +
<u>Reaction setup</u></p>
  
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
+
<table>
.collapsable_menu_control {
+
<tr>
width:100%;
+
<th>Component</th>
padding: 15px 0px;
+
<th>Voplume (μl)</th>
display:none;
+
<th>Final Concentration</th>
background-color:#000000;
+
</tr>
text-align:center; 
+
<tr>
font-weight:bold;
+
<td>10X T4 DNA Ligase Buffer</td>
color:#72c9b6;
+
<td>2 μl</td>
cursor:pointer;
+
<td> 1X </td>
-webkit-transition: all 0.4s ease;
+
</tr>
-moz-transition: all 0.4s ease;
+
<tr>
-ms-transition: all 0.4s ease;
+
<td>Vector 10 1x</td>
-o-transition: all 0.4s ease;
+
<td>X μl</td>
transition: all 0.4s ease;
+
<td>1-10 ng/µL</td>
}
+
</tr>
 
+
<tr>
/* when hovering on that button */
+
<td>Insert</td>
.collapsable_menu_control:hover {
+
<td>X μl</td>
background-color: #72c9b6;
+
<td>1-10 ng/µL</td>
color:#000000; 
+
</tr>
}
+
<tr>
 
+
<td>T4 DNA Ligase (120 U/μl)</td>
/********************************* CONTENT OF THE PAGE ********************************/
+
<td>1 μl</td>
 
+
<td>6 U/µL</td>
/* Wrapper for the content */
+
</tr>
.content_wrapper {
+
<tr>
width: 85%;
+
<td>Sterile water</td>
margin-left:150px;
+
<td>X μl</td>
padding:10px 0px;
+
<td>N/A</td>
float:left;
+
</tr>
background-color:white;
+
<tr>
}
+
<td>Total Volume</td>
 
+
<td>20 μl</td>
/*LAYOUT */
+
</tr></table>
.column  {
+
<p>  
padding: 10px 0px;
+
Total reaction volume can be adjusted as needed.<br></p>
float:left;
+
<ol>
background-color:white;
+
<li> ➟ Add all of above components to a clean reaction vessel, mix well by pipetting.</li>
}
+
<li> Incubate at 25 °C for 30 minutes.</li>
 
+
<li> ➟ Immediately purify DNA using PCR clean-up column and elute in ~50 µL.</li>
.full_size {
+
<li> ➟ OR - Immediately dilute (at least 1:10, but enough such that 0.1-10 ng of ligation product will be transformed in TE or water </li>
width:100%;
+
<li> ➟ Transform 0.1-10 ng of ligation product into chemically or electrocompetent cell line that is compatible with vector</li>
}
+
</ol><br>
 
+
.full_size img {
+
padding: 10px 15px;
+
width:96.5%;
+
}
+
 
+
.half_size {
+
width: 50%;
+
}
+
.half_size img {
+
padding: 10px 15px;
+
width: 93%;
+
}
+
 
+
 
+
.clear {
+
clear:both;
+
}
+
 
+
.highlight {
+
width: 90%;
+
margin: auto;
+
padding: 15px 5px;
+
background-color: #f2f2f2;
+
}
+
 
+
.judges-will-not-evaluate {
+
border: 4px solid #72c9b6;
+
display: block;
+
margin: 5px 15px;
+
width: 95%;
+
font-weight:bold;
+
}
+
 
+
 
+
/*STYLING */
+
 
+
/* styling for the titles */
+
.content_wrapper h1, .content_wrapper h2 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color:#72c9b6;
+
 
+
}
+
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
padding:5px 15px;
+
border-bottom:0px;
+
color: #000000; 
+
}
+
 
+
 
+
/* font and text */
+
.content_wrapper p {
+
padding:0px 15px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
        .content_wrapper p2 {
+
padding:0px 15px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
                color: #FFFFFF
+
}
+
 
+
/* Links */
+
.content_wrapper a {
+
font-weight: bold;
+
text-decoration: underline;
+
text-decoration-color:#72c9b6;
+
color: #72c9b6;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* hover for the links */
+
.content_wrapper a:hover {
+
text-decoration:none;
+
color:#000000;
+
}
+
 
+
/* non numbered lists */
+
.content_wrapper ul {
+
padding:0px 20px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* numbered lists */
+
.content_wrapper ol {
+
padding:0px;
+
font-size: 13px;
+
font-family:Tahoma, Geneva, sans-serif;
+
}
+
 
+
/* Table */
+
.content_wrapper table {
+
width: 97%;
+
margin:15px 10px;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table cells */
+
.content_wrapper  td {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
}
+
 
+
/* table headers */
+
.content_wrapper th {
+
padding: 10px;
+
vertical-align: text-top;
+
border: 1px solid #d3d3d3;
+
border-collapse: collapse;
+
background-color:#f2f2f2;
+
}
+
 
+
/* Button class */
+
.button_click {
+
margin: 10px auto;
+
padding: 15px; width:12%; 
+
text-align:center;
+
font-weight:bold;
+
background-color: #72c9b6;
+
cursor:pointer; 
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;
+
transition: all 0.4s ease;
+
}
+
 
+
/* button class on hover */
+
.button_click:hover { 
+
background-color:#000000;
+
color:#72c9b6;
+
}
+
 
+
/********************************* RESPONSIVE STYLING ********************************/
+
 
+
/* IF THE SCREEN IS LESS THAN 1000PX */
+
 
+
@media only screen and (max-width: 1000px) {
+
 
+
#content {width:100%; }
+
.menu_wrapper {width:15%;}
+
.content_wrapper {margin-left: 15%;}
+
.menu_item {display:block;}
+
.icon {display:none;}
+
.highlight {padding:10px 0px;}
+
}
+
 
+
 
+
/* IF THE SCREEN IS LESS THAN 680PX */
+
 
+
@media only screen and (max-width: 680px) {
+
.collapsable_menu_control { display:block;}
+
.menu_item {display:none;}
+
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
.content_wrapper {width:100%; margin-left:0px;}
+
.column.half_size {width:100%; }
+
.column img { width: 100%; padding: 5px 0px;}
+
.icon {display:block;}
+
.highlight {padding:15px 5px;}
+
}
+
 
+
</style>
+
<div>
+
 
+
 
+
 
+
 
+
<div class="collapsable_menu_control"> MENU ▤ </div>
+
<ul id="accordion" class="accordion">
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> Competent Cells
+
<ul class="submenu">
+
<li>
+
<a href="">
+
<div>
+
<h>Preparation of Bacillus subtilis competent cells</h>
+
 
+
<ol><li>Streak out the strain to be made competent on an LB agar plate as a large patch and incubate overnight at 30°C</li>
+
 
+
<li>The following morning scrape the cell growth off the plate and use to inoculate fresh, pre-warmed, SpC medium (20 ml) to give an OD600 reading of about 0.5. </li>
+
 
+
<li>Incubate the culture at 37°C with vigorous aeration and take periodic OD readings (OD600) to assess cell growth.</li>
+
+
<li>When the rate of cell growth is seen to depart from exponential (i.e. no significant change in cell density over 20-30 min) inoculate 200 ml of pre-warmed, SpII medium with 2 ml of stationary-phase culture and continue incubation at 37°C with slower aeration </li>
+
 
+
<li>After 90 min incubation, pellet the cells by centrifugation (8,000 g, 5min) at room temperature.</li>
+
 
+
<li>Carefully decant the supernatant into a sterile container and save.</li>
+
 
+
<li>Gently resuspended the cell pellet in 18 ml of the saved supernatant and add 2 ml of sterile glycerol; mix gently </li>
+
 
+
<li>Aliquot the competent cell (0.5 ml) in sterile tubes, freeze rapidly in liquid nitrogen or a dry-iced/ethanol bath or ice/isopropanol bath and store -70.</li></ol>
+
 
+
</div></a></li></ul></li>
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> Transformation
+
<ul class="submenu">
+
<li>  
+
<a href="">
+
<div>
+
<h>Cells Preparation :</h>
+
 
+
<ol><li>Thaw competent cells rapidly by immersing frozen tubes in a 37°C water bath</li>
+
 
+
<li>Immediately, add one volume of SpII + EGTA to the Thawed cells; mix gently </li>
+
 
+
<li>In a sterile test tube add competent cell (0.2~0.5 ml) to the DNA solution (<0.1 ml) and incubate in a roller drum at 37.</li>
+
 
+
<li>Dilute the transformed cells as appropriate in T base containing 0.5% glucose and plate immediately onto selective media. </li></ol>
+
 
+
<p align="center"><img src="https://static.igem.org/mediawiki/igem.org/d/d3/Transfo_pic_1.png" width="400px"/></p>
+
</div></a>
+
<a href=""><div>
+
<h>Digestion :</h>
+
<ol><li>Select restriction enzymes to digest your plasmid. Determine an appropriate reaction buffer by reading the instructions for your enzyme. </li>
+
<p>In a 1.5mL tube combine the following:</p>
+
<ul><li>DNA </li>
+
<li>Restriction Enzyme(s)</li>  
+
<li>Buffer </li>
+
<li>dH2O up to total volume</li> </ul>
+
<p>Mix gently by pipetting. </p>
+
 
+
<li>Incubate tube at appropriate temperature (usually 37°C) for 1 hour. </li>
+
 
+
<li>Always follow the manufacturer’s instructions. </li>
+
 
+
<li>To visualize the results of your digest, conduct gel electrophoresis</li></ol>
+
</div></a>
+
<a href=""><div>
+
<h>Vector Preparation :</h>
+
<p>Combine the following in a PCR or Eppendorf tube:</p>
+
<ul><li>25ng Vector DNA</li>
+
<li>75ng Insert DNA</li>
+
<li>Ligase Buffer (1μL/10μL reaction for 10X buffer, and 2μL/10μL reaction for 5X buffer)</li>
+
<li>0.5-1μL T4 DNA Ligase</li>
+
<li>H20 to a total of 10μL</li></ul>
+
<p>Incubate at room temperature for 2hr, or at 16°C overnight (following the manufacturer’s instructions).</p>
+
 
+
</div></a></li></ul></li>
+
 
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> Deletion
+
<ul class="submenu">
+
<li>
+
<a href="">
+
<div>
+
<p>Deletion Step 1 :</p>
+
<img src="aaa" width="500px"/>
+
<p>Deletion Step 2 :</p>
+
<img src="aaa" width="500px"/>
+
<p>Deletion Step 3 :</p>
+
<img src="aaa" width="500px"/></div></a></li></ul></li>
+
 
+
 
+
<li class="menu_item"> <div class="icon plus"></div> Other
+
<ul class="submenu">
+
<li>  
+
<a href="">
+
<div>
+
<p>Whatever Step 1 :</p>
+
<img src="aaa" width="50px"/>
+
<p>Whatever Step 2 :</p>
+
<img src="aaa" width="50px"/></div></a>
+
<a href="">
+
<div>
+
<p>Un autre truc Step 1 :</p>
+
<img src="aaa" width="50px"/>
+
<p>Un autre truc Step 2 :</p>
+
<img src="aaa" width="50px"/></div></a></li></ul></li>
+
 
+
 
+
</ul>
+
 
+
 
</div>
 
</div>
 
+
</div>
 +
<br>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:06, 20 October 2016