Warning: count(): Parameter must be an array or an object that implements Countable in /home/bycnbnenb/olimpiada.ii-nsk.ru/docs/libraries/joomla/updater/updater.php on line 275

Warning: count(): Parameter must be an array or an object that implements Countable in /home/bycnbnenb/olimpiada.ii-nsk.ru/docs/libraries/joomla/updater/updater.php on line 275

Warning: count(): Parameter must be an array or an object that implements Countable in /home/bycnbnenb/olimpiada.ii-nsk.ru/docs/libraries/joomla/updater/updater.php on line 300
http://olimpiada.ii-nsk.ru/index.php/sample-levels/level-2/2-uncategorised 2024-05-02T15:39:54+00:00 Сибирские узоры Joomla! - Open Source Content Management 2015-09-07T13:02:23+00:00 2015-09-07T13:02:23+00:00 http://olimpiada.ii-nsk.ru/index.php/gallery Super User

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/gallery_profil.png" alt="Demo" /> <p class="uk-text-center uk-article-lead uk-margin-large-top">Nick Vujicic</p> <blockquote>"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> </div> <div class="uk-column-medium-1-2 uk-margin-large-top"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature.svg" alt="Demo"/> <p class="tm-text-uppercase uk-margin-remove"><b>Amanda Meyer</b> Adventurer</p> </div> </div>

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/gallery_profil.png" alt="Demo" /> <p class="uk-text-center uk-article-lead uk-margin-large-top">Nick Vujicic</p> <blockquote>"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> </div> <div class="uk-column-medium-1-2 uk-margin-large-top"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature.svg" alt="Demo"/> <p class="tm-text-uppercase uk-margin-remove"><b>Amanda Meyer</b> Adventurer</p> </div> </div> 2015-09-07T13:00:04+00:00 2015-09-07T13:00:04+00:00 http://olimpiada.ii-nsk.ru/index.php/travel Super User

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <p class="uk-article-lead">Nick Vujicic</p> <blockquote class="uk-margin-large-bottom">"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> [widgetkit id="13" name="Pages Travel Doku"] <div class="uk-column-medium-1-2 uk-margin-large-top"> <p class="uk-text-left">Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenean commodo ligula eget dolor.</p> </div> </div> </div>

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <p class="uk-article-lead">Nick Vujicic</p> <blockquote class="uk-margin-large-bottom">"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> [widgetkit id="13" name="Pages Travel Doku"] <div class="uk-column-medium-1-2 uk-margin-large-top"> <p class="uk-text-left">Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenea dis massa. Cum sociis natoque penatibus et magnis parturient montes, nascetur ridiculus mus. Donec quam felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec Lorem ipsum dolor sit amet, consectetuer ipsum elit. Aenean commodo ligula eget dolor. Aenean commodo ligula eget dolor.</p> </div> </div> </div> 2015-09-07T12:54:24+00:00 2015-09-07T12:54:24+00:00 http://olimpiada.ii-nsk.ru/index.php/pages/about-us Super User

<div class="uk-width-large-5-6 uk-align-center"> <h1 class="uk-text-center">About Finch</h1> <div class="uk-margin-large-top uk-container-center uk-column-medium-1-2"> <p class="uk-text-left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p> <img class="uk-flex" src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature_02.svg" alt="Demo" /> <p class="tm-text-uppercase uk-margin-remove"><b>Andreas Meyer</b> Adventurer</p> </div> </div>

<div class="uk-width-large-5-6 uk-align-center"> <h1 class="uk-text-center">About Finch</h1> <div class="uk-margin-large-top uk-container-center uk-column-medium-1-2"> <p class="uk-text-left">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p> <img class="uk-flex" src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature_02.svg" alt="Demo" /> <p class="tm-text-uppercase uk-margin-remove"><b>Andreas Meyer</b> Adventurer</p> </div> </div> 2015-09-04T12:23:30+00:00 2015-09-04T12:23:30+00:00 http://olimpiada.ii-nsk.ru/index.php/sample-levels/level-2/2-uncategorised/27-pages Super User

