JSFiddle - React, Tailwind, and code Playground
HTML
<!-- jQuery -->
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- BASIC EXAMPLE
<div ng-app="" ng-controller="exampleList">
<h2> example startup list </h2>
<ul>
<li ng-repeat="startup in data ">
{{ startup._source.name }}
<ul>
<li> {{ startup._source.description }} </li>
</ul>
</li>
</ul>
</div>
-->
<div class="example-container" ng-app="" ng-controller="exampleList">
<div class="start-searchrt" ng-repeat="startup in data">
<div class="tp-cntd clearfix">
<div class="clearfix">
<div class="pull-left start-search-logo">
<a href="/atooma" style="overflow: hidden; position: relative;">
<img ng-show="myvar == null" alt="" src=" {{ startup._source.logo }} " class="startSearch-logo-img" style="position: absolute; width: 140px; height: 140px; max-width: none; max-height: none; left: 0px; top: 0px;" />
</a>
</div>
<div class="pull-left title-wrap">
<div class="title-lt">
<h4>
<a href="/atooma"> {{ startup._source.name }} </a>
</h4>
<h6> {{ startup._source.shortdescription }} </h6>
</div>
<div class="title-rt">
</div>
<div class="clr"></div>
<div class="startup-search-main-txt">
<p>
<span class="full">startup</span>
- <em><i class="fa fa-map-marker"></i> {{ startup._source.city }} , {{ startup._source.country }} </em>
</p>
<p class="dot1 srtDesc" style="word-wrap: break-word;"> {{ startup._source.shortdescription }}
</p>
</div>
</div>
</div>
</div>
<div...
CSS
/* SIAMOSOCI.CSS */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic);
/* CSS crunched with Crunch - http://crunchapp.net/ */
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
@font-face {
font-family: "Open-Sans-Bold";
src: url('fonts/966186524-OpenSans-Bold_0.eot');
src: url('fonts/966186524-OpenSans-Bold_0.eot?#iefix') format('embedded-opentype'), url('fonts/966186524-OpenSans-Bold_0.svg#Open Sans') format('svg'), url('fonts/966186524-OpenSans-Bold_0.woff') format('woff'), url('fonts/966186524-OpenSans-Bold_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open-Sans-B-Italic";
src: url('fonts/178131104-OpenSans-BoldItalic_0.eot');
src: url('fonts/178131104-OpenSans-BoldItalic_0.eot?#iefix') format('embedded-opentype'), url('fonts/178131104-OpenSans-BoldItalic_0.svg#Open Sans') format('svg'), url('fonts/178131104-OpenSans-BoldItalic_0.woff') format('woff'), url('fonts/178131104-OpenSans-BoldItalic_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open-Sans-Extra-Bold";
src: url('fonts/788330079-OpenSans-ExtraBold.eot');
src: url('fonts/788330079-OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/788330079-OpenSans-ExtraBold.svg#Open Sans Extrabold') format('svg'), url('fonts/788330079-OpenSans-ExtraBold.woff') format('woff'), url('fonts/788330079-OpenSans-ExtraBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Open-Sans-Extra-B-Italic";
src: url('fonts/546234131-OpenSans-ExtraBoldItalic.eot');
src:...
JavaScript
function exampleList($scope, $http) {
var mySuccess = function(data, status, headers, config) {
console.log('HTTP Success');
var hits = data.hits.hits;
console.log(hits);
$scope.data = hits;
};
$http.get('https://eu-west-1.searchbox.io/api-key/b17ccab850c21e64a40429d2b94f37bd/startup/startup/_search').success(mySuccess);
}