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. -
    ~也是一种美作文六百字___让我如此美丽 作文“牛”人作文“喜欢”为题作文700字_____会_____作文~也是一种美作文六百字《穷人》续写3000字作文“牛”人作文__越来越近作文__好温暖作文800字。作文 与磨砺有关~也是一种美作文六百字“2016寒假回湖南”的作文900字。作文 与磨砺有关“牛”人作文__好温暖作文800字()号像()作文400字_____会_____作文_____会_____作文“找回 ”为题作文[作文]幸福的港湾＿＿留在记忆深处初三作文《好玩才好》作文_____路上洒满阳光作文05网英语作文________ 对我的影响作文600“喜欢”为题作文700字?的作文3OO“找回 ”为题作文“e”生活 作文都市里灯火辉煌，未有一盏为我留灯。都说情场失意职场得意，可现实总是不尽如意。累了吧，那就开始新的人生吧天地初开，天河降世，地脉翻涌，两条大脉为世界源头。两脉之间是为蛮荒，不知多久岁月蛮荒之中出现一生物，因在两脉之间被称之为人。又因弱小因此又称人奴。 天河中的生物为神，地脉中的生物为魔，人族为棋子参与人魔之战，又因不想为奴发生人神之战。惨败后的人族自囚于白骨山脉。 一少年因意外穿越白骨山脉，知晓人魔之战的原因，领略了人神之战的悲壮，看少年如何在这精彩的世界，活出自己的精彩。 自古以来，宗教传承从未断绝，而宗教的故事也光怪陆离，数不胜数，带你看一些你所不知道存在或不存在的怪事。赵凡刚穿越成为蜀山少宗主，还没有来得及大展拳脚，享受众星拱月的待遇，却因为前身私闯禁地致使紫青双剑暴动误伤门人，被蜀山宗主打入锁妖塔不得翻身！ 但幸运的是，赵凡刚被带到锁妖塔，就意外激活了签到系统，在系统的帮助之下，他如同开了外挂一般在锁妖塔内默默变强。 “叮，锁妖塔大门前签到成功，奖励先天剑体。” “叮，锁妖塔内签到成功，奖励培元丹。” “叮，锁妖塔妖坟古门签到成功，奖励极品飞剑。” …… 三千年后，赵凡盘坐虚空，仙道气息震动苍穹，终成一代陆地剑仙，问鼎修仙长生路！ 还没看完一页，叶牧就忍不住合上了少年时期的日记本。 “我这写的是什么中二日记啊？” “太羞耻了！” “会社死的吧？” 【叮！神级日记系统激活！】 【自动为宿主的日记购买全球热门推荐！】 【全球点赞过千万，解锁全新功能！】 【恭喜宿主百分百还原事件，奖励混元大罗圣斧！】 受到混元大罗圣斧影响，两个世界不再平行，出现大量未知干涉现象。 殷墟石壁惊现日记，轰动全球！ …… 叶牧震惊了。 他写的中二日记竟成真的了！【轻松+搞笑+社交牛逼症+嚣张+成长+架空历史】 作为名校毕业的李羡穿越到了大玉皇朝； 穿越过来的身份让他很头疼： 家穷没系统，自己还只是个十岁孩童； 李羡凭借前世满腹才学，考进文政院，成了熊孩子。 教书先生：“这熊孩子好气人啊，好想打他！” 院长：“算了吧，人家可是正经孩子，要不你忍着点？” 从童生到参加科举，再到做官，谁都没想到，李羡这官越做越大…… “羡公！陛下有请！” “跟陛下说一声，我在钓鱼，让他来找我吧！” 天子：“谁这么大胆子，还想让朕过去？” 老太监：“启禀陛下，是羡公。” 天子：“来人啊！速速备车！” 老太监：“陛下……鞋~”大脑中的意识瞬间被灌入的海水淹没 “卧底三年就这样结束了吗？”萧子昂不甘、后悔、愤怒的情感充斥全身………… 前朝太子？孤独两世？也好，既然重生在这乱世，那就为自己活一次。繁华盛地与乱战兼并并存，妖兽人魔具在。权势、钱财不如所爱之人一颦一笑，我在，即为惊鸿人间宴。15岁的少女欧阳墨含在高中前最后一个暑假得知了有关她的父亲和母亲的消息，原来他们在墨含六岁的时候被一个组织杀害了。墨含决定潜入组织为父母报仇。进入高中，她遇到了同样潜入组织的上官华杉，两人有着一定的关系。与此同时，他们还遇到另外三个少年，大家都因为不同的原因独自对抗组织。于是，一个秘密小组成立了......2022年5月10日大国一小伙，在上海市，闵行区。被封在一个工地的生活区。已经被封了两个月之久了，这小伙还有几十万房贷、车贷在肩上扛着。被封了也没了收入，贷款怎么还呢？这小伙陷入了深深地迷茫中。。。突然间地动山摇，只闻天空一声霹雳，这小伙失去了知觉……直到失去知觉前一刻，小伙还在想念自己远在河南省的父母，自己的结发之妻，自己一双嗷嗷待哺的儿女……然而这都将成为过去。或许自己挂了会有工伤抚恤送到家里……自己这怎么着也算意外身亡吧，保险公司也会赔偿一部分吧。自己的家人生活总会有保障吧…… 这时唐僧奉旨去西天求取真经。之见唐僧骑着御赐白马一路风驰电掣。这天唐大法师走到了野外。忽闻一声虎啸，只见一只吊睛大虫朝他奔来。只把唐僧吓得是魂归天外…… 万界战场波澜壮阔，异魔入侵，诸天颤栗！ 不屈少年唐尘，不忍看父母被魔宗征召上万界战场，于是仗剑闯魔阵，得混沌仙魔诀，踏上万界征途，一路拔剑，管他仙魔神佛妖，不服？给一剑，还不服？再给一剑。 我要成魔，谁人能阻，我要为仙，谁奈我何，是仙是魔，我自己说了才算。 仙魔同修，剑指万界我为尊！
    城隍之长生 御兽：开局契约战斗暴龙兽 春秋战国吧 天帝的自我修养 少年时之九零后 破魔而上 异界：我成神了？ 关于我成为反派这件事 成为恶蛟加点修仙 村光乡野 绝代阴阳养鬼师 不为人知的刑事集 清风化尘录 万界收藏家 罪于生 我，修仙废物，御兽奇才 我契约了一棵青色樱花树 国足希望 极桓九 近身兵王 __就在我身边作文 __好温暖作文800字 ()号像()作文400字 _____会_____作文 __就在我身边作文 。。。又何妨作文 《抗日战争》作文怎么写？ ________我对你说 作文 ________ 对我的影响作文600 “2016寒假回湖南”的作文900字 《好玩才好》作文 《好玩才好》作文 _____路上洒满阳光作文 __好温暖作文800字 ~也是一种美作文六百字 05网英语作文 _给了我_作文开头结尾 ________ 对我的影响作文600 ___让我如此美丽 作文 ~也是一种美作文六百字 “喜羊与灰太狼”-英语作文 “牛”人作文 ___让我如此美丽 作文 ＿＿留在记忆深处初三作文 ________我对你说 作文 _____路上洒满阳光作文 ________ 对我的影响作文600 ___让我如此美丽 作文 [作文]幸福的港湾 ________ 对我的影响作文600 _____会_____作文 “喜羊与灰太狼”-英语作文 “喜欢”为题作文700字 ~也是一种美作文六百字 _____路上洒满阳光作文 05网英语作文 “我对英语四级的看法”英语作文 《抗日战争》作文怎么写？ _____路上洒满阳光作文 “我对英语四级的看法”英语作文 05网英语作文 [想象作文】爱心小天使500字作文-哈尔滨巨人教育官网 “找回 ”为题作文 _给了我_作文开头结尾 。作文 与磨砺有关 “喜羊与灰太狼”-英语作文 《好玩才好》作文 05网英语作文 “游衡阳记”的作文 《穷人》续写3000字作文 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 穿越异世只想普通的活下去 重生之我的爷爷制霸音游圈 狂想三国 夕阳下的拾荒者 末世荡漾 亚星官网 万利官网 欧博游戏官网 亚星官网 AG真人 _给了我_作文开头结尾 ?关于早的作文 __好温暖作文800字 [想象作文】爱心小天使500字作文-哈尔滨巨人教育官网 ________我对你说 作文 “我对英语四级的看法”英语作文 ___让我如此美丽 作文 ?的作文3OO “喜欢”为题作文700字 _____会_____作文 “喜欢”为题作文700字 《抗日战争》作文怎么写？ 05网英语作文 。作文 与磨砺有关 。作文 与磨砺有关 ~也是一种美作文六百字 “游衡阳记”的作文 ________我对你说 作文 __越来越近作文 ___让我如此美丽 作文 [作文]幸福的港湾 “2016寒假回湖南”的作文900字 “牛”人作文 _____会_____作文 “e”生活 作文 ()号像()作文400字 “e”生活 作文 _____路上洒满阳光作文 《穷人》续写3000字作文 _给了我_作文开头结尾