[
  {
    id:'someID',
    title: 'First title',
    listOfTechnologies: ['KeystoneJS', 'ExpressJS', 'MongoDB']
  },
  {
    id:'anotherID',
    title: 'Second Title',
    listOfTechnologies: ['MongoDB', 'ExpressJS', 'AngularJS', 'NodeJS']
  }
]

<div class='container-fluid'>
<div class='row' ng-repeat="website in $ctrl.websites">
    <div class='col-12 col-md-6 d-none d-md-block marigold-bg'>
        <p class='sr-only'>Marigold Box</p>
    </div><!--marigoldBox-->
    <div class='col-12 col-md-6 pt-3 webProjectBox'>
        <h2 class='sr-only'>Web Projects</h2>
        <div class='row'>
            <div class='col-3'> ...</div><!--End of col-sm-3-->
            <div class='col-9'> ...</div><!--End of col-sm-9-->
        </div><!--End of row-->
        <div class='row'>
            <div class='col-3'>...</div>
            <div class='col-9'>...</div>
        </div>
        <div class='row pt-3'>
            <div class='col-12 text-center'>...</div>
        </div>
        <div class='row pt-2'>
            <div class='col-12 col-md-6 text-center'>
                <a href="{{website.linkToWeb}}"><u class='view-link'><span class='h4'><i class='fa fa-eye' aria-hidden="true"></i> View on the Web</span></u></a>
            </div>
            <div class='col-12 col-md-6 text-center'>
                <a href="{{website.linkToGithub}}"><u class='view-link'><span class='h4'><i class='fa fa-github' aria-hidden="true"></i> View on Github</span></u></a>
            </div>
        </div>
        <div class='row pt-3'>
            <ul class="nav nav-pills">
              <li class="nav-item m-1 animated technologies" ng-repeat="item in website.listOfTechnologies track by $index">
                <a class="nav-link btn btn-sm btn-warning disabled" href="#">{{website.listOfTechnologies[$index]}}</a>
              </li>
            </ul>
        </div>
    </div><!--Web Project Container-->
</div><!--End of row-->
</div><!--End of container-->