(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{LMU-TUM_Munich|navClass=test}} |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | }} | + | |
== A test page== | == A test page== | ||
=== 3rd level headline === | === 3rd level headline === | ||
Line 117: | Line 5: | ||
===== 5th level headline ===== | ===== 5th level headline ===== | ||
====== 6th level headline ====== | ====== 6th level headline ====== | ||
− | + | <div class="container-fluid"> | |
− | + | <div class="row"> | |
− | < | + | <div class="col-sm-7"> |
− | + | Here is an HTML paragraph with <i>italic text</i> in it. It is housed in a column with a width of 7/12. The image next to it is inside a 5/12 column. | |
− | + | <hr/> | |
− | [[Image: | + | </div><!-- col --> |
− | + | <div class="col-sm-5"> | |
+ | [[Image:T--LMU-TUM_Munich--Logo.png|link=]|287px]] | ||
+ | </div><!-- col --> | ||
+ | <div class="col-xs-12"> | ||
+ | <div class="white-box"> | ||
+ | <p>This paragraph is standing next to an image link. It will wrap around, should the imagelink float. | ||
+ | <div class="imagelink float-right">[[Media:Muc16_Gallery_1.jpeg]][[Image:Muc16_Gallery_1.jpeg|200px|link=]]<div class="caption"> | ||
+ | This is an example for how to create an image link that displays a thumbnail and opens a larger version of the image in a lightbox when clicked on. The caption is optional. | ||
+ | </div><!-- caption --> | ||
+ | </div><!-- imagelink --> | ||
+ | </p> | ||
+ | {{LMU-TUM_Munich/imagelink|float-direction=left|src=Muc16_Gallery_1.jpeg|caption=This is a Testcaption|width=300px}} | ||
+ | </div><!-- white-box --> | ||
+ | </div><!-- col-xs-12 --> | ||
+ | <div class="col-xs-12"> | ||
<html> | <html> | ||
− | </div> | + | <div id="accordion" role="tablist" aria-multiselectable="true"> |
− | </div> | + | <div class="card"> |
+ | <div class="card-header" role="tab" id="headingOne"> | ||
+ | <h5 class="mb-0"> | ||
+ | <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | ||
+ | Collapsible Group Item #1 | ||
+ | </a> | ||
+ | </h5> | ||
+ | </div> | ||
+ | |||
+ | <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne"> | ||
+ | <div class="card-block"> | ||
+ | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="card-header" role="tab" id="headingTwo"> | ||
+ | <h5 class="mb-0"> | ||
+ | <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | ||
+ | Collapsible Group Item #2 | ||
+ | </a> | ||
+ | </h5> | ||
+ | </div> | ||
+ | <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo"> | ||
+ | <div class="card-block"> | ||
+ | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="card-header" role="tab" id="headingThree"> | ||
+ | <h5 class="mb-0"> | ||
+ | <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> | ||
+ | Collapsible Group Item #3 | ||
+ | </a> | ||
+ | </h5> | ||
+ | </div> | ||
+ | <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree"> | ||
+ | <div class="card-block"> | ||
+ | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
+ | </div><!-- col-xs-12 --> | ||
+ | </div><!-- row --> | ||
+ | </div><!-- container --> | ||
+ | {{LMU-TUM_Munich_html_end}} |
Latest revision as of 16:15, 17 November 2016
Contents
A test page
3rd level headline
4th level headline
5th level headline
6th level headline
Here is an HTML paragraph with italic text in it. It is housed in a column with a width of 7/12. The image next to it is inside a 5/12 column.
This paragraph is standing next to an image link. It will wrap around, should the imagelink float.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.