index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Crumpet</title>
	<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
	<!-- Change the font to what ever you like -->

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/main.css">
</head>
<body>
	<div class="container">
		<div class="row preview">
			<div class="col name">
				Desktop 2 columns
			</div>

			<div class="col your">
				Desktop 10 columns
			</div>

			<div class="col classes">
				Tablet 9 columns
			</div>

			<div class="col whatever">
				Tablet 3 columns
			</div>

			<div class="col you">
				Mobile half
			</div>

			<div class="col like">
				Mobile half
			</div>

			<div class="col text-align">
				What's up
			</div>
		</div>
	</div>
</body>
</html>