Skip to content

Commit

Permalink
docs(playground): add sample applications links (#82)
Browse files Browse the repository at this point in the history
  • Loading branch information
@fifoosid
fifoosid committed Feb 21, 2019
1 parent 6314bd4 commit 9038494
Showing 1 changed file with 23 additions and 10 deletions.
33 changes: 23 additions & 10 deletions packages/playground/webapp/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,28 +82,41 @@ <h2>Test the UI5 Web Components</h2>
<section class="section-container demo-applications">
<h2 class="heading">Try out the demo apps</h2>
<div class="cards-wrapper wrapper max-width flex-wrap">

<div class="card">
<div class="card-top">
<img class="framework-logo margin-bottom" src="./images/angular.svg" alt="Angular Logo">
<p class="framework-description margin-bottom">We have a demo in Angular</p>
<h2>Coming Soon!</h2>
<img class="framework-logo margin-bottom" src="./images/react.svg" alt="React Logo">
<p class="framework-description margin-bottom">We have a demo in React...</p>
<a class="custom-link" target="_blank" href="https://github.com/SAP/ui5-webcomponents-sample-react">Explore
the code</a>
</div>
<div class="card-bottom">
<a class="custom-link bold-link" target="_blank" href="https://sap.github.io/ui5-webcomponents-sample-react/">RUN
THE DEMO APP &rsaquo;</a>
</div>
</div>
<div class="card">
<div class="card-top">
<img class="framework-logo margin-bottom" src="./images/react.svg" alt="Reacy Logo">
<p class="framework-description margin-bottom">...but how about ReactJS...</p>
<h2>Coming Soon!</h2>
<img class="framework-logo margin-bottom" src="./images/angular.svg" alt="Angular Logo">
<p class="framework-description margin-bottom">...but how about Angular...</p>
<a class="custom-link" target="_blank" href="https://github.com/SAP/ui5-webcomponents-sample-angular">Explore
the code</a>
</div>
<div class="card-bottom">
<a class="custom-link bold-link" target="_blank" href="https://sap.github.io/ui5-webcomponents-sample-angular">RUN
THE DEMO APP &rsaquo;</a>
</div>
</div>
<div class="card">
<div class="card-top">
<img class="framework-logo margin-bottom" src="./images/vue.svg" alt="Vue Logo">
<img class="framework-logo margin-bottom" src="./images/vue.svg" alt="VueJS Logo">
<p class="framework-description margin-bottom">...or if you fancy VueJS?</p>
<h2>Coming Soon!</h2>
<a class="custom-link" target="_blank" href="https://github.com/SAP/ui5-webcomponents-sample-vue">Explore
the code</a>
</div>
<div class="card-bottom">
<a class="custom-link bold-link" target="_blank" href=" https://sap.github.io/ui5-webcomponents-sample-vue">RUN
THE DEMO APP &rsaquo;</a>
</div>
</div>
</div>
</section>

Expand Down

0 comments on commit 9038494

Please sign in to comment.