<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Page title</title>
<!--/////////////////////////////////////////////////////////////////////////////////-->
<!-- Optional but good for SEO -->
<meta name="description" content="Page description">
<meta name="keywords" content="key phrase 1, key phrase 2, keyword1, keyword2">
<meta name="author" content="ist.com.gr">
<meta name="url" content="http://www.full-domain-name-or-web-address.com">
<!--/////////////////////////////////////////////////////////////////////////////////-->
<!-- Load CSS from file -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<style type="text/css"></style> <!-- or define CSS here locally (Bad practice) -->
<!--/////////////////////////////////////////////////////////////////////////////////-->
<!-- Importing frameworks and libraries is like: -->
<!-- Give Bootstrap local relative paths -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- XOR or give cdn links (Bad practice) -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--/////////////////////////////////////////////////////////////////////////////////-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--/////////////////////////////////////////////////////////////////////////////////-->
<!-- Give Angular cdn links -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-animate.js"></script>
<!--/////////////////////////////////////////////////////////////////////////////////-->
<link href="https://fonts.googleapis.com/css?family=Slab:700|Condensed" rel="stylesheet"> <!-- If you use google fonts -->
<script src="http://maps.googleapis.com/maps/api/js?libraries=places"></script> <!-- If you use google APIs -->
<!--/////////////////////////////////////////////////////////////////////////////////-->
<!-- Bookmark and page icon: -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="apple-touch-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-ipad-retina.png" />
<!--/////////////////////////////////////////////////////////////////////////////////-->
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- Hiding Safari User Interface Components - standalone mode - runs in full-screen mode -->
</head>
<body>
<div class = "container">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-9"></div>
</div>
<div ng-app="myApp" ng-controller="myCtrl"></div>
</div>
<script></script> <!-- Write javascript here -->
<!-- Angular.js must be a different file and not a script -->
<script>
var app = angular.module('myApp', ['ngAnimate']);
app.controller('myCtrl', function($scope) {});
</script>
</body>
</html>