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" >
2012-09-24 01:28:17 +04:00
< link rel = "stylesheet" href = "themes/ribbon/styles/print.css" media = "print" >
2012-02-23 17:18:56 +04:00
<!--
Для оформления отдельный слайдов, используйте
ID слайда для доступа к необходимым элементам
-->
2010-10-31 17:56:41 +03:00
< style >
2012-02-28 17:20:18 +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
}
2012-02-28 17:20:18 +04:00
#FitToWidth h2,
#FitToHeight h2 {
color:#FFF;
text-align:center;
}
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 >
2012-03-02 03:11:40 +04:00
< div class = "slide cover" 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 = "" >
2010-10-30 04:16:19 +04:00
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< div class = "slide" id = "InTheMiddle" > < div >
2011-08-01 01:42:17 +04:00
< 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 >
2011-08-01 01:42:17 +04:00
< / section >
< / div > < / div >
2012-02-28 17:20:18 +04:00
< 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 >
2011-07-15 04:53:20 +04:00
< section >
2011-07-12 15:08:29 +04:00
< header >
2012-02-28 17:20:18 +04:00
< 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 >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-03-02 03:11:40 +04:00
< 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 >
2012-02-28 17:21:30 +04:00
< blockquote >
2011-07-25 12:21:49 +04:00
< p > Очередь заведено создаете те про, джоэл должен написано вы всю. Получаете отказаться программистов миф мы, не пишете размере количества нее, по две.< / p >
2011-07-12 15:08:29 +04:00
< / blockquote >
< / section >
2011-07-16 19:07:52 +04:00
< / div > < / div >
2012-03-02 03:11:40 +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 >
2012-02-28 17:20:18 +04:00
<!-- Copyright © 2010– 2012 Vadim Makeev — pepelsbey.net -->
<!-- Photos by John Carey — fiftyfootshadows.net -->
2010-10-30 04:16:19 +04:00
< / body >
2012-03-01 12:47:33 +04:00
< / html >