JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.11.0/ramda.min.js"></script>
<div ng-app="myApp" ng-controller="DemoCtrl" ng-init="len = numbers.length">
    <div>
        <ul>
            <li ng-repeat="number in numbers | limitTo: len / 2 + (len % 2)">{{number}}</li>
        </ul>
    </div>
    <div>
        <ul>
            <li ng-repeat="number in numbers | limitTo: - len / 2">{{number}}</li>
        </ul>
    </div>
</div>

CSS

ul {
    border: 1px solid red;
}

JavaScript

var app = angular.module('myApp', []);

app.controller('DemoCtrl', function ($scope) {    
    $scope.numbers = [Project Name, Description, Due date, image, 5, 6, 7, 8, 9, 10, 11];
});