<!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网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的简约杂志分类展示响应式网页模板.7z (144个子文件)
prepros-6.config 9KB
style.css 262KB
bootstrap.css 223KB
bootstrap-grid.css 91KB
bootstrap-utilities.css 79KB
style.css 78KB
aos.css 25KB
glightbox.min.css 14KB
bootstrap-reboot.css 6KB
bootstrap-reboot.css 6KB
tiny-slider.css 2KB
demo.css 2KB
flaticon.css 1KB
_gradients.css 0B
icomoon.eot 300KB
Flaticon.eot 5KB
demo.html 1.2MB
license.html 319KB
flaticon.html 18KB
index.html 18KB
single.html 15KB
classes.html 14KB
blog.html 11KB
about.html 9KB
contact.html 8KB
main.html 931B
hero_1.jpg 198KB
person_1.jpg 119KB
person_2.jpg 91KB
post_6.jpg 86KB
about_1.jpg 74KB
person_3.jpg 71KB
person_4.jpg 63KB
post_2.jpg 53KB
post_5.jpg 36KB
post_4.jpg 36KB
post_3.jpg 34KB
tiny-slider.js 98KB
bootstrap.bundle.min.js 79KB
glightbox.min.js 53KB
aos.js 14KB
counter.js 2KB
navbar.js 2KB
custom.js 1KB
demo.js 996B
selection.json 1.55MB
world-dotted-map.png 196KB
curve-lines-2.png 143KB
curve-lines.png 57KB
circle.png 12KB
karate-divider.png 2KB
_variables.scss 57KB
_reboot.scss 13KB
_utilities.scss 12KB
_site-blocks.scss 9KB
_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
_flaticon.scss 2KB
_alert.scss 1KB
_caret.scss 1KB
_type.scss 1KB
bootstrap-grid.scss 1KB
_spinners.scss 1KB
_containers.scss 1KB
_images.scss 1KB
_site-base.scss 1KB
_toasts.scss 1KB
_labels.scss 1KB
_close.scss 1KB
_progress.scss 1KB
bootstrap.scss 1022B
共 144 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【年度调薪】年度薪酬预算执行情况报告.xls
- 【年度调薪】调薪考核表.xls
- 【年度调薪】调薪矩阵表(HR总监绝密).xls
- 【年度调薪】度员工调薪登记表.xlsx
- 【年度调薪】薪资等级结构表.xls
- 【年度调薪】调薪调岗流程表格.xls
- 【年度调薪】部门年度薪资调整套级审批表.xlsx
- 【年度调薪】调薪流程.xlsx
- 【年度调薪】年度员工调薪登记表.xlsx
- 【年度调薪】员工调薪评估.xlsx
- 【年度调薪】员工加薪明细表.xlsx
- 【年度调薪】员工调薪记录表.xlsx
- 【年度调薪】HR疑难操作之调岗调薪(实务篇).doc
- 【年度调薪】工资评定调薪方案.doc
- 【年度调薪】年度调薪方案.doc
- 【年度调薪】调岗调薪操作技巧.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功