rozměry

RWD

RWD = Responsive Web Design
znamená, že rozložení bloků na webové stránce se mění podle velikosti okna (viewportu).

1.Příprava dokumentu

2.kapitola

Donec vitae arcu. Mauris dictum facilisis augue. Integer tempor. Quisque porta. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Proin in tellus sit amet nibh dignissim sagittis. Et harum quidem rerum facilis est et expedita distinctio. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam.

Curabitur bibendum justo non orci. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Aliquam erat volutpat.

Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Curabitur sagittis hendrerit ante. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Fusce suscipit libero eget elit. Phasellus faucibus molestie nisl.

3.kapitola

Pellentesque arcu. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat.

Aliquam id dolor. Mauris elementum mauris vitae tortor. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Duis viverra diam non justo. Sed ac dolor sit amet purus malesuada congue.

Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Integer imperdiet lectus quis justo. Praesent dapibus. Donec vitae arcu.

4.kapitola

Integer in sapien. Praesent in mauris eu tortor porttitor accumsan. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Etiam commodo dui eget wisi. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Aliquam ante. Phasellus rhoncus. Proin mattis lacinia justo. Vivamus porttitor turpis ac leo. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Praesent in mauris eu tortor porttitor accumsan. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Praesent dapibus.

Nullam eget nisl. Donec quis nibh at felis congue commodo. Nullam sit amet magna in magna gravida vehicula. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Quisque tincidunt scelerisque libero. Aenean id metus id velit ullamcorper pulvinar. Fusce wisi. Praesent in mauris eu tortor porttitor accumsan. Praesent id justo in neque elementum ultrices. Integer lacinia. Nunc dapibus tortor vel mi dapibus sollicitudin. Mauris dictum facilisis augue. Suspendisse sagittis ultrices augue. Praesent vitae arcu tempor neque lacinia pretium. Proin in tellus sit amet nibh dignissim sagittis. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Aliquam ante. Pellentesque sapien. Sed convallis magna eu sem.

Mauris dictum facilisis augue. Aliquam erat volutpat. Aliquam in lorem sit amet leo accumsan lacinia. Proin mattis lacinia justo. Mauris elementum mauris vitae tortor. Maecenas lorem. Fusce nibh. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Aliquam erat volutpat. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam.

5.kapitola

Fusce tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus faucibus molestie nisl. Nam quis nulla. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Pellentesque sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Pellentesque pretium lectus id turpis. Curabitur vitae diam non enim vestibulum interdum. Duis risus. Quisque tincidunt scelerisque libero. Aenean fermentum risus id tortor. Aenean placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce suscipit libero eget elit. Etiam bibendum elit eget erat. Etiam posuere lacus quis dolor. Maecenas sollicitudin. Integer malesuada. Phasellus rhoncus. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nullam eget nisl. Pellentesque sapien. Proin in tellus sit amet nibh dignissim sagittis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas lorem. Aliquam in lorem sit amet leo accumsan lacinia. Fusce consectetuer risus a nunc. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer imperdiet lectus quis justo. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Quisque porta. Praesent vitae arcu tempor neque lacinia pretium. Nulla quis diam. Suspendisse nisl. In convallis.

Integer imperdiet lectus quis justo. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Fusce nibh. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nullam sit amet magna in magna gravida vehicula. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Fusce aliquam vestibulum ipsum. Aenean placerat. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Integer pellentesque quam vel velit. Cras elementum. Phasellus faucibus molestie nisl. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Morbi scelerisque luctus velit. Praesent in mauris eu tortor porttitor accumsan.

6.kapitola

Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Aliquam in lorem sit amet leo accumsan lacinia. Duis viverra diam non justo. Nulla pulvinar eleifend sem. Pellentesque pretium lectus id turpis. Phasellus faucibus molestie nisl. Pellentesque pretium lectus id turpis. Integer malesuada. Nullam at arcu a est sollicitudin euismod. Aenean vel massa quis mauris vehicula lacinia. Nullam dapibus fermentum ipsum. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero.

Aliquam erat volutpat. Integer lacinia. Duis risus. Integer malesuada. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Maecenas libero. Pellentesque pretium lectus id turpis. Aenean vel massa quis mauris vehicula lacinia. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Duis condimentum augue id magna semper rutrum. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Curabitur vitae diam non enim vestibulum interdum. Nullam eget nisl.

Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Integer imperdiet lectus quis justo. Aliquam erat volutpat. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Nulla est. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Fusce tellus. Etiam commodo dui eget wisi. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Nunc tincidunt ante vitae massa. Pellentesque arcu. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Integer lacinia. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Phasellus et lorem id felis nonummy placerat. Maecenas sollicitudin.

7.kapitola

Etiam neque. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. In dapibus augue non sapien. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Donec quis nibh at felis congue commodo. Aliquam erat volutpat. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Aliquam id dolor. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Donec iaculis gravida nulla.

Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. In enim a arcu imperdiet malesuada. Nulla non lectus sed nisl molestie malesuada. In enim a arcu imperdiet malesuada. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Proin in tellus sit amet nibh dignissim sagittis. Nam sed tellus id magna elementum tincidunt. Nunc tincidunt ante vitae massa. Fusce aliquam vestibulum ipsum. Nunc tincidunt ante vitae massa. Maecenas lorem. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est.

