7 Normal and Floating textboxes

This is a standard textbox
This is a shaded textbox

Learning Objectives

Type your learning objectives here.

  • First
  • Second
  • Third
  • Fourth
  • Fifth
  • Sixth

Key Takeaways

Type your key takeaways here.

  • First
  • Second

Donec nec justo sodales, elementum leo at, porta odio. Fusce tempor vestibulum libero, at tincidunt dolor. Mauris vestibulum neque eget varius interdum. Integer lacinia elit a turpis mollis, vitae rhoncus massa egestas. Nulla gravida malesuada odio. Duis aliquam purus et lorem bibendum, id accumsan turpis blandit. Nullam at mauris ut augue scelerisque lobortis. Etiam sodales nibh non ultricies pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in tellus est.

Exercises

Type your exercises here.

  • First
  • Second

Examples

Type your examples here.

  • First
  • Second

Standard textbox, floating Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae blandit massa. Duis vel laoreet nibh. Phasellus euismod, ligula in convallis luctus, eros arcu dictum ante, vel feugiat velit mi in urna. Donec quis odio sed dolor scelerisque dapibus. Morbi eu vestibulum dolor.

<= sidebar code right before this paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae blandit massa. Duis vel laoreet nibh. Phasellus euismod, ligula in convallis luctus, eros arcu dictum ante, vel feugiat velit mi in urna. Donec quis odio sed dolor scelerisque dapibus. Morbi eu vestibulum dolor. Quisque vitae sapien congue, scelerisque orci cursus, tincidunt purus. Nulla et lobortis est. Nulla id est est. Nullam nisi ante, dictum sit amet quam nec, tempor congue neque. Nullam et laoreet dui, ac ornare sem. Curabitur eu consectetur tortor. Proin tempor auctor orci quis blandit. Aliquam erat volutpat. Fusce a felis ante. Sed at massa dui. Morbi nec condimentum ligula.

Fusce vitae enim nec massa tempus posuere nec a risus. Aliquam viverra consequat velit, ut imperdiet sapien porttitor ut. In velit sapien, faucibus quis massa quis, pretium ultrices urna. Donec nec justo sodales, elementum leo at, porta odio. Fusce tempor vestibulum libero, at tincidunt dolor. Mauris vestibulum neque eget varius interdum. Integer lacinia elit a turpis mollis, vitae rhoncus massa egestas. Nulla gravida malesuada odio. Duis aliquam purus et lorem bibendum, id accumsan turpis blandit. Nullam at mauris ut augue scelerisque lobortis. Etiam sodales nibh non ultricies pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in tellus est.

Aliquam nec sapien felis. Fusce volutpat enim sit amet nulla facilisis fringilla eget sit amet nisl. Donec laoreet consequat image. Duis neque massa, condimentum at facilisis et, finibus sit amet augue. Proin vehicula fermentum pretium. Nunc porttitor tortor feugiat, tincidunt eros non, bibendum lorem. Duis pulvinar, eros non rhoncus eleifend, dui leo sagittis ex, at condimentum nunc quam sit amet enim. Curabitur velit risus, varius a ex eget, sodales eleifend libero. Phasellus efficitur metus ac mauris image, sit amet consequat sapien tincidunt. Morbi facilisis leo nisi, et placerat diam mollis et. Nam non mi eu massa auctor bibendum. Fusce aliquet leo sit amet elit consequat sodales. sidebar code right after this paragraph =>

shaded textbox, floating Vestibulum aliquam nulla eros, eu porttitor arcu ullamcorper ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

<= sidebar code right before this paragraph Nam image hendrerit est, ac accumsan libero. Sed id aliquet orci, eu mattis lectus. Maecenas risus lacus, fermentum ut pretium nec, mollis sit amet lacus. Phasellus dapibus blandit tristique. Etiam efficitur, urna ac porta vehicula, lacus neque vestibulum nunc, in blandit metus felis sit amet mauris. Vestibulum aliquam nulla eros, eu porttitor arcu ullamcorper ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper sapien elit. Quisque quis magna vel lorem porttitor image bibendum et ipsum. sidebar code right after this paragraph =>

