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. -
    灌南玖玖玖前台电话宜家酒店青州电话进贤财校电信营业厅老板电话大连到机场的公交车时刻表查询电话白山市鲜花店电话灌南玖玖玖前台电话长沙火车站服务站电话号码是多少进贤财校电信营业厅老板电话地球仓预约电话昌乐到临沂的汽车电话是多少东太行电话灌南玖玖玖前台电话携程闪住客服电话亚航南宁客服电话进贤财校电信营业厅老板电话昌乐到临沂的汽车电话是多少北京苏州火车票查询时刻表查询电话义乌客运站的电话号码是多少义乌客运站的电话号码是多少张店区博物馆 电话肃宁客车电话义乌客运站的电话号码是多少地球仓预约电话信阳市新华书店电话号码是多少钱白山市鲜花店电话沈阳101投诉电话大连到机场的公交车时刻表查询电话洞泾附近酒店电话兴平车站电话多少携程闪住客服电话李倾发现自己穿越到了一个被游戏化的世界。 在这个世界里，每个人都要靠自己的天赋来选择职业，提升等级。 职业和等级，决定着社会地位和薪水高低。 而李倾意外觉醒了RPG回合制天赋。 打怪流能获得经验和道具！ 【你击败了装逼的同学！】 【恭喜你获得技能［大逼兜子］】 【你击败了恶心的上司！】 【恭喜你的职业晋升为［部门经理］】 【你击败了烦人的富二代！】 【恭喜你获得跑车一辆！】 李倾靠着一手大逼兜子，奖励拿到手软，巴掌扇到手酸，升级快到飞起！ “平均十级的同学聚会，你让我这个60级的怎么去？” 简介无力，请看正文！宋清书穿越综武世界，成为武当三代首徒宋青书，本应该是一个神仙开局。 然而宋青书已经杀了师叔莫声谷，还背叛丐帮，正在被陈友谅追杀，随时可能丧命。 就在这时，绝世舔狗系统激活。 绝世武库向他敞开，只要赚取积分，就能疯狂买买买。 九阳神功，买！ 凌波微步，买！ 战神图录，买！ 咦，竟然还有八九玄功和草灭剑诀，难道……　这是一个光怪陆离的世界，深色的天空中有血泪如雨，暗黄的地面上如龟背皲裂，在那座远古的大殿中，身边是魑魅魍魉张牙舞爪，身边是漫天仙皇，威逼九天，掂起了一枚棋子，放在那张棋盘上，“胜利者，你相信神明存在吗？”老者笑而不语，同样落下一子，我不得不专注于棋盘，额头沁下几滴汗珠，终于“将死！” 败北之后，我的眼神空洞了许多。 老者笑着伸出手，盖在我的头顶上，“我，不就是神明吗？”【轻松+搞笑+社交牛逼症+嚣张+成长+架空历史】 作为名校毕业的李羡穿越到了大玉皇朝； 穿越过来的身份让他很头疼： 家穷没系统，自己还只是个十岁孩童； 李羡凭借前世满腹才学，考进文政院，成了熊孩子。 教书先生：“这熊孩子好气人啊，好想打他！” 院长：“算了吧，人家可是正经孩子，要不你忍着点？” 从童生到参加科举，再到做官，谁都没想到，李羡这官越做越大…… “羡公！陛下有请！” “跟陛下说一声，我在钓鱼，让他来找我吧！” 天子：“谁这么大胆子，还想让朕过去？” 老太监：“启禀陛下，是羡公。” 天子：“来人啊！速速备车！” 老太监：“陛下……鞋~”穷学生狗剩母亲被恶霸害死，无力报仇雪恨，绝望想要自杀。不想曾因自己救过一的条小蛇，意外获得蛇灵传承。在亲友的帮助下，完美复仇，并屡获奇遇，领悟人生真谛！正所谓一念善，万水千山，一念恶，苦海无边。正义和邪恶争斗永不休止，无论身处如何绝境，只要心存善念，都将化险为夷。不管现在有多牛逼，一旦恶意丛生，必将万劫不复！慕青寒申的力作《次元人》次元应该都不陌生，人们创造了二次元，现实中是一次元还有那我不知道的三次元，但有人能去其他次元里面吗？答案是有，主角名叫徐国风，是一位可以穿梭到任何次元的人，俗称次元人，看起来好像没什么暖用，但却能改变次元中所有人的命运。可是等着他的，却远远不止这些……在末日来临的时刻，你与同伴手握解救世界的机会，你的选择会是什么？出门在外，谨记必带一本《古真经》因为你不知，真（白发女鬼——新疆语）会在哪里，也许会在你的身边。我叫李摆，木子李，摆烂的摆， 在996的快乐社畜加班生涯中，光荣猝死,但接引我的并不是地府的十殿阎罗，而是酆都大帝阴天子本尊... “骚年，看你我老乡一场，当我的乖外孙儿可好？”黄金王座上的阴天子阴沉沉的看着我。 不是我想同意，而是臣妾做不到啊，十八层地狱打听打听谁最大，后土娘娘见到天子陛下都得弯腰行李,于是我李摆被迫当了孙子，还是真孙子，阴天子的外孙李摆.. 从此李摆走向了穿越诸天万界的不归路，在射雕世界，他大肆发展旅游业，收取华山论剑门票费，各路武林豪侠敢怒不敢言，无他，李摆是修仙的，他们打不过... 神雕世界，化身水稻种植专家，不是为了天下百姓，而是因为嫌弃家里的佣人种田很慢.. 穿越过后，从小到大，家里不是至高之神就是宇宙主宰，而我李摆，只是凡人一个，还是无赖中的无赖。 这是一个搞笑的小人物穿越诸天外界的搞笑故事。江彦辰穿越到诸多小说融合的世界，成为有着数千亿资产的集团富少， 以为就此可以过上纸醉金迷、策马奔腾的快乐生活， 但他却发现自己貌似是剧情中的反派，目的只有不被主角打脸，活到小说结局。 只要弄死气运男主、收服气运女主就可以获得大量反派值， 从而获得万千好礼，所以他“毅然决然”决定做一个“人见人爱”的大反派！
    双界轨迹 乌云未晞 流浪修者 我的法官老爹 道爷请留步 特种兵之开局截胡林晓晓 命之陨 振国神将 网游三国：开局获得神级建村令 这个召唤师不太正经 孤帆远星 神劫天罪 我家的末世少女 密接者 穿越成为魔法师 异世界的快乐冒险 系统之诸界联盟日记 遇见生命之梦 界纪 浮岛传奇 灌南玖玖玖前台电话 阿拉巴马州电话区号 沈阳101投诉电话 携程闪住客服电话 灌南玖玖玖前台电话 携程旅行网酒店预订电话 沈阳101投诉电话 地球仓预约电话 进贤财校电信营业厅老板电话 温泉中心客运站电话号码是多少钱 洞泾附近酒店电话 洞泾附近酒店电话 白山市鲜花店电话 阿拉巴马州电话区号 东太行电话 携程闪住客服电话 沈阳到台州的高铁时刻表查询电话 进贤财校电信营业厅老板电话 张店区博物馆 电话 三明大金湖售票处电话 阿拉巴马州电话区号 进贤财校电信营业厅老板电话 宜家酒店青州电话 亚航南宁客服电话 昌乐到临沂的汽车电话是多少 信阳市新华书店电话号码是多少钱 沈阳101投诉电话 宜家酒店青州电话 肃宁客车电话 沈阳101投诉电话 白山市鲜花店电话 三明大金湖售票处电话 大连到机场的公交车时刻表查询电话 灌南玖玖玖前台电话 洞泾附近酒店电话 白山市鲜花店电话 携程旅行网酒店预订电话 阿拉巴马州电话区号 信阳市新华书店电话号码是多少钱 携程旅行网酒店预订电话 白山市鲜花店电话 北京鑫星酒店电话多少钱 张店区博物馆 电话 成都锦华伊藤电话 亚航南宁客服电话 三明大金湖售票处电话 地球仓预约电话 大连到机场的公交车时刻表查询电话 兴平车站电话多少 长沙火车站服务站电话号码是多少 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 查尸道士 齐天凶残 剑龙江南义 星月仙帝 怪化巫医 万利官网 皇冠登3出租 百家乐官网 万利官网 欧博官网 灌南玖玖玖前台电话 大连到机场的公交车时刻表查询电话 保定易佰连锁旅店电话 大连到机场的公交车时刻表查询电话 进贤财校电信营业厅老板电话 义乌客运站的电话号码是多少 中泰旅游 电话多少 洞泾附近酒店电话 沈阳到台州的高铁时刻表查询电话 三明大金湖售票处电话 白山市鲜花店电话 三明大金湖售票处电话 成都锦华伊藤电话 地球仓预约电话 昌乐到临沂的汽车电话是多少 灌南玖玖玖前台电话 地球仓预约电话 宜家酒店青州电话 宜家酒店青州电话 长沙火车站服务站电话号码是多少 北京鑫星酒店电话多少钱 沈阳到台州的高铁时刻表查询电话 大连到机场的公交车时刻表查询电话 义乌客运站的电话号码是多少 白山市鲜花店电话 信阳市新华书店电话号码是多少钱 北京苏州火车票查询时刻表查询电话 温泉中心客运站电话号码是多少钱 兴平车站电话多少 潍坊到忻州高铁时刻表查询电话