In [3]:
import urllib2
from bs4 import BeautifulSoup
import pandas as pd

In [6]:
for i in range(1,55):
    url='''https://new.set.or.th/startup/browse/#?page={}'''.format(i)

In [13]:
url='''https://new.set.or.th/startup/browse/#?page={}'''.format(1)
content = urllib2.urlopen(url).read()
soup = BeautifulSoup(content, 'html.parser')
print soup.prettify()


<!DOCTYPE doctype html>
<html ng-app="asipApp" prefix="og: http://ogp.me/ns#" scroll="">
 <head>
  <meta content="safari-fix" name="304Fix">
   <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <meta content="width=device-width, initial-scale=1" name="viewport">
      <meta content="800240250055674" property="fb:app_id"/>
      <meta content="https://new.set.or.th/startup/browse/" property="og:url">
       <meta content="
Startup
" property="og:title">
        <meta content="new.set.or.th" property="og:site_name">
         <meta content="
Startup
" name="twitter:title">
          <meta content="https://new.set.or.th/startup/browse/" name="twitter:site">
           <meta content="https://new.set.or.th/static/images/logo-startup.png" property="og:image"/>
           <meta content="https://new.set.or.th/static/images/logo-startup.png" name="twitter:image"/>
           <meta content="" property="og:description">
            <meta content="" name="twitter:description">
             <meta content="" name="description">
              <!-- <title></title> -->
              <title>
               Startup
 | New Economic Warrior (NEW)'s platform
              </title>
              <link href="/static/images/favicon-startup.png" rel="shortcut icon" type="image/vnd.microsoft.icon">
               <style type="text/css">
                .main-loading {
        display: none;
    }
    .main-loading.show {
        display: block;
    }

    .loading-first {
        text-align: center;
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        background-color: #FFF;
    }

    .loading-first svg {
      width: 100%;
      max-width: 400px;
    }

    .loading-first * {
      /* stroke: #999; */
      margin: 80px 0;
      stroke-linecap: round;
      vector-effec: non-scaling-stroke;
    }

    .loading-first [id='line'] {
      stroke-width: 3;
    }

    .loading-first text {
      font: .875em century gothic, verdana, sans-serif;
    }

    .loading-first [id='mover'] {
      -webkit-animation: sun-motion 5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
    }

    .loading-first [id='main'] {
      fill: transparent;
      stroke-width: 7;
    }

    .loading-first [id='eyes'] {
      -webkit-animation: eye-motion 5s ease-out infinite;
    }
    .loading-first [id='eyes'] circle {
      fill: #999;
    }

    .loading-first [id='ray'] {
      stroke-width: 4;
    }

    .loading-first [id='rays'] {
      -webkit-animation: rot 5s linear infinite;
    }

    @-webkit-keyframes rot {
      to {
        transform: rotate(0.25turn);
      }
    }
    @-webkit-keyframes eye-motion {
      0%, 20%, 49%, 100% {
        transform: translate(-13px);
      }
      21%, 25%, 29%, 47% {
        transform: translate(13px) scaleY(1);
      }
      27% {
        transform: translate(13px) scaleY(0);
      }
      48% {
        transform: translate(0);
      }
    }
    @-webkit-keyframes sun-motion {
      0%, 99%, 100% {
        transform: translateY(-16px);
      }
      50% {
        transform: translateY(-29px);
      }
      52%, 98% {
        transform: translate(4px) scaleY(1.25);
      }
      53%, 97% {
        transform: translateY(23px);
      }
    }
               </style>
               <!-- Bootstrap core CSS -->
               <link href="/static/CACHE/css/43eba9b5c139.css" rel="stylesheet" type="text/css"/>
               <script type="text/javascript">
                var logged_in_user = {
                'username': '',
                'email': '',
                'id': 0
            };
            
            var logged_in_party = 0;
               </script>
               <script type="text/javascript">
                var STATUS_PUBLISHED = 1;
            var STATUS_PENDING = -1;
            var STATUS_DRAFT = 0;
            var STATUS_DELETED = -2;
            var STATUS_REJECTED = -3;
            var DEBUG = 0;
            var SITE_NAME = 'new.set.or.th';
            var SITE_SLOGAN = 'New Economic Warrior (NEW)&#39;s platform';
            
            var POINT = {1: {'investors': 3, 'received_investings': 3, 'topics': 1, 'images': 5, 'received_fundings': 3, 'description': 1, 'partners': 3, 'type_of_needs': 1, 'funding': 1, 'name_of_representative': 2, 'image': 8, 'jobs': 3, 'supporters': 3, 'twitter_url': 2, 'portfolios': 3, 'facebook_url': 2, 'peoples': 3, 'product_launch': 1, 'name': 1, 'email_of_contact_person': 5, 'summary': 1, 'homepage_url': 5, 'location_of_organizations_headquarters': 2}, 2: {'partners': 3, 'jobs': 3, 'name': 1, 'recipients': 3, 'twitter_url': 2, 'portfolios': 3, 'facebook_url': 2, 'name_of_representative': 2, 'email_of_contact_person': 5, 'topics': 1, 'summary': 1, 'homepage_url': 5, 'gived_fundings': 3, 'peoples': 3, 'images': 5, 'location_of_organizations_headquarters': 2, 'type_of_supports': 1, 'image': 8, 'description': 1}, 3: {'partners': 3, 'jobs': 3, 'name': 1, 'twitter_url': 2, 'portfolios': 3, 'facebook_url': 2, 'name_of_representative': 2, 'email_of_contact_person': 5, 'topics': 1, 'summary': 1, 'gived_investings': 3, 'homepage_url': 5, 'invest_recipients': 3, 'growth_stage': 2, 'peoples': 3, 'images': 5, 'location_of_organizations_headquarters': 2, 'type_of_supports': 1, 'image': 8, 'description': 1}};
               </script>
               <script async="" src="/static/CACHE/js/1ef4693b684e.js" type="text/javascript">
               </script>
               <!--[if lt IE 9]>
            <link href="/static/css/stylesheets/modifier/ie8.css" media="screen, projection" rel="stylesheet" type="text/css">
        <![endif]-->
               <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
               <!-- [if lt IE 9]>
            <script type="text/javascript" src="/static/libs/html5shiv/html5shiv.js"></script>
            <script type="text/javascript" src="/static/libs/respond.js/respond.min.js"></script>
        <![endif] -->
              </link>
             </meta>
            </meta>
           </meta>
          </meta>
         </meta>
        </meta>
       </meta>
      </meta>
     </meta>
    </meta>
   </meta>
  </meta>
 </head>
 <body active-menu="">
  <div class="body-container no-message">
   <div class="magic-login" style="width: 70px; height: 70px; position: fixed; bottom: 0; right: 0; z-index: 20;">
   </div>
   <div class="navbar-menu-wrapper">
    <div class="xs-brand visible-xs-* hidden-sm hidden-md hidden-lg asip-title-brand">
     <a href="/" title="Asian social investment portal">
      ImpactConnect.asia
     </a>
    </div>
    <div class="menu-small">
     <div class="navbar navbar-default asip-navbar" role="navigation">
      <div class="container">
       <ul class="nav navbar-nav navbar-right xs-navbar">
        <li class="nav-search-item hotfix-hidden">
         <a class="icostartup icon-search top-menu-icon-search" data-toggle="collapse" href="#block-search" ng-cloak="">
         </a>
        </li>
        <li>
         <a data-target="#modal-register" data-toggle="modal" href="">
          Join
         </a>
        </li>
        <li>
         <a data-target="#modal-login" data-toggle="modal" href="" id="login-pop">
          Login
         </a>
        </li>
       </ul>
       <div class="top-menu-wrapper">
        <div class="menu">
         <a class="brand-logo" href="/">
          Logo
         </a>
         <div class="menu__hamburger navbar-header hotfix-hidden">
          <button class="menu__toggle navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
           <span class="sr-only">
            Toggle navigation
           </span>
           <span class="icon-bar">
           </span>
           <span class="icon-bar">
           </span>
           <span class="icon-bar">
           </span>
          </button>
          <!-- <a href="/" class="navbar-brand">ImpactConnect</a> -->
         </div>
         <ul class="menu__level-0 hidden-xs hidden-sm list-unstyled hotfix-hidden">
          <li class="menu__item">
           <a href="/about/">
            Ecosystem
           </a>
          </li>
          <li class="menu__item">
           <a href="/startup/">
            Startup
           </a>
          </li>
          <li class="menu__item">
           <a href="/investor/">
            Investor
           </a>
          </li>
          <li class="menu__item">
           <a href="/supporter/">
            Supporting Organization
           </a>
          </li>
          <li class="menu__item">
           <a href="/updates/event/">
            Event
           </a>
          </li>
         </ul>
        </div>
        <div class="block-search -toggle collapse" id="block-search" ng-controller="FilterController" ng-init="init({url: '/api/v1/search/', live: false, successFilterCount: 0, single: true})">
         <div class="form-wrapper -search">
          <div class="container">
           <form action="/search/" method="get">
            <label class="hidden" for="search-q">
             Search
            </label>
            <div class="row">
             <div class="col-sm-10 col-xs-8">
              <input name="ajax" type="hidden" value="1"/>
              <input class="form-control" focus-me="true" id="search-q" name="q" ng-keydown="controlQ($event)" ng-model="params.q" placeholder="Search" type="text"/>
             </div>
             <div class="col-sm-2 col-xs-4 search-btn-wrapper">
              <button class="btn btn-outline -black">
               Go
              </button>
             </div>
            </div>
           </form>
          </div>
         </div>
        </div>
        <nav class="menu__collapse bs-navbar-collapse collapse" role="navigation">
         <div class="row">
          <div class="block-followus pull-left hidden-xs col-sm-2">
           <h2>
            Connect
           </h2>
           <a href="https://www.facebook.com/212443462465022/" target="_blank" title="New Economic Warrior on facebook">
            <span class="icon-facebook icon-social">
            </span>
           </a>
           <a data-target="#modal-comming-soon" data-toggle="modal" href="" target="_blank" title="New Economic Warrior on twitter">
            <span class="icon-twitter icon-social">
            </span>
           </a>
          </div>
          <div class="col-sm-10">
           <ul class="nav navbar-main-menu row">
            <li class="menu-group level-0 col-sm-4">
             <ul class="menu-group__list list-unstyled">
              <li>
               <a href="/">
                Home
               </a>
              </li>
              <li>
               <a href="/startup/">
                Startup
               </a>
              </li>
              <li>
               <a href="/investor/">
                Investor
               </a>
              </li>
              <li>
               <a href="/supporter/">
                Supporting Organization
               </a>
              </li>
             </ul>
            </li>
            <li class="menu-group level-0 col-sm-3">
             <ul class="menu-group__list list-unstyled">
              <li>
               <a href="/people/">
                People
               </a>
              </li>
              <li>
               <a href="/job/">
                Job
               </a>
              </li>
              <li>
               <a href="/updates/event/">
                Event
               </a>
              </li>
              <li>
               <a href="/updates/news/">
                News
               </a>
              </li>
             </ul>
            </li>
            <li class="menu-group level-0 col-sm-4">
             <ul class="menu-group__list list-unstyled">
              <!--                         
                        
                        
                        
                        <li><a href="/article/startup-u/">Startup U</a></li>
                        
                         -->
              <li>
               <a href="/organization-type/government/">
                Government
               </a>
              </li>
              <li>
               <a href="/about/">
                About
               </a>
              </li>
              <!--<li><a href="#">Contact Us</a></li>-->
             </ul>
            </li>
           </ul>
          </div>
          <div class="block-followus __left visible-xs">
           <h2>
            Connect
           </h2>
           <a href="https://www.facebook.com/212443462465022/" target="_blank" title="New Economic Warrior on facebook">
            <span class="icon-facebook icon-social">
            </span>
           </a>
           <a data-target="#modal-comming-soon" data-toggle="modal" href="" target="_blank" title="New Economic Warrior on twitter">
            <span class="icon-twitter icon-social">
            </span>
           </a>
          </div>
         </div>
        </nav>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div class="main-loading ">
    <div class="loading-first" id="id-loading-first">
     <!--     <svg viewBox="-200 -150 400 300">
      <defs>
        <line id="ray" x1="-5" x2="5"></line>
      </defs>
      <text text-anchor="middle" y="120">I'm loading</text>
      <g id="sun" clip-path="url(#cp)">
        <g id="mover">
          <circle id="main" r="50"></circle>
          <g id="eyes">
            <circle r="3" cx="-13"></circle>
            <circle r="3" cx="13"></circle>
          </g>
          <g id="rays">
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(315) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(270) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(225) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(180) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(135) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(90) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(45) translate(70)"></use>
            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ray" transform="rotate(0) translate(70)"></use>
          </g>
        </g>
      </g>
    </svg> -->
     <svg fill="#F9B94C" height="64" viewbox="0 0 32 32" width="64" xmlns="http://www.w3.org/2000/svg">
      <circle cx="16" cy="3" r="0">
       <animate attributename="r" begin="0" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(45 16 16)">
       <animate attributename="r" begin="0.125s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(90 16 16)">
       <animate attributename="r" begin="0.25s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(135 16 16)">
       <animate attributename="r" begin="0.375s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(180 16 16)">
       <animate attributename="r" begin="0.5s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(225 16 16)">
       <animate attributename="r" begin="0.625s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(270 16 16)">
       <animate attributename="r" begin="0.75s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(315 16 16)">
       <animate attributename="r" begin="0.875s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
      <circle cx="16" cy="3" r="0" transform="rotate(180 16 16)">
       <animate attributename="r" begin="0.5s" calcmode="spline" dur="1s" keysplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" repeatcount="indefinite" values="0;3;0;0">
       </animate>
      </circle>
     </svg>
    </div>
   </div>
   <div class="search-index-text" style="width: 0; height: 0; overflow: hidden; position: absolute; z-index: -9999;">
   </div>
   <div ng-cloak="">
    <div class="wrapper wrapper--list">
     <div class="party-role-header-wrapper">
      <div class="party-role-header -join">
       <div class="container">
        <div class="party-role-header-text">
         <div class="row">
          <div class="col-md-6">
           <div class="text">
            <h3 class="title">
             Join the Startup community
            </h3>
           </div>
          </div>
          <div class="col-md-6">
           <div class="text form-banner">
            <form action="/organization/startup/create/" class="form-join text-center">
             <div class="form-group text-left row">
              <div class="form-control-wrapper -text col-xs-9">
               <input class="form-control" name="name" placeholder="Enter your Startup's name" type="text">
               </input>
              </div>
              <div class="form-control-wrapper -btn col-xs-3">
               <button class="btn btn-primary">
                Create profile »
               </button>
              </div>
             </div>
            </form>
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="party-role-header-wrapper">
      <div class="party-role-header -white" style="background-image: url('/static/images/header-startup.jpg')">
       <div class="party-role-header-text -white">
        Welcome to
        <br/>
        the
        <span class="party-role-header-title">
         Startup
        </span>
        community
       </div>
      </div>
     </div>
     <div class="tab-container">
      <ul class="menu-tab list-inline">
       <li>
        <a href="/startup/browse/">
         Browse All
        </a>
       </li>
       <li>
        <a href="/startup/happening/">
         Happening
        </a>
       </li>
      </ul>
     </div>
     <div class="container main-content">
      <div class="content-inner">
       <div class=" hidden">
        <h1 class="page-title">
         Startup
        </h1>
       </div>
       <div class="filter-wrapper" ng-controller="FilterController" ng-init="init({url: '/api/v1/party/search/', successFilterCount: 5, extraParams: {'resource': 'PartyLiteResource', 'organization_roles': 'startup', 'limit': 10, 'none_to_all': 1}, orderByFiltersFields: ['topics']})">
        <p class="filter-label">
         Filter by:
        </p>
        <div class="filter-group btn-group btn-group-justified text-left" role="group">
         <!--
        <div class="btn-group" role="group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Created
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a ng-init="initFilter('created', {title: 'This year', permalink: 'this_year'})" ng-click="addFilter('created', 'this_year')">This year</a></li>
                <li><a ng-init="initFilter('created', {title: 'This month', permalink: 'this_month'})" ng-click="addFilter('created', 'this_month')">This month</a></li>
                <li><a ng-init="initFilter('created', {title: 'This week', permalink: 'this_week'})" ng-click="addFilter('created', 'this_week')">This week</a></li>
            </ul>
        </div>
        -->
         <div class="btn-group" ng-controller="BasicPartyListController" ng-init="init('/api/v1/topic/?level=0', {limit: 100})" role="group">
          <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
           Focus on
           <span class="caret">
           </span>
          </button>
          <ul class="dropdown-menu">
           <li ng-repeat="party in party_list">
            <a ng-click="addFilter('topics__permalink', party.permalink||party.name)" ng-init="initFilter('topics__permalink', party)">
             {[{ party.title||party.name }]}
            </a>
           </li>
          </ul>
         </div>
         <div class="btn-group" ng-controller="BasicPartyListController" ng-init="init('/api/v1/type_of_need/', {limit: 100})" role="group">
          <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
           Type of Need
           <span class="caret">
           </span>
          </button>
          <ul class="dropdown-menu">
           <li ng-repeat="party in party_list">
            <a ng-click="addFilter('type_of_needs__permalink', party.permalink||party.name)" ng-init="initFilter('type_of_needs__permalink', party)">
             {[{ party.title||party.name }]}
            </a>
           </li>
          </ul>
         </div>
         <div class="btn-group" ng-controller="BasicPartyListController" ng-init="init('/api/v1/organization_product_launch/', {limit: 100})" role="group">
          <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
           Product Launch
           <span class="caret">
           </span>
          </button>
          <ul class="dropdown-menu">
           <li ng-repeat="party in party_list">
            <a ng-click="addFilter('product_launch__permalink', party.permalink||party.name)" ng-init="initFilter('product_launch__permalink', party)">
             {[{ party.title||party.name }]}
            </a>
           </li>
          </ul>
         </div>
         <div class="btn-group" ng-controller="BasicPartyListController" ng-init="init('/api/v1/organization_funding/', {limit: 100})" role="group">
          <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
           Funded
           <span class="caret">
           </span>
          </button>
          <ul class="dropdown-menu">
           <li ng-repeat="party in party_list">
            <a ng-click="addFilter('funding__permalink', party.permalink||party.name)" ng-init="initFilter('funding__permalink', party)">
             {[{ party.title||party.name }]}
            </a>
           </li>
          </ul>
         </div>
         <div class="btn-group" ng-controller="BasicPartyListController" ng-init="init('/api/v1/organization_funding/', {limit: 100})" role="group">
          <button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
           Request Funding
           <span class="caret">
           </span>
          </button>
          <ul class="dropdown-menu">
           <li ng-repeat="party in party_list">
            <a ng-click="addFilter('request_funding__permalink', party.permalink||party.name)" ng-init="initFilter('request_funding__permalink', party)">
             {[{ party.title||party.name }]}
            </a>
           </li>
          </ul>
         </div>
        </div>
        <h2>
         {[{ result.meta.total_count }]} companies found
        </h2>
        <div class="filter-selected">
         <div class="filter-label pull-left">
          Selected Filters:
         </div>
         <ul class="selected-filter-list list-inline list-unstyled">
          <li class="selected-filter-item" ng-cloak="" ng-repeat="filter in filters">
           <span ng-bind="filter.title">
           </span>
           <a ng-click="removeFilter(filter)">
            x
           </a>
          </li>
         </ul>
        </div>
        <div class="filter-banner-list">
         <ul class="list-unstyled">
          <li class="taxonomy-summary" ng-cloak="" ng-if="filter.summary" ng-repeat="filter in filters">
           {[{ filter.summary }]}
           <a ng-href="{[{ filter.absolute_url }]}">
            click here ›
           </a>
          </li>
         </ul>
        </div>
        <table class="table-list" ng-class="{'loading': isLoading}">
         <tr class="table-heading">
          <th>
           Company
          </th>
          <th class="text-center">
           Focus on
          </th>
          <th class="text-center">
           Product Launch
          </th>
          <th class="text-center">
           Funded
          </th>
          <th class="text-center">
           Request Funding
          </th>
         </tr>
         <tr class="party-item" ng-cloak="" ng-repeat="item in result.objects">
          <td class="_hidelabel" data-th="Company">
           <div class="table-content -company">
            <div class="media">
             <div class="media-left media-middle">
              <div class="thumbnail f-small-logo -table-list -org">
               <a ng-href="{[{ item.absolute_url }]}" title="{[{ item.get_display_name }]}">
                <img alt="{[{ item.get_display_name }]}" class="media-oblect" height="100" ng-src="{[{ item.get_thumbnail_in_primary }]}" width="100"/>
               </a>
              </div>
             </div>
             <div class="media-body media-middle">
              <h4>
               <a ng-href="{[{ item.absolute_url }]}">
                {[{ item.get_display_name }]}
               </a>
              </h4>
              <span>
               {[{ item.get_summary }]}
              </span>
             </div>
            </div>
           </div>
          </td>
          <td data-th="Focus on">
           <div class="table-content-wrapper">
            <div class="table-content -column">
             <div class="col-taxanomy text-left" height="item.topicsHeight" ng-class="{'field-expand-able': !item.column.expland &amp;&amp; item.topicsHeight &gt;35, 'invisible': !item.topicsOrderFilters }" report-my-height="">
              <span class="topics topics m2m-tag" ng-repeat="value in item.topics">
               <a ng-click="successFilter('topics__permalink', true)" ng-href="#?topics__permalink={[{ value.permalink }]}">
                {[{ value.title }]}
               </a>
              </span>
             </div>
             <div ng-hide="item.topics.length">
              -
             </div>
             <a class="field-expand-link" ng-href="{[{ item.absolute_url }]}" ng-if="!item.column.expland &amp;&amp; item.topicsHeight&gt;35">
              More ›
             </a>
            </div>
           </div>
          </td>
          <td data-th="Product Launch">
           <div class="table-content-wrapper">
            <div class="table-content -column">
             <span>
              {[{ item.product_launch.title||item.product_launch||'-' }]}
             </span>
            </div>
           </div>
          </td>
          <td data-th="Funded">
           <div class="table-content-wrapper">
            <div class="table-content -column">
             <span>
              {[{ item.funding.title||item.funding||'-' }]}
             </span>
            </div>
           </div>
          </td>
          <td data-th="Request Funding">
           <div class="table-content-wrapper">
            <div class="table-content -column">
             <span>
              {[{ item.request_funding.title||item.request_funding||'-' }]}
             </span>
            </div>
           </div>
          </td>
         </tr>
         <tr ng-cloak="" ng-show="!isLoading &amp;&amp; result.meta.total_count == 0">
          <td class="no-label" colspan="5">
           No results
          </td>
         </tr>
         <tr ng-show="isLoading">
          <td colspan="5">
           <img class="loading-icon" ng-src="/static/images/loading.gif"/>
          </td>
         </tr>
        </table>
        <pagination boundary-links="true" class="pagination-sm text-center" first-text="'«'" items-per-page="10" last-text="'»'" max-size="maxSize" next-text="'›'" ng-if="result.meta.has_next || (result.meta.total_count &gt; 10)" ng-model="current.page" previous-text="'‹'" rotate="false" total-items="result.meta.total_count">
        </pagination>
       </div>
      </div>
     </div>
    </div>
    <div class="footer hotfix-hidden">
     <div class="container">
      <div class="footer-content row">
       <div class="col-md-9 col-sm-8">
        <div class="row">
         <ul class="col-md-3 col-sm-4 footer-menu list-unstyled">
          <li>
           <a href="/">
            Home
           </a>
          </li>
          <li>
           <a href="/startup/">
            Startup
           </a>
          </li>
          <li>
           <a href="/investor/">
            Investor
           </a>
          </li>
          <li>
           <a href="/supporter/">
            Supporting Organization
           </a>
          </li>
         </ul>
         <ul class="col-md-2 col-sm-3 footer-menu list-unstyled">
          <li>
           <a href="/people/">
            People
           </a>
          </li>
          <li>
           <a href="/job/">
            Job
           </a>
          </li>
          <li>
           <a href="/updates/event/">
            Event
           </a>
          </li>
          <li>
           <a href="/updates/news/">
            News
           </a>
          </li>
         </ul>
         <ul class="col-md-3 col-sm-4 footer-menu list-unstyled">
          <!--                         
                          
                        
                        
                        <li><a href="/article/startup-u/">Startup U</a></li>
                          
                         -->
          <li>
           <a href="/about/">
            About
           </a>
          </li>
          <!--<li><a href="#">Contact Us</a></li>-->
         </ul>
        </div>
       </div>
       <div class="col-md-3 col-sm-4 ">
        <div class="block-followus">
         <h2>
          Connect
         </h2>
         <a href="https://www.facebook.com/212443462465022/" target="_blank" title="New Economic Warrior on facebook">
          <span class="icon-facebook icon-social">
          </span>
         </a>
         <a data-target="#modal-comming-soon" data-toggle="modal" href="" target="_blank" title="New Economic Warrior on twitter">
          <span class="icon-twitter icon-social">
          </span>
         </a>
         <ul class="list-unstyled term-menu list-inline">
          <li>
           <a href="/term/">
            Term of use
           </a>
          </li>
          <li class="last">
           <a href="/privacy/">
            Privacy policy
           </a>
          </li>
         </ul>
         <div class="footer-cc">
          Copyright 2016
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   </div>
   <div class="modal fade" id="modal-login" tabindex="-1">
    <div class="modal-dialog signin-popup signin-form-wrapper">
     <div class="modal-content">
      <div class="modal-header">
       <button class="close" data-dismiss="modal" type="button">
        <span>
         ×
        </span>
        <span class="sr-only">
         Close
        </span>
       </button>
       <h2 class="modal-title" id="model-login-label">
        Log in
       </h2>
      </div>
      <div class="modal-body">
       <a class="btn btn-primary btn-lg btn-block btn-facebook" href="/account/login/facebook/?next=/startup/browse/" type="button">
        <span class="icon-facebook">
        </span>
        Connect with Facebook
       </a>
       <a class="btn btn-primary btn-lg btn-block btn-linkedin" href="/account/login/linkedin/?next=/startup/browse/" type="button">
        <span class="icon-linkedin">
        </span>
        Connect with LinkedIn
       </a>
       <form action="/account/login/?next=/startup/browse/" class="form-signin" method="post" ng-non-bindable="" role="form">
        <input name="csrfmiddlewaretoken" type="hidden" value="uAo5mNYhaH548RDaK2D89C4qf8J9dA8f"/>
        <div class="form-group">
         <label for="login-id_email">
          Email Address
         </label>
         <input autofocus="" class="form-control first" id="login-id_email" name="email" placeholder="Enter your email address or username" type="text" value="">
         </input>
        </div>
        <div class="form-group">
         <label for="login-id_password">
          Password
         </label>
         <input class="form-control last" id="login-id_password" name="password" placeholder="Password" required="" type="password">
         </input>
        </div>
        <div class="controls">
         <a class="link-reset-password pull-right" data-target="#modal-password-reset" data-toggle="modal" href="#" onclick="$('#modal-login, #modal-register').modal('hide')">
          Forgot your password ?
         </a>
        </div>
        <div class="form-action btn-wrapper">
         <button class="btn btn-primary btn-lg btn-orange" type="submit">
          Log in
         </button>
         <button class="btn btn-default btn-lg btn-cancel" data-dismiss="modal" type="button">
          Cancel
         </button>
        </div>
       </form>
       <div class="link-footer text-center">
        <a class="link-signup" data-target="#modal-register" data-toggle="modal" href="#" onclick="$('#modal-login, #modal-password-reset').modal('hide')">
         Don't have an account?
        </a>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div class="modal fade" id="modal-register" tabindex="-1">
    <div class="modal-dialog signin-popup signin-form-wrapper">
     <div class="modal-content">
      <div class="modal-header">
       <button class="close" data-dismiss="modal" type="button">
        <span>
         ×
        </span>
        <span class="sr-only">
         Close
        </span>
       </button>
       <h2 class="modal-title" id="model-register-label">
        Register
       </h2>
      </div>
      <div class="modal-body">
       <a class="btn btn-primary btn-lg btn-block btn-facebook" href="/account/login/facebook/?next=/startup/browse/" type="button">
        <span class="icon-facebook">
        </span>
        Connect with Facebook
       </a>
       <a class="btn btn-primary btn-lg btn-block btn-linkedin" href="/account/login/linkedin/?next=/startup/browse/" type="button">
        <span class="icon-linkedin">
        </span>
        Connect with LinkedIn
       </a>
       <form action="/account/register/?next=/startup/browse/" class="form-signin" method="post" ng-non-bindable="" role="form">
        <input name="csrfmiddlewaretoken" type="hidden" value="uAo5mNYhaH548RDaK2D89C4qf8J9dA8f"/>
        <div class="form-group">
         <label for="register-id_email">
          Email Address
         </label>
         <input autofocus="" class="form-control" id="register-id_email" name="email" placeholder="Enter your email address" required="" type="email" value="">
         </input>
        </div>
        <div class="form-action btn-wrapper">
         <button class="btn btn-primary btn-lg btn-orange" type="submit">
          Register
         </button>
         <button class="btn btn-default btn-lg btn-cancel" data-dismiss="modal" type="button">
          Cancel
         </button>
        </div>
        <br/>
        <div class="help-block text-center">
         Your registration confirmation link would be sent
        
        for filling up your organization information
        
        via your given email
        </div>
       </form>
       <div class="link-footer text-center">
        <a class="link-signup" data-target="#modal-login" data-toggle="modal" href="#" onclick="$('#modal-register').modal('hide')">
         Have an account?
        </a>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div class="modal fade" id="modal-password-reset" tabindex="-1">
    <div class="modal-dialog signin-popup">
     <div class="modal-content">
      <div class="modal-header">
       <button class="close" data-dismiss="modal" type="button">
        <span>
         ×
        </span>
        <span class="sr-only">
         Close
        </span>
       </button>
       <h2 class="modal-title" id="model-password-reset-label">
        Forgot password
       </h2>
      </div>
      <div class="modal-body">
       <a class="btn btn-primary btn-lg btn-block btn-facebook" href="/account/login/facebook/" type="button">
        <span class="icon-facebook">
        </span>
        Connect with Facebook
       </a>
       <a class="btn btn-primary btn-lg btn-block btn-linkedin" href="/account/login/linkedin/" type="button">
        <span class="icon-linkedin">
        </span>
        Connect with LinkedIn
       </a>
       <form action="/account/password_reset/" class="form-signin" method="post" ng-non-bindable="" role="form">
        <input name="csrfmiddlewaretoken" type="hidden" value="uAo5mNYhaH548RDaK2D89C4qf8J9dA8f"/>
        <div class="form-group">
         <label for="password-reset-id_email">
          Email Address
         </label>
         <input autofocus="" class="form-control" id="password-reset-id_email" name="email" placeholder="Enter your email address" required="" type="email" value="">
         </input>
        </div>
        <div class="form-action btn-wrapper">
         <button class="btn btn-primary btn-lg btn-orange" type="submit">
          Reset password
         </button>
         <button class="btn btn-default btn-lg btn-cancel" data-dismiss="modal" type="button">
          Cancel
         </button>
        </div>
       </form>
       <div class="link-footer text-center">
        <a class="link-signup" data-target="#modal-login" data-toggle="modal" href="#" onclick="$('#modal-register, #modal-password-reset').modal('hide')">
         ‹ Back to log in
        </a>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div class="modal fade" id="modal-apply" tabindex="-1">
    <div class="modal-dialog base-action-modal">
     <div class="modal-content">
      <div class="modal-header">
       <button class="close" data-dismiss="modal" type="button">
        <span>
         ×
        </span>
        <span class="sr-only">
         Close
        </span>
       </button>
       <h2 class="modal-title" id="model-title">
        How to Apply
       </h2>
      </div>
      <div class="modal-body">
       <div class="content-editor" ng-bind-html="job.contact_information | sanitize">
       </div>
      </div>
     </div>
    </div>
   </div>
   <div class="modal fade" id="modal-comming-soon" tabindex="-1">
    <div class="modal-dialog signin-popup signin-form-wrapper">
     <div class="modal-content">
      <div class="modal-header">
       <button class="close" data-dismiss="modal" type="button">
        <span>
         ×
        </span>
        <span class="sr-only">
         Close
        </span>
       </button>
       <h2 class="modal-title" id="model-register-label">
       </h2>
      </div>
      <div class="modal-body">
       <h1 class="text-center">
        Coming Soon
       </h1>
      </div>
     </div>
    </div>
   </div>
   <!-- Start Modal Porfolio popup -->
   <div ng-include="'template_modal_portfolio.html'">
   </div>
   <!-- End Modal Porfolio popup -->
   <!-- Start Modal popup -->
   <div ng-include="'template_modal_list.html'">
   </div>
   <!-- End Modal popup -->
   <div id="fb-root">
   </div>
   <script>
    //facebook
                        window.fbAsyncInit = function() {
                            FB.init({
                                appId      : '800240250055674',
                                xfbml      : true,
                                version    : 'v2.2'
                            });
                        };

                        //$(document).trigger('fbload');  //  <---- THIS RIGHT HERE TRIGGERS A CUSTOM EVENT CALLED 'fbload'

                        (function(d, s, id){
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id)) {return;}
                            js = d.createElement(s); js.id = id;
                            js.src = "//connect.facebook.net/en_US/sdk.js";
                            js.async = 1;
                            fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));

                        //twttr
                        window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
   </script>
   <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
                    
                     ga('create', 'UA-74098762-1', 'auto');
                     ga('send', 'pageview');
   </script>
  </div>
  <script type="text/javascript">
   document.getElementById('id-loading-first').style.display = 'none'
  </script>
  <!-- *********************************************** -->
  <!-- *********************** List   **************** -->
  <!-- *********************************************** -->
  <script id="template_party_item.html" type="text/ng-template">
   <div class="item-inner height-neighborhood">
        <div class="grid-view-thumbnail">
            <div class="thumbnail">
                <a ng-if="party.get_status == notification_status.active" ng-href="{[{ party.absolute_url }]}">
                    <img ng-src="{[{ party.get_thumbnail }]}" alt="{[{ party.get_display_name }]}">
                </a>
                <span ng-if="party.get_status != notification_status.active">
                    <img ng-src="{[{ party.get_thumbnail }]}" alt="{[{ party.get_display_name }]}">
                </span>
            </div>
        </div>
        <div class="description-wrapper">
            <div class="body-overflow-auto">
                <h3 class="title">
                    <a ng-if="party.get_status == notification_status.active" ng-href="{[{ party.absolute_url }]}">{[{ party.get_display_name}]}</a>
                    <span ng-if="party.get_status != notification_status.active">{[{ party.get_display_name}]}</span>
                </h3>
                <div class="country">{[{ party.country.title }]}</div>
                <div class="description" ng-bind-html="party.get_summary"></div>
            </div>
            <div class="follow-section">
                <div love-button party="party"></div>
                <div follow-button party="party"></div>
            </div>
        </div>
        <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':party.status == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && party.status == notification_status.active">
            Approved
        </div>
    </div>
  </script>
  <script id="template_party_item_style_text_list.html" type="text/ng-template">
   <h3 class="title" ng-if="party.get_status == notification_status.active"> <a ng-href="{[{ party.absolute_url }]}">{[{ party.get_display_name }]}</a>
    <h3 class="title" ng-if="party.get_status != notification_status.active"> {[{ party.get_display_name }]}
        <span class="country" ng-show="party.country.title">
            {[{party.country.title | dashText }]}
        </span>
    </h3>
    <div class="description" ng-bind-html="party.get_summary">
    </div>
    <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':(party.status || party.approval_status) == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && (party.status || party.approval_status) == notification_status.active">
        Approved
    </div>
  </script>
  <script id="template_party_item_style_default.html" type="text/ng-template">
   <div class="list-view">
        <div class="small-logo pull-left thumbnail">
            <span>
                <a ng-href="{[{ party.absolute_url }]}">
                    <img ng-src="{[{ party.get_thumbnail }]}">
                </a>
            </span>
        </div>
        <div class="group-info" >
            <h3 class="title"> <a ng-href="{[{ party.absolute_url }]}">{[{ party.get_display_name }]}</a>
                <span class="country" ng-show="party.country.title">
                    {[{party.country.title | dashText }]}
                </span>
            </h3>
            <div class="description" ng-bind-html="party.get_summary">
            </div>
        </div>
    </div>
  </script>
  <script id="template_party_item_style_default_2.html" type="text/ng-template">
   <div class="thumbnail">
        <a ng-href="##portfolio-{[{ party.id }]}" data-target="#portfolio-popup" ng-click="open_modal_portfolio(party, $first, $last && !$scope.can_load_more)"> 
            <img ng-src="{[{party.get_thumbnails[0]}]}"/>
        </a>
    </div>
    <h3 class="title">
        <a ng-href="##portfolio-{[{ party.id }]}" ng-click="open_modal_portfolio(party, $first, $last && !$scope.can_load_more)" ng-bind-html="party.title">
        </a>
    </h3>
  </script>
  <script id="template_party_item_style_default_small.html" type="text/ng-template">
   <div class="list-view">
        <div class="small-logo pull-left thumbnail -org">
            <span>
                <a ng-if="party.get_status == notification_status.active" ng-href="{[{ party.absolute_url }]}" title="{[{ party.get_display_name }]}">
                    <img ng-src="{[{ party.get_thumbnail }]}" alt="{[{ party.get_display_name }]}">
                </a>
                <img ng-if="party.get_status != notification_status.active" ng-src="{[{ party.get_thumbnail }]}" alt="{[{ party.get_display_name }]}">
            </span>
        </div>
        <div class="group-info" >
            <h3 class="title">
                <a ng-if="party.get_status == notification_status.active" ng-href="{[{ party.absolute_url }]}">{[{ party.get_display_name }]}</a>
                <strong ng-if="party.get_status != notification_status.active" class="pending">{[{party.get_display_name}]}</strong>
            </h3>
            <p class="description" ng-bind-html="party.get_summary">
            </p>
            <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':(party.status || party.approval_status) == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && (party.status || party.approval_status) == notification_status.active">
                Approved
            </div>
        </div>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- *************** Portfolio    ****************** -->
  <!-- *********************************************** -->
  <script id="template_modal_portfolio.html" type="text/ng-template">
   <div ng-controller="PopupPortfolioListController" ng-init="init_with_params('/api/v1/portfolio', { limit: 1 }, '-ordering')" ui-keyup="{'right':'next()', 'left':'previous()'}">
        <div class="modal fade" id="portfolio-popup" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-portfolio ">
                <div class="modal-content">
                    <a ng-href="#" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></a>
                    <div id="carousel-portfolio" class="carousel -portfolio" data-ride="carousel" data-interval="false">
                        <div class="title-type">Portfolio</div>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <h2 class="title" ng-bind-html="current_portfolio.title"></h2>
                                <div class="row">
                                    <div class="col-md-6 img-wrapper">
                                        <div class="img-portfolio">
                                            <div class="show-img">
                                                <div class="show-wrapper">
                                                    <img ng-src="{[{highlight_image}]}">
                                                </div>
                                            </div>
                                        </div>
                                        <ul class="list-img">
                                            <li ng-repeat="thumbnail in current_portfolio.get_thumbnails track by $index">
                                                <a ng-href="" ng-click="set_highlight_image_at_index($index)">
                                                <img ng-src="{[{thumbnail}]}" class="img-responsive">
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="caption col-md-6">
                                        <p ng-bind-html="current_portfolio.description"></p>
                                        <span ng-class="portfilo_link_class()">Live preview : </span>
                                        <a ng-href="{[{current_portfolio.url}]}" target="_blank" title="{[{current_portfolio.title}]}" ng-class="portfilo_link_class()">{[{current_portfolio.url}]}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>   

                    <!-- Controls -->
                    <div class="carousel-control">
                        <a class="left control" ng-href="" role="button" data-slide="prev" ng-click="previous()" ng-class="previous_class()">
                        <span class="icostartup icon-left"></span>
                        <span class="sr-only">Previous</span>
                        </a>
                        <a class="right control" ng-href="" role="button" data-slide="next" ng-click="next()" ng-class="next_class()">
                        <span class="icostartup icon-right"></span>
                        <span class="sr-only">Next</span>
                        </a>
                    </div>    
                </div>
            </div>
        </div>    
    </div>
  </script>
  <script id="template_party_feature_item.html" type="text/ng-template">
   <div class="feature-wrapper" >
        <div class="thumbnail" >
            <a ng-if="party.get_status == notification_status.active" href="{[{ party.absolute_url }]}" title="{[{ party.get_display_name }]}">
                <img ng-src="{[{ party.get_thumbnail }]}" >
            </a>
            <span ng-if="party.get_status != notification_status.active"><img ng-src="{[{ party.get_thumbnail }]}" ></span>
        </div>
        <div class="info">
          <h3 class="title">
              <a ng-if="party.get_status == notification_status.active" href="{[{ party.absolute_url }]}" title="{[{ party.get_display_name }]}">
                {[{ party.get_display_name }]}
              </a>
              <span ng-if="party.get_status != notification_status.active">{[{ party.get_display_name }]}</span>
          </h3>
          <div class="country">{[{ party.country.title }]}</div>
          <div class="description" ng-bind-html="party.get_summary">
          </div>
        </div>
        <div class="follow-section">
            <div love-button party="party"></div>
            <div follow-button party="party"></div>
        </div>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- *************** Fullprofile    **************** -->
  <!-- *********************************************** -->
  <script id="template_party_profile_item_style_text.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd ng-bind-html="(content.body || 'N/A') | sanitize"></dd>
  </script>
  <script id="template_party_profile_item_style_gender.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>{[{content.body | gender}]}</dd>
  </script>
  <script id="template_party_profile_item_style_number.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>{[{(content.body | number:0) || "N/A"}]}</dd>
  </script>
  <script id="template_party_profile_item_style_date.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>{[{content.body | dateFormText}]}</dd>
  </script>
  <script id="template_party_profile_item_style_review.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>{[{(content.body == true) ? 'In review' : 'Not in review'}]}</dd>
  </script>
  <script id="template_party_profile_item_style_text_list.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>
        <div class="sub-body" ng-show="!content.body.length" ng-bind-html="c.title || 'N/A' | sanitize"></div>
        <ul class="{[{ content.html_class }]}">
            <li ng-repeat="c in content.body">
                <div class="title" ng-bind-html="c.title | sanitize"></div><span ng-if="content.html_class != 'list'" ng-show="!$last">,</span>
            </li>
        </ul>
    </dd>
  </script>
  <script id="template_party_profile_item_style_text_list_with_subtitle.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>
        <div class="sub-body" ng-show="!content.body.length" ng-bind-html="c.title || 'N/A' | sanitize"></div>
        <ul>
            <li ng-repeat="c in content.body" class="name-title-officer">
                <div class="title" ng-bind-html="c.name | sanitize"></div>
                <div class="sub-title" ng-show="c.title" ng-bind-html="c.title | sanitize"></div>
            </li>
        </ul>
    </dd>
  </script>
  <script id="template_party_profile_item_style_phone_list.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd>
        <div class="sub-body" ng-show="!content.body.length" ng-bind-html="c.title || 'N/A' | sanitize"></div>
        <ul>
            <li ng-repeat="c in content.body">
                <div class="title"><a ng-bind-html="c.phone_number | sanitize" ng-href="tel:{[{c.phone_number}]}"></a></div><span ng-show="!$last">,</span>
            </li>
        </ul>
    </dd>
  </script>
  <script id="template_party_profile_item_style_email.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd><a href="" title="Send email" message-popup>Send email</a></dd>
  </script>
  <script id="template_party_profile_item_style_email_phone.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd><a href="" title="Send email" message-popup>Request for information</a></dd>
  </script>
  <script id="template_party_profile_item_style_link.html" type="text/ng-template">
   <dt>{[{content.label}]}</dt>
    <dd><a ng-href="{[{content.body}]}" title="{[{content.body}]}" target="_blank">{[{content.body || 'N/A'}]}</a></dd>
  </script>
  <!-- *********************************************** -->
  <!-- ******************   Event ******************** -->
  <!-- *********************************************** -->
  <script id="template_party_event.html" type="text/ng-template">
   <div class="item-event">
        <div class="row">

            <div class="article-info col-sm-8">
                <h3 class="title">
                    <a ng-href="{[{ party.absolute_url }]}" title="{[{ party.title }]}">
                        {[{ party.title }]}
                    </a>
                </h3>
                <div class="place" ng-if="party.location">
                <i class="glyphicon glyphicon-map-marker"></i>  {[{ party.location | limitTo: 65 }]} {[{ party.location.length > 65 ? '...' : '' }]}</div>
                <div class="date-period">
                    <div class="date"><i class="glyphicon glyphicon-calendar"></i>  {[{ party.start_date | dateEvent:party.end_date }]}</div>
                    <div class="time" ng-if="party.time"><i class="glyphicon glyphicon-time"></i>  {[{ party.time }]}</div>
                </div>
                <div class="description hidden" ng-bind-html="(party.get_summary || '') | sanitize"></div>
                <ul class="tag-list item-list list-inline" ng-if="party.topics.length">
                    <li class="topics item" ng-repeat="topic in party.topics">
                      <a ng-href="/updates/event/#?topics__permalink={[{ topic.permalink }]}" ng-clock>
                        <span>{[{topic.title}]}</span>
                      </a>
                    </li>
                </ul>
                <ul class="tag-list tag-party-list item-list list-inline has-comma" ng-if="party.cms_has_party_src.length">
                    <li class="item" ng-repeat="item in party.cms_has_party_src">
                      <a ng-href="{[{ item.dst.absolute_url }]}" ng-clock>
                        <span class="tag-wrapper">{[{item.dst.get_display_name}]}</span>
                      </a>

                    </li>
                </ul>
            </div>

            <div class="event-thumbnail-wrapper col-sm-4">
                <div class="thumbnail">
                    <a ng-href="{[{ party.absolute_url }]}" title="{[{ party.title }]}">
                        <img ng-src="{[{ party.get_thumbnail }]}" title="{[{ party.title }]}"/>
                    </a>
                </div>
            </div>
        </div>

    </div>
  </script>
  <!-- block Past Event -->
  <script id="template_party_sidebar_event.html" type="text/ng-template">
   <div class="item-event">
        <div class="article-info">
            <h3 class="title">
                <a ng-href="{[{ party.absolute_url }]}" title="{[{ party.title }]}">
                    {[{ party.title }]}
                </a>
            </h3>
            <div class="date-period">
                <div class="date">{[{ party.start_date | dateEvent:party.end_date }]}</div>
                <div class="time" ng-if="party.time">{[{ party.time }]}</div>
            </div>
        </div>
    </div>
  </script>
  <script id="template_party_event_front.html" type="text/ng-template">
   <div class="item-wrapper">
        <div class="event-thumbnail-wrapper">
            <div class="thumbnail">
                <a ng-href="{[{ party.absolute_url }]}" title="{[{ party.title }]}">
                    <img ng-src="{[{ party.get_thumbnail }]}" alt="{[{ party.title }]}"/>
                </a>
            </div>
        </div>
        <div class="info article-info">
            <h4 class="title -event">
                <a ng-href="{[{ party.absolute_url }]}" title="{[{ party.title }]}">
                    {[{ party.title }]}
                </a>
            </h4>
            <div class="place" ng-if="party.location"><i class="glyphicon glyphicon-map-marker"></i>  {[{ party.location | limitTo: 65 }]} {[{ party.location.length > 65 ? '...' : '' }]}</div>
            <div class="date-period">
                <div class="date"><i class="glyphicon glyphicon-calendar"></i> {[{ party.start_date | dateEvent:party.end_date }]}</div>
                <div class="time" ng-if="party.time"><i class="glyphicon glyphicon-time"></i> {[{ party.time }]}</div>
            </div>
        </div>

        <ul class="list-unstyled list-topic" ng-if="party.topics.length">
            <li class="topics" ng-repeat="topic in party.topics">
              <a ng-href="/updates/event/#?topics__permalink={[{ topic.permalink }]}" ng-clock>
                {[{topic.title}]}
              </a>
            </li>
        </ul>
        <ul class="tag-list tag-party-list item-list list-inline has-comma -company" ng-if="party.cms_has_party_src.length">
            <li class="item" ng-repeat="item in party.cms_has_party_src">
              <a ng-href="{[{ item.dst.absolute_url }]}" ng-clock>
                <span class="tag-wrapper">{[{item.dst.get_display_name}]}</span>
              </a>
            </li>
        </ul>

    </div>
  </script>
  <!-- *********************************************** -->
  <!-- ******************** News ********************* -->
  <!-- *********************************************** -->
  <script id="template_party_news.html" type="text/ng-template">
   <div class="date">{[{party.created | dateFormText:"d MMMM, yyyy"}]}</div>
    <h3 class="title"><a ng-href="{[{ party.absolute_url }]}" ng-bind-html="(party.title || '')"></a></h3>
    <ul class="tag-list item-list list-inline">
        <li class="topics -medium" ng-repeat="topic in party.topics">
            <a
                ng-click="clearFilters(['tag_set__name', 'created__year__lte', 'created__month__lte', 'q']);successFilter('topics__permalink', true)"
                ng-href="/updates/news/#?topics__permalink={[{ topic.permalink }]}"
                ng-class="{active: filtersMap.topics__permalink.title==topic.title}">{[{topic.title}]}</a>
        </li>
        <li class="topics -medium" ng-repeat="tag in party.tag_set">
            <a
                ng-click="clearFilters(['topics__permalink', 'created__year__lte', 'created__month__lte', 'q']);addFilter('tag_set__name', tag.name); submit();"
                ng-init="initFilter('tag_set__name', {permalink: tag.name, title: tag.name})"
                ng-href="/updates/news/#?tag_set__name={[{ tag.name }]}"
                ng-class="{active: filtersMap.tag_set__name.title==tag.name}">{[{ tag.name }]}</a>
        </li>
    </ul>
  </script>
  <script id="template_party_news_sidebar.html" type="text/ng-template">
   <h3 class="title"><a ng-href="{[{party.absolute_url}]}" ng-bind-html="party.title"></a></h3>
    <div class="date">{[{party.created | dateFormText:"MMMM d, yyyy"}]}</div>
    <div class="description" ng-bind-html="party.get_summary | sanitize"></div>
  </script>
  <script id="template_party_news_line.html" type="text/ng-template">
   <div class="small-logo pull-left thumbnail">
        <span>
           <a ng-href="{[{party.absolute_url}]}"><img ng-src="{[{party.get_thumbnail}]}"></a>
        </span>
    </div>
    <h3 class="title"><a ng-href="{[{party.absolute_url}]}" ng-bind-html="party.title"></a></h3>
  </script>
  <!-- *************************************************************** -->
  <!-- ******************** Knowledge Management ********************* -->
  <!-- *************************************************************** -->
  <script id="template_party_knowledge.html" type="text/ng-template">
   <h3 class="title"><a ng-href="{[{ party.absolute_url }]}" ng-bind-html="(party.title || '')"></a></h3>
    <div class="description" ng-bind-html="(party.get_summary || '') | sanitize"></div>
    <hr class=""/>
    <ul class="tag-list item-list list-inline">
        <li class="topics -medium" ng-repeat="topic in party.topics">
            <a
                ng-click="clearFilters(['tag_set__name', 'created__year__lte', 'created__month__lte', 'q']);successFilter('topics__permalink', true)"
                ng-href="/article/startup-u/#?topics__permalink={[{ topic.permalink }]}"
                ng-class="{active: filtersMap.topics__permalink.title==topic.title}">{[{topic.title}]}</a>
        </li>
        <li class="topics -medium" ng-repeat="tag in party.tag_set">
            <a
                ng-click="clearFilters(['topics__permalink', 'created__year__lte', 'created__month__lte', 'q']);addFilter('tag_set__name', tag.name); submit();"
                ng-init="initFilter('tag_set__name', {permalink: tag.name, title: tag.name})"
                ng-href="/article/startup-u/#?tag_set__name={[{ tag.name }]}"
                ng-class="{active: filtersMap.tag_set__name.title==tag.name}">{[{ tag.name }]}</a>
        </li>
    </ul>
  </script>
  <!-- *********************************************** -->
  <!-- ******************** Follow ******************* -->
  <!-- *********************************************** -->
  <script id="follow_button.html" type="text/ng-template">
   <div class="follow-action" ng-class="is_loading_class()">
    <a ng-class="is_follow_class()" class="ico-follow" ng-click="follow()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()" title="{[{title}]}" >

        <div class="ico-follow-wrapper">
            <span class="icostartup icon-users-follow"></span>
        </div>
    </a>
    <a href="" title="follow {[{party.total_follower}]}" title="follow" ng-href="{[{party.absolute_url}]}##followers">
        <span class="text-action" ng-clock>{[{party.total_follower}]}</span>
    </a>