Examples (Sidebar)

Type your examples here.

  • First
  • Second

<= sidebar code right before this paragraph Nulla fermentum ligula in erat fermentum tempor. Vestibulum egestas ante a neque hendrerit commodo. Mauris rutrum ut risus congue commodo. Suspendisse ullamcorper lectus varius ligula volutpat, a sagittis dolor laoreet. Mauris in lectus mauris. Morbi semper convallis turpis eget vestibulum. Ut mollis luctus justo, id eleifend diam venenatis id. Etiam ac pulvinar ante. Mauris faucibus, diam vitae gravida convallis, arcu nisi auctor nulla, quis hendrerit felis velit vitae eros. Morbi vestibulum convallis lacus, nec sodales nulla egestas quis. Quisque gravida et mi id dictum. In semper sed lorem vel ornare.

Nulla fermentum ligula in erat fermentum tempor. Vestibulum egestas ante a neque hendrerit commodo. Mauris rutrum ut risus congue commodo. Suspendisse ullamcorper lectus varius ligula volutpat, a sagittis dolor laoreet. Mauris in lectus mauris. Morbi semper convallis turpis eget vestibulum. Ut mollis luctus justo, id eleifend diam venenatis id. Etiam ac pulvinar ante. Mauris faucibus, diam vitae gravida convallis, arcu nisi auctor nulla, quis hendrerit felis velit vitae eros. Morbi vestibulum convallis lacus, nec sodales nulla egestas quis. Quisque gravida et mi id dictum. In semper sed lorem vel ornare. Code for 2 sidebars right after this paragraph =>

Exercises (Sidebar)

Type your exercises here.

  • First
  • Second

Key Takeaways (Sidebar)

Type your key takeaways here.

  • First
  • Second

<= code for 2 sidepars right before this paragraph Nulla fermentum ligula in erat fermentum tempor. Vestibulum egestas ante a neque hendrerit commodo. Mauris rutrum ut risus congue commodo. Suspendisse ullamcorper lectus varius ligula volutpat, a sagittis dolor laoreet. Mauris in lectus mauris. Morbi semper convallis turpis eget vestibulum. Ut mollis luctus justo, id eleifend diam venenatis id. Etiam ac pulvinar ante. Mauris faucibus, diam vitae gravida convallis, arcu nisi auctor nulla, quis hendrerit felis velit vitae eros. Morbi vestibulum convallis lacus, nec sodales nulla egestas quis. Quisque gravida et mi id dictum. In semper sed lorem vel ornare.

This is an H1 header

This is an H2 header

This is an H3 header

This is an H4 header

This is an H5 header
This is an H6 header

Normal paragraph text. Mauris in lectus mauris. Morbi semper convallis turpis eget vestibulum. Ut mollis luctus justo, id eleifend diam venenatis id. Etiam ac pulvinar ante. Mauris faucibus, diam vitae gravida convallis, arcu nisi auctor nulla, quis hendrerit felis velit vitae eros. Morbi vestibulum convallis lacus, nec sodales nulla egestas quis.

Unordered list below:

  • Create a network of people with common interests to support relationship building and collaboration.
  • Cultivate a culture of innovation and entrepreneurship.
  • Spread new technologies with an emphasis on the web.

Normal paragraph text. Mauris in lectus mauris. Morbi semper convallis turpis eget vestibulum. Ut mollis luctus justo, id eleifend diam venenatis id. Etiam ac pulvinar ante.

This is a blockquote. Nulla fermentum ligula in erat fermentum tempor. Vestibulum egestas ante a neque hendrerit commodo. Mauris rutrum ut risus congue commodo. Suspendisse ullamcorper lectus varius ligula volutpat, a sagittis dolor laoreet.

 

This chapter is adapted from Normal and Floating textboxes in Jc's test book by Jc Author.

License

Icon for the Creative Commons Attribution 4.0 International License

jctestbook by Jc Guan/Pressbooks is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book