Difference between revisions of "HQ:2021"

 
(10 intermediate revisions by the same user not shown)
Line 244: Line 244:
 
 
 
 
 +
 +
 +
.igem_column_wrapper table {
 +
    border: 2px solid #99948f;
 +
    border-collapse: collapse;
 +
    font-size: 120%;
 +
    width: 100%;
 +
}
 +
 +
.igem_column_wrapper th {
 +
  background-color: #ddd6d0;
 +
  border: 2px solid #99948f;
 +
  border-collapse: collapse;
 +
    font-size: 16px;
 +
    padding: 10px;
 +
font-weight: bold;
 +
    vertical-align: text-top;
 +
    text-align: left;
 +
}
 +
 +
.igem_column_wrapper td {
 +
    border: 2px solid #99948f;
 +
    border-collapse: collapse;
 +
    padding: 10px;
 +
    vertical-align: text-top;
 +
font-size: 15px;
 +
    color: black;
 +
    text-align: left;
 +
    letter-spacing: 1px;
 +
}
 +
 +
 +
/*styled select dropdowns */
 +
.styled_select{
 +
padding: 10px;
 +
    background-color: #2c3e66;
 +
    border: 2px solid #2c3e66;
 +
    font-weight: bold;
 +
    margin-top: 5px;
 +
    border-radius: 5px;
 +
    cursor: pointer;
 +
    color: #ffffff;
 +
}
 +
 +
.styled_select:hover{
 +
background-color: #abb4ca;
 +
    color: #2c3e66;
 +
}
 
 
 
/*special themes*/
 
/*special themes*/
Line 820: Line 868:
 
<div class="igem_content_wrapper">
 
<div class="igem_content_wrapper">
 
 
−
<img class="full_image" src="https://placehold.it/2000x400">
+
<img class="full_image" src="https://via.placeholder.com/2000X400/ddd6d0/99948f">
 
 
 
 
Line 827: Line 875:
 
 
  
−
 
−
<div class="column full_image">
 
−
 
−
<select class="styled_select timezone_converter" id="timezone_converter">
 
−
 
−
</select>
 
−
 
−
 
−
<table>
 
−
 
−
<tr>
 
−
<th>Date </th>
 
−
<th>#</th>
 
−
</tr>
 
−
<tr>
 
−
<td class="date_timezone">06,09,1000,30</td>
 
−
<td>1</td>
 
−
</tr>
 
 
 
−
<tr>
 
−
<td class="date_timezone">06,09,0300,60</td>
 
−
<td>2</td>
 
−
</tr>
 
−
 
−
<tr>
 
−
<td class="date_timezone">06,09,1300,60</td>
 
−
<td>3</td>
 
−
</tr>
 
−
<tr>
 
−
<td class="date_timezone">06,16,1000,30</td>
 
−
<td>4</td>
 
−
</tr>
 
−
 
−
<tr>
 
−
<td class="date_timezone">06,23,0300,60</td>
 
−
<td>5</td>
 
−
</tr>
 
−
 
−
<tr>
 
−
<td class="date_timezone">06,23,1300,60</td>
 
−
<td>6</td>
 
−
</tr>
 
−
 
−
</table>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
<div class="clear extra_space"></div>
 
−
<div class="clear extra_space"></div>
 
−
 
−
 
 
 
 
<div class="column full_size">
 
<div class="column full_size">
Line 889: Line 885:
 
<div class="column full_size">
 
<div class="column full_size">
 
 
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
 
 
<h2>H1 > Column Full size: </h1>
 
<h2>H1 > Column Full size: </h1>
Line 900: Line 896:
 
 
 
<div class="column half_size">  
 
<div class="column half_size">  
−
<img src="https://placehold.it/1000x200">  
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">  
 
<h2>H2 > Column Half size </h2>
 
<h2>H2 > Column Half size </h2>
 
<p>Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 906: Line 902:
 
 
 
<div class="column half_size">
 
<div class="column half_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<h2>H2 > Column Half size </h2>
 
<h2>H2 > Column Half size </h2>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 914: Line 910:
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H3>H3 > Column Third size </H3>
 
<H3>H3 > Column Third size </H3>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 920: Line 916:
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H3>H3 > Column Third size </H3>
 
<H3>H3 > Column Third size </H3>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 926: Line 922:
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H3>H3 > Column Third size </H3>
 
<H3>H3 > Column Third size </H3>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 934: Line 930:
 
 
 
<div class="column quarter_size">
 
<div class="column quarter_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H4>H4 > Column Quarter size </H4>
 
