Book Image

Web Design Blueprints

Book Image

Web Design Blueprints

Overview of this book

The book delivers simple instructions on how to design and build modern Web using the latest trends in web development. You will learn how to design responsive websites, created with modern Flat User Interface design patterns, build deep-scrolling websites with parallax 3D effects, and roll-your-own single-page applications. Finally, you'll work through an awesome chapter that combines them all. Each chapter features actual lines of code that you can apply right away.
Table of Contents (12 chapters)
Web Design Blueprints
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

OMG, it's full of stars!


Immediately after the fa-moon I element, in the p1 DIV element, add a DIV element with the id stars. Go back to the Font Awesome site and copy the code for the star. Paste it inside the stars DIV element and add the yellow class to it. Now copy this yellow fa-star I element and paste it about 200 more times inside the stars DIV element. That will complete the HTML for the space section. It will look like my sample here:

    <section id="space">
        <div id="p0" class="row">
            <i class="fa fa-moon-o yellow fa-5x"></i>
        </div>
        <div id="p1" class="row">
        <div id="stars">
            <i class="fa fa-star yellow"></i>
            <i class="fa fa-star yellow"></i>
            <i class="fa fa-star yellow"></i>
            <i class="fa fa-star yellow"></i>


<!--...
** repeat 200 times, or a billion if you have the time **
...-->
           ...