Difference between revisions of "Template:Groningen/Description"

Line 10: Line 10:
 
<body>
 
<body>
  
−
<!-- Dit is het logo met ruimte (oude manier) -->
+
<!-- Dit is het logo met ruimte (oude manier) --------------------------------------------------->
  
 
<div class="igem_2018_team_content" style="background-color: white">
 
<div class="igem_2018_team_content" style="background-color: white">
Line 24: Line 24:
 
</div>
 
</div>
  
−
<!-- Dit is content op de oude manier-->
+
<!-- Dit is content op de oude manier --------------------------------------------------->
 +
 
 
<div class="igem_2018_team_content" style="background-color: white">
 
<div class="igem_2018_team_content" style="background-color: white">
 
<div class="igem_2018_team_column_wrapper">
 
<div class="igem_2018_team_column_wrapper">
Line 42: Line 43:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<!-- Nieuwe manier-------------------------------------->
 +
<div class = "row">
 +
        <div class = "col m1 grey center">1</div>
 +
        <div class = "col m1 center">2</div>
 +
        <div class = "col m1 grey center">3</div>
 +
        <div class = "col m1 center">4</div>
 +
        <div class = "col m1 grey center">5</div>
 +
        <div class = "col m1 center">6</div>
 +
        <div class = "col m1 center grey">7</div>
 +
        <div class = "col m1 center">8</div>
 +
        <div class = "col m1 center grey">9</div>
 +
        <div class = "col m1 center">10</div>
 +
        <div class = "col m1 center grey">11</div>
 +
        <div class = "col m1 center">12</div>
 +
      </div>
 +
     
 +
      <div class = "row">
 +
        <div class = "col m4 l3 yellow">
 +
            <p>This text will use 12 columns on a small screen, 4 on a medium screen (m4),
 +
              and 3 on a large screen (l3).</p>
 +
        </div>
 +
       
 +
        <div class = "col s4 m8 l9 grey"> 
 +
            <p>This text will use 4 columns on a small screen (s4), 8 on a medium screen
 +
              (m8), and 9 on a large screen (l9).</p>
 +
        </div>
 +
      </div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:16, 2 October 2018

A plastic with high demand

The expected worldwide consumption of styrene, an important building block for many plastics, is expected to increase to 41 million tons in 2020. The vast majority of styrene is currently derived from crude oil, which releases already fixated carbon back into the environment and costs energy to refine and produce. This has a negative impact on the environment.

1
2
3
4
5
6
7
8
9
10
11
12

This text will use 12 columns on a small screen, 4 on a medium screen (m4), and 3 on a large screen (l3).

This text will use 4 columns on a small screen (s4), 8 on a medium screen (m8), and 9 on a large screen (l9).