-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
208 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,208 @@ | ||
| <!doctype html> | ||
| <-- | ||
| Material Design Lite | ||
| Copyright 2015 Google Inc. All rights reserved. | ||
|
|
||
| Licensed under the Apache License, Version 2.0 (the "License"); | ||
| you may not use this file except in compliance with the License. | ||
| You may obtain a copy of the License at | ||
|
|
||
| https://www.apache.org/licenses/LICENSE-2.0 | ||
|
|
||
| Unless required by applicable law or agreed to in writing, software | ||
| distributed under the License is distributed on an "AS IS" BASIS, | ||
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | ||
| See the License for the specific language governing permissions and | ||
| limitations under the License | ||
| --> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
| <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue-orange.min.css" /> | ||
| <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="description" content="A portfolio template that uses Material Design Lite."> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> | ||
| <title>MDL-Static Website</title> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en"> | ||
| <link rel="stylesheet" href="$$hosted_libs_prefix$$/$$version$$/material.grey-pink.min.css" /> | ||
| <link rel="stylesheet" href="styles.css" /> | ||
|
|
||
|
|
||
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | ||
| <header class="mdl-layout__header mdl-layout__header--waterfall portfolio-header"> | ||
| <div class="mdl-layout__header-row portfolio-logo-row"> | ||
| <span class="mdl-layout__title"> | ||
| <div class="portfolio-logo"></div> | ||
| <span class="mdl-layout__title">Portfolio website</span> | ||
| </span> | ||
| </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="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> | ||
| </nav> | ||
| </div> | ||
| </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="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> | ||
| </nav> | ||
| </div> | ||
| <main class="mdl-layout__content"> | ||
| <div class="mdl-grid portfolio-max-width"> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/red_calculator.png" border="0" alt="" > | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Calculator</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Damn simple project explaining MVP and best design patterns under Android. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-calculator.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/louis.png" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Louis</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Hackaton Winner Project on Kraków Miasto Kreatywne (X 2016) | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-louis.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/blue_messenger/bluemessenger_01.png" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">BluetoothMessenger</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Material-like bluetooth chat. Available on play store! | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-blue-messenger.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/example-.jpg" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Segway Remote</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Thesis project - Remote controlling Segway model via Bluetooth, fully secured. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-error.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/example-.jpg" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Crazy Castle</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| One of the first journey into Android Game Development with Bunny Bugs. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-error.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/react_pokedex.png" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Pokedex</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Simple app written in modern Javascript framework - React Native. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-error.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/example-.jpg" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Tauron Reality Hack</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Hackaton App. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/example-.jpg" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Monsters</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| Strongly based on pokeapi, multi-flavored gamification Android App. | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-error.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| <div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"> | ||
| <div class="mdl-card__media"> | ||
| <img class="article-image" src=" images/example-.jpg" border="0" alt=""> | ||
| </div> | ||
| <div class="mdl-card__title"> | ||
| <h2 class="mdl-card__title-text">Bluetooth Car Controller</h2> | ||
| </div> | ||
| <div class="mdl-card__supporting-text"> | ||
| One of the first IoT Android project. Remote car controlling from Android device(via Bluetooth). | ||
| </div> | ||
| <div class="mdl-card__actions mdl-card--border"> | ||
| <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect mdl-button--accent" href="portfolio-error.html">Read more</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <footer class="mdl-mini-footer"> | ||
| <div class="mdl-mini-footer__left-section"> | ||
| <div class="mdl-logo">Łukasz Marczak</div> | ||
| </div> | ||
| <div class="mdl-mini-footer__right-section"> | ||
| <ul class="mdl-mini-footer__link-list"> | ||
| <li><a href="#">Help</a></li> | ||
| <li><a href="#">Privacy & Terms</a></li> | ||
| </ul> | ||
| </div> | ||
| </footer> | ||
| </main> | ||
| </div> | ||
| <script src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script> | ||
| </body> | ||
|
|
||
| </html> |