Skip to content

Instantly share code, notes, and snippets.

@sauloarruda
Created August 1, 2017 18:06
Show Gist options
  • Save sauloarruda/925abc7df2e6cd9d1e8991a8e3a7b1a4 to your computer and use it in GitHub Desktop.
Save sauloarruda/925abc7df2e6cd9d1e8991a8e3a7b1a4 to your computer and use it in GitHub Desktop.
Chell
<html lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Cemitério de Startups</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script>
</script>
<style>
#form-news-cemiterio-de-startups-19953e32e018d4660bbf {
height: auto !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf div.actions input.call_button {
margin: 0!important;
width: 50% !important;
height: 40px !important;
background: #26a69a!important;
border: 0px !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf {
margin: 0 auto!important;
background: #4a148c !important;
}
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf section {
padding: 20px!important;
width: 50% !important;
margin-left: 25%!important;
background: #4a148c !important;
}
@media screen and (max-width:600px){
.teal.lighten-1 {
background-color: #26a69a !important;
margin-bottom: 12px;
}
}
.teal {
background-color: #26a69a !important;
}
a {
color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #26a69a;
color: #ffffff;
cursor: pointer;
z-index: 2;
}
.dark{
background:#1f0242;
}
.brand-logo{
margin-top:6px;
width:140px;
}
.icon-block .material-icons {
font-size: inherit;
color: #1f0242;
}
.text-field{
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 20px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}
.form-email{
color:#FFFFFF;
}
</style>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1698456227088674');
fbq('track', 'PageView');
</script>
<noscript>
<img alt="Cemitério de Startups" height="1" width="1" src="https://www.facebook.com/tr?id=1698456227088674&ev=PageView&noscript=1" />
</noscript>
<!-- Google Analytics -->
<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', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-75901769-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body ng-app="myApp" ng-controller="mainCtrl">
<nav class="dark" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo"><img src="assets/img/logo.png" alt="Cemitério de Startups" style="width:100%;"></img></a>
<!-- <ul class="right hide-on-med-and-down">
<li><a href="#">Navbar Link</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>-->
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center teal-text text-lighten-2">Cemitério de Startups</h1>
<div class="row center">
<h5 class="header col s12 light">Descubra os maiores motivos das startups falharem no Brasil</h5>
</div>
<div class="row center">
<a href="#container" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Vamos Começar!</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="assets/img/background1.jpg" alt="Cemitério de Startups"></div>
</div>
<div class="container">
<div class="section"style="margin-top:5%;">
<div class="row">
<div class="col s12">
<h5 align="center" style="font-weight:bold; color:#26a69a;">SOBRE </h5>
<hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
<p style="text-align: center;color: #6d7373;font-family: inherit;"> Ninguém gosta de falhar, porém, junto ao erro vem o aprendizado. O Cemitério de Startups foi criado para empreendedores compartilharem os motivos que os fizeram fracassar, mas que ao invés de se envergonhar disso, dividem seu aprendizado e auxiliam outros diversos empreendedores nessa jornada tão difícil.
Seguimos a metodologia de Bill Gross e dividimos as causas mortis em 5 motivos:
</p>
</div>
</div>
<div class="row" style="text-align: center;">
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">highlight</i></h2>
<h5 class="center" style="color:#26a69a;">Idea</h5>
<p class="light">
Solução idealizada
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">group</i></h2>
<h5 class="center" style="color:#26a69a;">Team</h5>
<p class="light">
Sócios
/Time
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">dashboard</i> </h2>
<h5 class="center"style="color:#26a69a;" >Business Model</h5>
<p class="light">
Modelo de Negócios
</p>
</div>
</div>
<div class="col s12 m6" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">attach_money</i> </h2>
<h5 class="center" style="color:#26a69a;">Funding</h5>
<p class="light">
Capital
/Investimento
</p>
</div>
</div>
<div class="col s12 offset-m3 m6 offset-m3" >
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">timelapse</i> </h2>
<h5 class="center"style="color:#26a69a;">Timing</h5>
<p class="light">
Lançamento muito cedo ou muito tarde
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="container">
<div class="section">
<div class="row">
<div class="col s12">
<h5 align="center" style="font-weight:bold; color:#26a69a;"> E no Brasil, como será esse cenário? </h5>
<hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
<p style="text-align: center;color: #6d7373;font-family: inherit;">
Você vai ter essa resposta aqui, no Cemitério de Startups!
</p>
</div>
</div>
<!-- Icon Section -->
<div class="row" style="text-align: center;">
<div class="col s12 m3" ng-init="totalStartup()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center"style="color:#26a69a;">{{num_rows}}</h5>
<p class="light">Total de Startups Cadastradas</p>
</div>
</div>
<div class="col s12 m3" ng-init="moreProblem()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">group</i></h2>
<h5 class="center"style="color:#26a69a;">{{more_problem}}</h5>
<p class="light">Maior motivo de morte de uma startup</p>
</div>
</div>
<div class="col s12 m3" ng-init="moreCity()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">room</i></h2>
<h5 class="center"style="color:#26a69a;">{{more_city}}</h5>
<p class="light">Cidade onde morrem mais startups</p>
</div>
</div>
<div class="col s12 m3" ng-init="totalInvestiment()">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">trending_up</i></h2>
<h5 class="center"style="color:#26a69a;">{{total_investiment| currency:"R$ "}}</h5>
<p class="light">Total perdido em Investimento</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">
A sua startup também foi dessa para a melhor? Adicione seu case e ajude o ecossistema empreendedor do Brasil!
<br><b>Confira abaixo as startups que descansam eternamente em nosso cemitério!</b></h5>
</div>
</div>
</div>
<div class="parallax"><img src="assets/img/background2.jpg" alt="Cemitério de Startups"></div>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rdstation-forms/stable/rdstation-forms.min.js"></script>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<input id="search" ng-model="search" type="text" class="search">
<label for="search" data-error="wrong" data-success="right">Procurar Startup</label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div ng-app="myApp" ng-init="mySwitch=true" ng-controller="mainCtrl" class="col s12 center" style="margin-bottom: 3%;">
<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-startup-form" modal ng-click="showCreateFormStartup()" >Adicionar Startup</a>
<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-report-error-form" modal ng-click="showCreateFormReportError()" >Reportar erro</a>
</div>
<div ng-app="myApp" ng-controller="mainCtrl" class="row">
<div id="modal-startup-detail" class="modal">
<!--Modal Detail-->
<div class="modal-content">
<h4 id="modal-startup-title-detail">Detalhes Startup</h4>
<div class="row">
<div class="input-field col s8">
<label for="name">Nome Startup</label>
<br>
<p id="name">
{{name}}
</p>
</div>
<div class="input-field col s4">
<label for="name_problem">Motivo</label>
<br>
<p id="name_problem">
{{name_problem}}
</p>
</div>
<div class="input-field col s12">
<label for="pitch">Pitch</label>
<br>
<p id="pitch">
{{pitch}}</p>
</div>
<div class="input-field col s6">
<label for="city">Cidade</label>
<br>
<p id="city">
{{city}}</p>
</div>
<div class="input-field col s6">
<label for="state">Estado</label>
<br>
<p id="state">
{{state}}</p>
</div>
<div class="input-field col s12">
<label for="info">Causa Mortis </label>
<br>
<p id="info">
{{info}}
</p>
</div>
<div class="input-field col s6">
<label for="date_born">Nascimento da Startup</label>
<br>
<p id="date_born">
{{date_born}}</p>
</div>
<div class="input-field col s6">
<label for="date_fail">Falecimento da startup</label>
<br>
<p id="date_fail">
{{date_fail}}</p>
</div>
<div class="input-field col s12">
<label for="investiment">Investimento</label>
<br>
<p id ="investiment">
{{investiment}}</p>
</div>
<div class="input-field col s12">
<label for="name_founder">Nome Fundador</label>
<br>
<p id="name_founder">
{{name_founder}}
</p>
</div>
<div class="input-field col s12">
<label for="url_founder">URL Fundador (Twitter ou Linkedin)</label>
<br>
<p id="url_founder">
{{url_founder}}
</p>
</div>
<div class="input-field col s12">
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</div>
<div id="modal-startup-form" ng-app="myApp" ng-controller="mainCtrl" class="modal">
<form name="myForm" action="/api/startup/create.php novalidate>
<div class="modal-content">
<h4 id="modal-startup-title">Criar Nova Startup</h4>
<div class="row">
<div class="input-field col s12">
<input ng-model="form_create_startup_name" ng-minlength="2"
ng-maxlength="30" id="name_startup" type="text" class="validate" id="form_create_startup_name" placeholder="Digite o nome ..." />
<label for="form-create-startup-name">Nome Startup <b>*</b></label>
</div>
<div class="input-field col s12">
<textarea ng-required="true" ng-minlength="20"
ng-maxlength="250" id="pitch" ng-model="form_create_startup_pitch" type="text" class="validate materialize-textarea" placeholder="Digite o pitch..."></textarea>
<label for="form-create-startup-pitch">Pitch (Mínimo:20 caracteres) <b>*</b> </label>
</div>
<div class="input-field col s12">
<label for="problem">Motivo <b>*</b></label>
<br><br>
<select class="browser-default" name="problem" id="id_problem" ng-model ="form_create_startup_problem" ng-init="getAllProblem()" ng-required="false">
<option ng-repeat="d in problems | orderBy:'nproblem'| filter:{nproblem:'!N/A'}" value="{{d.id}}">{{d.nproblem}}</option>
</select>
</div>
<div class="input-field col s6">
<label for="state">Estado <b>*</b></label>
<br><br>
<select class="browser-default" name="state" id ="stateUF" ng-model="stateUF" ng-required="false">
</select>
</div>
<div class="input-field col s6">
<label for="city">Cidade <b>*</b></label>
<br><br>
<select class="browser-default" name="city" id ="city" ng-model="city" ng-required="false">
</select>
</div>
<div class="input-field col s12">
<textarea id="more_info" ng-model="form_create_startup_info" ng-required="true"
ng-minlength="20"
ng-maxlength="250" type="text" class="validate materialize-textarea" placeholder="Digite o Causa Mortis..."></textarea>
<label for="form-create-startup-info">Causa Mortis (Mínimo: 20 caracteres) <b>*</b></label>
</div>
<div class="input-field col s6">
<label for="date_born">Nascimento da Startup (MM/AAAA) <b>*</b></label>
<br><br>
<input ng-model="form_create_startup_date_born" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_bornN" type="string" class="text-field validate" placeholder="Digite o Início..." ></input>
</div>
<div class="input-field col s6">
<label for="date_fail">Falecimento da startup (MM/AAAA) <b>*</b></label>
<br><br>
<input ng-model="form_create_startup_date_fail" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_failN" type="string" class="text-field validate" placeholder="Digite a Fail..." ></input>
</div>
<div class="input-field col s12">
<input ng-model="form_create_startup_investiment" ng-required="true"
ng-minlength="1"
type="number" class="validate" id="form_create_startup_investiment" placeholder="Digite o investimento..." />
<label for="form_create_startup_investiment">Investimento <b>*</b></label>
</div>
<div class="input-field col s12">
<input ng-required="true"
ng-minlength="3"
ng-maxlength="80" ng-model="form_create_startup_name_founder" id="name_founder" type="text" class="validate" placeholder="Digite o nome do fundador..." />
<label for="form-create-startup-name-founder">Nome do Fundador <b>*</b></label>
</div>
<div class="input-field col s12">
<input ng-required="false"
ng-minlength="15"
ng-maxlength="30" ng-model="form_create_startup_url_founder" id="form-create-startup-url-founder" type="url" class="validate" placeholder="Digite a URL do fundador..." />
<label for="form-create-startup-url-founder">URL Fundador</label>
</div>
<div class="input-field col s12">
<a id="btn-create-startup" ng-disabled="myForm.$pristine|| myForm.$invalid" class="waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">add</i>Criar</a>
<!--<a id="btn-update-startup" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateStartup()"><i class="material-icons left">edit</i>Save Changes</a>-->
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</form>
</div>
<!--Início Modal de Report Error-->
<div id="modal-report-error-form" ng-app="myApp" ng-controller="mainCtrl" class="modal">
<form name="form-report-error" novalidate>
<div class="modal-content">
<h4 id="modal-report-error-title">Reportar Erro</h4>
<div class="row">
<div class="input-field col s12">
<input ng-model="report_error_email" ng-minlength="1" ng-maxlength="60" type="email" class="validate" id="report_error_email" placeholder="[email protected]"/>
<label for="report_error_email">E-mail</label>
</div>
<br><br>
<div class="input-field col s12">
<textarea ng-required="true" ng-model="report_error_more_info" id="report_error_more_info" type="text" class="validate materialize-textarea"
placeholder="Especifique as informações do erro..."></textarea>
<label for="report_error_more_info">Informações do erro</label>
</div>
<br><br>
<div class="input-field col s12">
<input ng-model="report_error_is_bug" type="checkbox" id="report_error_is_bug" />
<label for="report_error_is_bug">Marque se o erro encontrado é um bug</label>
</div>
<div ng-hide="report_error_is_bug" class="input-field col s12">
<br><br>
<label for="report_error_startup">Startup</label>
<br><br>
<select class="browser-default" ng-model="report_error_startup" name="report_error_startup" id="report_error_startup" ng-init="getAllStartup()" ng-required="false">
<option ng-repeat="d in names | orderBy:'name' | filter:{name:'!null'}" value="{{d.id}}">{{d.name}}</option>
</select>
</div>
<br><br>
<div class="input-field col s12">
<a id="btn-create-report-error" ng-disabled="form-report-error.$pristine|| form-report-error.$invalid" class="waves-effect waves-light btn margin-bottom-1em"
ng-click="createReportError()"><i class="material-icons left">send</i>Enviar</a>
<a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
</div>
</div>
</div>
</form>
</div>
<!--Fim Modal de Report Error-->
<table class="hoverable bordered">
<thead>
<tr>
<th class="visible-md visible-lg">#</th>
<!-- <th>Inclusão</th> -->
<th class="visible-xs visible-sm visible-md visible-lg">Startup</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Pitch</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Cidade</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">UF</th>
<th class="visible-xs visible-sm visible-md visible-lg">Motivo</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Causa Mortis</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Falecimento</th>
<th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Investimento</th>
<th class="visible-xs visible-sm visible-md visible-lg">Fundador</th>
</tr>
</thead>
<tbody ng-init="getAllStartup()">
<tr dir-paginate="d in names | filter:search | orderBy:sortKey:reverse | itemsPerPage:20" pagination-id="cemiterio">
<td data-title="#" class="visible-md visible-lg text-align-center">{{ d.id }}</td>
<td data-title="Startup" class="visible-xs visible-sm visible-md visible-lg text-align-center"><a class="waves-effect waves-light btn purple darken-4" href="" data-target="modal-startup-detail" modal ng-click="readOneStartup(d.id)"> {{d.name }}</a></td>
<td data-title="Pitch" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.pitch |strLimit:100 }}</td>
<td data-title="Cidade" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.city }}</td>
<td data-title="UF" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.state }}</td>
<td data-title="Motivo" class="text-align-center visible-xs visible-sm visible-md visible-lg">{{ d.name_problem }}</td>
<td data-title="Causa Mortis" class="hide-on-small-only hide-on-med-only hide-on-med-and-down"> {{ d.info |strLimit:100 }}</td>
<td data-title="Falecimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.date_fail }}</td>
<td data-title="Investimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.investiment | currency:"R$ "}}</td>
<td data-title="Fundador" class="visible-xs visible-sm visible-md visible-lg text-align-center"> <a class="waves-effect waves-light btn purple darken-4" href="{{ d.url_founder }}">{{d.name_founder}}</a> </td>
</tr>
</tbody>
</table>
<!-- angular pagination -->
<dir-pagination-controls pagination-id="cemiterio" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="app/shared/dir_pagination.tpl.html"></dir-pagination-controls>
</div>
<div>
<section style="text-align:center;background: #4a148c;height: 140px;">
<container>
<div id="rdstation-form" class="row">
<form id="conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf" action="https://www.rdstation.com.br/api/1.2/conversions" method="POST" data-internal-rdstation-form="" data-form-autofill="">
<input type="hidden" name="token_rdstation" value="56732ea5eb871070c414b81a2cce1062">
<input type="hidden" name="identificador" value="news-cemiterio-de-startups">
<input type="hidden" name="_is" value="6">
<input type="hidden" name="redirect_to" value="http://gama.academy">
<input type="hidden" name="c_utmz" value="">
<input type="hidden" name="traffic_source" value="">
<input type="hidden" name="client_id" value="">
<input type="hidden" name="thankyou_message" value="Obrigado!" disabled="">
<div id="error-container-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide">
<p>Preencha corretamente os campos marcados</p>
</div>
<div class="col m12 s12">
<div class="input-field inline" style="
WIDTH: 60%;color:'#FFFFFF'
">
<input type="email" name="email" id="email" value="" class="validate form-email required js-email" placeholder="Email" required="required">
</div>
</div>
<div class="actions col m12 s12">
<input type="submit" class="call_button waves-effect waves-light btn" style="margin-left: 17%;" id="cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf" value="Quero receber Novidades ">
<img src="//d335luupugsy2.cloudfront.net/images/ajax-loader.gif" id="ajax-loader-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide" alt="#{Enviando...}">
</div>
<div style="position: absolute!important; left: -5000px!important;">
<input type="text" name="emP7yF13ld" autocomplete="false" tabindex="-1" value="">
<input type="text" name="sh0uldN07ch4ng3" autocomplete="false" tabindex="-1" value="should_not_change">
</div>
</form>
</div>
</container>
</section>
<section style="text-align:center;">
<container>
<div class="row">
<div class="col m12 s12">
<h4>Antes de empreender, desenvolva suas habilidades e trabalhe no mercado de startups! </h4>
<h4>Inscreva-se agora no <a href="http://gama.academy/pt/programas/experience" style="color: #4a148c;"><b>GAMA EXPERIENCE</b></a></h4>
<hr style="width: 30%;background: #279d92;height: 2px;">
<hr style="width: 15%;background: #279d92;height: 2px;">
</div>
</div>
</container>
</section>
<footer class="page-footer teal">
<div class="footer-copyright">
<div class="container">
© 2017 - Made with ❤ by &nbsp; &nbsp; <a href="http://gama.academy/"><img alt="Cemitério de Startups" src="assets/img/gama.png" width="10%"></a> ©
<br><br>
Developers:
<a href ="https://www.linkedin.com/in/bruno-andrade-santos-67565711b/">Bruno Andrade Santos</a>,
<a href ="https://www.linkedin.com/in/michaellrg/">Michaell Reis Gasparini</a>,
<a href ="https://www.linkedin.com/in/victormarcorin/">Victor Angelo Marcorin</a>,
<a href ="https://www.linkedin.com/in/vitorsavedra/">Vitor Savedra</a>,
<a href ="https://www.linkedin.com/in/wesley-tavares/">Wesley Tavares</a> - #2 Gama Experience
<br>
Designer UI/ UX:
<a href ="https://www.linkedin.com/in/bruno-mescouto-002bb326/">Bruno A L Mescouto (BARBA)</a> - #4 Gama Experience
</div>
</div>
</footer>
<!-- Scripts-->
<!-- include angular js -->
<script src="assets/js/angular.min.js"></script>
<script src = "assets/js/angular-locale_pt-br.min.js"></script>
<!-- app -->
<script type="text/javascript" src="../app/app.js"></script>
<!-- include jquery -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!--<script src="assets/js/init.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-mask/1.8.7/mask.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="assets/js/maskedinput-binder.js"></script>
<script type="text/javascript" src="assets/js/masks.js"></script>
<script type="text/javascript" src="assets/js/validadores.js"></script>
<!-- material design js -->
<script type="text/javascript" src="assets/js/materialize.min.js"></script>
<!-- include angular pagination -->
<script src="assets/js/dirPagination.js"></script>
<!-- custom js -->
<!--<script type="text/javascript" src="assets/js/custom.js"></script>-->
<script>
var estados = [];
function loadEstados() {
if (estados.length > 0) {
putEstados();
$('#stateUF').removeAttr('disabled');
} else {
$.ajax({
url: 'https://api.myjson.com/bins/enzld',
method: 'get',
dataType: 'json',
beforeSend: function() {
$('#stateUF').html('<option>Carregando...</option>');
}
}).done(function(response) {
estados = response.estados;
putEstados();
$('#stateUF').removeAttr('disabled');
});
}
}
function putEstados() {
var options;
for (var i in estados) {
var estado = estados[i];
options += '<option value="' + estado.sigla + '">' + estado.nome + '</option>';
}
$('#stateUF').html(options);
loadCidades('AC');
}
function loadCidades( estado_sigla) {
if (estados.length > 0) {
putCidades( estado_sigla);
$('#city').removeAttr('disabled');
} else {
$.ajax({
url: theme_url + '/assets/json/estados.json',
method: 'get',
dataType: 'json',
beforeSend: function() {
$('#city').html('<option>Carregando...</option>');
}
}).done(function(response) {
estados = response.estados;
putCidades(estado_sigla);
$('#city').removeAttr('disabled');
});
}
}
function putCidades(estado_sigla) {
$('#city').html();
var options;
for (var i in estados) {
var estado = estados[i];
if (estado.sigla != estado_sigla)
continue;
for (var j in estado.cidades) {
var cidade = estado.cidades[j];
options += '<option value="' + cidade + '">' + cidade + '</option>';
}
}
$('#city').html(options);
}
document.addEventListener('DOMContentLoaded', function() {
loadEstados();
$(document).on('change', '#stateUF', function(e) {
loadCidades($(this).val());
});
}, false);
$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal').modal();
loadEstados();
$('.field').addClass("col s8");
$('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8");
// jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
//jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");
// $('#report_error_startup').on('change', function() {
// var report_error_startup = $(this).find(":selected").val();
// // var report_error_startup = $("#report_error_startup option:selected").text();
// $('#report_error_startup_name').text(report_error_startup);
// })
});
$( document ).ready(function() {
loadEstados();
// jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
//jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");
$('.field').addClass("col s8");
$('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8"); });
(function($){
$(function(){
$('.button-collapse').sideNav();
$('.parallax').parallax();
}); // end of document ready
})(jQuery); // end of jQuery name space
</script>
<!-- RD Station -->
<script type="text/javascript">
new RDStationForms('news-cemiterio-de-startups-19953e32e018d4660bbf-html', 'UA-75901769-1').createForm();
</script>
</body>
</html>
@michaellrg
Copy link

<html lang="pt-br">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <title>Cemitério de Startups</title>

  <!-- CSS  -->

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>

  

<script>
</script>
  <style>
  #form-news-cemiterio-de-startups-19953e32e018d4660bbf {
    
    height: auto !important;
  }
  
  #form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf div.actions input.call_button {
    margin: 0!important;
    width: 50% !important;
    height: 40px !important;
    background: #26a69a!important;
    border: 0px !important;
  }
#form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf {
    margin: 0 auto!important;
    background: #4a148c !important;
}
  
  #form-container-news-cemiterio-de-startups-19953e32e018d4660bbf #conversion-news-cemiterio-de-startups-19953e32e018d4660bbf section {
    padding: 20px!important;
    width: 50% !important;
    margin-left: 25%!important;
    background: #4a148c !important;
}
  
  @media screen and (max-width:600px){
  
  .teal.lighten-1 {
    background-color: #26a69a !important;
    margin-bottom: 12px;
}
  
  }
  .teal {
    background-color: #26a69a !important;
}
  a {
    color: #FFFFFF;
  }
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #26a69a;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}
  .dark{
  background:#1f0242;
  }
  .brand-logo{
  margin-top:6px;
  width:140px;
  }
  .icon-block .material-icons {
    font-size: inherit;
    color: #1f0242;
}
.text-field{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
.form-email{
color:#FFFFFF;
}
  </style>

<!-- Facebook Pixel Code -->
<script>
    !function (f, b, e, v, n, t, s) {
        if (f.fbq) return; n = f.fbq = function () {
            n.callMethod ?
            n.callMethod.apply(n, arguments) : n.queue.push(arguments)
        };
        if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
        n.queue = []; t = b.createElement(e); t.async = !0;
        t.src = v; s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
        'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1698456227088674');
    fbq('track', 'PageView');
</script>
<noscript>
    <img alt="Cemitério de Startups" height="1" width="1" src="https://www.facebook.com/tr?id=1698456227088674&ev=PageView&noscript=1" />
</noscript>

<!-- Google Analytics -->
<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', 'https://www.google-analytics.com/analytics.js', 'ga');
    ga('create', 'UA-75901769-4', 'auto');
    ga('send', 'pageview');
</script>
</head>

<body ng-app="myApp"  ng-controller="mainCtrl">
  <nav class="dark" role="navigation">
    <div class="nav-wrapper container">
      <a id="logo-container" href="#" class="brand-logo"><img src="assets/img/logo.png" alt="Cemitério de Startups" style="width:100%;"></img></a>
    <!-- <ul class="right hide-on-med-and-down">
        <li><a href="#">Navbar Link</a></li>
      </ul>
      <ul id="nav-mobile" class="side-nav">
        <li><a href="#">Navbar Link</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>-->
    </div>
  </nav>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center teal-text text-lighten-2">Cemitério de Startups</h1>
        <div class="row center">
          <h5 class="header col s12 light">Descubra os maiores motivos das startups falharem no Brasil</h5>
        </div>
        <div class="row center">
          <a href="#container" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">Vamos Começar!</a>
        </div>
        <br><br>

      </div>
    </div>
    <div class="parallax"><img src="assets/img/background1.jpg" alt="Cemitério de Startups"></div>
  </div>

  <div class="container">
      <div class="section"style="margin-top:5%;">
        <div class="row">
      <div class="col s12">
        <h5 align="center" style="font-weight:bold; color:#26a69a;">SOBRE </h5>
        <hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
        <p style="text-align: center;color: #6d7373;font-family: inherit;"> Ninguém gosta de falhar, porém, junto ao erro vem o aprendizado. O Cemitério de Startups foi criado para empreendedores compartilharem os motivos que os fizeram fracassar, mas que ao invés de se envergonhar disso, dividem seu aprendizado e auxiliam outros diversos empreendedores nessa jornada tão difícil.
          Seguimos a metodologia de Bill Gross e dividimos as causas mortis em 5 motivos:
        </p>
      </div>
        </div>
        <div class="row" style="text-align: center;">
          <div class="col s12 m6">
            <div class="icon-block">
              <h2 class="center brown-text"><i class="material-icons">highlight</i></h2>
              <h5 class="center" style="color:#26a69a;">Idea</h5>

              <p class="light">
                Solução idealizada 
              </p>
            </div>
          </div>

          <div class="col s12 m6" >
            <div class="icon-block">
              <h2 class="center brown-text"><i class="material-icons">group</i></h2>
              <h5 class="center" style="color:#26a69a;">Team</h5>

              <p class="light">
                Sócios
              /Time
              </p>
            </div>
          </div>

          <div class="col s12 m6" >
            <div class="icon-block">
              <h2 class="center brown-text"><i class="material-icons">dashboard</i> </h2>
              <h5 class="center"style="color:#26a69a;" >Business Model</h5>

              <p class="light">
                Modelo de Negócios
                
              </p>
            </div>
          </div>

          <div class="col s12 m6" >
            <div class="icon-block">
              <h2 class="center brown-text"><i class="material-icons">attach_money</i> </h2>
              <h5 class="center" style="color:#26a69a;">Funding</h5>

              <p class="light">
                Capital
                /Investimento
              </p>
            </div>
          </div>


          <div class="col s12 offset-m3 m6 offset-m3" >
            <div class="icon-block">
              <h2 class="center brown-text"><i class="material-icons">timelapse</i> </h2>
              <h5 class="center"style="color:#26a69a;">Timing</h5>

              <p class="light">
              Lançamento muito cedo ou muito tarde
              </p>
            </div>
          </div>
        </div>
      </div>

  </div>

  <div class="container" id="container">
    <div class="section">
    <div class="row">
      <div class="col s12">
        <h5 align="center" style="font-weight:bold; color:#26a69a;"> E no Brasil, como será esse cenário? </h5>
        <hr style="background: #48437d;border: 0px; width: 323px;height: 3px;">
        <p style="text-align: center;color: #6d7373;font-family: inherit;"> 
        Você vai ter essa resposta aqui, no Cemitério de Startups! 

        </p>
      </div>
        </div>
      <!--   Icon Section   -->
      <div class="row" style="text-align: center;">
        <div class="col s12 m3" ng-init="totalStartup()">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">flash_on</i></h2>
            <h5 class="center"style="color:#26a69a;">{{num_rows}}</h5>

            <p class="light">Total de Startups Cadastradas</p>
          </div>
        </div>

        <div class="col s12 m3" ng-init="moreProblem()">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">group</i></h2>
            <h5 class="center"style="color:#26a69a;">{{more_problem}}</h5>

            <p class="light">Maior motivo de morte de uma startup</p>
          </div>
        </div>

        <div class="col s12 m3" ng-init="moreCity()">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">room</i></h2>
            <h5 class="center"style="color:#26a69a;">{{more_city}}</h5>

            <p class="light">Cidade onde morrem mais startups</p>
          </div>
        </div>

    <div class="col s12 m3" ng-init="totalInvestiment()">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">trending_up</i></h2>
            <h5 class="center"style="color:#26a69a;">{{total_investiment| currency:"R$ "}}</h5>

            <p class="light">Total perdido em Investimento</p>
          </div>
        </div>
      </div>

    </div>
  </div>




  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12 light">
            A sua startup também foi dessa para a melhor? Adicione seu case e ajude o ecossistema empreendedor do Brasil!
            <br><b>Confira abaixo as startups que descansam eternamente em nosso cemitério!</b></h5>
        </div>
      </div>
    </div>
    <div class="parallax"><img src="assets/img/background2.jpg" alt="Cemitério de Startups"></div>

    <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rdstation-forms/stable/rdstation-forms.min.js"></script>

  </div>

  <div class="container">
    <div class="section">

      <div class="row">
        <div class="col s12 center">
          <div class="row">
      <form class="col s12">
        <div class="row">
        <div class="input-field col s12">
          <input id="search" ng-model="search" type="text" class="search">
          <label for="search" data-error="wrong" data-success="right">Procurar Startup</label>
        </div>
        </div>
      </form>
      </div>
        </div>
      </div>

    </div>
  </div>

  <div  ng-app="myApp"  ng-init="mySwitch=true" ng-controller="mainCtrl" class="col s12 center" style="margin-bottom: 3%;">

<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-startup-form" modal ng-click="showCreateFormStartup()" >Adicionar Startup</a>
<a class="btn-large waves-effect waves-light teal lighten-1" data-target="modal-report-error-form" modal ng-click="showCreateFormReportError()" >Reportar erro</a>
  </div>



  <div ng-app="myApp"  ng-controller="mainCtrl" class="row">

  <div id="modal-startup-detail" class="modal">
<!--Modal Detail-->
    <div class="modal-content">
        <h4 id="modal-startup-title-detail">Detalhes Startup</h4>
        <div class="row">
            <div class="input-field col s8">
                <label for="name">Nome Startup</label>
                <br>
            <p id="name">
      {{name}}
      </p>
      </div>
            <div class="input-field col s4">
                <label for="name_problem">Motivo</label>

                <br>
            <p id="name_problem">
      {{name_problem}}
      </p>
      </div>
            <div class="input-field col s12">

                <label for="pitch">Pitch</label>
        <br>
                <p id="pitch">
        {{pitch}}</p>
            </div>
            <div class="input-field col s6">
                <label for="city-label">Cidade</label>
                <br>
                <p id="city-label">
        {{city}}</p>

            </div>
            <div class="input-field col s6">
                <label for="state">Estado</label>
                <br>
                <p id="state">
        {{state}}</p>

            </div>
            <div class="input-field col s12">
            <label for="info">Causa Mortis </label>
      <br>
            <p id="info">
      {{info}}
      </p>
            </div>

            <div class="input-field col s6">
                <label for="date_born">Nascimento da Startup</label>
                <br>
                <p id="date_born">
        {{date_born}}</p>
            </div>
            <div class="input-field col s6">
                <label for="date_fail">Falecimento da startup</label>
            <br>
            <p id="date_fail">
      {{date_fail}}</p>

            </div>
            <div class="input-field col s12">
                <label for="investiment">Investimento</label>
      <br>
            <p id ="investiment">
      {{investiment}}</p>
        </div>
            <div class="input-field col s12">
                <label for="name_founder">Nome Fundador</label>
        <br>
                <p id="name_founder">
        {{name_founder}}
        </p>
            </div>
            <div class="input-field col s12">
                <label for="url_founder">URL Fundador (Twitter ou Linkedin)</label>
        <br>
                <p id="url_founder">
        {{url_founder}}
        </p>
        </div>
            <div class="input-field col s12">

                <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
            </div>
        </div>
    </div>
</div>


<div id="modal-startup-form" ng-app="myApp"  ng-controller="mainCtrl" class="modal">
<form name="myForm" action="/api/startup/create.php novalidate>
    <div class="modal-content">
        <h4 id="modal-startup-title">Criar Nova Startup</h4>
        <div class="row">
            <div class="input-field col s12">
                <input ng-model="form_create_startup_name" ng-minlength="2"
      ng-maxlength="30" id="name_startup" type="text" class="validate" id="form_create_startup_name" placeholder="Digite o  nome ..." />
                <label for="form-create-startup-name">Nome Startup <b>*</b></label>
            </div>
            <div class="input-field col s12">
                <textarea ng-required="true" ng-minlength="20"
      ng-maxlength="250" id="pitch" ng-model="form_create_startup_pitch" type="text" class="validate materialize-textarea" placeholder="Digite o pitch..."></textarea>
                <label for="form-create-startup-pitch">Pitch (Mínimo:20 caracteres) <b>*</b> </label>
            </div>
      <div class="input-field col s12">
                <label for="problem">Motivo <b>*</b></label>
        <br><br>
              <select class="browser-default" name="problem" id="id_problem" ng-model ="form_create_startup_problem" ng-init="getAllProblem()" ng-required="false">
        <option ng-repeat="d in problems | orderBy:'nproblem'|  filter:{nproblem:'!N/A'}" value="{{d.id}}">{{d.nproblem}}</option>
      </select>
            </div>
            <div class="input-field col s6">
                <label for="state">Estado <b>*</b></label>
                <br><br>
                <select class="browser-default" name="state" id ="stateUF" ng-model="stateUF" ng-required="false">
                </select>
            </div>
            <div class="input-field col s6">
                <label for="city-form">Cidade <b>*</b></label>
                <br><br>
                <select class="browser-default" name="city-form" id ="city-form" ng-model="city" ng-required="false">
      </select>
            </div>
            <div class="input-field col s12">
                <textarea id="more_info" ng-model="form_create_startup_info" ng-required="true"
      ng-minlength="20"
      ng-maxlength="250" type="text" class="validate materialize-textarea" placeholder="Digite o Causa Mortis..."></textarea>
                <label for="form-create-startup-info">Causa Mortis (Mínimo: 20 caracteres) <b>*</b></label>
            </div>
            <div class="input-field col s6">
                <label for="date_born">Nascimento da Startup (MM/AAAA) <b>*</b></label>
                <br><br>
                <input ng-model="form_create_startup_date_born"  ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_bornN"  type="string" class="text-field validate" placeholder="Digite o Início..." ></input>
            </div>
            <div class="input-field col s6">
                <label for="date_fail">Falecimento da startup (MM/AAAA) <b>*</b></label>
                <br><br>
                <input ng-model="form_create_startup_date_fail" ng-pattern='/^(0?[1-9]|1[012])\/(199\d)|([2-9]\d{3})$/' ng-required="true" id = "date_failN"  type="string" class="text-field validate" placeholder="Digite a Fail..." ></input>
            </div>
            <div class="input-field col s12">
                <input ng-model="form_create_startup_investiment" ng-required="true"
      ng-minlength="1"
        type="number" class="validate" id="form_create_startup_investiment" placeholder="Digite o investimento..." />
                <label for="form_create_startup_investiment">Investimento <b>*</b></label>
            </div>
            <div class="input-field col s12">
                <input ng-required="true"
      ng-minlength="3"
      ng-maxlength="80" ng-model="form_create_startup_name_founder" id="name_founder" type="text" class="validate"  placeholder="Digite o nome do fundador..." />
                <label for="form-create-startup-name-founder">Nome do Fundador <b>*</b></label>
            </div>
            <div class="input-field col s12">
                <input  ng-required="false"
      ng-minlength="15"
      ng-maxlength="30" ng-model="form_create_startup_url_founder" id="form-create-startup-url-founder" type="url" class="validate" placeholder="Digite a URL do fundador..." />
                <label for="form-create-startup-url-founder">URL Fundador</label>
            </div>
            <div class="input-field col s12">
                <a id="btn-create-startup" ng-disabled="myForm.$pristine|| myForm.$invalid" class="waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">add</i>Criar</a>
                <!--<a id="btn-update-startup" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateStartup()"><i class="material-icons left">edit</i>Save Changes</a>-->
                <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
            </div>
        </div>
    </div>
  </form>
</div>
<!--Início Modal de Report Error-->
<div id="modal-report-error-form" ng-app="myApp" ng-controller="mainCtrl" class="modal">
      <form name="form-report-error" novalidate>
        <div class="modal-content">
          <h4 id="modal-report-error-title">Reportar Erro</h4>
          <div class="row">
            <div class="input-field col s12">
              <input ng-model="report_error_email" ng-minlength="1" ng-maxlength="60" type="email" class="validate" id="report_error_email" placeholder="[email protected]"/>
              <label for="report_error_email">E-mail</label>
            </div>
            <br><br>
            <div class="input-field col s12">
              <textarea ng-required="true" ng-model="report_error_more_info" id="report_error_more_info" type="text" class="validate materialize-textarea"
                placeholder="Especifique as informações do erro..."></textarea>
              <label for="report_error_more_info">Informações do erro</label>
            </div>
            <br><br>
            <div class="input-field col s12">
                <input ng-model="report_error_is_bug" type="checkbox" id="report_error_is_bug" />
                <label for="report_error_is_bug">Marque se o erro encontrado é um bug</label>
            </div>
            <div ng-hide="report_error_is_bug" class="input-field col s12">
              <br><br>
              <label for="report_error_startup">Startup</label>
              <br><br>
              <select class="browser-default" ng-model="report_error_startup" name="report_error_startup" id="report_error_startup" ng-init="getAllStartup()" ng-required="false">
                <option ng-repeat="d in names | orderBy:'name' | filter:{name:'!null'}" value="{{d.id}}">{{d.name}}</option>
              </select>
            </div>
            <br><br>
            <div class="input-field col s12">
              <a id="btn-create-report-error" ng-disabled="form-report-error.$pristine|| form-report-error.$invalid" class="waves-effect waves-light btn margin-bottom-1em"
                ng-click="createReportError()"><i class="material-icons left">send</i>Enviar</a>
              <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em"><i class="material-icons left">close</i>Fechar</a>
            </div>
          </div>
        </div>
      </form>
    </div>
<!--Fim Modal de Report Error-->
<table class="hoverable bordered">
<thead>
                  <tr>
                    <th class="visible-md visible-lg">#</th>
                    <!-- <th>Inclusão</th> -->
                    <th class="visible-xs visible-sm visible-md visible-lg">Startup</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Pitch</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Cidade</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">UF</th>
                    <th class="visible-xs visible-sm visible-md visible-lg">Motivo</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Causa Mortis</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Falecimento</th>
                    <th class="hide-on-small-only hide-on-med-only hide-on-med-and-down">Investimento</th>
                    <th class="visible-xs visible-sm visible-md visible-lg">Fundador</th>
                  </tr>
                </thead>
                <tbody ng-init="getAllStartup()">
        <tr dir-paginate="d in names | filter:search | orderBy:sortKey:reverse | itemsPerPage:20" pagination-id="cemiterio">
            <td data-title="#" class="visible-md visible-lg text-align-center">{{ d.id }}</td>
            <td data-title="Startup" class="visible-xs visible-sm visible-md visible-lg text-align-center"><a class="waves-effect waves-light btn purple darken-4" href=""  data-target="modal-startup-detail" modal ng-click="readOneStartup(d.id)"> {{d.name }}</a></td>
            <td data-title="Pitch" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.pitch |strLimit:100 }}</td>
            <td data-title="Cidade" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.city }}</td>
            <td data-title="UF" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.state }}</td>
            <td data-title="Motivo" class="text-align-center visible-xs visible-sm visible-md visible-lg">{{ d.name_problem }}</td>
            <td data-title="Causa Mortis" class="hide-on-small-only hide-on-med-only hide-on-med-and-down"> {{ d.info |strLimit:100 }}</td>
            <td data-title="Falecimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.date_fail }}</td>
            <td data-title="Investimento" class="hide-on-small-only hide-on-med-only hide-on-med-and-down">{{ d.investiment | currency:"R$ "}}</td>
            <td data-title="Fundador" class="visible-xs visible-sm visible-md visible-lg text-align-center"> <a class="waves-effect waves-light btn purple darken-4" href="{{ d.url_founder }}">{{d.name_founder}}</a>     </td>
        </tr>
    </tbody>
