In this first class of the web layout techniques course, we will learn how to layout a hero image, very useful for the headers of our web projects.
It is very possible that many of the websites you visit daily have hero images inside. These are images located in the header, generally full width, which include certain elements on top, such as texts or buttons.
They are very useful, since they help us to frame that copy or CTA that we want our users to see, with a background image chosen with a certain intention. Let’s see how to do it!
Well, we already have it! Have you seen how easy? And how good it is! Actually, it is a widely used component today, so we must be able to layout it without problems.
In a short time, we have created a hero image for our projects. In addition, you will be able to reuse the code that you can find below the video in other projects in which you need it.
In the next class, the second of this course, we will continue learning web layout techniques. In this case, we will see how to work with shadows.
Remember that if you have any questions about what is explained in this lesson, you have the Intranet support form at your disposal. See you!
Remember that if you will have access to everybody the courses and you can also enjoy everything from .
Facebook Comments
Disqus