</div>
  </script>
  <script id="follow_compact_button.html" type="text/ng-template">
   <div class="take-action-wrapper middle" ng-class="is_loading_class()">
    <a ng-class="is_follow_class()" class="btn-activity ico-follow" ng-click="follow()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()" title="{[{title}]}">

        <div class="ico-follow-wrapper">
            <span class="icostartup icon-users-follow"></span>
        </div>
        <span class="text-action" ng-clock>{[{title || '&nbsp'}]}</span>
    </a>
</div>
  </script>
  <script id="follow_text_button.html" type="text/ng-template">
   <div class="btn-follow-wrapper" ng-class="is_loading_class()">
        <a ng-class="is_follow_class()" class="btn btn-primary btn-follow btn-default" ng-click="follow()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()" title="{[{title}]}" >
            <span class="text-action" ng-clock>{[{title || '&nbsp'}]}</span>
        </a>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- ******************** Love ******************* -->
  <!-- *********************************************** -->
  <script id="love_button.html" type="text/ng-template">
   <div class="love-action" ng-class="is_loading_class()">
    <a href="" ng-class="is_love_class()" title="{[{title}]}" class="love" ng-click="love()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()">
        <span class="icostartup icon-heart"></span>
    </a>
    <a href="" title="love{[{party.total_love > 1 ? 's' : ''}]} {[{party.total_love}]}" class="text-action" ng-click="modal_list()" ng-clock>{[{party.total_love}]}</a>
