<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IcoMoon Demo</title>
<meta name="description" content="An Icon Font Generated By IcoMoon.io">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 1520)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-asterisk">
</span>
<span class="mls"> icon-asterisk</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f069" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-plus">
</span>
<span class="mls"> icon-plus</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f067" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-question">
</span>
<span class="mls"> icon-question</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f128" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-minus">
</span>
<span class="mls"> icon-minus</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f068" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-glass">
</span>
<span class="mls"> icon-glass</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f000" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-music">
</span>
<span class="mls"> icon-music</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f001" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-search">
</span>
<span class="mls"> icon-search</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f002" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-envelope-o">
</span>
<span class="mls"> icon-envelope-o</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f003" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-heart">
</span>
<span class="mls"> icon-heart</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f004" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-star">
</span>
<span class="mls"> icon-star</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="f005" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clear
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的创意代理机构响应式网页.7z
共148个文件
scss:83个
jpg:20个
css:16个
0 下载量 134 浏览量
2024-07-24
16:45:41
上传
评论
收藏 4.74MB 7Z 举报
温馨提示
1. 实用性和学习价值 实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 2. 易于理解和修改 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 3. 兼容性和响应式设计 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 4. 性能优化 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 5. 互动和动画 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的创意代理机构响应式网页.7z (148个子文件)
prepros-6.config 28KB
style.css 269KB
bootstrap.css 223KB
bootstrap-grid.css 91KB
bootstrap-grid.css 91KB
bootstrap-utilities.css 83KB
bootstrap-utilities.css 79KB
style.css 78KB
aos.css 25KB
style.css 14KB
glightbox.min.css 14KB
bootstrap-reboot.css 6KB
bootstrap-reboot.css 6KB
tiny-slider.css 2KB
demo.css 2KB
demo.css 2KB
_border-radius.css 0B
icomoon.eot 300KB
feather.eot 80KB
demo.html 1.2MB
demo.html 204KB
index.html 18KB
portfolio.html 14KB
services.html 11KB
about.html 10KB
contact.html 8KB
hero_1.jpg 1.85MB
img_2.jpg 277KB
img_1.jpg 266KB
img_3.jpg 211KB
image_big_2.jpg 174KB
img_v_1-min.jpg 170KB
img_v_4-min.jpg 137KB
img_v_8-min.jpg 85KB
img_v_6-min.jpg 78KB
img_v_5-min.jpg 66KB
hero-2-min.jpg 55KB
medio-thumb-min.jpg 44KB
img_v_3-min.jpg 39KB
img_v_7-min.jpg 38KB
img_v_2-min.jpg 32KB
person_5.jpg 22KB
person_4.jpg 17KB
person_2.jpg 10KB
person_1.jpg 10KB
person_3.jpg 10KB
tiny-slider.js 98KB
bootstrap.bundle.min.js 79KB
glightbox.min.js 53KB
aos.js 14KB
rellax.min.js 7KB
custom.js 3KB
counter.js 2KB
navbar.js 2KB
demo.js 996B
demo.js 996B
selection.json 1.55MB
selection.json 345KB
favicon.png 2KB
_variables.scss 57KB
_site-blocks.scss 15KB
_reboot.scss 13KB
_utilities.scss 12KB
_site-navbar.scss 9KB
_rfs.scss 9KB
_functions.scss 8KB
_form-control.scss 7KB
_navbar.scss 6KB
_modal.scss 6KB
_dropdown.scss 5KB
_carousel.scss 5KB
_popover.scss 5KB
_card.scss 5KB
_breakpoints.scss 4KB
_list-group.scss 4KB
_tables.scss 4KB
_grid.scss 4KB
_form-check.scss 4KB
_buttons.scss 4KB
_input-group.scss 3KB
_forms.scss 3KB
_button-group.scss 3KB
_form-range.scss 3KB
_accordion.scss 3KB
_tooltip.scss 3KB
_nav.scss 2KB
_utilities.scss 2KB
_buttons.scss 2KB
_form-select.scss 2KB
_border-radius.scss 2KB
_gradients.scss 2KB
_floating-labels.scss 2KB
_api.scss 2KB
_pagination.scss 2KB
_alert.scss 1KB
_caret.scss 1KB
_type.scss 1KB
bootstrap-grid.scss 1KB
_spinners.scss 1KB
_containers.scss 1KB
共 148 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (源码)基于Django和OpenCV的智能车视频处理系统.zip
- (源码)基于ESP8266的WebDAV服务器与3D打印机管理系统.zip
- (源码)基于Nio实现的Mycat 2.0数据库代理系统.zip
- (源码)基于Java的高校学生就业管理系统.zip
- (源码)基于Spring Boot框架的博客系统.zip
- (源码)基于Spring Boot框架的博客管理系统.zip
- (源码)基于ESP8266和Blynk的IR设备控制系统.zip
- (源码)基于Java和JSP的校园论坛系统.zip
- (源码)基于ROS Kinetic框架的AGV激光雷达导航与SLAM系统.zip
- (源码)基于PythonDjango框架的资产管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功