2010-10-30 04:16:19 +04:00
<!DOCTYPE HTML>
2011-07-24 14:52:46 +04:00
< html lang = "ru-RU" >
2010-10-30 04:16:19 +04:00
< head >
2011-08-07 18:02:55 +04:00
< 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" >
2010-10-31 17:56:41 +03:00
< 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
}
2010-10-31 17:56:41 +03:00
< / style >
2010-10-30 04:16:19 +04:00
< / head >
2011-07-15 04:53:20 +04:00
< body class = "list" >
< header class = "caption" >
2011-08-07 18:02:55 +04:00
< h1 > Шаблон презентаций Shower< / h1 >
2011-07-24 14:52:46 +04:00
< p > Вадим Макеев, Opera Software< / p >
2011-07-12 15:08:29 +04:00
< / header >
2011-07-16 19:07:52 +04:00
< div class = "slide bg" id = "Cover" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Шаблон презентации Shower< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2010-10-31 17:56:41 +03:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "Header" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Заголовок< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2011-07-25 12:21:49 +04:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "TwoLinesHeader" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Две строки.< br > Мощный заголовок< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2011-07-25 12:21:49 +04:00
< p > Очередь < code > заведено< / code > создаете < strong > те про,< / strong > джоэл должен написано вы всю. Получаете отказаться программистов миф мы, < em > не пишете размере< / em > количества нее, по две.< / p >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "UnorderedList" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Неупорядоченный список< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
< ul >
2011-07-25 12:21:49 +04:00
< li > Очередь заведено создаете< / li >
< li > Т е про, джоэл должен написано вы всю< / li >
< li > Получаете отказаться программистов
< ol >
< li > Миф мы, не пишете размере< / li >
< li > Количества нее, по две< / li >
< li > Заведено безостановочно< / li >
< / ol >
2011-07-12 15:08:29 +04:00
< / li >
2011-07-25 12:21:49 +04:00
< li > Ещё то этой вреде внешних.< / li >
2011-07-12 15:08:29 +04:00
< / ul >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "OrderedList" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Упорядоченный список< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
< ol >
2011-07-25 12:21:49 +04:00
< li > Миф мы, не пишете размере< / li >
< li > Ещё то этой вреде внешних< / li >
< li > Заведено безостановочно
< ul >
< li > Очередь заведено создаете< / li >
< li > Т е про, джоэл должен написано вы всю< / li >
< li > Получаете отказаться программистов< / li >
< / ul >
2011-07-12 15:08:29 +04:00
< / li >
2011-07-25 12:21:49 +04:00
< li > Количества нее, по две< / li >
2011-07-12 15:08:29 +04:00
< / ol >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2011-08-01 01:42:17 +04:00
< div class = "slide" id = "InTheMiddle" > < div >
< section >
< header >
< h2 > Посередине< / h2 >
< / header >
2011-08-07 18:02:55 +04:00
< object data = "pictures/shower.svg" type = "image/svg+xml" width = "256" height = "256" class = "middle" > < / object >
2011-08-01 01:42:17 +04:00
< / section >
< / div > < / div >
2011-07-20 03:25:00 +04:00
< div class = "slide bg" id = "Picture" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "CodeSample" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Пример кода< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
< pre >
2011-07-25 12:21:49 +04:00
< code > < html lang="ru-RU"> < / code >
2011-07-17 13:44:47 +04:00
< code > < mark > < head> < / mark > < / code >
2011-07-12 15:08:29 +04:00
< code > < title> Shower< /title> < / code >
2011-07-17 13:44:47 +04:00
< code > < meta charset="< mark class = "important" > UTF-8< / mark > "> < / code >
2011-07-12 15:18:02 +04:00
< code > < link rel="stylesheet" href="s/screen.css"> < / code >
< code > < script src="j/jquery.js"> < /script> < / code >
2011-07-17 13:44:47 +04:00
< code > < mark > < /head> < / mark > < / code >
2011-07-12 15:08:29 +04:00
< / pre >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "CodeNotes" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Заметки к коду< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
< pre >
2011-07-25 12:21:49 +04:00
< code > < mark > < html< / mark > lang="ru-RU"> < / code >
2011-07-12 15:08:29 +04:00
< / pre >
2011-07-25 12:21:49 +04:00
< p class = "note" > Получаете отказаться программистов< / p >
2011-07-12 15:08:29 +04:00
< pre >
2011-07-17 13:44:47 +04:00
< code > < mark > < meta< / mark > charset="< mark > UTF-8< / mark > "> < / code >
2011-07-12 15:08:29 +04:00
< / pre >
2011-07-25 12:21:49 +04:00
< p class = "note" > Заведено безостановочно< / p >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide shout" id = "Shout" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-08-01 01:48:59 +04:00
< h2 > Опасносте< br > сообщение< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide shout" id = "Demo" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
< div class = "slide" id = "BlockQuote" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-07-24 14:52:46 +04:00
< h2 > Цитата< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2011-07-25 12:21:49 +04:00
< blockquote cite = "Аноним" >
< p > Очередь заведено создаете те про, джоэл должен написано вы всю. Получаете отказаться программистов миф мы, не пишете размере количества нее, по две.< / p >
2011-07-12 15:08:29 +04:00
< / blockquote >
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2011-07-25 12:21:49 +04:00
<!--
Эта возможность находится в разработке!
Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий»
добавит класс «active» каждому последующему
ребёнку, начиная с первого.
Конкретное поведение зависит от стилей
текущей темы: элемент в активном состоянии
может быть показан, будучи предварительно спрятан,
либо вы можете выделить е г о , к примеру, цветом
или полужирным начертанием.
Для того, чтобы начать слайд с первого активного
элемента, добавьте класс «active» вручную.
После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд.
2011-08-31 03:27:13 +04:00
-->
2011-07-23 08:28:57 +04:00
< div class = "slide" id = "InnerNavigation" > < div >
< section >
< header >
2011-07-24 14:52:46 +04:00
< h2 > Внутренняя навигация< / h2 >
2011-07-23 08:28:57 +04:00
< / header >
< ol class = "inner" >
2011-08-11 01:22:32 +04:00
< li class = "active" > Миф мы, не пишете размере< / li >
< li > Ещё то этой вреде внешних< / li >
< li > Заведено безостановочно< / li >
< li > Количества нее, по две< / li >
2011-07-23 08:28:57 +04:00
< / ol >
< / section >
2011-08-09 23:59:49 +04:00
< / div > < / div >
2011-07-16 19:07:52 +04:00
< div class = "slide" id = "ThankYou" > < div >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2011-08-07 18:02:55 +04:00
< h2 > Шаблон презентаций Shower< / h2 >
2011-07-12 15:08:29 +04:00
< / header >
2011-07-24 14:52:46 +04:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2011-07-24 14:52:46 +04:00
<!--
Для того, чтобы убрать индикатор прогресса
из презентации, просто удалите элемент «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 >
2011-07-24 14:52:46 +04:00
<!-- Copyright © 2010– 2011 Вадим Макеев, http://pepelsbey.net/ -->
2010-10-30 04:16:19 +04:00
< / body >
< / html >