Book Image

Bootstrap Site Blueprints Volume II

By : Matt Lambert
Book Image

Bootstrap Site Blueprints Volume II

By: Matt Lambert

Overview of this book

Bootstrap is the most popular open source project on GitHub today. With a little bit of know-how, this massively popular CSS framework can leveraged for any type of complex web application or website. Bootstrap Site Blueprints Volume II will teach you to build these types of projects in an easy-to-understand fashion. The key to any complex Bootstrap project is a strong development foundation for your project. The book will first teach you how to build a Bootstrap development environment using Harp.js, Node, and Less. In the next chapters, we’ll build on this foundation by creating restaurant and mobile-first aggregator projects. Once you’re warmed up, we’ll move on to more complex projects such as a wiki, a new magazine, a dashboard, and finally a social networking website. Whether you are brand new to Bootstrap or a seasoned expert, this book will provide you with the skills you need to successfully create a number of popular web applications and websites.
Table of Contents (14 chapters)
Bootstrap Site Blueprints Volume II
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

The Contact page


We're down to the final page of our restaurant website. The last thing do is set up our Contact page, which will include an actual Google map along with some required content that all restaurants should ideally list on their website. Here's what the Contact page will look like once we're done:

Inserting the Google Map

If you haven't done this before, you should note that Google actually makes it quite easy to generate maps that you can insert into your website. First, let's head over to http://google.com/maps. Once it loads up, enter the address of your restaurant. I don't have an actual restaurant, so I'm just using Vancouver as my search term. After the map is generated, there will be a little Settings gear icon near the bottom-right corner of the window. Click on this icon and you'll see a pop-up menu. Choose the Share or Embed Map option from the menu.

Clicking on this link will launch a modal. Make sure you click on the second tab, called Embed Map. The first thing in...