</table>
<!-- angular pagination -->
<dir-pagination-controls pagination-id="cemiterio" boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)" template-url="app/shared/dir_pagination.tpl.html"></dir-pagination-controls>
  </div>
<div id="rdstation-form" class="row">
   <form id="conversion-form-news-cemiterio-de-startups-19953e32e018d4660bbf" action="https://www.rdstation.com.br/api/1.2/conversions" method="POST" data-internal-rdstation-form="" data-form-autofill="">    	
     <input type="hidden" name="token_rdstation" value="56732ea5eb871070c414b81a2cce1062">
	 <input type="hidden" name="identificador" value="news-cemiterio-de-startups">
	 <input type="hidden" name="_is" value="6">
	 <input type="hidden" name="redirect_to" value="http://gama.academy">
	 <input type="hidden" name="c_utmz" value="">
	 <input type="hidden" name="traffic_source" value="">
	 <input type="hidden" name="client_id" value="">
	 <input type="hidden" name="thankyou_message" value="Obrigado!" disabled="">
  	
	    <div id="error-container-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide">
		<p>Preencha corretamente os campos marcados</p>
		</div>
	<div class="col m12 s12">
      </div>
   <img src="//d335luupugsy2.cloudfront.net/images/ajax-loader.gif" id="ajax-loader-news-cemiterio-de-startups-19953e32e018d4660bbf" class="hide" alt="#{Enviando...}">