<H4>H4 > Column Quarter size </H4>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 940: Line 936:
 
 
 
<div class="column quarter_size">
 
<div class="column quarter_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H4>H4 > Column Quarter size </H4>
 
<H4>H4 > Column Quarter size </H4>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 946: Line 942:
 
 
 
<div class="column quarter_size">
 
<div class="column quarter_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H4>H4 > Column Quarter size </H4>
 
<H4>H4 > Column Quarter size </H4>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 952: Line 948:
 
 
 
<div class="column quarter_size">
 
<div class="column quarter_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H4>H4 > Column Quarter size </H4>
 
<H4>H4 > Column Quarter size </H4>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 961: Line 957:
 
 
 
<div class="column three_quarter_size">
 
<div class="column three_quarter_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H5>H5 > Column Three Quarter size </H5>
 
<H5>H5 > Column Three Quarter size </H5>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 968: Line 964:
 
 
 
<div class="column quarter_size">
 
<div class="column quarter_size">
−
<img src="https://placehold.it/1000x635">
+
<img src="https://via.placeholder.com/1000X635/ddd6d0/99948f">
 
<H5>H5 > Column Quarter size </H4>
 
<H5>H5 > Column Quarter size </H4>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 976: Line 972:
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x410">
+
<img src="https://via.placeholder.com/1000X410/ddd6d0/99948f">
 
<H6>H6 > Column Third size </H6>
 
<H6>H6 > Column Third size </H6>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 982: Line 978:
 
 
 
<div class="column two_third_size">
 
<div class="column two_third_size">
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
<H6>H6 > Column Two Third size </H6>
 
<H6>H6 > Column Two Third size </H6>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
Line 1,404: Line 1,400:
 
 
 
<div class="slide ">
 
<div class="slide ">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x202">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x203">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,431: Line 1,427:
 
 
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x202">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x203">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x204">
+
<img src="https://via.placeholder.com/1000X204/ddd6d0/99948f">
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,456: Line 1,452:
 
<div class="content">
 
<div class="content">
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x202">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x203">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
</div>
 
</div>
 
 
Line 1,482: Line 1,478:
 
<div class="content">
 
<div class="content">
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x202">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x203">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,500: Line 1,496:
 
<div class="content">
 
<div class="content">
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x202">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
−
<img src="https://placehold.it/1000x203">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,526: Line 1,522:
 
<div class="slide">
 
<div class="slide">
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
<p> example slide 1.1</p>
 
<p> example slide 1.1</p>
 
</div>
 
</div>
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
<p> example slide 1.2</p>
 
<p> example slide 1.2</p>
 
</div>
 
</div>
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
<p> example slide 1.3</p>
 
<p> example slide 1.3</p>
 
</div>
 
</div>
Line 1,543: Line 1,539:
 
<div class="slide">
 
<div class="slide">
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X201/ddd6d0/99948f">
 
<p> example slide 2.1</p>
 
<p> example slide 2.1</p>
 
</div>
 
</div>
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X202/ddd6d0/99948f">
 
<p> example slide 2.2</p>
 
<p> example slide 2.2</p>
 
</div>
 
</div>
 
 
 
<div class="column third_size">
 
<div class="column third_size">
−
<img src="https://placehold.it/1000x201">
+
<img src="https://via.placeholder.com/1000X203/ddd6d0/99948f">
 
<p> example slide 2.3</p>
 
<p> example slide 2.3</p>
 
</div>
 
</div>
Line 1,567: Line 1,563:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>
 +
 +
 +
<div class="column full_size">
 +
 +
 +
<h1> TABLES AND TIMEZONE CONVERTER</h1>
 +
 +
<select class="styled_select" id="timezone_converter">
 +
 +
</select>
 +
 +
<div class="clear extra_space"></div>
 +
 +
 +
 +
 +
<table>
 +
 +
<tr>
 +
<th>Date </th>
 +
<th>#</th>
 +
</tr>
 +
<tr>
 +
<td class="date_timezone">06,09,1000,30</td>
 +
<td>1</td>
 +
</tr>
 +
 +
<tr>
 +
<td class="date_timezone">06,09,0300,60</td>
 +
<td>2</td>
 +
</tr>
 +
 +
<tr>
 +
<td class="date_timezone">06,09,1300,60</td>
 +
<td>3</td>
 +
</tr>
 +
<tr>
 +
<td class="date_timezone">06,16,1000,30</td>
 +
<td>4</td>
 +
</tr>
 +
 +
