Beyond HTML Basics

Main Assignment Rose Lavender Peony

On this Webpage

Hello, for this webpage I have changed the display of the page based on the window size you are viewing on. On a larger screen, the layout will be different. I have included a list and a table. The images in the table should scale based on your window size as well. I also added a navigation bar on top of the page with both internal and external links.

Flora

Types of Flowers
Rose Lavender Peony
Rose Double Delight (8262) Single lavender flower02 Peony Pink
Pink rose bloom of a climbing rose at Boreham, Essex, England 1 Lavender flower 001 304 white peony full
Miniature rose gnangarra Pivoine Japanese peony Jdp

Here I added a table.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis pellentesque id nibh tortor id. Curabitur gravida arcu ac tortor dignissim. Velit scelerisque in dictum non consectetur a erat. Amet mauris commodo quis imperdiet massa. Convallis tellus id interdum velit laoreet id donec. Tempus egestas sed sed risus. Iaculis urna id volutpat lacus laoreet non. Vitae sapien pellentesque habitant morbi tristique senectus et. Velit egestas dui id ornare arcu odio ut. Nunc faucibus a pellentesque sit. Ullamcorper dignissim cras tincidunt lobortis feugiat. Vestibulum sed arcu non odio. Velit dignissim sodales ut eu sem integer vitae justo eget. Senectus et netus et malesuada fames ac turpis egestas. Tincidunt id aliquet risus feugiat in. Elit ut aliquam purus sit.

Sodales ut etiam sit amet nisl purus in. Purus ut faucibus pulvinar elementum integer. Tristique senectus et netus et malesuada fames ac turpis egestas. Condimentum mattis pellentesque id nibh tortor id. Quisque sagittis purus sit amet volutpat consequat mauris nunc. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Praesent tristique magna sit amet purus gravida. Maecenas sed enim ut sem viverra aliquet eget sit amet. Augue neque gravida in fermentum et sollicitudin ac orci phasellus. In fermentum et sollicitudin ac orci. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Proin sed libero enim sed faucibus turpis in. Et odio pellentesque diam volutpat commodo sed egestas. Ultricies mi eget mauris pharetra et ultrices neque ornare aenean. Sed risus ultricies tristique nulla aliquet enim tortor. In eu mi bibendum neque egestas congue quisque.

Tempus iaculis urna id volutpat. Sit amet mattis vulputate enim nulla. Sit amet commodo nulla facilisi nullam vehicula ipsum a. Duis at consectetur lorem donec massa sapien. Faucibus in ornare quam viverra orci. Viverra tellus in hac habitasse platea dictumst vestibulum rhoncus est. Erat pellentesque adipiscing commodo elit at. Ullamcorper dignissim cras tincidunt lobortis feugiat. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Purus sit amet volutpat consequat mauris nunc congue nisi. Quam lacus suspendisse faucibus interdum posuere.

Roses

Rose Double Delight (8262)

    Here is a list:
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Mattis pellentesque id nibh tortor id
  • Curabitur gravida arcu ac tortor dignissim
  • Velit scelerisque in dictum non consectetur a erat
  • Amet mauris commodo quis imperdiet massa
  • Convallis tellus id interdum velit laoreet id donec
  • Tempus egestas sed sed risus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis pellentesque id nibh tortor id. Curabitur gravida arcu ac tortor dignissim. Velit scelerisque in dictum non consectetur a erat. Amet mauris commodo quis imperdiet massa. Convallis tellus id interdum velit laoreet id donec. Tempus egestas sed sed risus. Iaculis urna id volutpat lacus laoreet non. Vitae sapien pellentesque habitant morbi tristique senectus et. Velit egestas dui id ornare arcu odio ut. Nunc faucibus a pellentesque sit. Ullamcorper dignissim cras tincidunt lobortis feugiat. Vestibulum sed arcu non odio. Velit dignissim sodales ut eu sem integer vitae justo eget. Senectus et netus et malesuada fames ac turpis egestas. Tincidunt id aliquet risus feugiat in. Elit ut aliquam purus sit.

Lavenders

Single lavender flower02

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis pellentesque id nibh tortor id. Curabitur gravida arcu ac tortor dignissim. Velit scelerisque in dictum non consectetur a erat. Amet mauris commodo quis imperdiet massa. Convallis tellus id interdum velit laoreet id donec. Tempus egestas sed sed risus. Iaculis urna id volutpat lacus laoreet non. Vitae sapien pellentesque habitant morbi tristique senectus et. Velit egestas dui id ornare arcu odio ut. Nunc faucibus a pellentesque sit. Ullamcorper dignissim cras tincidunt lobortis feugiat. Vestibulum sed arcu non odio. Velit dignissim sodales ut eu sem integer vitae justo eget. Senectus et netus et malesuada fames ac turpis egestas. Tincidunt id aliquet risus feugiat in. Elit ut aliquam purus sit.

Sodales ut etiam sit amet nisl purus in. Purus ut faucibus pulvinar elementum integer. Tristique senectus et netus et malesuada fames ac turpis egestas. Condimentum mattis pellentesque id nibh tortor id. Quisque sagittis purus sit amet volutpat consequat mauris nunc. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Praesent tristique magna sit amet purus gravida. Maecenas sed enim ut sem viverra aliquet eget sit amet. Augue neque gravida in fermentum et sollicitudin ac orci phasellus. In fermentum et sollicitudin ac orci. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Proin sed libero enim sed faucibus turpis in. Et odio pellentesque diam volutpat commodo sed egestas. Ultricies mi eget mauris pharetra et ultrices neque ornare aenean. Sed risus ultricies tristique nulla aliquet enim tortor. In eu mi bibendum neque egestas congue quisque.

Peonies

Pivoine Japanese peony Jdp

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis pellentesque id nibh tortor id. Curabitur gravida arcu ac tortor dignissim. Velit scelerisque in dictum non consectetur a erat. Amet mauris commodo quis imperdiet massa. Convallis tellus id interdum velit laoreet id donec. Tempus egestas sed sed risus. Iaculis urna id volutpat lacus laoreet non. Vitae sapien pellentesque habitant morbi tristique senectus et. Velit egestas dui id ornare arcu odio ut. Nunc faucibus a pellentesque sit. Ullamcorper dignissim cras tincidunt lobortis feugiat. Vestibulum sed arcu non odio. Velit dignissim sodales ut eu sem integer vitae justo eget. Senectus et netus et malesuada fames ac turpis egestas. Tincidunt id aliquet risus feugiat in. Elit ut aliquam purus sit.

Sodales ut etiam sit amet nisl purus in. Purus ut faucibus pulvinar elementum integer. Tristique senectus et netus et malesuada fames ac turpis egestas. Condimentum mattis pellentesque id nibh tortor id. Quisque sagittis purus sit amet volutpat consequat mauris nunc. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Praesent tristique magna sit amet purus gravida. Maecenas sed enim ut sem viverra aliquet eget sit amet. Augue neque gravida in fermentum et sollicitudin ac orci phasellus. In fermentum et sollicitudin ac orci. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Proin sed libero enim sed faucibus turpis in. Et odio pellentesque diam volutpat commodo sed egestas. Ultricies mi eget mauris pharetra et ultrices neque ornare aenean. Sed risus ultricies tristique nulla aliquet enim tortor. In eu mi bibendum neque egestas congue quisque.

Back to the top of page