</div>
  </script>
  <script id="love_compact_button.html" type="text/ng-template">
   <div class="take-action-wrapper" ng-class="is_loading_class()">
    <a ng-class="is_love_class()" class="btn-activity ico-love" ng-click="love()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()" title="{[{title}]}" >
        <span class="icostartup icon-heart"></span>
        <span class="text-action" ng-clock>{[{title || '&nbsp'}]}</span>
    </a>
</div>
  </script>
  <script id="love_text_button.html" type="text/ng-template">
   <div class="btn-love-wrapper" ng-class="is_loading_class()">
        <a ng-class="is_love_class()" class="btn-activity" ng-click="love()" href="" ng-mouseenter="mouse_enter()" ng-mouseleave="mouse_leave()" title="{[{title}]}" >
            <span class="text-action" ng-clock>{[{title || '&nbsp'}]}</span>
        </a>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- ******************** Modal  ******************* -->
  <!-- *********************************************** -->
  <script id="template_modal_list.html" type="text/ng-template">
   <div ng-controller="PopupListController">
    <div class="modal fade" id="love-popup" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog base-action-modal">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button"><span>×</span><span class="sr-only">Close</span></button>
                    <h2 class="modal-title" id="model-contact-label">Who love this.</h2>
                </div>
                <div class="modal-body">
                    <ul class="item-list followers-list">
                    <li ng-repeat="party in party_list" class="followers-item listview-item item {[{ party.inst_type }]}-image">
                        
                        <div class="list-view">
                            <div class="small-logo pull-left thumbnail">
                                <span>
                                   <a href="{[{ party.absolute_url }]}"><img ng-src="{[{ party.get_thumbnail_in_primary }]}"></a>
                                </span>
                            </div>
                            <div class="group-info" >
                                 <h3><a href="{[{ party.absolute_url }]}">{[{ party.get_display_name }]}</a></h3>
                                <div class="description">{[{ party.get_summary }]}</div>
                                
                            </div>
                            <div follow-button party="party" template="follow_text_button.html"></div>
                        </div>
                    </li>
                    </ul>
                    <a class="loadmore-wrapper" ng-click="load_more()" ng-class="load_more_class()">
                        <span ng-hide="is_loading" class="loadmore">Load more</span>
                        <img  ng-show="is_loading" ng-src="/static/images/loading.gif" class="loading-icon" >
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
  </script>
  <!-- *********************************************** -->
  <!-- ******************** Testimonials ************* -->
  <!-- *********************************************** -->
  <script id="testimonials_list.html" type="text/ng-template">
   <div class="item-wrapper">
    <div class="block-content block-quote" ng-bind-html="party.data | nlToBr"></div>
    <div class="speaker-info">
        <a ng-if="party.get_status == notification_status.active" class="title" title="{[{party.get_display_name}]}" ng-href="{[{party.absolute_url}]}" ng-clock>
            {[{party.get_display_name}]}
        </a>
        <span ng-if="party.get_status != notification_status.active" class="title">{[{party.get_display_name}]}</span>
        <div class="info" ng-if="party.country.title"><span class="organization" ng-clock>{[{party.country.title}]}</div>
        <a ng-clock ng-if="party.can_edit" class="btn btn-md btn-delete" href="/delete/relation/PartyTestifyParty/{[{ party.id }]}/?next=.##testimonials" data-original-title="" title="">
            <span class="glyphicon glyphicon-remove icostartup icon-delete"></span>
            Delete
        </a>

    </div>
