Difference between revisions of "Team:Marburg/Team"

Line 3: Line 3:
 
<div class="titleWrapper"><div class="titleBackground" style="background-image:none"></div><div class="title">Team</div></div>
 
<div class="titleWrapper"><div class="titleBackground" style="background-image:none"></div><div class="title">Team</div></div>
 
<article>
 
<article>
−
<h1>This page is currently under construction</h1>
+
<style>
 +
article figure {
 +
display: inline-block;
 +
position: relative;
 +
width: 40%;
 +
margin: 0;
 +
}
 +
article figure img {
 +
width: 100%;
 +
}
 +
article figure img:nth-child(2) {
 +
position: absolute;
 +
left:0;
 +
opacity: 0;
 +
transition: opacity 0.3s ease-in-out;
 +
}
 +
article figure img:nth-child(2):hover {
 +
opacity: 1;
 +
}
 +
article figure figcaption {}
 +
article aside {
 +
float: right;
 +
width: 60%;
 +
display: inline-block;
 +
padding: 0 1% 0 1%;
 +
box-sizing: border-box;
 +
}
 +
article ul li {
 +
list-style: none;
 +
padding: 1%;
 +
margin: 3% 0 3% 0;
 +
box-sizing: border-box;
 +
background-color: rgb(245,245,245);
 +
}
 +
article ul {
 +
margin-bottom: 2% !important;
 +
}
 +
article>div {
 +
margin-bottom: 2%;
 +
}
 +
</style>
 +
<div>
 +
<h1>Lorem ipsum</h1> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</div>
 +
 +
 +
<ul>
 +
<li>
 +
  <figure>
 +
<img src="http://www.ieeeaustsb.org/files/2017/05/placeholder-female-square.png">
 +
<img src="https://vignette.wikia.nocookie.net/undertale-rho/images/5/5f/Placeholder.jpg">
 +
 +
<figcaption> This is Bob </figcaption>
 +
</figure>
 +
<aside>Some text</aside>
 +
</li><li>
 +
  <figure>
 +
<img src="http://www.ieeeaustsb.org/files/2017/05/placeholder-female-square.png">
 +
<img src="https://vignette.wikia.nocookie.net/undertale-rho/images/5/5f/Placeholder.jpg">
 +
 +
<figcaption> This is Bob </figcaption>
 +
</figure>
 +
<aside>Some text</aside>
 +
</li><li>
 +
  <figure>
 +
<img src="http://www.ieeeaustsb.org/files/2017/05/placeholder-female-square.png">
 +
<img src="https://vignette.wikia.nocookie.net/undertale-rho/images/5/5f/Placeholder.jpg">
 +
 +
<figcaption> This is Bob </figcaption>
 +
</figure>
 +
<aside>Some text</aside>
 +
</li><li>
 +
  <figure>
 +
<img src="http://www.ieeeaustsb.org/files/2017/05/placeholder-female-square.png">
 +
<img src="https://vignette.wikia.nocookie.net/undertale-rho/images/5/5f/Placeholder.jpg">
 +
 +
<figcaption> This is Bob </figcaption>
 +
</figure>
 +
<aside>Some text</aside>
 +
</li>
 +
</ul>
 
</article>
 
</article>
 
</html>
 
</html>
 
{{Marburg/footer}}
 
{{Marburg/footer}}

Revision as of 11:59, 13 October 2018

Team

Lorem ipsum

dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
  • This is Bob
  • This is Bob
  • This is Bob
  • This is Bob
B. Marchal