！声明文档类型

html lang='en' class='no-js '

头

meta charset='UTF-8' /

meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '

元名称='视口'内容='宽度=设备宽度，初始比例=1.0 '

标题蓝印：谷歌网格图库/标题

元名称='描述'内容='蓝图：蓝图： Google网格库'/

元名称='关键词'内容='谷歌入门图库，图像图库，图像网格，模板，砖石'/

元名称='作者'内容='Codrops' /

链接“rel=”快捷图标href='./favicon.ico '

链接rel='样式表type=' text/CSS ' href=' CSS/demo。CSS '/

链接rel='样式表type=' text/CSS ' href=' CSS/component。CSS '/

脚本src=' js/modernizr。习俗。js '/脚本

/head

身体

div class='container '

header class='clearfix '

跨度蓝图span class=' BP-icon BP-icon-about '数据-内容='蓝图是基本的和最小化的网站概念、组件、插件和布局的集合，具有最小化的风格，以便于改编和使用，或者只是为了灵感/span/span

h1Google网格图库/h1

航行

a href=' http://sympanus。净额/蓝图/全角制表符/' class=' BP-icon BP-icon-prev '数据-信息=' previous蓝图span上一个蓝图/span/a

！-a href=' class=' BP-icon BP-icon-next '数据-信息='下一个蓝图跨度下一个蓝图/span/a -

a href=' http://ympanus。net/codrops/？p=18699 ' class=' BP-icon BP-icon-drop ' data-info='回到Codrops冠词翼展回到Codrops冠词/span/a