Blue Red Green Magenta Purple Teal Lime Brown Pink Mango

Theme Color Selector

Matrix
+
  • Responsive

    Responsive

  • Tile Design

    Tile Design

  • Customizability

    Customizability

Hello! This is a Metro UI-inspired template which brings a new web-browsing experience to the users. To further improve it, feedbacks are greatly welcomed!
Article 1
Article 1
09July Illustration
  • Article 1
  • Article 1
09July

This is the title of Article 1

Illustration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

Read More →

Article 2
Article 2
06July Cartoon Design
  • Article Two
  • Article Two
06July

This is the title of Article Two

Cartoon Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

Read More →

Project One
Project One

Project One

Illustration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

Project Two
Project Two

Project Two

Graphic Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

Project Three
Project Three

Project Three

Illustration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

Quotation
Quotation
The person who reads too much and uses his brain too little will fall into lazy habits of thinking.
— Albert Einstein
Project Five
Project Five

Project Four

Graphic Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

Project Four
Project Four

Project Five

Graphic Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

Solid Color
No Hover Effect
Video 1
Video Icon

SCINTILLATION from Xavier Chassaing on Vimeo.

This is an experimental film made up of over 35,000 photographs. It combines an innovative mix of stop motion and live projection mapping techniques.

Directed by
chassaing.xavier@gmail.com

Music by
http://www.myspace.com/fedaden

Project Six
Project Six

Project Six

Illustration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

