Adding the Partner section
Let's go through this section efficiently, as we did with the last one.
Look at the following:
This section contains only a title, two images, text, and a button. We'll need to create a block inside our usual container (as shown in orange).
HTML:
<section id="partners"> </section>
Start with our section
tag and id
, which we name partners
:
<section id="partners">
<div class="container">
</div>
</section>
As usual, we'll need our div "container"
to maintain our structure:
<section id="partners"> <div class="container"> <div class="partners-container"> </div> </div> </section>
Inside, we create another container, "partners-container"
:
<section id="partners"> <div class="container"> <div class="partners-container"> <h2>Partners</h2> <div class="partners-inner"> <div class="partner"> <img src="img/partner1...