bmstu-mt-wp/ru.htm

210 lines
7.5 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>
2010-10-30 04:16:19 +04:00
<meta charset="UTF-8">
2011-08-01 03:34:52 +04:00
<meta name="viewport" content="width=1274, user-scalable=no">
2011-07-12 15:08:29 +04:00
<link rel="stylesheet" href="themes/ribbon/styles/style.css">
2012-02-23 17:18:56 +04:00
<!--
Для оформления отдельный слайдов, используйте
ID слайда для доступа к необходимым элементам
-->
<style>
#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
}
#FitToWidth h2,
#FitToHeight h2 {
color:#FFF;
text-align:center;
}
</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 cover" 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="">
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>
2012-02-27 13:37:24 +04:00
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512" class="middle">
<path fill="#0174A7" d="m315 259l18-18 179 179v-36l-161-161 18-18 143 143v-36l-125-125 18-18 107 107v-225c0-28-23-51-51-51h-410c-28 0-51 23-51 51v410c0 28 23 51 51 51h191c17-25 14-59-8-81l-63-63-63-63c-55-55-55-145-0-199 55-55 144-55 199 0l9 7h109l-163 163v-107l-9-9c-25-25-66-25-91-0-25 25-25 66 0 91l63 63 63 63c37 37 49 89 37 135h136c28 0 51-23 51-51v-5l-197-197z"/>
</svg>
</section>
</div></div>
<div class="slide cover" id="FitToHeight"><div>
<section>
<header>
<h2>Вписана по высоте</h2>
</header>
<img src="pictures/picture.jpg" alt="">
</section>
</div></div>
<div class="slide cover w" id="FitToWidth"><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="">
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>
2012-01-08 13:57:48 +04:00
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<ol class="inner">
<li class="active">Очередь заведено создаете</li>
<li>Те про, джоэл должен написано вы всю</li>
<li>Получаете отказаться программистов</li>
<li>Ещё то этой вреде внешних.</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 © 20102012 Vadim Makeev — pepelsbey.net -->
<!-- Photos by John Carey — fiftyfootshadows.net -->
2010-10-30 04:16:19 +04:00
</body>
</html>