View More →

    Twitter
    Article 3 01July Graphic Design
    Article Three
    01July

    This is the title of Article Three

    Graphic Design

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

    Read More →

    Project Seven
    Project Seven

    Project Seven

    Illustration

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

    View More →

    HTML5 Icon
    Hyperlink Icon
    Project Seven
    Project Eight

    Project Eight

    Graphic Design

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sagittis sollicitudin aliquet. Nullam ut sapien eros, aliquet gravida turpis. Cras nec risus magna. Morbi laoreet molestie odio sed ultrices. Maecenas eget elit orci. Etiam rhoncus urna vitae neque accumsan et vehicula dolor varius. Praesent tellus velit. This image is a fantastic work by Mads Berg...

    View More →

    Collect from
    +
    Responsive Design

    Responsive Design

    The template will automatically resize to fit the browser according to its width. So, this template works not just on your desktop monitor, but your tablet or mobile phone as well!

    Live Tiles

    Live Tiles

    As inspired by Metro UI, these 'Live' tiles can display more information without utilizing more screen space. Hence, it is not just the perfect solution for small-screened mobile devices, but also attractive.

    Customizability

    Customizability

    Comes pre-loaded with 10 colours and easy-to-use colour tags, as well as multiple-sized tiles which automatically arrange themselves to fit the screen, you can create any layout you can imagine.

    © Copyright © 2013.Company name All rights reserved. -
    三台到遂宁电话沈阳富饶酒店订餐电话饶平老客运站电话号码阎良延凤小区电话天津八中咨询电话三台到遂宁电话河南桐柏山农家乐电话饶平老客运站电话号码绍兴市越城区工商电话邯郸市一中新校区电话平顶山客运中心电话号码三台到遂宁电话湖州人民路移动营业厅电话火车票厦门到北京动车查询电话饶平老客运站电话号码邯郸市一中新校区电话密云石桥西区社区电话巡场懒人电话号码巡场懒人电话号码扬州到枣庄客车电话是多少时间天津希乐城的电话巡场懒人电话号码绍兴市越城区工商电话北京到集宁大巴电话天津八中咨询电话拉萨开发区工商局电话号码是多少钱阎良延凤小区电话休宁自由家售票处电话阿里地区汽车站电话湖州人民路移动营业厅电话傀儡挣不脱手的操控，风鸢扯不断线的束缚。但你是否甘心？ ...... “执吾契约，为吾使徒！天地常在，子亦长存。愿否？” “终为始，始亦终。化身尘土，还灵天地！愿否？” ...... 苍老的声音在雾海中翻腾，沉默等待那意料之中的答案...... ...... 前科幻频道《星徒》作者，日更连载1076天无断更。 地图设定、3D人设、作者信息尽在公众号，搜索“游云之语”或者“cloud-whisper”高二的时候学校校花莫名其妙的说我是她对象，害的我被学校大哥给盯上了…… 有一种孤独是，心心念念着一个人，却没有她的联系方式，如果最后是你啊，晚一点没关系。我叫路森尧，我的故事 从高二开始。怀揣着复仇的决心，凤源走上了一条未知的道路，在黑暗侵袭的各个宇宙，成为了他人的希望，而凤源自己的光又在哪里呢？I am god！ 无知凡人们，献上你们的膝盖吧！ 那一天，得知世界真实的辰桓定下一个小目标，成为这世间第一个神！ 于是乎，受命于天的他带着上天的馈赠，开始了他收集打工人的历程。 意外穿越修仙世界的他，获得诸天神魔系统，从此走上人生巅峰，收圣兽，建宗门，泡妞，踩人，那不过是小意思。打不过？没关系！系统，安排！给我降临一个神魔下来。一个打不过？那就一群！有人说，这世间，我来了，值得。 万年前，无敌于世间的剑尊惨败在一位无名刀客的手中。 此后剑道衰微，剑修凋零。 直到，万年后剑尊之徒许安然自沉睡中苏醒，沉寂已久的剑道才重焕生机。 面对这个物是人非的世界，许安然所能依仗的唯有手中残剑。 为重振剑道，许安然将用手中的剑荡尽诸敌，淋浴神血，登峰造极！ 他要向世人证明，剑才是兵中帝王！ 在一片大陆上，一位神灵四处游荡，它走过之处都生出了无限生机。神灵的身上四散出灵，这些灵跟着神灵游荡，不同的旅程使灵不断变化，逐渐化为各种形态，形成了灵族和妖族… 一处灵在游历的时候不慎相互融合，亦为吞噬。吞噬后，幸存下来的灵成长速度异常加快，吞噬灵也渐渐痴迷上了这种成长方式。大量的吞噬灵不断吞噬，不断变化，逐渐形成了魔族、血族与鬼族。三族都需吞噬其它灵才能成长，若不愿再吞噬，轻则灵能枯竭，消逝加快；重则耗尽，在痛苦中死去…… 那位神灵总结了旅途中的所见所闻，被自然选择成为了自然之神。与此同时，它看见了人间的自然愈发恶劣，无奈无法干涉，它借梦的方式让部分人类来到了芸灵大陆，学习如何保护自然界的方法。芸灵大陆中的灵也感受到了人形的便利之处，渐渐都化为了人形。一些人在这里诞下子嗣，这些人类与灵或妖之子，集合组成了人族，而这一变化也被魔、血、鬼三族窥视着。在种种原因的促使下，第一次灵魔大战开始了…… 魂穿异世，却是副死人身体。景山如何才能集齐五行之精。死而复生……落魄大学生溪边钓鱼，偶得青帝传承令牌，自此鱼跃龙门，生活乐无边。 　　带着小黄狗，上山采药，下河捉鱼，种花养蜂，山野打猎，驯服珍禽异兽，带村民发家致富，打造桃源山村。
    被迫营业，我在黄泉当阴差 三千界之屠龙令 仙踪谜雾 我有九种人格，个个都是大佬 他是如何逆风翻盘的 剑尊他一穷二白 仙侠：从菜鸟变成强者 再无烦恼 无门无派游江湖 林中宝藏 医商巨擘 圣荒之主 生活随笔之二 原神之我到提瓦特对线天理 仇抱 以吾为天 超凡教师 超能力者的故事 最弱系列？须佐套雷佛 机甲战灵 青岛到新泰的随车电话是多少钱 深圳招商国旅订票电话 密云石桥西区社区电话 巡场懒人电话号码 青岛到新泰的随车电话是多少钱 兰州市秦川镇派出电话 乌海同和医院咨询电话 济宁到金华高铁时刻表查询电话 拉萨开发区工商局电话号码是多少钱 湖州人民路移动营业厅电话 绍兴市越城区工商电话 武山火车站电话号码 北京到集宁大巴电话 邯郸市一中新校区电话 海宁美丽家蛋糕店电话号码 天津八中咨询电话 乌海同和医院咨询电话 拉萨开发区工商局电话号码是多少钱 天津希乐城的电话 三台到遂宁电话 深圳招商国旅订票电话 饶平老客运站电话号码 沈阳富饶酒店订餐电话 火车票厦门到北京动车查询电话 邯郸市一中新校区电话 北京到集宁大巴电话 拉萨开发区工商局电话号码是多少钱 沈阳富饶酒店订餐电话 天津希乐城的电话 拉萨开发区工商局电话号码是多少钱 天津八中咨询电话 深圳招商国旅订票电话 阎良延凤小区电话 三台到遂宁电话 休宁自由家售票处电话 天津八中咨询电话 河东欢乐海电话 乌海同和医院咨询电话 北京到集宁大巴电话 河东欢乐海电话 天津八中咨询电话 青岛汉巴味德新店电话 扬州到枣庄客车电话是多少时间 武山火车站电话号码 火车票厦门到北京动车查询电话 深圳招商国旅订票电话 绍兴市越城区工商电话 阎良延凤小区电话 阿里地区汽车站电话 河南桐柏山农家乐电话 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 极品医神奶爸 清河王 九霄神帝强者 一统异世 亡域轮回 葡京官网 快连下载 欧博官网 葡京官网 欧博官网 扬州到枣庄客车电话是多少时间 饶平老客运站电话号码 邯郸市一中新校区电话 饶平老客运站电话号码 海宁美丽家蛋糕店电话号码 天津八中咨询电话 沈阳富饶酒店订餐电话 拉萨开发区工商局电话号码是多少钱 青岛到新泰的随车电话是多少钱 火车票厦门到北京动车查询电话 深圳招商国旅订票电话 湖州人民路移动营业厅电话 沈阳富饶酒店订餐电话 青岛到新泰的随车电话是多少钱 湖州人民路移动营业厅电话 天津八中咨询电话 青岛到新泰的随车电话是多少钱 休宁自由家售票处电话 兰州市秦川镇派出电话 武山火车站电话号码 密云石桥西区社区电话 阿里地区汽车站电话 火车票厦门到北京动车查询电话 邯郸市一中新校区电话 深圳招商国旅订票电话 三台到遂宁电话 绍兴万达电话多少钱一个月 青岛到新泰的随车电话是多少钱 饶平老客运站电话号码 河东欢乐海电话