Another super useful component that Foundation provides is pagination. If you want your pagination to be "left align", just remove the "-centered" segment from the first div in the following code. But for most of your projects, you will want to "center" your pagination bar so you will likely use the following code. After you open div, use <ul> with the class of "pagination" and the first <li> has a class of "arrow", which renders "«", the double arrow pointing to the left. Keep in mind that classes are reusable. You can apply the "unavailable" class to your pagination bar's elements just like we did previously with our breadcrumb menu. You will see that the "unavailable" <li> item has the character code of "…"; this renders as three dots "...". These dots show that there are pages between 2 and 9. You will also notice a "current" class on the first li; this shows the current page you are on. At some point, the pagination bar will likely be generated...