first step

app/app.config.js

@@ -0,0 +1,14 @@
+app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
+	$locationProvider.hashPrefix('');
+
+	$routeProvider
+		.when('/', {
+			templateUrl: 'app/views/home.template.html',
+			controller: 'HomeController'
+		})
+		.when('/reg', {
+			templateUrl: 'app/views/registration.template.html',
+			controller: 'RegistrationController'
+		})
+		.otherwise('/');
+}]);

app/app.js

@@ -0,0 +1,8 @@
+var app = angular.module('application', [
+  'ngRoute'
+]);
+
+$(document).ready(function(){
+	$(".select2").select2({placeholder: "Выберите группу"});
+});
+	

app/controllers/HomeController.js

@@ -0,0 +1,7 @@
+(function () {
+	'use strict';
+
+	app.controller('HomeController', ['$scope', function ($scope) {
+
+	}]);
+})();

app/controllers/RegistrationController.js

@@ -0,0 +1,7 @@
+(function () {
+	'use strict';
+
+	app.controller('RegistrationController', ['$scope', function ($scope) {
+
+	}]);
+})();

app/views/home.template.html

@@ -0,0 +1,6 @@
+<ng-include src="'app/views/partials/header.template.html'"></ng-include>
+
+<main class="text-center">
+	<div class="page-heading mrg"><h1>Привет, для начала работы авторизуйся или зарегистрируйся.</h1></div>
+	<img src="img/logo.png" alt="">
+</main>

app/views/partials/header.template.html

@@ -0,0 +1,19 @@
+<header>
+	<nav class="navbar navbar-default">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<a class="navbar-brand logo" href="#/"><i class="fa fa-cogs" aria-hidden="true"></i></a>
+			</div>
+			<form name="FormEnter" class="navbar-form navbar-right">
+				<div class="form-group">
+					<input type="text" class="form-control" name="login" placeholder="Логин">
+				</div>
+				<div class="form-group">
+					<input type="password" class="form-control" name="password" placeholder="Пароль">
+				</div>
+				<button class="btn btn-default"><a href="#/" class="navbar-link">Вход</a></button>
+				<button class="btn btn-default"><a href="#/reg" class="navbar-link">Регистрация</a></button>
+			</form>
+		</div>
+	</nav>
+</header>

app/views/registration.template.html

@@ -0,0 +1,47 @@
+<ng-include src="'app/views/partials/header.template.html'"></ng-include>
+
+<div class="row">
+	<div class="col-xs-4"></div>
+	<div class="col-xs-4">
+		<div class="panel panel-default">
+			<div class="panel-heading"><h4>Введите данные:</h4></div>
+			<div class="panel-body">
+				<small class="pull-right"><em>Все поля являются обязательными.</em></small>
+				<br>
+				<form novalidate name="FormRegistration">
+					<div class="form-group">
+						<input type="text" class="form-control" required name="firstname" placeholder="Имя">
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" required name="lastname" placeholder="Фамилия">
+					</div>
+					<div class="form-group">
+						<input type="e-mail" class="form-control" required  name="e-mail" placeholder="E-mail">
+					</div>
+					<div class="form-group">
+						<input type="text" class="form-control" name="login" required placeholder="Логин">
+					</div>
+					<div class="form-group">
+						<input type="password" class="form-control" required name="password" placeholder="Пароль">
+					</div>
+					<div class="form-group">
+						<select class="form-control select2">
+							<option></option>
+								<option value="1">Front-end Advance 1</option>
+								<option value="2">Front-end Advance 2</option>	
+								<option value="3">PHP Advance 1</option>	
+								<option value="4">QA</option>	
+								<option value="5">Основы программирования</option>	
+						</select>
+					</div>
+				</form>
+			</div>
+			<div class="panel-footer">
+				<button class="btn btn-primary">Зарегистрировать</button>
+				<button class="btn btn-danger pull-right">Отмена</button>
+			</div>
+		</div>
+
+	</div>
+	<div class="col-xs-4"></div>
+</div>

bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "First",
+  "description": "normal",
+  "main": "",
+  "license": "MIT",
+  "homepage": "",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "^1.6.7",
+    "bootstrap": "^3.3.7",
+    "angular-route": "^1.6.7",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.2.1",
+    "select2": "^4.0.5"
+  }
+}

css/style.css

@@ -0,0 +1,7 @@
+img {
+	max-width: 100%;
+}
+
+.mrg {
+	margin: 50px 0;
+}

index.html

@@ -0,0 +1,30 @@
+<!Doctype html>
+<html lang="en" ng-app="application">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+	<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
+	<link rel="stylesheet" href="bower_components/select2/dist/css/select2.min.css">
+	<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
+	<link rel="stylesheet" href="css/style.css">
+	
+	<title>AngularJS project</title>
+</head>
+<body>
+	<div class="container">
+		<div ng-view></div>
+	</div>
+
+	<script src="bower_components/angular/angular.js"></script>
+	<script src="bower_components/angular-route/angular-route.js"></script>
+	<script src="bower_components/jquery/dist/jquery.min.js"></script>
+	<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+	<script src="bower_components/select2/dist/js/select2.min.js"></script>
+
+	<script src="app/app.js"></script>
+	<script src="app/app.config.js"></script>
+	<script src="app/controllers/HomeController.js"></script>
+	<script src="app/controllers/RegistrationController.js"></script>
+</body>
+</html>