Difference between revisions of "Team:TecCEM/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
 
−
{{TecCEM}}
+
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>Untitled Document</title>
 +
</head>
  
−
<div class="column two_thirds_size" >
+
<body>
−
 
+
<h1>Pruebas</h1>
−
<h1>Team</h1>
+
<div class="general">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<div class="left">
−
 
+
<h2>Left</h2>
−
 
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.</p>
−
<h3>What should this page contain?</h3>
+
</div>
−
<ul>
+
<div class="right">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<h2>Right</h2>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.</p>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<p>Como se fue demostrado por Ramirez en 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<div class="father">
−
</ul>
+
<p>[1]</p>
−
 
+
<span class="content">
−
<p><b>Important:</b> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</p>
+
<h3>Referencia</h3>
−
</div>
+
<p>[1] Secretaría de Salud: Datos abiertos dirección general de epidemiología (2021), https://www.
−
 
+
gob.mx/salud/documentos/datos-abiertos-152127.</p>
−
 
+
</span>
−
 
+
</div>
−
<div class="column third_size" >
+
Adicionalmente, encontramos expuesto en
−
<div class="highlight decoration_A_full">
+
<div class="father">
−
<h3>Inspiration</h3>
+
<p>(Senin, 2008)</p>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<span class="content">
−
Here are a few examples:</p>
+
<h3>Referencia</h3>
−
<ul>
+
<p>[2] Senin, P. (2008). Dynamic Time Warping Algorithm Review. Science, 2007(December), 1–23. http://129.173.35.31/~pf/Linguistique/Treillis/ReviewDTW.pdf.</p>
−
 
+
</span>
−
<li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
+
</div>
−
<li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et vitae accusamus perspiciatis labore id excepturi ex facilis! Accusamus, reprehenderit ducimus iure incidunt, dolorum dolorem sint nisi libero amet, quasi, neque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae placeat deserunt, pariatur alias ad eius in ex hic aut, nisi modi quaerat labore, illum numquam. Totam repellat dolorem, culpa cumque. Y finalmente tenemos el trabajo de
−
<li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
+
<div class="father">
−
 
+
<p>Altan A et al. (2020)</p>
−
<li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
+
<span class="content">
−
<li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
+
<h3>Referencia</h3>
−
<li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
+
<p>[3] Altan, A., & Karasu, S. (2020). Recognition of COVID-19 disease from X-ray images by hybrid model consisting of 2D curvelet transform, chaotic salp swarm algorithm and deep learning technique. Chaos, Solitons and Fractals, 140, 110071. https://doi.org/10.1016/j.chaos.2020.110071</p>
−
 
+
</span>
−
</ul>
+
</div>
−
</div>
+
</p>
−
</div>
+
</div>
 +
</div>
 +
 +
 +
<style>
 +
.general{
 +
display: flex;
 +
}
 +
.left{
 +
background: #7922C8;
 +
padding: 10px;
 +
width: 25%;
 +
margin-right: 10px;
 +
}
 +
.right{
 +
width: 75%;
 +
padding: 10px;
 +
background: #DF9899
 +
}
 +
.father {
 +
  position: relative;
 +
display: inline;
 +
transition: 0.5s;
 +
cursor: pointer;
 +
width: auto;
 +
}
 +
.father:hover{
 +
text-decoration: underline;
 +
}
 +
.father .content{
 +
position: absolute;
 +
bottom: 55px;
 +
width: 500px;
 +
background: #fff;
 +
padding: 20px;
 +
box-sizing: border-box;
 +
visibility: hidden;
 +
opacity: 0;
 +
transition: 0.5s;
 +
transform: translateX(-50%) translateY(50px)
 +
}
 +
 +
.father:hover .content{
 +
visibility: visible;
 +
opacity: 1;
 +
transform: translateX(-50%) translateY(0px)
 +
}
 +
p{
 +
display: inline;
 +
}
 +
</style>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 19:46, 9 August 2021

Untitled Document

Pruebas

Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.

Right

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem modi quos consequatur at ex magnam earum facere dicta optio eligendi, nemo reiciendis nobis a ducimus, in autem fugiat fugit. Natus.

Como se fue demostrado por Ramirez en

[1]

Referencia

[1] Secretaría de Salud: Datos abiertos dirección general de epidemiología (2021), https://www. gob.mx/salud/documentos/datos-abiertos-152127.
Adicionalmente, encontramos expuesto en

(Senin, 2008)

Referencia

[2] Senin, P. (2008). Dynamic Time Warping Algorithm Review. Science, 2007(December), 1–23. http://129.173.35.31/~pf/Linguistique/Treillis/ReviewDTW.pdf.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et vitae accusamus perspiciatis labore id excepturi ex facilis! Accusamus, reprehenderit ducimus iure incidunt, dolorum dolorem sint nisi libero amet, quasi, neque.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae placeat deserunt, pariatur alias ad eius in ex hic aut, nisi modi quaerat labore, illum numquam. Totam repellat dolorem, culpa cumque. Y finalmente tenemos el trabajo de

Altan A et al. (2020)

Referencia

[3] Altan, A., & Karasu, S. (2020). Recognition of COVID-19 disease from X-ray images by hybrid model consisting of 2D curvelet transform, chaotic salp swarm algorithm and deep learning technique. Chaos, Solitons and Fractals, 140, 110071. https://doi.org/10.1016/j.chaos.2020.110071