bmstu-mt-wp/ru.htm

213 lines
7.8 KiB
HTML
Raw Normal View History

2010-10-30 04:16:19 +04:00
<!DOCTYPE HTML>
<html lang="ru-RU">
2010-10-30 04:16:19 +04:00
<head>
<title>Shower</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=1234, user-scalable=no">
2011-07-12 15:08:29 +04:00
<link rel="stylesheet" href="themes/ribbon/styles/style.css">
<style>
2011-07-12 15:08:29 +04:00
#Cover H2 {
2010-11-14 11:09:17 +03:00
color:#FFF;
2011-07-16 19:10:12 +04:00
text-align:center;
2011-07-12 15:08:29 +04:00
font-size:70px;
2010-11-14 11:09:17 +03:00
}
</style>
2010-10-30 04:16:19 +04:00
</head>
<body class="list">
<header class="caption">
<h1>Шаблон презентации Shower</h1>
<p>Вадим Макеев, Opera Software</p>
2011-07-12 15:08:29 +04:00
</header>
<div class="slide bg" id="Cover"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Шаблон презентации Shower</h2>
2011-07-12 15:08:29 +04:00
</header>
<img src="pictures/cover.jpg" alt="">
2011-07-26 12:57:28 +04:00
<!-- © John Carey, http://fiftyfootshadows.net/ -->
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="Header"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Заголовок</h2>
2011-07-12 15:08:29 +04:00
</header>
<p>Очередь <code>заведено</code> создаете <strong>те про,</strong> джоэл должен написано вы всю. Получаете отказаться программистов миф мы, <em>не пишете размере</em> количества нее, по две.</p>
<p><a href="examples/index.htm" target="_blank">Эта ссылка откроется в новом окне</a></p>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="TwoLinesHeader"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Две строки.<br>Мощный заголовок</h2>
2011-07-12 15:08:29 +04:00
</header>
<p>Очередь <code>заведено</code> создаете <strong>те про,</strong> джоэл должен написано вы всю. Получаете отказаться программистов миф мы, <em>не пишете размере</em> количества нее, по две.</p>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="UnorderedList"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Неупорядоченный список</h2>
2011-07-12 15:08:29 +04:00
</header>
<ul>
<li>Очередь заведено создаете</li>
<li>Те про, джоэл должен написано вы всю</li>
<li>Получаете отказаться программистов
<ol>
<li>Миф мы, не пишете размере</li>
<li>Количества нее, по две</li>
<li>Заведено безостановочно</li>
</ol>
2011-07-12 15:08:29 +04:00
</li>
<li>Ещё то этой вреде внешних.</li>
2011-07-12 15:08:29 +04:00
</ul>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="OrderedList"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Упорядоченный список</h2>
2011-07-12 15:08:29 +04:00
</header>
<ol>
<li>Миф мы, не пишете размере</li>
<li>Ещё то этой вреде внешних</li>
<li>Заведено безостановочно
<ul>
<li>Очередь заведено создаете</li>
<li>Те про, джоэл должен написано вы всю</li>
<li>Получаете отказаться программистов</li>
</ul>
2011-07-12 15:08:29 +04:00
</li>
<li>Количества нее, по две</li>
2011-07-12 15:08:29 +04:00
</ol>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="InTheMiddle"><div>
<section>
<header>
<h2>Посередине</h2>
</header>
<object data="pictures/semantics.svg" type="image/svg+xml" width="300" height="300" class="middle"></object>
</section>
</div></div>
<div class="slide bg" id="Picture"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Картинка</h2>
2011-07-12 15:08:29 +04:00
</header>
<img src="pictures/picture.jpg" alt="">
2011-07-26 12:57:28 +04:00
<!-- © Patrick H. Lauke, http://www.flickr.com/photos/redux/ -->
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="CodeSample"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Пример кода</h2>
2011-07-12 15:08:29 +04:00
</header>
<pre>
<code>&lt;html lang="ru-RU"&gt;</code>
<code><mark>&lt;head&gt;</mark></code>
2011-07-12 15:08:29 +04:00
<code> &lt;title&gt;Shower&lt;/title&gt;</code>
<code> &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code>
2011-07-12 15:18:02 +04:00
<code> &lt;link rel="stylesheet" href="s/screen.css"&gt;</code>
<code> &lt;script src="j/jquery.js"&gt;&lt;/script&gt;</code>
<code><mark>&lt;/head&gt;</mark></code>
2011-07-12 15:08:29 +04:00
</pre>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="CodeNotes"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Заметки к коду</h2>
2011-07-12 15:08:29 +04:00
</header>
<pre>
<code><mark>&lt;html</mark> lang="ru-RU"&gt;</code>
2011-07-12 15:08:29 +04:00
</pre>
<p class="note">Получаете отказаться программистов</p>
2011-07-12 15:08:29 +04:00
<pre>
<code><mark>&lt;meta</mark> charset="<mark>UTF-8</mark>"&gt;</code>
2011-07-12 15:08:29 +04:00
</pre>
<p class="note">Заведено безостановочно</p>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide shout" id="Shout"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Опасносте<br>сообщение</h2>
2011-07-12 15:08:29 +04:00
</header>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide shout" id="Demo"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2><a href="examples/index.htm" target="_blank">Демо</a></h2>
2011-07-12 15:08:29 +04:00
</header>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<div class="slide" id="BlockQuote"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Цитата</h2>
2011-07-12 15:08:29 +04:00
</header>
<blockquote cite="Аноним">
<p>Очередь заведено создаете те про, джоэл должен написано вы всю. Получаете отказаться программистов миф мы, не пишете размере количества нее, по две.</p>
2011-07-12 15:08:29 +04:00
</blockquote>
</section>
</div></div>
<!--
Эта возможность находится в разработке!
Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий»
добавит класс «active» каждому последующему
ребёнку, начиная с первого.
Конкретное поведение зависит от стилей
текущей темы: элемент в активном состоянии
может быть показан, будучи предварительно спрятан,
либо вы можете выделить его, к примеру, цветом
или полужирным начертанием.
Для того, чтобы начать слайд с первого активного
элемента, добавьте класс «active» вручную.
После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд.
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<ol class="inner">
<li class="active">This tool is provided</li>
<li>Without warranty, guarantee</li>
<li>Or much in the way of explanation
<li>Erase your hard drive.</li>
</ol>
</section>
</div></div> -->
<div class="slide" id="ThankYou"><div>
<section>
2011-07-12 15:08:29 +04:00
<header>
<h2>Шаблон презентации Shower</h2>
2011-07-12 15:08:29 +04:00
</header>
<p>Вадим Макеев, Opera Software</p>
2011-07-12 15:08:29 +04:00
<ul>
<li><a href="http://pepelsbey.net">pepelsbey.net</a></li>
<li><a href="http://twitter.com/pepelsbey">twitter.com/pepelsbey</a></li>
<li><a href="mailto:pepelsbey@gmail.com">pepelsbey@gmail.com</a></li>
</ul>
<p>Shower: <a href="http://github.com/pepelsbey/shower">github.com/pepelsbey/shower</a></p>
2010-10-30 04:16:19 +04:00
</section>
</div></div>
<!--
Для того, чтобы убрать индикатор прогресса
из презентации, просто удалите элемент «progress».
-->
2011-07-12 15:08:29 +04:00
<div class="progress"><div></div></div>
2010-11-01 15:42:41 +03:00
<script src="scripts/script.js"></script>
<!-- Copyright © 20102011 Вадим Макеев, http://pepelsbey.net/ -->
2010-10-30 04:16:19 +04:00
</body>
</html>