angular/app/pages/landing/landing.page.html
<div class="Page-Container Landing">
<div layout="column" class="Landing-cover" layout-align="center center">
<div class="md-headline Landing-subtitle">Build your next powerful web app</div>
<h1 class="md-display-3 Landing-heading"><strong>laravel angular</strong> <span class="Landing-headingLight">material starter</span></h1>
<md-button class="md-raised md-large Landing-getStarted" href="https://laravel-angular.readme.io/docs/install" target="_blank">Get Started</md-button>
</div>
<div class="Landing-laravelAngular">
<div class="Landing-ampersand" hide show-gt-sm>&</div>
<div layout="column" layout-gt-sm="row">
<div flex="50" class="Landing-laravel" layout-align="center center">
<h2 class="md-display-2 Landing-laravelAngular-title">Laravel</h2>
<div class="md-title Landing-laravelAngular-subtitle">Response macros integrated with your Angular app</div>
<br/>
<div class="DemoCode">
<span class="DemoCode-operator"><?php</span><br/>
<br/>
<span class="DemoCode-highlight">class</span> <span class="DemoCode-secondary">PostsController</span><br/>
{<br/>
<br/>
public <span class="DemoCode-secondary">function</span> <span class="DemoCode-highlight">get</span>()<br/>
{<br/>
<span class="DemoCode-secondary">$posts</span> = <span class="DemoCode-highlight">App</span>\<span class="DemoCode-highlight">Post</span>::<span class="DemoCode-secondary">get</span>();<br/>
<br/>
<span class="DemoCode-highlight">return</span> <span class="DemoCode-secondary">response</span>()<br/>
-><span class="DemoCode-secondary">success</span>(compact(<span class="DemoCode-string">'posts'</span>));<br/>
}<br/>
}
<br/>
<br/>
<br/>
</div>
</div>
<div flex="50" class="Landing-angular" layout-align="center center">
<h2 class="md-display-2 Landing-laravelAngular-title">Angular</h2>
<div class="md-title Landing-laravelAngular-subtitle">Query your API without worrying about validations</div>
<br/>
<div class="DemoCode">
<span class="DemoCode-secondary">Class</span> <span class="DemoCode-highlight">PostsController</span> {<br/>
<span class="DemoCode-highlight">constructor</span>(API){<br/>
<span class="DemoCode-string">'ngInject'</span>;<br/>
<span class="DemoCode-highlight">this</span>.API = API;<br/>
<span class="DemoCode-highlight">this</span>.posts = [];<br/>
}<br/>
<br/>
<span class="DemoCode-highlight">getPosts</span>(){<br/>
<span class="DemoCode-highlight">this</span>.API.all(<span class="DemoCode-string">'posts'</span>).get(<span class="DemoCode-string">''</span>)<br/>
.then((<span class="DemoCode-secondary">response</span>) => {<br/>
<span class="DemoCode-highlight">this</span>.posts = <span class="DemoCode-highlight">response.data</span>;<br/>
});<br/>
}<br/>
}<br/>
<br/>
</div>
</div>
</div>
</div>
<div class="Landing-features" layout-align="center center">
<h1 class="md-display-2 Landing-featuresMainTitle">Laravel Angular Material Starter</h1>
<div class="md-title Landing-featuresMainDescription">
The right features to get you started
</div>
<br/>
<div>
<div layout="column" layout-gt-sm="row" layout-align="space-around">
<div flex="33">
<div class="Landing-featuresEntry Landing-featuresEntry--restful">
<md-icon md-svg-src="/img/icons/restful-api.svg" class="Landing-featuresEntry-icon"></md-icon>
</div>
<div class="md-headline Landing-featuresTitle">RESTful API</div>
<div class="md-subhead Landing-featuresDescription">Build consistent REST APIs and call them fluently using JavaScript, without having to worry about validation errors</div>
</div>
<div flex="33">
<div class="Landing-featuresEntry Landing-featuresEntry--jwt">
<md-icon md-svg-src="/img/icons/json-webtoken.svg" class="Landing-featuresEntry-icon"></md-icon>
</div>
<div class="md-headline Landing-featuresTitle">Json Web Token Authentication</div>
<div class="md-subhead Landing-featuresDescription">Get an out-of-the-box JWT Authentication in your app that allows you to authenticate users on the fly</div>
</div>
<div flex="33">
<div class="Landing-featuresEntry Landing-featuresEntry--generators">
<md-icon md-svg-src="/img/icons/angular-generators.svg" class="Landing-featuresEntry-icon"></md-icon>
</div>
<div class="md-headline Landing-featuresTitle">Angular Generators</div>
<div class="md-subhead Landing-featuresDescription">Generate angular features, dialogs, directives, services, filters & configs just like you're used to</div>
</div>
</div>
</div>
<br/>
<br/>
</div>
</div>