The are indeed BOTH E2 reactions. Look closely at the employed base. If C2H5O-/C2H5OH is used we do a Zaitsev elimination whereby the most substituted alkene is formed. In the reaction going at the top, a larger, sterically hindered base was used, We used Sodium t-Butoxide...this reagent gave E2 Hoffmann, whereby the less substituted alkene was formed. For further clarity, see the David Klein text book which gives many more examples of this VITAL reaction series.
A big base can't get to the "inner" H so it grabs the H the outside and makes less substituted alkene. A small base can grab the "inner H" and makes most substituted alkene. Look at the mechanism and it will make sense. It confused me too!
I used my last week to take 2 full lengths and review Destroyer's Roadmaps (if you know these you're golden) and a sheet where I kept extra Biology stuff that was giving me trouble. You're in the home stretch! Stay focused.