This is a hidden article.

This is a hidden article. 2011-06-08T07:15:54+00:00 2011-06-08T07:15:54+00:00 http://olimpiada.ii-nsk.ru/index.php/features/widgetkit Super User

<div class="uk-margin-large-bottom uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">Widgets</h2> <p class="uk-text-large uk-margin-small-top">Currently available widgets</p> </div> [widgetkit id="5" name="Widgetkit Widgets"] <hr class="uk-article-divider uk-margin-large"> <div class="uk-margin-large uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">How to use</h2> <p class="uk-text-large uk-margin-small-top">Use a shortcode to display your widget anywhere on your website</p> </div> [widgetkit id="6" name="Widgetkit Tutorial"] <hr class="uk-article-divider uk-margin-large"> <div class="uk-margin-large uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">Features</h2> <p class="uk-text-large uk-margin-small-top">All widgets make use of modern web technologies</p> </div> [widgetkit id="7" name="Widgetkit Features"]

<div class="uk-margin-large-bottom uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">Widgets</h2> <p class="uk-text-large uk-margin-small-top">Currently available widgets</p> </div> [widgetkit id="5" name="Widgetkit Widgets"] <hr class="uk-article-divider uk-margin-large"> <div class="uk-margin-large uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">How to use</h2> <p class="uk-text-large uk-margin-small-top">Use a shortcode to display your widget anywhere on your website</p> </div> [widgetkit id="6" name="Widgetkit Tutorial"] <hr class="uk-article-divider uk-margin-large"> <div class="uk-margin-large uk-text-center"> <h2 class="uk-h1 uk-margin-bottom-remove">Features</h2> <p class="uk-text-large uk-margin-small-top">All widgets make use of modern web technologies</p> </div> [widgetkit id="7" name="Widgetkit Features"] 2011-05-02T07:49:24+00:00 2011-05-02T07:49:24+00:00 http://olimpiada.ii-nsk.ru/index.php Super User

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/home_profil.png" alt="Demo" /> <p class="uk-article-lead uk-margin-large-top">Nick Vujicic</p> <blockquote>"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> </div> <div class="uk-column-medium-1-2 uk-margin-large-top"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature.svg" alt="Demo"/> <p class="tm-text-uppercase uk-margin-remove"><b>Andreas Meyer</b> Adventurer</p> </div> </div>

<div class="uk-width-large-5-6 uk-align-center"> <div class="uk-text-center"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/home_profil.png" alt="Demo" /> <p class="uk-article-lead uk-margin-large-top">Nick Vujicic</p> <blockquote>"I encourage you to accept that you may not be able to see a path <br class="uk-hidden-small"> right now, but that doesn't mean it's not there.“</blockquote> </div> <div class="uk-column-medium-1-2 uk-margin-large-top"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/demo/default/signature.svg" alt="Demo"/> <p class="tm-text-uppercase uk-margin-remove"><b>Andreas Meyer</b> Adventurer</p> </div> </div> 2011-05-02T07:48:41+00:00 2011-05-02T07:48:41+00:00 http://olimpiada.ii-nsk.ru/index.php/features Super User

<div class="uk-text-center uk-margin-large-bottom"> <h2>Custom Widgets</h2> <p class="uk-article-lead">Finch is featuring 3 new Widgetkit widgets</p> </div> [widgetkit id="25" name="Features Widgets"]

<div class="uk-text-center uk-margin-large-bottom"> <h2>Custom Widgets</h2> <p class="uk-article-lead">Finch is featuring 3 new Widgetkit widgets</p> </div> [widgetkit id="25" name="Features Widgets"] 2011-05-02T07:48:08+00:00 2011-05-02T07:48:08+00:00 http://olimpiada.ii-nsk.ru/index.php/sample-levels Super User

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 2011-05-02T07:47:45+00:00 2011-05-02T07:47:45+00:00 http://olimpiada.ii-nsk.ru/index.php/features/uikit Super User

