Add layots

bower.json

@@ -11,6 +11,6 @@
     "globals"
   ],
   "dependencies": {
-    "bootstrap-sass": "^3.3.7"
+    "normalize-scss": "^3.0.3"
   }
 }

jade/index.jade

@@ -8,7 +8,30 @@ html(lang='ru')
 		link(rel="stylesheet", href="build.css")
 		script(src="build.js")
 	body
-		header
 		main.content
-			h1 Hello, world!
-		footer
+			header
+				h1 Выберите друзей
+			.container
+				.column#friends-vk
+					.search
+						label(for="search-friends").icon
+						input(type="text", id="search-friends", name="search-friends", placeholder="Начните вводить имя друга")
+					.list
+						.title Ваши друзья
+						ul
+							li
+								img(src="http://cdn.stripersonline.com/6/6f/50x50px-ZC-6f67bd7e_125x125px-LS-afddea1f_haha-lol-manolo-troll-troll-face-Favim_com-143216.jpeg")
+								p Имя Фамилия
+								span.add(title="Добавить в избранное")
+				.column#favorite
+					.search
+						input(type="text", name="search-favorite", placeholder="Название")
+					.list
+						.title Друзья в списке
+					ul
+						li
+							img(src="http://cdn.stripersonline.com/6/6f/50x50px-ZC-6f67bd7e_125x125px-LS-afddea1f_haha-lol-manolo-troll-troll-face-Favim_com-143216.jpeg")
+							p Имя Фамилия
+							span.remove(title="Удалить из избраного")
+			footer
+				button.btn Сохранить

sass/main.sass

@@ -8,11 +8,16 @@
 
 @import "./variables"
 @import "./mixins"
-@import "../app/components/bootstrap-sass/assets/stylesheets/bootstrap"
+@import "../app/components/normalize-scss/_normalize.scss"
 
 html
-  width: 100%
-  min-height: 100%
+	width: 100%
+	height: 100%
 
-  *
-    box-sizing: border-box
+	body
+		width: 100%
+		min-width: 980px
+		max-width: 1980px
+
+		*
+			box-sizing: border-box