<tr>
 +
<td class="date_timezone">06,23,0300,60</td>
 +
<td>5</td>
 +
</tr>
 +
 +
<tr>
 +
<td class="date_timezone">06,23,1300,60</td>
 +
<td>6</td>
 +
</tr>
 +
 +
</table>
 +
 +
</div>
 +
 +
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>
 +
 +
 +
 +
 +
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,594: Line 1,655:
 
<div class="column full_size">
 
<div class="column full_size">
 
 
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
 
 
<h2>H1 > Column Full size: </h1>
 
<h2>H1 > Column Full size: </h1>
Line 1,810: Line 1,871:
 
<div class="column full_size">
 
<div class="column full_size">
 
 
−
<img src="https://placehold.it/1000x200">
+
<img src="https://via.placeholder.com/1000X200/ddd6d0/99948f">
 
 
 
<h2>H1 > Column Full size: </h1>
 
<h2>H1 > Column Full size: </h1>
Line 2,481: Line 2,542:
 
return (hour_obj.hours+":"+hour_obj.minutes+"  "+hour_obj.midday);
 
return (hour_obj.hours+":"+hour_obj.minutes+"  "+hour_obj.midday);
 
}
 
}
 +
 
 
 
//append the values for the time zone select dropdown
 
//append the values for the time zone select dropdown
Line 2,516: Line 2,578:
 
 
 
timezone_values_str = timezone_values_str+
 
timezone_values_str = timezone_values_str+
−
    "<option id='"+ utcs_ids[x] +"' value='"+ utc_value +"'>"+
+
    "<option id='"+ utcs_ids[x] +
 +
  "' value='"+ utc_value +"'>"+
 
    utcs_names[x] + "</option>";
 
    utcs_names[x] + "</option>";
 
 

Latest revision as of 12:25, 12 February 2021

GIANT JAMBOREE
COMPETITION
Competition 1
Competition 1
Competition 2
Sub Competition 2.1
Sub Competition 2.2
Competition 3
Sub Competition 3.1
Sub Competition 3.2

COLUMNS : LAYOUT CLASSES

H1 > Column Full size:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H2 > Column Half size

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H2 > Column Half size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 > Column Third size

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 > Column Third size

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H3 > Column Third size

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H4 > Column Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H4 > Column Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H4 > Column Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H4 > Column Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H5 > Column Three Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H5 > Column Quarter size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H6 > Column Third size

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

H6 > Column Two Third size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

BUTTON / DEFAULT
BUTTON LIGHT
BUTTON DARK
BUTTON ORANGE
BUTTON PURPLE
BUTTON WINE
BUTTON CORAL
BUTTON TEAL
BUTTON LIGHT GREEN
BUTTON DARK GREEN
BUTTON YELLOW

DECORATION: HIGHLIGHTS

Third size: highlight border light : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border red: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border lightgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border darkgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border teal: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border yellow: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border coral: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border purple: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border orange: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border wine: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

SAME HEIGHT BOXES: ROW

Row: Half size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Quarter size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Quarter size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Third size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Two third size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Three quarter size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Quarter size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Half size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Half size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Third size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Third size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Row: Third size: highlight border: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

HIGHLIGHT POSTS

Title of the post with icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title of the post with icon
Keyword
Team name / Host
Time of event
Location of event
Contact for event

Full size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Three Quarter size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CARROUSELS

GALLERY

TABLES AND TIMEZONE CONVERTER

Date #
06,09,1000,30 1
06,09,0300,60 2
06,09,1300,60 3
06,16,1000,30 4
06,23,0300,60 5
06,23,1300,60 6

LIGHT THEME

H1 > Column Full size:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

DECORATION: HIGHLIGHTS

Third size: highlight border light : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border red: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border lightgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border darkgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border teal: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border yellow: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border coral: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border purple: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border orange: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border wine: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

HIGHLIGHT POSTS

Title of the post with icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title of the post with icon
Keyword
Team name / Host
Time of event
Location of event
Contact for event

Full size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

>

DARK THEME

H1 > Column Full size:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

DECORATION: HIGHLIGHTS

Third size: highlight border light : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight background gray: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight border red: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border lightgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border darkgreen: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border teal: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border yellow: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border coral: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border purple: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border orange: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Quarter size: highlight border wine: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight dark: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third size: highlight medium: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

HIGHLIGHT POSTS

Title of the post with icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title of the post with icon
Keyword
Team name / Host
Time of event
Location of event
Contact for event

Full size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Half size: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

>