<div class="row">
	
  	<div class="col m12 s12">
      <h4>Antes de empreender, desenvolva suas habilidades e trabalhe no mercado de startups! </h4>
      <h4>Inscreva-se agora no <a href="http://gama.academy/pt/programas/experience" style="color: #4a148c;"><b>GAMA EXPERIENCE</b></a></h4>
	  
	  <hr style="width: 30%;background: #279d92;height: 2px;">
	  <hr style="width: 15%;background: #279d92;height: 2px;">
      
  	</div>
      
</div> 
© 2017 - Made with ❤ by     Cemitério de Startups ©

Developers: Bruno Andrade Santos, Michaell Reis Gasparini, Victor Angelo Marcorin, Vitor Savedra, Wesley Tavares - #2 Gama Experience
Designer UI/ UX: Bruno A L Mescouto (BARBA) - #4 Gama Experience
<!-- include angular js -->
<script src="assets/js/angular.min.js"></script>
<script src = "assets/js/angular-locale_pt-br.min.js"></script>
<script type="text/javascript" src="../app/app.js"></script>
  
      <!-- include jquery -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!--<script src="assets/js/init.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-mask/1.8.7/mask.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-utils/0.1.1/angular-ui-utils.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="assets/js/maskedinput-binder.js"></script>
<script type="text/javascript" src="assets/js/masks.js"></script>
<script type="text/javascript" src="assets/js/validadores.js"></script>
<!-- material design js -->
<script type="text/javascript" src="assets/js/materialize.min.js"></script>
<!-- include angular pagination -->
<script src="assets/js/dirPagination.js"></script>