<div class="uk-grid"> <div class="uk-width-1-1" data-uk-margin> <div class="uk-button-group"> <button class="uk-button">Button</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown uk-dropdown-width-2"> <div class="uk-grid uk-dropdown-grid"> <div class="uk-width-1-2"> <ul class="uk-nav uk-nav-dropdown uk-panel"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> <div class="uk-width-1-2"> <ul class="uk-nav uk-nav-dropdown uk-panel"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-primary">Primary</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-primary"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown uk-dropdown-small"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-success">Success</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-success"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-danger">Danger</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-danger"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <button class="uk-button" disabled>Disabled</button> <button class="uk-button" data-uk-tooltip title="Bazinga!">Tooltip</button> <button class="uk-button" data-uk-modal="{target:'#modal-1'}">Modal</button> <button class="uk-button" data-uk-offcanvas="{target:'#offcanvas-1'}">Off-canvas</button> <button class="uk-button uk-button-link">Button link</button> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-1-1"> <ul class="uk-breadcrumb"> <li><a href="http://olimpiada.ii-nsk.ru/#">Home</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Blog</a></li> <li><span>Category</span></li> <li class="uk-active"><span>Post</span></li> </ul> </div> <div class="uk-width-1-1"> <article class="uk-article"> <h1 class="uk-article-title">Article title</h1> <p class="uk-article-meta">Written by Super User on 12 April. Posted in Blog</p> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <a class="uk-thumbnail uk-overlay-hover" href="http://olimpiada.ii-nsk.ru/#"> <div class="uk-overlay"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_placeholder.svg" width="300" height="90" alt=""> <div class="uk-overlay-panel uk-overlay-icon uk-overlay-background uk-overlay-fade"></div> </div> <div class="uk-thumbnail-caption">Caption</div> </a> </div> <div class="uk-width-medium-1-2"> <a class="uk-thumbnail uk-overlay-hover" href="http://olimpiada.ii-nsk.ru/#"> <div class="uk-overlay"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_placeholder.svg" width="300" height="90" alt=""> <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-background uk-overlay-fade">Caption</div> </div> <div class="uk-thumbnail-caption">Caption</div> </a> </div> </div> <p class="uk-article-lead">Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <pre><code>&lt;div class="myclass"&gt;...&lt;/div&gt;</code></pre> <hr class="uk-article-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-5"> <span class="uk-text-muted">text-muted</span><br> <span class="uk-text-primary">text-primary</span><br> <span class="uk-text-success">text-success</span><br> <span class="uk-text-warning">text-warning</span><br> <span class="uk-text-danger">text-danger</span> </div> <div class="uk-width-medium-3-10"> <a href="http://olimpiada.ii-nsk.ru/#">a element</a><br> <em>em element</em><br> <strong>strong</strong><br> <code>code element</code><br> <del>del element</del> </div> <div class="uk-width-medium-2-5"> <ins>ins element</ins><br> <mark>mark element</mark><br> <q>q <q>inside</q> a q element </q><br> <abbr title="Abbreviation Element">abbr element</abbr><br> <dfn title="Defines a definition term">dfn element</dfn> </div> <div class="uk-width-1-1"> <p class="uk-text-center"> <span class="uk-badge">Badge</span> <span class="uk-badge uk-badge-notification">1</span> <span class="uk-badge uk-badge-success">Success</span> <span class="uk-badge uk-badge-success uk-badge-notification">4</span> <span class="uk-badge uk-badge-warning">Warning</span> <span class="uk-badge uk-badge-warning uk-badge-notification">3</span> <span class="uk-badge uk-badge-danger">Danger</span> <span class="uk-badge uk-badge-danger uk-badge-notification">4</span> </p> </div> <div class="uk-width-medium-1-2"> <h1 class="uk-display-inline">h1</h1> <h2 class="uk-display-inline">h2</h2> <h3 class="uk-display-inline">h3</h3> <h4 class="uk-display-inline">h4</h4> <h5 class="uk-display-inline">h5</h5> <h6 class="uk-display-inline">h6</h6> </div> <div class="uk-width-medium-1-2"> <blockquote> <p> Lorem ipsum dolor.</p> <small>Someone famous</small> </blockquote> </div> </div> </article> </div> <div class="uk-width-1-1"> <ul class="uk-comment-list"> <li> <article class="uk-comment"> <header class="uk-comment-header"> <img class="uk-comment-avatar" src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_avatar.svg" width="50" height="50" alt=""> <h4 class="uk-comment-title">Author</h4> <p class="uk-comment-meta">May 2, 2090 at 1:55 pm</p> </header> <div class="uk-comment-body"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.</p> </div> </article> </li> </ul> </div> <div class="uk-width-1-1"> <ul class="uk-pagination"> <li class="uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span></li> <li class="uk-active"><span>1</span></li> <li><a href="http://olimpiada.ii-nsk.ru/#">2</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">3</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">4</a></li> <li><span>...</span></li> <li><a href="http://olimpiada.ii-nsk.ru/#">20</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-angle-double-right"></i></a></li> </ul> </div> </div> </div> <div class="uk-width-medium-1-2"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <div class="uk-panel"> <ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav> <li class="uk-nav-header">Header</li> <li class="uk-nav-divider"></li> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> </ul> </div> <div class="uk-panel uk-panel-divider"> <h3 class="uk-panel-title">Divider</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-header"> <h3 class="uk-panel-title">Header</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> </div> <div class="uk-width-medium-1-2"> <div class="uk-panel uk-panel-box"> <h3 class="uk-panel-title">Box</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-box uk-panel-box-primary"> <h3 class="uk-panel-title">Box primary</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-box uk-panel-box-secondary"> <h3 class="uk-panel-title">Box secondary</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> </div> </div> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-1-2"> <div class="uk-alert" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Info message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-success" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Success message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-warning" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Warning message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-danger" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Danger message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-success"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-warning"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-danger"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2 uk-form"> <fieldset> <legend>Form states</legend> <div class="uk-form-row"> <input type="text" placeholder="Text Input" class="uk-width-1-1"> </div> <div class="uk-form-row"> <input type="text" placeholder="form-success" value="form-success" class="uk-width-1-1 uk-form-success"> </div> <div class="uk-form-row"> <input type="text" placeholder="form-danger" value="form-danger" class="uk-width-1-1 uk-form-danger"> </div> <div class="uk-form-row"> <input type="text" placeholder="form disabled" class="uk-width-1-1" disabled> </div> </fieldset> </div> <div class="uk-width-1-2 uk-form"> <fieldset> <legend>Form styles</legend> <div class="uk-form-row"> <input type="text" placeholder="form-large" class="uk-form-large uk-form-width-small"> <button class="uk-button uk-button-large" type="reset">Large</button> </div> <div class="uk-form-row"> <input type="text" placeholder="form-small" class="uk-form-small uk-form-width-small"> <button class="uk-button uk-button-small" type="reset">Small</button> </div> <div class="uk-form-row"> <input type="text" placeholder="form-blank" class="uk-form-width-small uk-form-blank"> <button class="uk-button uk-button-mini" type="reset">Mini</button> </div> </fieldset> </div> </div> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-4"> <ul class="uk-subnav uk-subnav-line"> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-subnav uk-subnav-pill"> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-tab" data-uk-tab> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-github"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-twitter"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-dribbble"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-html5"></a> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid uk-grid-divider" data-uk-grid-margin> <div class="uk-width-medium-1-4"> <ul class="uk-list uk-list-line"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-list uk-list-striped"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> </div> <div class="uk-width-medium-1-4"> <table class="uk-table uk-table-striped uk-table-condensed uk-table-hover"> <caption>Table caption</caption> <thead> <tr> <th>Table</th> <th>Heading</th> </tr> </thead> <tbody> <tr> <td>Table</td> <td>Data</td> </tr> <tr> <td>Table</td> <td>Data</td> </tr> </tbody> </table> </div> <div class="uk-width-medium-1-4"> <dl class="uk-description-list uk-description-list-line"> <dt>Description lists</dt> <dd>Description text.</dd> <dt>Description lists</dt> <dd>Description text.</dd> </dl> </div> </div> <div id="offcanvas-1" class="uk-offcanvas"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-star"></i> Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-twitter"></i> Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-rss"></i> Item</a></li> </ul> <div class="uk-panel"> <h3 class="uk-panel-title">Title</h3> Lorem ipsum dolor sit amet, <a href="http://olimpiada.ii-nsk.ru/#">consetetur</a> sadipscing elitr. </div> <div class="uk-panel"> <h3 class="uk-panel-title">Title</h3> Lorem ipsum dolor sit amet, <a href="http://olimpiada.ii-nsk.ru/#">consetetur</a> sadipscing elitr. </div> </div> </div> <div id="modal-1" class="uk-modal"> <div class="uk-modal-dialog"> <button type="button" class="uk-modal-close uk-close"></button> <h1>Headline</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </div>

<div class="uk-grid"> <div class="uk-width-1-1" data-uk-margin> <div class="uk-button-group"> <button class="uk-button">Button</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown uk-dropdown-width-2"> <div class="uk-grid uk-dropdown-grid"> <div class="uk-width-1-2"> <ul class="uk-nav uk-nav-dropdown uk-panel"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> <div class="uk-width-1-2"> <ul class="uk-nav uk-nav-dropdown uk-panel"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-primary">Primary</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-primary"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown uk-dropdown-small"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-success">Success</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-success"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <div class="uk-button-group"> <button class="uk-button uk-button-danger">Danger</button> <div data-uk-dropdown="{mode:'click'}"> <button class="uk-button uk-button-danger"><i class="uk-icon-caret-down"></i></button> <div class="uk-dropdown"> <ul class="uk-nav uk-nav-dropdown"> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Separated item</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> <button class="uk-button" disabled>Disabled</button> <button class="uk-button" data-uk-tooltip title="Bazinga!">Tooltip</button> <button class="uk-button" data-uk-modal="{target:'#modal-1'}">Modal</button> <button class="uk-button" data-uk-offcanvas="{target:'#offcanvas-1'}">Off-canvas</button> <button class="uk-button uk-button-link">Button link</button> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-1-1"> <ul class="uk-breadcrumb"> <li><a href="http://olimpiada.ii-nsk.ru/#">Home</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Blog</a></li> <li><span>Category</span></li> <li class="uk-active"><span>Post</span></li> </ul> </div> <div class="uk-width-1-1"> <article class="uk-article"> <h1 class="uk-article-title">Article title</h1> <p class="uk-article-meta">Written by Super User on 12 April. Posted in Blog</p> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <a class="uk-thumbnail uk-overlay-hover" href="http://olimpiada.ii-nsk.ru/#"> <div class="uk-overlay"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_placeholder.svg" width="300" height="90" alt=""> <div class="uk-overlay-panel uk-overlay-icon uk-overlay-background uk-overlay-fade"></div> </div> <div class="uk-thumbnail-caption">Caption</div> </a> </div> <div class="uk-width-medium-1-2"> <a class="uk-thumbnail uk-overlay-hover" href="http://olimpiada.ii-nsk.ru/#"> <div class="uk-overlay"> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_placeholder.svg" width="300" height="90" alt=""> <div class="uk-overlay-panel uk-overlay-bottom uk-overlay-background uk-overlay-fade">Caption</div> </div> <div class="uk-thumbnail-caption">Caption</div> </a> </div> </div> <p class="uk-article-lead">Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <pre><code>&lt;div class="myclass"&gt;...&lt;/div&gt;</code></pre> <hr class="uk-article-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-5"> <span class="uk-text-muted">text-muted</span><br> <span class="uk-text-primary">text-primary</span><br> <span class="uk-text-success">text-success</span><br> <span class="uk-text-warning">text-warning</span><br> <span class="uk-text-danger">text-danger</span> </div> <div class="uk-width-medium-3-10"> <a href="http://olimpiada.ii-nsk.ru/#">a element</a><br> <em>em element</em><br> <strong>strong</strong><br> <code>code element</code><br> <del>del element</del> </div> <div class="uk-width-medium-2-5"> <ins>ins element</ins><br> <mark>mark element</mark><br> <q>q <q>inside</q> a q element </q><br> <abbr title="Abbreviation Element">abbr element</abbr><br> <dfn title="Defines a definition term">dfn element</dfn> </div> <div class="uk-width-1-1"> <p class="uk-text-center"> <span class="uk-badge">Badge</span> <span class="uk-badge uk-badge-notification">1</span> <span class="uk-badge uk-badge-success">Success</span> <span class="uk-badge uk-badge-success uk-badge-notification">4</span> <span class="uk-badge uk-badge-warning">Warning</span> <span class="uk-badge uk-badge-warning uk-badge-notification">3</span> <span class="uk-badge uk-badge-danger">Danger</span> <span class="uk-badge uk-badge-danger uk-badge-notification">4</span> </p> </div> <div class="uk-width-medium-1-2"> <h1 class="uk-display-inline">h1</h1> <h2 class="uk-display-inline">h2</h2> <h3 class="uk-display-inline">h3</h3> <h4 class="uk-display-inline">h4</h4> <h5 class="uk-display-inline">h5</h5> <h6 class="uk-display-inline">h6</h6> </div> <div class="uk-width-medium-1-2"> <blockquote> <p> Lorem ipsum dolor.</p> <small>Someone famous</small> </blockquote> </div> </div> </article> </div> <div class="uk-width-1-1"> <ul class="uk-comment-list"> <li> <article class="uk-comment"> <header class="uk-comment-header"> <img class="uk-comment-avatar" src="http://olimpiada.ii-nsk.ru/images/yootheme/uikit_avatar.svg" width="50" height="50" alt=""> <h4 class="uk-comment-title">Author</h4> <p class="uk-comment-meta">May 2, 2090 at 1:55 pm</p> </header> <div class="uk-comment-body"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.</p> </div> </article> </li> </ul> </div> <div class="uk-width-1-1"> <ul class="uk-pagination"> <li class="uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span></li> <li class="uk-active"><span>1</span></li> <li><a href="http://olimpiada.ii-nsk.ru/#">2</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">3</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">4</a></li> <li><span>...</span></li> <li><a href="http://olimpiada.ii-nsk.ru/#">20</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-angle-double-right"></i></a></li> </ul> </div> </div> </div> <div class="uk-width-medium-1-2"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-2"> <div class="uk-panel"> <ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk-nav> <li class="uk-nav-header">Header</li> <li class="uk-nav-divider"></li> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> </ul> </div> <div class="uk-panel uk-panel-divider"> <h3 class="uk-panel-title">Divider</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-header"> <h3 class="uk-panel-title">Header</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> </div> <div class="uk-width-medium-1-2"> <div class="uk-panel uk-panel-box"> <h3 class="uk-panel-title">Box</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-box uk-panel-box-primary"> <h3 class="uk-panel-title">Box primary</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> <div class="uk-panel uk-panel-box uk-panel-box-secondary"> <h3 class="uk-panel-title">Box secondary</h3> Lorem ipsum <a href="http://olimpiada.ii-nsk.ru/#">dolor</a> sit amet, consectetur adipisicing elit. </div> </div> </div> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-1-2"> <div class="uk-alert" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Info message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-success" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Success message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-warning" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Warning message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-alert uk-alert-danger" data-uk-alert> <a class="uk-alert-close uk-close"></a> <p>Danger message</p> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-success"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-warning"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2"> <div class="uk-progress uk-progress-danger"> <div class="uk-progress-bar" style="width: 55%;">55%</div> </div> </div> <div class="uk-width-1-2 uk-form"> <fieldset> <legend>Form states</legend> <div class="uk-form-row"> <input type="text" placeholder="Text Input" class="uk-width-1-1"> </div> <div class="uk-form-row"> <input type="text" placeholder="form-success" value="form-success" class="uk-width-1-1 uk-form-success"> </div> <div class="uk-form-row"> <input type="text" placeholder="form-danger" value="form-danger" class="uk-width-1-1 uk-form-danger"> </div> <div class="uk-form-row"> <input type="text" placeholder="form disabled" class="uk-width-1-1" disabled> </div> </fieldset> </div> <div class="uk-width-1-2 uk-form"> <fieldset> <legend>Form styles</legend> <div class="uk-form-row"> <input type="text" placeholder="form-large" class="uk-form-large uk-form-width-small"> <button class="uk-button uk-button-large" type="reset">Large</button> </div> <div class="uk-form-row"> <input type="text" placeholder="form-small" class="uk-form-small uk-form-width-small"> <button class="uk-button uk-button-small" type="reset">Small</button> </div> <div class="uk-form-row"> <input type="text" placeholder="form-blank" class="uk-form-width-small uk-form-blank"> <button class="uk-button uk-button-mini" type="reset">Mini</button> </div> </fieldset> </div> </div> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid" data-uk-grid-margin> <div class="uk-width-medium-1-4"> <ul class="uk-subnav uk-subnav-line"> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-subnav uk-subnav-pill"> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-tab" data-uk-tab> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-disabled"><a href="http://olimpiada.ii-nsk.ru/#">Disabled</a></li> </ul> </div> <div class="uk-width-medium-1-4"> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-github"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-twitter"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-dribbble"></a> <a href="http://olimpiada.ii-nsk.ru/#" class="uk-icon-button uk-icon-html5"></a> </div> </div> <hr class="uk-grid-divider"> <div class="uk-grid uk-grid-divider" data-uk-grid-margin> <div class="uk-width-medium-1-4"> <ul class="uk-list uk-list-line"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> </div> <div class="uk-width-medium-1-4"> <ul class="uk-list uk-list-striped"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> </div> <div class="uk-width-medium-1-4"> <table class="uk-table uk-table-striped uk-table-condensed uk-table-hover"> <caption>Table caption</caption> <thead> <tr> <th>Table</th> <th>Heading</th> </tr> </thead> <tbody> <tr> <td>Table</td> <td>Data</td> </tr> <tr> <td>Table</td> <td>Data</td> </tr> </tbody> </table> </div> <div class="uk-width-medium-1-4"> <dl class="uk-description-list uk-description-list-line"> <dt>Description lists</dt> <dd>Description text.</dd> <dt>Description lists</dt> <dd>Description text.</dd> </dl> </div> </div> <div id="offcanvas-1" class="uk-offcanvas"> <div class="uk-offcanvas-bar"> <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-active"><a href="http://olimpiada.ii-nsk.ru/#">Active</a></li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a> <ul> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> </ul> </li> <li class="uk-parent"> <a href="http://olimpiada.ii-nsk.ru/#">Parent</a> <ul class="uk-nav-sub"> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#">Sub item</a></li> </ul> </li> <li><a href="http://olimpiada.ii-nsk.ru/#">Item</a></li> <li class="uk-nav-header">Header</li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-star"></i> Item</a></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-twitter"></i> Item</a></li> <li class="uk-nav-divider"></li> <li><a href="http://olimpiada.ii-nsk.ru/#"><i class="uk-icon-rss"></i> Item</a></li> </ul> <div class="uk-panel"> <h3 class="uk-panel-title">Title</h3> Lorem ipsum dolor sit amet, <a href="http://olimpiada.ii-nsk.ru/#">consetetur</a> sadipscing elitr. </div> <div class="uk-panel"> <h3 class="uk-panel-title">Title</h3> Lorem ipsum dolor sit amet, <a href="http://olimpiada.ii-nsk.ru/#">consetetur</a> sadipscing elitr. </div> </div> </div> <div id="modal-1" class="uk-modal"> <div class="uk-modal-dialog"> <button type="button" class="uk-modal-close uk-close"></button> <h1>Headline</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> </div> 2011-05-02T07:45:23+00:00 2011-05-02T07:45:23+00:00 http://olimpiada.ii-nsk.ru/index.php/features/layouts Super User

<p>Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/features_layouts.svg" width="560" height="320" alt="Warp Layout System" title="Warp Layout System" />

<p>Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.</p> <img src="http://olimpiada.ii-nsk.ru/images/yootheme/features_layouts.svg" width="560" height="320" alt="Warp Layout System" title="Warp Layout System" />