(9 intermediate revisions by the same user not shown) | |||
Line 257: | Line 257: | ||
border: 2px solid #99948f; | border: 2px solid #99948f; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
− | font-size: | + | font-size: 16px; |
padding: 10px; | padding: 10px; | ||
+ | font-weight: bold; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
text-align: left; | text-align: left; | ||
Line 266: | Line 267: | ||
border: 2px solid #99948f; | border: 2px solid #99948f; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
− | |||
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | 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 848: | Line 868: | ||
<div class="igem_content_wrapper"> | <div class="igem_content_wrapper"> | ||
− | <img class="full_image" src="https:// | + | <img class="full_image" src="https://via.placeholder.com/2000X400/ddd6d0/99948f"> |
Line 855: | Line 875: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="column full_size"> | <div class="column full_size"> | ||
Line 917: | Line 885: | ||
<div class="column full_size"> | <div class="column full_size"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X200/ddd6d0/99948f"> |
<h2>H1 > Column Full size: </h1> | <h2>H1 > Column Full size: </h1> | ||
Line 928: | Line 896: | ||
<div class="column half_size"> | <div class="column half_size"> | ||
− | <img src="https:// | + | <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 934: | Line 902: | ||
<div class="column half_size"> | <div class="column half_size"> | ||
− | <img src="https:// | + | <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 942: | Line 910: | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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 948: | Line 916: | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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 954: | Line 922: | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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 962: | Line 930: | ||
<div class="column quarter_size"> | <div class="column quarter_size"> | ||
− | <img src="https:// | + | <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 968: | Line 936: | ||
<div class="column quarter_size"> | <div class="column quarter_size"> | ||
− | <img src="https:// | + | <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 974: | Line 942: | ||
<div class="column quarter_size"> | <div class="column quarter_size"> | ||
− | <img src="https:// | + | <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 980: | Line 948: | ||
<div class="column quarter_size"> | <div class="column quarter_size"> | ||
− | <img src="https:// | + | <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 989: | Line 957: | ||
<div class="column three_quarter_size"> | <div class="column three_quarter_size"> | ||
− | <img src="https:// | + | <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 996: | Line 964: | ||
<div class="column quarter_size"> | <div class="column quarter_size"> | ||
− | <img src="https:// | + | <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 1,004: | Line 972: | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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 1,010: | Line 978: | ||
<div class="column two_third_size"> | <div class="column two_third_size"> | ||
− | <img src="https:// | + | <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,432: | Line 1,400: | ||
<div class="slide "> | <div class="slide "> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X201/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X202/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X203/ddd6d0/99948f"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,459: | Line 1,427: | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X201/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X202/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X203/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X204/ddd6d0/99948f"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,484: | Line 1,452: | ||
<div class="content"> | <div class="content"> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X201/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X202/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X203/ddd6d0/99948f"> |
</div> | </div> | ||
Line 1,510: | Line 1,478: | ||
<div class="content"> | <div class="content"> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X201/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X202/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X203/ddd6d0/99948f"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,528: | Line 1,496: | ||
<div class="content"> | <div class="content"> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X201/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X202/ddd6d0/99948f"> |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X203/ddd6d0/99948f"> |
</div> | </div> | ||
</div> | </div> | ||
Line 1,554: | Line 1,522: | ||
<div class="slide"> | <div class="slide"> | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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:// | + | <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:// | + | <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,571: | Line 1,539: | ||
<div class="slide"> | <div class="slide"> | ||
<div class="column third_size"> | <div class="column third_size"> | ||
− | <img src="https:// | + | <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:// | + | <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:// | + | <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,595: | 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,622: | Line 1,655: | ||
<div class="column full_size"> | <div class="column full_size"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X200/ddd6d0/99948f"> |
<h2>H1 > Column Full size: </h1> | <h2>H1 > Column Full size: </h1> | ||
Line 1,838: | Line 1,871: | ||
<div class="column full_size"> | <div class="column full_size"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/1000X200/ddd6d0/99948f"> |
<h2>H1 > Column Full size: </h1> | <h2>H1 > Column Full size: </h1> | ||
Line 2,509: | 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,544: | 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
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.
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.