O'Reilly logo

Mastering Sass by Luke Watts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Services

The services section seems a bit boring, to be honest. Even with the dropcaps. I think we need some icons to make everything a bit more visually appealing. This will require us to add some elements for our icons. We'll also make the .services-title an h2 element instead of h3 so it matches Featured Products.

Open index.html and add the following:

<!-- BEGIN .services --> 
<section class="services"> 
    <h2 class="services-title">Swag Services</h2> 
    <div class="container"> 
        <article class="service"> 
            <div class="ion-clock"></div> 
            <h3 class="service-title">Fast Delivery</h3> 
            <p> 
                ... 
            </p> 
        </article> 
        <article class="service"> 
            <div class="ion-earth"></div> <h3 class="service-title">Worldwide Shipping</h3> <p> ... </p> </article> <article class="service"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required