<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<style type="text/css">
body{
font-family: 'open_sanssemibold';
}
</style>
<title>Open Sans Semibold Specimen</title>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#container').easyTabs({defaultContent:1});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
Open Sans Semibold </div>
<ul class="tabs">
<li><a href="#specimen">Specimen</a></li>
<li><a href="#layout">Sample Layout</a></li>
<li><a href="#installing">Installing Webfonts</a></li>
</ul>
<div id="main_content">
<div id="specimen">
<div class="section">
<div class="grid12 firstcol">
<div class="huge">AaBb</div>
</div>
</div>
<div class="section">
<div class="glyph_range">A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;</div>
</div>
<div class="section">
<div class="grid12 firstcol">
<table class="sample_table">
<tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
</table>
</div>
</div>
<div class="section" id="bodycomparison">
<div id="xheight">
<div class="fontbody">◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
<div class="fontbody" style="z-index:1">
body<span>Open Sans Semibold</span>
</div>
<div class="arialbody" style="z-index:1">
body<span>Arial</span>
</div>
<div class="verdanabody" style="z-index:1">
body<span>Verdana</span>
</div>
<div class="georgiabody" style="z-index:1">
body<span>Georgia</span>
</div>
</div>
<div class="section psample psample_row1" id="">
<div class="grid2 firstcol">
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
网站模板-商业产品分析介绍网页模板-适配移动端界面-HTML源码.zip （184个子文件） 
bootstrap.css 118KB style.css 34KB style.css 25KB style.css 12KB owl.carousel.css 8KB owl.carousel.css 8KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB specimen_stylesheet.css 7KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB grid_12-825-55-15.css 4KB stylesheet.css 441B stylesheet.css 441B stylesheet.css 434B stylesheet.css 434B stylesheet.css 420B stylesheet.css 420B stylesheet.css 413B stylesheet.css 413B OpenSans-Semibold-webfont.eot 20KB OpenSans-Semibold-webfont.eot 20KB OpenSans-Regular-webfont.eot 19KB OpenSans-Regular-webfont.eot 19KB OpenSans-Bold-webfont.eot 19KB OpenSans-Bold-webfont.eot 19KB OpenSans-Light-webfont.eot 19KB OpenSans-Light-webfont.eot 19KB
OpenSans-Semibold-demo.html 24KB OpenSans-Semibold-demo.html 24KB OpenSans-Regular-demo.html 24KB OpenSans-Regular-demo.html 24KB OpenSans-Light-demo.html 24KB OpenSans-Light-demo.html 24KB OpenSans-Bold-demo.html 24KB OpenSans-Bold-demo.html 24KB index.html 22KB index.html 20KB index.html 9KB
expand-bg.jpg 85KB p3.jpg 82KB p6.jpg 66KB expand-bg.jpg 66KB footer-bg.jpg 63KB footer-bg.jpg 63KB p4.jpg 50KB p2.jpg 45KB p2.jpg 45KB p5.jpg 43KB p1.jpg 42KB p1.jpg 42KB bg.jpg 42KB p3.jpg 41KB expand-bg.jpg 37KB p6.jpg 31KB bg.jpg 28KB bg.jpg 22KB p2.jpg 22KB p4.jpg 22KB p5.jpg 17KB p1.jpg 16KB footer-bg.jpg 16KB jquery.min.js 94KB jquery.min.js 94KB owl.carousel.js 37KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB easing.js 5KB easing.js 5KB move-top.js 1KB move-top.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB easytabs.js 1KB
ad-img.png 266KB ad-img.png 223KB process.png 213KB divices.png 134KB divices.png 124KB margating-pic.png 112KB ad-img.png 105KB process.png 102KB margating-pic.png 101KB OpenSans-Semibold-cleartype.png 83KB共 184 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- MATLAB代码：考虑V2G的光储充一体化微网多目标优化调度策略 关键词：光储充微网 电电汽车V2G 多目标优化 蓄电池优化 调度 参考文档：光伏微网下考虑V2G补偿蓄电池容量的双目标优化调度策略
- 万能回复背景图生成app 告别单调聊天界面.mp4
- 万能驱动8(v24v6) 万能驱动VIP版(EasyDrv8).mp4
- 王桂林C语言从放弃到入门.mp4
- 万象小组件v5.3.02024解锁会员功能高级版.mp4
- 实际项目开发中用到的代码，FPGA通过uart通讯解析上位机发送的数据包，并实现数据存储和调用，采用三段式状态机，Verilog语言 数据包包含帧头、命令、数据长度、数据、16位的crc
- 王者荣耀抽1.68~50.68亓红包.mp4
- 王桂林零基础入门C语言 从放弃到入门.mp4
- 网易云音乐分享抽1~7天会员.mp4
- 微软 Office 2024 批量许可版24年12月更新版.mp4
- 微数据恢复管家 轻松找回误删的文件.mp4
- 永磁同步电机电流滞环控制Matlab simulink仿真模型，参数已设置好，可直接运行 属于PMSM转速电流双闭环矢量控制系统模型 电流内环采用电流滞环控制（pang-pang控制），转速外环为
- 教育数据科学中学生辍学预测与学业成功的机器学习方法
- 永磁同步电机的磁场定向控制（矢量控制）simulink仿真模型，波形完美
- 机器学习预测教育领域学生辍学与学业成功的数据分析及模型应用
- 内容分发网络(CDN):原理、特点及其自建必要性的解析与探讨
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