Duis risus. In rutrum. Suspendisse nisl. Maecenas aliquet accumsan leo. Praesent id justo in neque elementum ultrices. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Praesent vitae arcu tempor neque lacinia pretium. Vivamus ac leo pretium faucibus. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Aenean placerat. Phasellus faucibus molestie nisl. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Phasellus faucibus molestie nisl. Suspendisse nisl. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Etiam dictum tincidunt diam. Aliquam erat volutpat. Etiam quis quam. In dapibus augue non sapien. Integer lacinia.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Aenean placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Pellentesque ipsum. Nulla non arcu lacinia neque faucibus fringilla. Aliquam in lorem sit amet leo accumsan lacinia. Nulla est. Duis condimentum augue id magna semper rutrum. Sed convallis magna eu sem.

8.kapitola

Phasellus et lorem id felis nonummy placerat. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Aliquam erat volutpat. Nullam eget nisl. Quisque tincidunt scelerisque libero. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Fusce wisi. Proin in tellus sit amet nibh dignissim sagittis. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Nunc tincidunt ante vitae massa. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Sed convallis magna eu sem. Nunc dapibus tortor vel mi dapibus sollicitudin. Fusce tellus. Proin mattis lacinia justo. Aenean vel massa quis mauris vehicula lacinia. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In rutrum. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Aliquam erat volutpat. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Et harum quidem rerum facilis est et expedita distinctio. Pellentesque pretium lectus id turpis. Aliquam erat volutpat. Nunc auctor. Nunc dapibus tortor vel mi dapibus sollicitudin. Integer lacinia. Phasellus rhoncus. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Integer tempor. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Pellentesque ipsum. Cras elementum.

Integer pellentesque quam vel velit. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Nam quis nulla. Etiam commodo dui eget wisi. Aliquam erat volutpat. Integer pellentesque quam vel velit. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Integer imperdiet lectus quis justo. Etiam quis quam. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Maecenas sollicitudin. Pellentesque ipsum. Vivamus luctus egestas leo.

9.kapitola

Nulla non lectus sed nisl molestie malesuada. Vivamus porttitor turpis ac leo. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Aenean vel massa quis mauris vehicula lacinia. Fusce tellus. Sed convallis magna eu sem. Aliquam ante. Etiam commodo dui eget wisi. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Maecenas lorem. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Praesent dapibus. Integer tempor. Praesent dapibus. In convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin mattis lacinia justo. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Fusce consectetuer risus a nunc. Fusce aliquam vestibulum ipsum. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.

Nulla non lectus sed nisl molestie malesuada. Etiam posuere lacus quis dolor. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Etiam commodo dui eget wisi. Aliquam erat volutpat. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Maecenas aliquet accumsan leo. Mauris elementum mauris vitae tortor. Proin mattis lacinia justo. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nullam at arcu a est sollicitudin euismod. Nam sed tellus id magna elementum tincidunt.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Fusce suscipit libero eget elit. In rutrum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Duis risus. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Fusce wisi. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Nulla pulvinar eleifend sem. Pellentesque ipsum.

10.kapitola

Fusce nibh. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nulla pulvinar eleifend sem. Nullam faucibus mi quis velit. Phasellus rhoncus. Pellentesque pretium lectus id turpis. Nunc auctor. Fusce tellus. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Et harum quidem rerum facilis est et expedita distinctio. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce aliquam vestibulum ipsum. Pellentesque pretium lectus id turpis. Nunc dapibus tortor vel mi dapibus sollicitudin.

Duis viverra diam non justo. Vivamus luctus egestas leo. Fusce suscipit libero eget elit. Phasellus faucibus molestie nisl. Nullam rhoncus aliquam metus. Phasellus rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Pellentesque pretium lectus id turpis. Nullam at arcu a est sollicitudin euismod. Donec iaculis gravida nulla. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Etiam neque. Praesent id justo in neque elementum ultrices. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Praesent in mauris eu tortor porttitor accumsan. Nulla quis diam. Aliquam erat volutpat.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Duis risus. Nulla quis diam. Cras pede libero, dapibus nec, pretium sit amet, tempor quis. Duis condimentum augue id magna semper rutrum. Phasellus et lorem id felis nonummy placerat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Pellentesque pretium lectus id turpis. Aliquam erat volutpat. Aenean fermentum risus id tortor. Nunc auctor. Nunc tincidunt ante vitae massa. Etiam quis quam. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Praesent vitae arcu tempor neque lacinia pretium. Aenean vel massa quis mauris vehicula lacinia. Phasellus rhoncus.

Maecenas lorem. Curabitur ligula sapien, pulvinar a vestibulum quis, facilisis vel sapien. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Etiam commodo dui eget wisi. Sed convallis magna eu sem. Quisque porta. Proin mattis lacinia justo. Maecenas sollicitudin. Etiam neque. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Aenean fermentum risus id tortor. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Mauris metus. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Nulla est. Fusce aliquam vestibulum ipsum. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.