From e3ada8fb167bee9c6f3edd003d391bc85b92f819 Mon Sep 17 00:00:00 2001 From: NetMoose Date: Mon, 9 Feb 2015 17:15:56 +0300 Subject: [PATCH] Presentation for Yandex --- presentation/image.png | Bin 0 -> 1473 bytes presentation/index.html | 121 +++++++++++++++++++++++++++++++++ presentation/sticky-footer.css | 36 ++++++++++ 3 files changed, 157 insertions(+) create mode 100644 presentation/image.png create mode 100644 presentation/index.html create mode 100644 presentation/sticky-footer.css diff --git a/presentation/image.png b/presentation/image.png new file mode 100644 index 0000000000000000000000000000000000000000..4df6bfac45de23d19c095e8e2312f96a03b8fcb1 GIT binary patch literal 1473 zcmeAS@N?(olHy`uVBq!ia0y~yV4MKNIvmVEkz1LfAAl5Nage(c!@6@aFM%AEbVpxD z28NCO+fk$L90|Vb-5N14{zaj-F zC{^MbQ4*Y=R#Ki=l*$m0n3-3i=jR%tP-d)Ws%L0m@TF)W0|S$ar;B4qMcms9hKxWx zhZcPG&*k**a7aARz{t$TBVmv*${68+@W9yM>Td?dzD${epiJiJ>gTe~DWM4f_a>+c literal 0 HcmV?d00001 diff --git a/presentation/index.html b/presentation/index.html new file mode 100644 index 0000000..d9b4965 --- /dev/null +++ b/presentation/index.html @@ -0,0 +1,121 @@ + + + + + + + + + + Presentation on JQuery and Bootstrap + + + + + + + + + + + + + + + + + + +
+
+

Пример презентации

+
+
+
+ 1 +

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas suscipit, orci consectetur posuere efficitur, risus dolor vulputate + nibh, ac venenatis mauris quam id elit. In non dapibus lectus, in placerat diam. Aenean finibus volutpat nibh, quis maximus augue bibendum + eget. Cras euismod risus vitae risus consectetur, ac consectetur augue gravida. Etiam condimentum nulla sem, in venenatis quam consequat nec. + Nam sed nulla felis. Duis in feugiat felis. Curabitur eget varius purus. In malesuada accumsan felis eu vehicula. Donec convallis mauris vel + odio efficitur vestibulum.

+

+
+ 2 +

+

Sed non egestas tellus, a aliquet ex. Donec id velit in purus vehicula auctor id vel nulla. Cras molestie urna ac pellentesque rutrum. In + at convallis dui, et sollicitudin lacus. Aenean purus quam, faucibus vel est at, efficitur euismod lacus. Ut consectetur maximus ligula, sed + pellentesque lacus pretium ut. Suspendisse pellentesque ut tellus vitae facilisis. Cras auctor elit in dui tempus dictum.

+
+
+ 3 +

+

Praesent et risus lorem. Nullam massa eros, maximus et ipsum suscipit, mattis cursus metus. Vestibulum dapibus enim imperdiet dui ornare + pharetra. Aenean pulvinar eros metus, semper maximus diam tincidunt in. Suspendisse fermentum mi at augue feugiat blandit imperdiet at quam. + Pellentesque libero ligula, vulputate vitae sapien eu, dapibus tempor nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices + posuere cubilia Curae; Sed pharetra dolor a elementum feugiat. Aliquam erat volutpat. Morbi volutpat cursus dapibus. Sed luctus nisi purus, + id rutrum dui dignissim sit amet.

+
+
+ 4 +

+

Praesent est ipsum, lobortis sed sapien vel, pellentesque vestibulum nunc. Fusce rutrum ligula risus, eu maximus lacus fermentum nec. Cum + sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis tincidunt in nunc sed feugiat. Sed non ex sed justo + eleifend pulvinar non vel odio. Nunc ultricies ipsum in velit mattis euismod. Donec aliquet efficitur molestie. Nam a nulla consectetur, + malesuada neque vel, mattis nisl. Suspendisse nibh ante, mattis non varius vel, sodales non ligula. Sed consequat eget neque vitae + ullamcorper. Proin lobortis iaculis magna, sit amet dictum augue dignissim id. Vestibulum vestibulum massa ut leo aliquet, tempor varius quam + ultricies. Sed molestie felis ac justo blandit, id pretium purus suscipit.

+
+
+ 5 +

+

Donec porta semper fringilla. Etiam ac orci tempor, euismod risus ac, posuere felis. Suspendisse congue, dui sed tempor hendrerit, diam orci + malesuada dolor, ut placerat nisl neque quis odio. Vivamus gravida accumsan augue at semper. In hac habitasse platea dictumst. Mauris auctor + dui a enim vulputate elementum. Morbi enim massa, ullamcorper maximus neque non, facilisis commodo turpis. Mauris ornare euismod rhoncus. + Vivamus tincidunt tincidunt orci, non ultrices felis fermentum et. Praesent porttitor nunc a purus fermentum, congue faucibus dui laoreet. + Vivamus efficitur sollicitudin lacus, ac ultricies orci eleifend eget. Nullam at odio et turpis accumsan sollicitudin. Etiam auctor sodales + diam, at efficitur massa hendrerit vel.

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/presentation/sticky-footer.css b/presentation/sticky-footer.css new file mode 100644 index 0000000..739da86 --- /dev/null +++ b/presentation/sticky-footer.css @@ -0,0 +1,36 @@ +/* Sticky footer styles +-------------------------------------------------- */ +html { + position: relative; + min-height: 100%; +} +body { + /* Margin bottom by footer height */ + margin-bottom: 60px; +} +.footer { + position: absolute; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + height: 60px; + background-color: #f5f5f5; +} + + +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ + +.container { + width: auto; + max-width: 1024px; + padding: 0 15px; +} +.container .text-muted { + margin: 20px 0; +} +.image-left { + float:left; + margin: 7px 7px 7px 0; +} \ No newline at end of file