</div>
  </script>
  <!-- *********************************************** -->
  <!-- **************  Contact (message) ************* -->
  <!-- *********************************************** -->
  <script id="message_unread.html" type="text/ng-template">
   <div class="message-body-wrapper">
        <div class="row">
            <div class="col-sm-3">
                <div class="sender">
                    <span class="visible-xs field-label">From : </span>
                    <a ng-href="{[{ party.src.absolute_url }]}">{[{ party.src.get_display_name }]}</a>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="message-truncate-wrapper">
                    <span class="message-body -truncate" ng-bind-html="party.data | nlToBr"></span>
                    <a class="readmore" 
                        role="button" 
                        data-toggle="collapse" 
                        ng-href="#collapse-{[{ party.id }]}" 
                        aria-expanded="false" 
                        aria-controls="collapse-{[{ party.id }]}"
                        ng-show="!party.status" 
                        ng-click="http_to_api_with_party({
                            api: '/api/v1/party_contact_party/'+party.id+'/',
                            party: party,
                            params: {status: 1},
                            update_total: 'total_contact',
                            model_name: 'contact',
                            type: 'PUT',
                            update_party: true
                        })">
                        Read more
                    </a>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="date text-right">{[{ party.created | dateFormText:"MMMM d, yyyy" }]}</div>
            </div>
        </div>
        <div class="message-collapse">
            <div class="collapse" id="collapse-{[{ party.id }]}">
              <div class="full-message">
                <div class="message-body" ng-bind-html="party.data | nlToBr"></div>
              </div>
            </div>
        </div>
    </div>
  </script>
  <script id="message_read.html" type="text/ng-template">
   <div class="message-body-wrapper">
        <div class="row">
            <div class="col-sm-3">
                <div class="sender">
                    <span class="visible-xs field-label">From : </span>
                    <a ng-href="{[{ party.src.absolute_url }]}">{[{ party.src.get_display_name }]}</a>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="message-truncate-wrapper">
                    <span class="message-body -truncate" ng-bind-html="party.data | nlToBr"></span>
                    <a class="readmore" 
                        role="button" 
                        data-toggle="collapse" 
                        ng-href="#collapse-{[{ party.id }]}" 
                        aria-expanded="false" 
                        aria-controls="collapse-{[{ party.id }]}">
                        Read more
                    </a>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="date text-right">{[{ party.created | dateFormText:"MMMM d, yyyy" }]}</div>
            </div>
        </div>
        <div class="message-collapse">
            <div class="collapse" id="collapse-{[{ party.id }]}">
              <div class="full-message">
                <div class="message-body" ng-bind-html="party.data | nlToBr"></div>
              </div>
            </div>
        </div>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- **************      Happening     ************* -->
  <!-- *********************************************** -->
  <script id="happening_list_text.html" type="text/ng-template">
   <div class="col-md-8" ng-bind-html="party.get_simple_html_display | sanitize">
    </div>
    <div class="col-md-3 col-md-offset-1">
        <div class="time-update" ng-clock>
            {[{ party.created | timeago }]}
        </div>
    </div>
  </script>
  <script id="happening_list_text2.html" type="text/ng-template">
   <div>
        <div class="time-update date" ng-clock>
            {[{ party.created | timeago }]}
        </div>
    </div>
    <div class="update-action" ng-bind-html="party.get_simple_html_display | sanitize">
    </div>
  </script>
  <script id="happening_list_full.html" type="text/ng-template">
   <div class="group-time label label-danger" ng-if="!prev_party || (party.days_ago > prev_party.days_ago && ((party.created|timeago) != (prev_party.created|timeago)))">
        {[{ party.created | timeago }]}
    </div>

    <div class="col-xs-12 box-wrapper clear">
        <div class="box-happening">
            <div class="happening-header">
                <div class="happening-title pull-left" ng-bind-html="party.get_simple_html_display | sanitize"></div>
                <div class="date pull-right">{[{ party.created | timeago }]}</div>
            </div>
            <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':party.approval_status == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && party.approval_status == notification_status.active">
                Approved
            </div>
            <div class="testimonial-text" ng-if="party.data">
                <p ng-bind-html="party.data"></p>
            </div>

            <div class="group-profile">
                <div class="pull-left thumbnail -happening">
                    <span>
                        <a ng-if="party.actor.get_status == notification_status.active && !party.actor.is_deleted" ng-href="{[{ party.actor.absolute_url }]}" title="{[{ party.actor.get_display_name }]}"><img ng-src="{[{ party.actor.get_thumbnail }]}" alt="{[{ party.actor.get_display_name }]}"></a>
                        <img ng-if="party.actor.get_status != notification_status.active || party.actor.is_deleted" ng-src="{[{ party.actor.get_thumbnail }]}" alt="{[{ party.actor.get_display_name }]}">
                    </span>
                </div>
                <div class="group-info">
                    <h3 ng-if="party.actor.get_status == notification_status.active && !party.actor.is_deleted"><a ng-href="{[{ party.actor.absolute_url }]}" class="ng-binding">{[{ party.actor.get_display_name }]}</a></h3>
                    <h3 ng-if="party.actor.get_status != notification_status.active || party.actor.is_deleted">{[{ party.actor.get_display_name }]}</h3>
                    <div class="description ng-binding" ng-if="party.actor.get_summary" ng-bind-html="party.actor.get_summary"></div>
                </div>
            </div>
            <div class="-fullwidth" love-button party="party" content_type="notification"></div>
        </div>
    </div>
  </script>
  <script id="happening_list_action.html" type="text/ng-template">
   <div class="col-xs-12 box-wrapper clear">
        <div class="box-happening">
            <div class="happening-header">
                <div class="happening-title pull-left" ng-bind-html="party.get_simple_html_display | sanitize"></div>
                <div class="date pull-right">{[{ party.created | timeago }]}</div>
            </div>
            <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':party.approval_status == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && party.approval_status == notification_status.active">
                Approved
            </div>
            <div class="testimonial-text" ng-if="party.data">
                <p ng-bind-html="party.data"></p>
            </div>
            <div class="-fullwidth" love-button party="party" content_type="notification"></div>
        </div>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- **************         Job        ************* -->
  <!-- *********************************************** -->
  <script id="party_job_list.html" type="text/ng-template">
   <div class="media">
        <div class="media-left">
            <div class="thumb-nail -small -table-list">
                <a ng-if="party.status == 1" ng-href="{[{party.absolute_url}]}">
                    <img class="media-oblect" ng-src="{[{party.get_thumbnail}]}" width="100" height="100" />
                </a>
                <img ng-if="party.status != 1" class="media-oblect" ng-src="{[{party.get_thumbnail}]}" width="100" height="100" />
            </div>
        </div>
        <div class="media-body">
            <div class="post-time pull-right hidden-xs">
                {[{(party.jobs | maxDateIn:"created" ) | timeago}]}
            </div>
            <h4 class="title">
                <a ng-if="party.status == 1" ng-href="{[{party.absolute_url}]}" title="{[{party.get_display_name}]}">{[{party.get_display_name}]}</a>
                <strong class="pending" ng-if="party.status != 1">{[{party.get_display_name}]} (pending)</strong>
            </h4>
            <span class="place">
                {[{ party.location }]}
            </span>
            <div class="block-list-orgjob block-job">
                <ul class="item-list">
                    <li class="item item-job" ng-include="'job_list.html'" ng-repeat="job in party.jobs">
                        
                    </li>
                </ul>
            </div>
            <div class="post-time visible-xs">
                {[{(party.jobs | maxDateIn:"created" ) | timeago}]}
            </div>
        </div>
    </div>
  </script>
  <script id="job_list.html" type="text/ng-template">
   <h3 class="title"><a ng-href="{[{job.absolute_url}]}" title="{[{job.title}]}" ng-bind="job.title"></a></h3>
    <div class="description -job">
        <span class="job-type job-list-detail"> {[{job.get_position_display}]}</span>
        <span class="job-role job-list-detail"> {[{job.get_role_display}]}</span>
        <span ng-if="job.salary_min || job.salary_max" class="job-salary_min_max job-list-detail">
            {[{job.salary_min | currency:"฿"}]} <span ng-if="job.salary_max">-</span> {[{job.salary_max | currency:"฿" }]}
        </span>
    </div>
  </script>
  <script id="job_front_list.html" type="text/ng-template">
   <div class="small-logo pull-left thumbnail -org">
        <span>
           <a ng-href="{[{party.absolute_url}]}##job" title="{[{ party.get_display_name }]}"><img ng-src="{[{party.get_thumbnail}]}" alt="{[{ party.get_display_name }]}"></a>
        </span>
    </div>
  </script>
  <!-- *********************************************** -->
  <!-- **************       request      ************* -->
  <!-- *********************************************** -->
  <script id="request_list.html" type="text/ng-template">
   <div ng-bind-html="relation.get_html_display | sanitize" class="notification-item-inner"></div>
  <div class="btn-approve-wrapper">

    <div ng-class="{'required-approval approval':(relation.status || relation.approval_status) == notification_status.active}" ng-if="relation.approval_status == notification_status.active">
        Approved
    </div>

    <div ng-class="{'required-approval draft':(relation.status == notification_status.draft || relation.approval_status == notification_status.draft)}" ng-if="relation.approval_status == notification_status.draft">
        Draft
    </div>

    <div ng-class="{'required-approval pending':(relation.status == notification_status.pending || relation.approval_status == notification_status.pending)}" ng-if="relation.approval_status == notification_status.pending">
        Pending
    </div>

    <div ng-class="{'required-approval reject':(relation.status == notification_status.reject || relation.approval_status == notification_status.reject)}" ng-if="relation.approval_status == notification_status.reject">
        Rejected
    </div>

  </div>
  </script>
  <!-- *********************************************** -->
  <!-- **************    Experience      ************* -->
  <!-- *********************************************** -->
  <script id="experience_item.html" type="text/ng-template">
   <div class="f-small-logo pull-left thumbnail">
        <span>
            <a ng-href="{[{ party.absolute_url }]}" ng-if="party.get_status == 1 && !party.is_deleted" title="{[{ party.get_display_name }]}">
                <img ng-src="{[{ party.get_thumbnail_in_primary }]}" ng-href="{[{ party.absolute_url }]}" alt="{[{ party.get_display_name }]}">

            </a>
            <img ng-src="{[{ party.get_thumbnail_in_primary }]}" ng-if="party.get_status != 1 || party.is_deleted" alt="{[{ party.get_display_name }]}">
        </span>
    </div>
    <dl class="group-infomation dl-horizontal">
        <dt>
            <div class="organization" ng-cloak>
                <span ng-if="party.get_status != 1 || party.is_deleted">{[{ party.get_display_name }]}</span>
                <a ng-if="party.get_status == 1 && !party.is_deleted" ng-href="{[{ party.absolute_url }]}" title="{[{ party.get_display_name }]}">{[{ party.get_display_name }]}
                </a>
            </div>
            <div class="date">
                <span ng-cloak>{[{ party.start_date | date:'MMM yyyy' }]}</span>
                <span ng-show="party.end_date" ng-cloak> - {[{ party.end_date | date:'MMM yyyy' }]}</span>
            </div>
        </dt>
        <dd>
            <div class="position" ng-cloak>{[{ party.title }]}</div>
            <div class="description" ng-cloak>{[{ party.get_summary }]}</div>
        </dd>
    </dl>
    <div ng-class="{'required-approval':party.REQUIRED_APPROVAL, 'approval':party.status == notification_status.active}" ng-if="party.REQUIRED_APPROVAL && party.status == notification_status.active">
        Approved
    </div>
  </script>
 </body>
</html>


In [11]:
mydivs = soup.findAll("tr", { "class" : "party-item ng-scope" })

In [12]:
mydivs


Out[12]:
[]

In [ ]: