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
[email protected]

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. -
    作文青春需要雕琢赏析我最喜欢的桂林山水这篇作文作文不能炫耀作文教学讲解（）让我铭记的作文怎样写作文青春需要雕琢赏析( )请假的时候作文作文不能炫耀()里的()作文他(她)永远在我们的记忆中为题的作文怎么写明天我将关注________的半命题作文作文青春需要雕琢赏析()()依旧作文明天我将关注________的半命题作文作文不能炫耀他(她)永远在我们的记忆中为题的作文怎么写( ----和我 作文)关于亲情600字（）让我铭记的作文怎样写（）让我铭记的作文怎样写作文题目是树的作文怎么写<相遇>作文600字'中考作文（）不只是（）中学生作文'河南省中招语文作文()()教我做人作文( )那些年作文作文教学讲解"懂"作文600字作文题目是树的作文怎么写"最美中学生"英语作文 茫茫宇宙，有一处异界大陆，名曰神斗大陆。大陆存在了无数年，史载前后存在超过八百个国家，但只有神斗帝国完成过统一。神斗帝国崩溃后，经过多年征战，目前八大帝国与教廷分治大陆，所处时代与华夏宋明时期多有相似。昌化二十七年，瓯越帝国临州的玄天崖，一场追杀正在展开……诸天万界，仙古苍穹，帝者不过十人。本是先天剑体，天纵骄子，却惨遭陷害，葬剑百年。 我姜北玄修剑证道，不为别人，只为心中执念，剑气乾坤诸天，一剑苍穹万界——北玄之下再无剑帝。 清玄父母在小时候神秘失踪，为了解开谜团，他跟着师傅李闻道学习七年，直到一天师傅交给他一个任务，他的生活开始与过去接轨，事情的真相逐渐浮出水面，他也因此接触到了以往不为人知的世界，基因药剂，生物兵器，变异种族等事件不断出现，清玄以及他师傅又会怎么去应对呢……万仙求道，万道来朝！ 三百年前，陈少君被师父带上仙门，因为血脉原因难以练武，但却在炼器上天赋异禀，成为一代器君，与宗门六位师兄合称“北斗七圣”。 一场剧变，师父被害，北斗陨落，陈少君谪落人间，转生成为大商户部侍郎之子。 光阴荏苒，如今的他只是人间蝼蚁般凡人。 然而，这场剧变也同样打开了他身上的限制。 师父：“如果不是血脉的限制，你的成就就连师父也难以想像！” 书生宣讲，鬼神听道！ 且看昔日器君如何一步步崛起，临天路，朝仙道，让诸天万界都为之颤抖！ —— 欢迎大家关注我的微信公众号，关注请搜索皇甫奇。 QQ群：422905216仙路漫漫，修士争锋，王岳穿越异世界，得洪荒异兽录。但出生尊贵的他被亲生母亲送往分家，在分家生活了十二年，在被测出拥有仙品灵根之后接回本家。月高悬于空，星不见其影。 沉眠的暴君从历史中苏醒，漆黑的双翼划过破晓的黎明；巍峨古堡跨越了尘封的的记忆，矗立在洛尔维亚的群山之巅。 当头戴王冠的公主睁开双眼，从死亡归来的旅人重新握住剑柄—— 国王湖的水面不再平静，却依旧深不见底。反派拥有一个救世之心会怎样，当心成为挂件，摘下就是反派性格，装上就是救世之心，想做好人做好人，想做反派做反派，所谓人善被人欺，既不会被道德捆绑，又不会善良被人欺负。摘下心，变幻莫测，我便不是我。回到古代，成为一个小小的家丁，楚尘开始了自己的逆袭之路。 啥？被人当做童养夫，媳妇还不待见？ 无妨，无妨，第一才女还在痴心等候呢，要不然考虑给一次机会？ 啊？番国国师还要来登门辩经？ 不怕，不怕，丢给一本《西游记》让他参悟，没准就能白日飞升了。 咦？燕国女帝又来密信要讨论人生哲理？ 何必，何必，陛下要不我们还是躺下聊吧。 一剑转身三千里，一言可退百万师。 哥虽然不在江湖，但江湖上处处都有哥的传说。 我楚尘来了，就注定要名震天下！来到历史世界的叶南风，发现和自己想的不太一样。 万道皆修，妖魔横行。 没办法，先苟着吧。 竟意外绑定【儒道成神】系统。 “叮！您创作一首绝品诗，儒道修为+3年。” “叮！您创作一篇绝品词，奖励《天机宝术》。” “叮！您创作一本小说，奖励儒道至宝一件。” 本想一路苟到最强者的叶南风，偏偏被娘子安排科举，还不小心中了状元。 那日。 女帝登基。 叶南风看着女帝错愕不已。 “这不是我家娘子吗？”我叫十七是一个苦命的上班族，每天的日常就是加班当我以为我的一生会以这样的方式度过我的余生时，我收到了一通电话。。。。
    兴安岭日记一卷 修罗武神 迷雾终末 于我无益 寂古神龙 残阳起风雷 诸天从武林外传开始 天巡圣戒 前哨基地 星赐之缘 纨绔剑道 太虚之荒古纪 农村二狗的一生 我有一座无敌灵兽园 怪物猎人有单 混元魔神体 欲与罪罚 大明第一纨绔 看尽人生百态 空间传说之能量风暴 ( ----和我 作文)关于亲情600字 作文儿的暑假的打算 ( )的七年级作文500字 作文题目是树的作文怎么写 ( ----和我 作文)关于亲情600字 作文了不起的中国人 他(她)永远在我们的记忆中为题的作文怎么写 作文教学讲解 作文了不起的中国人 （）让我铭记的作文怎样写 ()远去了作文。 ()远去了作文。 ()里的()作文 作文儿的暑假的打算 ( )那些年作文 ！四年级学生怎么写好作文 （）的历程作文520字 作文 赏析200字左右 ( )请假的时候作文 ( )那些年作文 作文不能炫耀 ()()的一幕作文 ( )请假的时候作文 作文一棵骄傲的树 作文教学讲解 <相遇>作文600字 作文 赏析200字左右 ( )请假的时候作文 "最美中学生"英语作文 作文 赏析200字左右 作文题目是树的作文怎么写 作文不能炫耀 '河南省中招语文作文 ( )那些年作文 ()里的()作文 ！四年级学生怎么写好作文 "懂"作文600字 他(她)永远在我们的记忆中为题的作文怎么写 ()里的()作文 "懂"作文600字 ！四年级学生怎么写好作文 ()()教我做人作文 我最喜欢的桂林山水这篇作文 （）的历程作文520字 作文青春需要雕琢赏析 作文不能炫耀 ()远去了作文。 ！四年级学生怎么写好作文 <相遇>作文600字 明天我将关注________的半命题作文 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 修个锤子仙老子是来搞笑的 修真仙械师 西安新青年 风起龙城 另类圣经 百度 百度 百度 百度 百度 作文儿的暑假的打算 ()远去了作文。 ( )请假的时候作文 "最美中学生"英语作文 （）让我铭记的作文怎样写 ( )那些年作文 ！四年级学生怎么写好作文 '中考作文 明天我将关注________的半命题作文 （）让我铭记的作文怎样写 ()里的()作文 明天我将关注________的半命题作文 （）的历程作文520字 作文了不起的中国人 作文儿的暑假的打算 作文青春需要雕琢赏析 ()()依旧作文 ()让他闪光 作文 ()()的一幕作文 ( ----和我 作文)关于亲情600字 明天我将关注________的半命题作文 '河南省中招语文作文 作文青春需要雕琢赏析 作文 赏析200字左右 （）的历程作文520字 ( )的七年级作文500字 我最喜欢的桂林山水这篇作文 他(她)永远在我们的记忆中为题的作文怎么写 ()()依旧作文 <相遇>作文600字 亚星官网 亚星官网 万利官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网