The emergency banner is only ever shown on the home page in cases of extreme urgency. It is always placed at the very top of the home page.
It is vital that this element should only be used in cases of emergency – i.e. extremely sparingly.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, placeat, recusandae, amet, modi hic accusamus cumque id nesciunt debitis nihil neque quaerat reprehenderit iste mollitia laborum natus culpa laboriosam labore.
<divclass="alert alert--emergency clearfix"role="alert"><divclass="col-sm-3"><h3>Lorem ipsum</h3></div><divclass="col-sm-9"><p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, placeat, recusandae, amet, modi hic accusamus cumque id nesciunt debitis nihil neque quaerat reprehenderit iste mollitia laborum natus culpa laboriosam labore.
</p></div></div>
The contact box provides the user with a possibility to contact the website with regard to the content of the page. It is always to be found at the top of the context pane. If there is only one general contact available for the whole website, and if this is also available via the service navigation function, then the contact box is omitted.
The contact box shows two tabs: “Contact” and “Map”. In the “Contact” tab the name of the contact person, the address, the telephone number, the contact form, etc. are shown. If required, additional information, such as the opening hours of an embassy, for example, can be listed. In the “Map” tab, the contact is localized graphically in a map section, and the address is again listed in abbreviated form.
A click on “Print contact information” opens the browser’s or operating system’s print dialog.
On tablets the contact information is shown under the content of the page in a two-column layout. The contents of the two tabs are shown next to one another.
<divclass="row"><divclass="col-sm-6 col-sm-offset-1"><!-- Nav tabs --><ulclass="nav nav-tabs"><liclass="active"><ahref="#contact"data-toggle="tab">Contact</a></li><li><ahref="#map"data-toggle="tab">Map</a></li></ul><!-- Tab panes --><divclass="tab-content tab-border"><divclass="tab-pane active"id="contact"><divdata-print="contact-info"data-title="Contact"><addressitemprop="address"itemscope="itemscope"itemtype="http://data-vocabulary.org/Address"><strongitemprop="name">UNO-Mission New York</strong><span>Permanent Mission of Switzerland to the UN</span><br><spanitemprop="street-address">633, Third Avenue, 29th floor</span><br><spanitemprop="locality">New York</span>, <spanitemprop="region">NY</span><spanitemprop="postal-code">10017-6706</span><br><spanitemprop="country-name">United States of America</span></address><dlclass="dl-horizontal"><dt><abbrtitle="Phone">Tel.</abbr></dt><dd><ahref="tel:+41313223153">+41 31 322 31 53</a></dd><dt>Fax</dt><dd>+41 31 322 31 54</dd></dl><p><ahref="#"class="icon icon--before icon--message">Email</a><br><ahref="#"class="icon icon--before icon--list-alt">Contact form</a></p><h4>Visa</h4><p><ahref="#"class="icon icon--before icon--message">Email</a></p><h4>Opening hours</h4><p>Monday-Friday<br> 09.00-12.00 AM</p><p>Saturday and Sunday<br> closed
</p></div><pclass="hidden-xs"><ahref="#"onclick="$.printPreview.printPreview('contact-info')"class="icon icon--before icon--print">Print contact infos</a></p></div><divclass="tab-pane"id="map"><divdata-print="address-info"data-title="Address"><h3>UNO-Mission New York</h3><p>633, Third Avenue<br> New York, NY10017-6706</p><p><imgsrc="http://placehold.it/158x120"alt="Map"></p><p><ahref="#"class="icon icon--after icon--external">See on the map</a></p></div><pclass="hidden-xs"><ahref="#"onclick="$.printPreview.printPreview('address-info')"class="icon icon--before icon--print">Print address infos</a></p></div></div></div></div>