<!-- custom js -->
<!--<script type="text/javascript" src="assets/js/custom.js"></script>-->
  <script>
var estados = [];
function loadEstados() {
  if (estados.length > 0) {
    putEstados();
  $('#stateUF').removeAttr('disabled');
  } else {
    $.ajax({
      url: 'https://api.myjson.com/bins/enzld',
      method: 'get',
      dataType: 'json',
      beforeSend: function() {
        $('#stateUF').html('<option>Carregando...</option>');
      }
    }).done(function(response) {
      estados = response.estados;
      putEstados();
    
      $('#stateUF').removeAttr('disabled');
    });
  }
}
function putEstados() {

  var options;
  for (var i in estados) {
    var estado = estados[i];
    options += '<option value="' + estado.sigla + '">' + estado.nome + '</option>';
  }
$('#stateUF').html(options);
loadCidades('AC');
}
function loadCidades( estado_sigla) {
  if (estados.length > 0) {
    putCidades( estado_sigla);
    $('#city-form').removeAttr('disabled');
  } else {
    $.ajax({
      url: theme_url + '/assets/json/estados.json',
      method: 'get',
      dataType: 'json',
      beforeSend: function() {
      $('#city-form').html('<option>Carregando...</option>');
      }
    }).done(function(response) {
      estados = response.estados;
      putCidades(estado_sigla);
      $('#city-form').removeAttr('disabled');
    });
  }
}
function putCidades(estado_sigla) {
  $('#city-form').html();
  var options;
  for (var i in estados) {
    var estado = estados[i];
    if (estado.sigla != estado_sigla)
      continue;
    for (var j in estado.cidades) {
      var cidade = estado.cidades[j];
      options += '<option value="' + cidade + '">' + cidade + '</option>';
    }
  }
$('#city-form').html(options);
}
document.addEventListener('DOMContentLoaded', function() {
  loadEstados();	
  $(document).on('change', '#stateUF', function(e) {
  
  
      loadCidades($(this).val());
  
  });
}, false);
  $(document).ready(function(){
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
			$('.modal').modal();
			loadEstados();
			$('.field').addClass("col s8");
             $('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8");
        // jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
        //jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");
        
    // $('#report_error_startup').on('change', function() {
    //   var report_error_startup = $(this).find(":selected").val();
    //   // var report_error_startup = $("#report_error_startup option:selected").text();
    //   $('#report_error_startup_name').text(report_error_startup);
    // })
  });
      $( document ).ready(function() {
					loadEstados();
					//  jQuery('[id$=news-cemiterio-de-startups-19953e32e018d4660bbf]').css("margin-bottom","-197px");
					//jQuery('[id$=form-news-cemiterio-de-startups-19953e32e018d4660bbf]').css("height","auto");	
					$('.field').addClass("col s8");
					$('#cf_submit-news-cemiterio-de-startups-19953e32e018d4660bbf').addClass("col s8");   });
        (function($){
  $(function(){
    $('.button-collapse').sideNav();
    $('.parallax').parallax();
  }); // end of document ready
})(jQuery); // end of jQuery name space
  </script>
  <!-- RD Station -->
  <script type="text/javascript">
    new RDStationForms('news-cemiterio-de-startups-19953e32e018d4660bbf-html', 'UA-75901769-1').createForm();
  </script>
  </body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment