google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #4115 from mspl13/add-portfolio-template-to-index 

Add portfolio template to index
master
Sérgio Gomes 2016-02-15 11:33:25 +00:00
parent 084de05fc1 50eaf528de
commit 8031113c13
14 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -116,6 +116,7 @@ templates:
* [Text Heavy Webpage Template](http://www.getmdl.io/templates/text-only)
* [Stand Alone Article Template](http://www.getmdl.io/templates/article)
* [Android.com MDL Skin Template](http://www.getmdl.io/templates/android-dot-com)
* [Portfolio Template](http://www.getmdl.io/templates/portfolio)
> Templates are not officially supported in IE9 and legacy browsers that do not
pass the minimum-requirements defined in our

BIN
docs/_assets/templates/portfolio.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
docs/_assets/templates/portfolio_2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 169 KiB

3
docs/_pages/templates.md
View File

@ -13,6 +13,9 @@ templates:
- name: dashboard
title: Dashboard
description: A modular responsive template built to display data visualizations and information with a clear vertical nav, user profile, search and dedicated space for updates and filters.
- name: portfolio
title: Portfolio
description: A modern and clean looking template for a portfolio/blog build with Material Design Lite. Included are a top nav bar that comes with the waterfall header component, cards to display different types of content and a footer.
- name: text-only
title: Text-heavy webpage
description: Built for presenting content that is information dense, easily updatable, and optimized for legibility, this template has a sticky horizontal top nav on mobile, feature callouts, cards and a site map footer with a deep-linked table of contents.

2
templates/portfolio/Tutorial/step05-individual-pages/about.html
View File

@ -37,7 +37,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link is-active" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>

2
templates/portfolio/Tutorial/step05-individual-pages/blog.html
View File

@ -37,7 +37,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>

2
templates/portfolio/Tutorial/step05-individual-pages/contact.html
View File

@ -37,7 +37,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link is-active" href="contact.html">Contact</a>

2
templates/portfolio/Tutorial/step05-individual-pages/home.html → templates/portfolio/Tutorial/step05-individual-pages/index.html
View File

@ -37,7 +37,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>

2
templates/portfolio/Tutorial/step05-individual-pages/portfolio-example01.html
View File

@ -37,7 +37,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>

6
templates/portfolio/about.html
View File

@ -40,7 +40,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link is-active" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -49,7 +49,7 @@
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -105,4 +105,4 @@
<script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
</body>
</html>
</html>

6
templates/portfolio/blog.html
View File

@ -40,7 +40,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="home.html">Portfolio</a>
<a class="mdl-navigation__link" href="index.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -49,7 +49,7 @@
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -173,4 +173,4 @@
<script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
</body>
</html>
</html>

6
templates/portfolio/contact.html
View File

@ -40,7 +40,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link " href="home.html">Portfolio</a>
<a class="mdl-navigation__link " href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link is-active" href="contact.html">Contact</a>
@ -49,7 +49,7 @@
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -110,4 +110,4 @@
<script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
</body>
</html>
</html>

6
templates/portfolio/home.html → templates/portfolio/index.html
View File

@ -42,7 +42,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -51,7 +51,7 @@
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -202,4 +202,4 @@
<script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
</body>
</html>
</html>

6
templates/portfolio/portfolio-example01.html
View File

@ -40,7 +40,7 @@
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -49,7 +49,7 @@
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link is-active" href="home.html">Portfolio</a>
<a class="mdl-navigation__link is-active" href="index.html">Portfolio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
@ -118,4 +118,4 @@
<script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>
</body>
</html>
</html>