In this chapter, we created a new section for the contact form and added it to our single page website. The next chapter will kick start our next project, which is to create a blog.
Responsive Web Design by Example
By :
Responsive Web Design by Example
By:
Overview of this book
Desktop-only websites just aren't good enough anymore. As you enter a future of increasingly diverse browsing methods, you need to know how to build websites that are presentable and will work perfectly with the huge volume of different device sizes and resolutions that are now commercially available. Responsive web design is an answer to the problem of modern web development.
By following the detailed step-by-step instructions, previews, and examples mentioned in this book, you will learn how to build engaging responsive websites and upgrade your skills as a web designer.
With coverage of Responsive Grid System and Bootstrap, you will learn about the most powerful frameworks in responsive web design.
In this book, you will learn how to create a crisp blog page, a beautiful portfolio site, a cool social networking page, and a fun photo gallery. Through each of these projects, you'll learn how to build various elements of a modern responsive website, and also find out which framework works best for your project specifications.
By the end of the book, you will have gained practical skills you need to build real-world websites that are professional, creative and truly responsive.
Table of Contents (15 chapters)
Preface
Free Chapter
What is Responsive Web Design?
What is Bootstrap, Why Do We Use It?
Reusable Project Template
Creating the Introduction Section
Creating a Generic Reusable Single Page Section
Creating a Contact Us Section
Creating the Blog Posts Home Page
Creating the Blog Posts Page
Adding a Sidebar to the Social Network
Creating the Home page in Our Social Network
Creating the User's Profile Page
Displaying Thumbnails of Our Photos
Opening Images Using a Light Box
Other Books You May Enjoy
Customer Reviews