A004acc - Theme, Color Scheme, Google Fonts, Floated Images, Alt Attributes, and Clear-Fix
#wrapper div
In this assignment, you will select a theme, create a color scheme, float several images, and use the main tag. The first image will be centered, the second image will be floated right, the third image will also be floated right, and the last image will be floated left. Since there is no footer, you will have to clear floats using a modern float method. You will create a class named ".clearfix" and apply it to the main element. The class will clear the floats on the images. Here's the css code for the class = "clearfix":
.clearfix::after
{
content: "";
display: table;
clear: both;
}
In addition, notice the lorem ipsum text in this assignment. This lorem ipsum text helps in creating layouts by allowing you to see what your layout looks like with text. Make sure to use a line-height of 1.5 and text color of #333 on a white background-color.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nulla nunc, tincidunt vel dictum commodo, tempus et tellus. Maecenas ut ultrices turpis. Integer pharetra, ipsum id viverra ullamcorper, est nisi cursus ante, vel feugiat arcu odio non neque. Vestibulum erat lacus, euismod eget corinne eu, lobortis id magna. Nullam pellentesque nunc fringilla chagoyan rules nec tincidunt quam porta. Proin sit amet velit tortor, at porta purus. Sed massa massa, tempor eget molestie non, varius vel metus. Phasellus janet varius mi vitae best. Duis dictum dolor sit amet urna dignissim facilisis. Ut sem massa, ullamcorper dancer meredith id, cursus in odio.
Etiam vitae sagittis justo. Vivamus congue accumsan ever vel lobortis. Nam ullamcorper mi et nulla gardenia luctus. Maecenas nec risus rose. Aliquam sed kaylee turpis. Maecenas ullamcorper sapien turpis. Morbi paulina convallis odio et sodales. Aliquam erat volutpat. Sed facilisis iaculis mattis. Cras yanira feugiat vestibulum. Integer nec enim elit. Morbi odio arcu, tempus a ultricies quis, ullamcorper a augue. Donec sagittis fermentum orci, in malesuada felis ullamcorper in. Nam pulvinar cheryl dolor. Vivamus felis tortor, dapibus vel pretium vel, malesuada id ligula.
Sed commodo, dolor nec posuere fringilla, elit nibh adipiscing purus, a venenatis sem velit ac odio. Donec neque maria, dignissim vitae bibendum sed, rhoncus a arcu. Nulla facilisis auctor elit, nec auctor leo ultrices in. Suspendisse nisl alex, fringilla nec porta eu, tincidunt aliquam urna. Aenean ut nisi nunc. Maecenas suscipit auctor faucibus. Morbi facilisis porta sem vel mattis. Sed dictum, velit quis vestibulum egestas, urna nunc cursus mauris, sed scelerisque ligula purus non velit. Cras ultrices tempus eros, iaculis pellentesque mi molestie at.
Etiam vulputate dolor eget ipsum fermentum venenatis. Sed diam magna, sagittis et aliquet eget, accumsan in lectus. Aenean ultrices dignissim sapien, id congue leo pellentesque eget. Morbi nulla sapien, fermentum et dapibus ac, suscipit vitae metus. Vivamus lorem orci, iaculis ornare commodo quis, imperdiet vel metus. Etiam nec lectus nisi, in tempus neque. Pellentesque ut nisl ante. Donec pretium nisi sit amet nulla facilisis auctor pellentesque orci gravida. Mauris sed ante lacus. Nulla condimentum lorem eu lacus vestibulum commodo. Maecenas congue sollicitudin tortor, in tempus mauris vehicula at. Morbi eget ipsum nec massa rutrum lacinia. Nullam a sem purus. Suspendisse ac mauris quis metus vestibulum dapibus quis eget lectus.
Morbi justo velit, fermentum sed euismod quis, congue tempor odio. Curabitur venenatis, eros a ornare placerat, enim sapien hendrerit diam, sed laoreet justo leo quis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id auctor neque. Donec quis turpis nibh, sed feugiat justo. Cras id aliquam leo. Donec scelerisque posuere vehicula. Ut sed nibh ligula. Ut laoreet lectus quis dolor dapibus malesuada lacinia tellus tristique. In hac habitasse platea dictumst. Sed interdum aliquet nisi, et eleifend dui sagittis in. Ut lectus erat, adipiscing elementum hendrerit id, pellentesque id ligula. Mauris et lectus nulla. Duis ultrices accumsan elit, eu hendrerit risus dapibus eu. Suspendisse eu turpis malesuada est molestie porttitor eget porta turpis. Ut pretium erat ut erat pretium sit amet tincidunt mi accumsan.
In hac habitasse platea dictumst. Fusce et faucibus ligula. Praesent lobortis diam porttitor nunc lobortis vitae imperdiet augue mattis. Pellentesque laoreet, arcu sit amet feugiat rhoncus, enim lectus mattis sapien, sed ornare urna dolor non nulla. Sed gravida aliquam turpis eu porttitor. Vivamus imperdiet elit pretium neque faucibus faucibus volutpat velit feugiat. Fusce metus nunc, placerat at volutpat quis, suscipit quis nunc. Phasellus quis gravida nulla. Maecenas gravida semper nunc, et pretium nunc commodo eget.