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. -
    狗狗怎么都吃不胖狗狗怎样怀孕初期症状是什么原因狗狗怎么都吃不胖怎么办狗狗怎么教厕所狗狗怎么教厕所大小便视频狗狗怎么都吃不胖狗狗怎么用电子温度计狗狗怎么都吃不胖怎么办狗狗怎样怀孕初期症状是什么狗狗怎么能止吐狗狗怎么能不乱闻狗狗怎么都吃不胖狗狗怎么像有哮喘狗狗怎么能不乱闻狗狗怎么都吃不胖怎么办狗狗怎么能止吐狗狗怎么预防肺炎狗狗怎么教厕所大小便视频狗狗怎么教厕所大小便视频狗狗扎辫子图片大全狗狗怎样怀孕初期症状是什么引起的狗狗怎么教厕所大小便视频教程狗狗怎么嘴巴一直咬狗狗增毛的方法狗狗怎么教厕所大小便狗狗增长红细胞狗狗怎么教厕所狗狗增毛吃什么好狗狗扎辫子图片大全狗狗怎么用滴鼻净离家出个走，居然遇到了一名博士。 他们之间的缘分远不止一面之缘，一些奇奇怪怪的东西随着两人的接触，渐渐跑进了他的生活。 古怪离奇的东西变成了自己的日常。 世界的本来面目被一点点揭开，能窥觑到的每一个部分都让人惊异万分且难以承受！ 而这些仅仅是大千世界的九牛一毛而已！ 就算知道了太多太多，需要很长时间去消化。 那这，是否又真的是世界最真实的那一面呢？ 这博士，究竟又是怎样的…人呢？ 他又小心翼翼的维护着怎样的秘密…？ 【对世界的新认知！】 【对科技的惊发现！】 【对未来的再思考！】 【认知崩塌重新排序的宇宙狂想曲！】如果说世界是多层的，你信吗？ 或许你不信，但事实上世界就像是一个洋葱。 奇谈怪闻中的阴影，都市传说背后的真相。 谁又能说世界只有表面的这一层呢？ 许策，一个失忆过的新人界行者。 穿越一个个界层，经历一次次历险，只想为了离真相更近一些。 “我到底忘记了什么？” 或许答案就在界层的最深处。 我们穿越了？王晓与王明意外下触发了传承血脉洗淬一瞬突破，又在种种机缘之下得到了父母的信息，踏上仙踏，为亲人报仇。陈羽本是一名国家击剑运动员，参赛无数，荣誉无数，奖杯一面墙都摆不下。却在一次比赛中，面罩意外脱落，对手剑尖直指右眼，刹那间，天昏地暗，当他再次睁开眼，已是开元年间…嘉靖末年、南倭北虏、煌煌大明、青春不再。忆洪武永乐煌煌盛世，看嘉万三朝风起云涌。闲庭信步、闲落棋子，闲来无事又闲为人知。坐拥资本不假，却愿附英雄骥尾，但若奸臣挡道，让英雄靠边，咱出个头露个脸又何妨？嘉靖三十三年，秦淮河畔，特战小尖兵张明远眺望一抹残阳西下，嘴角不觉勾出一道苦涩且坚定的笑容......李贤穿越了，来到一个叫大秦皇朝的世界。 别人穿越要么成为皇帝，要么成为富家子，可我却成了个太监！ 还好拥有金手指，能够让我变回真正的男人。 本想就这样苟在皇宫内逍遥快活，可世事难料，皇位更迭灾祸蔓延到了整个大秦。 奸臣当道、外敌入侵。 眼看着自己的快乐生活被打破，李贤只好站出来。 诛邪、斩妖、扫黑、除恶... 誓死守护大秦，保护后宫三千佳丽。这个大陆叫尼尔大陆，整个大陆呈圆状分布，生活在这个大陆上的只有两类人，人类男性和精灵女性，人族男性生活在西大陆，精灵族女性生活在东大陆。 早在多年前，尼尔大陆经历过一场旷世之战，那一场战斗后，所有的种族都几近灭绝。 残留下来的其他种族，除了人族男性和精灵族女性，不知受到何种诅咒或是魔法的影响，都会快速衰老，几乎是2-3年内，身体器官就会枯竭。 可是，几百年过去了，这个诅咒还依旧扩散在这片大陆。 诅咒尚未解除，但是精灵族和人族的隔阂却在加大。 为了繁衍生息，精灵族和人族不得不允许精灵族的女性和人族的男性婚配。 但是精灵族是尤为高傲的种族，他们对人族充满了敌对和蔑视，认为人族是低阶种族，不屑于与人族通婚。 然而许多年过去，一名绝美的高阶女精灵法师带着她的军队在战场上横扫四方，几乎占领了人类种族四分之三的领土。 人族不得不退回最后的主城塞斯城！群龙无首的人族男性究竟要如何抵御精灵族女性呢。 我们的故事就从这里开始萧子暮重生成婴儿，等反应过来自己已经夺了女帝修为。 “萧子暮，还我的修为。” “不然我让你死的很难看。” “听话，你虽然是女帝，但好歹是妹妹，小心我打你！” 女帝闭嘴，眼泪汪汪。 “乖！把你的修为再给我点吧。” 女帝破口大骂，只想一刀解决这个依靠自己灵力发育的天仙大帝！异界的电梯是十九层十九站， 载重，梯速，所有的参数都与人间不同。 这玩意儿...用人间的方法能修吗？ 虽说如此，这里的环境似乎要比人间社会让人感觉好混很多啊... 等等？我居然喜欢上这里了？！ 热血励志格斗系小说《如龙》已完结，欢迎大家点进我的主页阅读！
    破灵末路 冰消解厄小记 许我轻狂趁年少 重生之奋斗进行曲 重生我从老虎开始进化 一剑长晴 回到了家 特警：特殊的警察 地表最强系统 从高中开始的修福报生活 大汉儒尊，诗成传世惊诸圣 万千世界之旅 九重深渊 穿越：玛法大陆 我怕君心易变，浮生若梦 大宋崛起 元宇宙：破壁 女神的最终战争 诡秘之奇迹制造者 民间梦异录 狗狗怎样有安全感 狗狗怎么能止吐 狗狗怎么预防肺炎 狗狗怎么教厕所大小便视频 狗狗怎样有安全感 狗狗增毛吃什么 狗狗怎么在家去除螨虫 狗狗怎么生长 狗狗增长红细胞 狗狗怎么像有哮喘 狗狗怎么嘴巴一直咬 狗狗怎么嘴巴一直咬 狗狗增毛的方法 狗狗怎么能止吐 狗狗怎么都吃不胖 狗狗怎么教厕所大小便 狗狗怎么治疗螨虫真菌 狗狗增长红细胞 狗狗怎样怀孕初期症状是什么原因 狗狗怎么都吃不胖 狗狗怎么能长得壮 狗狗怎么都吃不胖怎么办 狗狗怎样怀孕初期症状是什么原因 狗狗怎么教厕所大小便视频教程 狗狗怎么生长 狗狗增毛的方法 狗狗增长红细胞 狗狗怎样怀孕初期症状是什么原因 狗狗怎样怀孕初期症状是什么引起的 狗狗增长红细胞 狗狗怎么教厕所大小便视频 狗狗怎么能长得壮 狗狗怎么教厕所 狗狗怎么都吃不胖 狗狗增毛的方法 狗狗怎么教厕所大小便 狗狗怎么都吃不胖怎么办啊 狗狗怎么在家去除螨虫 狗狗增毛的方法 狗狗怎么都吃不胖怎么办啊 狗狗怎么教厕所大小便 狗狗怎么生长周期 狗狗扎辫子图片大全 狗狗怎么治疗螨虫真菌 狗狗怎么能不乱闻 狗狗怎么能长得壮 狗狗怎么嘴巴一直咬 狗狗怎么教厕所大小便 狗狗增毛的方法是什么 狗狗怎么用电子温度计 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 五月迷踪 新武侠修仙 异世界医院 双魂灵体 南昌交通学院 亚星管理平台 澳门葡京官网 葡京官网 亚星管理平台 万利官网 狗狗怎样怀孕初期症状是什么 狗狗怎样怀孕初期症状是什么原因 狗狗怎样怀孕初期症状是什么引起的 狗狗怎么像有哮喘 狗狗怎么都吃不胖怎么办 狗狗怎么教厕所大小便视频 狗狗怎么用滴鼻净 狗狗怎么预防肺炎 狗狗怎么用滴鼻净 狗狗增毛的方法 狗狗怎么用电子温度计 狗狗怎么治疗螨虫真菌 狗狗增毛吃什么好 狗狗怎么生长 狗狗怎么能不乱闻 狗狗怎样怀孕初期症状是什么引起的 狗狗扎辫子图片大全图片 狗狗怎么都吃不胖怎么办 狗狗怎么都吃不胖 狗狗怎样有安全感 狗狗怎么生长周期 狗狗怎么预防肺炎 狗狗怎么都吃不胖怎么办 狗狗增毛吃什么好 狗狗增长红细胞 狗狗怎么能不乱闻 狗狗增毛吃什么 狗狗扎辫子图片大全 狗狗怎么教厕所大小便视频 狗狗扎辫子图片大全