<!doctype>
<html lang="en">
<head>
<title>SVG Sprite Demo | Orion Icon Library</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"
/>
<meta charset="UTF-8" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"
/>
<style>
html {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 1.125rem;
}
._1bo7bzx{font-family:Menlo, mono;font-size:.85em;}._1oymxsi{color:#ff4d63;}._1tt2u3t{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#121418;-webkit-justify-content:space-between;justify-content:space-between;height:66px;padding:0 28px;color:white;}._dl5j6p{font-weight:300;max-width:33%;font-size:1em;}._1iurgbx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}._1l5hckq{padding:1em 3em;}._kp2n83{font-size:.7em;text-align:center;}._o1cg4g{color:#0092FF;text-decoration:none;}._o1cg4g:hover{text-decoration:underline;}._14gdf42{line-height:1.5;}._ovghcs{color:inherit;text-decoration:none;}._ovghcs:hover:after{content:"#";color:#0092FF;margin-left:2px;opacity:.3;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}._ovghcs:active:after{opacity:1;}._1dqtju9{color:#007aff;}._fr5wn{padding-left:24px;border-left:1px solid rgba(0,0,0,0.1);margin-left:12px;margin-bottom:48px;}._1bmg5vo{color:#202020;tab-ssize:4px;overflow-x:auto;padding:1.5em;line-height:1.5;background:rgba(0,0,0,0.05);font-size:.9em;}._jro6t0{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}._53480w{display:none;}._53480w:checked + label span{-webkit-transform:translateX(52px);-ms-transform:translateX(52px);transform:translateX(52px);}._53480w:checked + label:before{color:inherit;}._53480w:checked + label:after{color:#007aff;}._53480w:checked ~ .externalCheckboxHelper:after{content:"External SVG Sprite";}._1uuc6xn{cursor:pointer;width:90px;height:40px;display:block;background-color:#f7f7f7;color:#8c8c8c;border-radius:32px;margin:12px 24px;position:relative;}._1uuc6xn:before{content:"‹a›";position:absolute;right:-webkit-calc(100% + 4px);right:-moz-calc(100% + 4px);right:calc(100% + 4px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#007aff;}._1uuc6xn:after{content:"‹b›";position:absolute;left:-webkit-calc(100% + 4px);left:-moz-calc(100% + 4px);left:calc(100% + 4px);top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}._10r524x{background-color:#4a4a4a;border-radius:50%;height:36px;left:0px;-webkit-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);position:absolute;top:2px;-webkit-transition:-webkit-transform .2s ease,transform .2s ease;-moz-transition:transform .2s ease;transition:-ms-transform .2s ease,-webkit-transform .2s ease,transform .2s ease;width:36px;z-index:1;}._qjqtm8:after{content:"Inline SVG Sprite";}._jcgzno{padding:.3em .5em;outline:0px;margin-left:12px;}._jcgzno:disabled{opacity:0.3;}._1r58n10{overflow:auto;padding:40px;margin:0px;list-style:none;padding-bottom:40px;}._fnhcyz{width:100%;float:left;-moz-box-sizing:border-box;box-sizing:border-box;display:block;-webkit-transition:opacity 250ms, box-shadow 250ms;-moz-transition:opacity 250ms, box-shadow 250ms;transition:opacity 250ms, box-shadow 250ms;cursor:pointer;position:relative;}@media (min-width: 767px){._fnhcyz{width:50%;}}@media (min-width: 1023px){._fnhcyz{width:33.333%;}}@media (min-width: 1199px){._fnhcyz{width:20%;}}._fnhcyz:after{content:"";position:absolute;z-index:-1;top:0px;right:0px;bottom:0px;left:0px;opacity:0;box-shadow:0 .5em 3em rgba(0,0,0,.1);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}._fnhcyz:hover:after{opacity:1;z-index:1;}._fnhcyz:before{content:"";padding-top:100%;display:block;}._fnhcyz:hover .orion-sprite__id{opacity:1;}._fnhcyz:hover .orion-sprite__code{opacity:1;}._1dclzhk{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;top:0px;right:0px;bottom:0px;left:0px;padding:.5em 1em;}._19wnp26{width:100%;font-size:.7em;text-align:center;opacity:0;color:#777;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms;}._1u0lyeu{width:64px;height:64px;}._190hxbq{width:100%;height:100%;}._1mcpc5v{font-size:.7em;padding:.5em 1em;width:100%;z-index:2;border-radius:2px;opacity:.3;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}._duacj0{white-space:pre;display:inline-block;font-size:.7em;line-height:1.5;background:rgba(0,0,0,0.05);tab-ssize:4px;color:#202020;margin-top:1em;width:100%;outline:0px;border-left:4px solid #007aff;}._1hgbkkp{list-style:none;margin:0px;padding:0px;padding-left:1em;line-height:1.5em;}._19kenml{-webkit-box-align:start;-ms-flex-align:start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;color:#fff;}._15372er{display:inline-block;vertical-align:middle;width:32px;height:32px;}._ksd372{display:inline-block;vertical-align:middle;width:80px;height:25px;margin-left:10px;}
</style>
</head>
<body>
<svg width="0" height="0" class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="close-1">
<title>Close</title>
<desc>A line styled icon from Orion Icon Library.</desc>
<path data-name="layer1"
fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M41.999 20.002l-22 22m22 0L20 20"
stroke-linejoin="round" stroke-linecap="round" style="stroke:var(--layer1, #202020)"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="checkmark-1">
<title>Checkmark</title>
<desc>A line styled icon from Orion Icon Library.</desc>
<path data-name="layer1"
fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M16 33l11 11 21-22"
stroke-linejoin="round" stroke-linecap="round" style="stroke:var(--layer1, #202020)"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="rotate-left-1">
<title>Rotate Left</title>
<desc>A line styled icon from Orion Icon Library.</desc>
<path data-name="layer2"
d="M10.168 34.947a26.016 26.016 0 1 1 7.45 15.432" fill="none" stroke="#202020"
stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"
style="stroke:var(--layer1, #202020)"></path>
<path data-name="layer1" fill="none" stroke="#202020" stroke-miterlimit="10"
stroke-width="2" d="M2 23l8.168 11.947L20.986 25" stroke-linejoin="round"
stroke-linecap="round" style="stroke:var(--layer1, #202020)"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" id="portfolio-grid-1">
<title>Portfolio Grid</title>
<desc>A line styled icon from Orion Icon Library.</desc>
<path data-name="layer2"
fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M2 2h12v12H2zm24 0h12v12H26zm24 0h12v12H50zM2 50h12v12H2z"
stroke-linejoin="round" stroke-
HTML网站源码-简约小型商城网站模板-响应式源码.zip
版权申诉
7 浏览量
2024-03-26
09:47:10
上传
评论
收藏 2.93MB ZIP 举报
HTML网站源码-简约小型商城网站模板-响应式源码.zip （278个子文件） 
style.gold.css 221KB style.default.css 221KB style.violet.css 221KB style.pink.css 221KB style.blue.css 221KB style.sea.css 221KB style.red.css 221KB style.green.css 221KB bootstrap.css 201KB bootstrap.rtl.css 200KB style.default.min.css 174KB style.gold.min.css 174KB style.violet.min.css 174KB style.pink.min.css 174KB style.blue.min.css 174KB style.sea.min.css 174KB style.green.min.css 174KB style.red.min.css 174KB bootstrap.rtl.min.css 160KB bootstrap.min.css 160KB bootstrap-grid.rtl.css 71KB bootstrap-grid.css 71KB bootstrap-utilities.css 70KB bootstrap-utilities.rtl.css 70KB bootstrap-utilities.min.css 52KB bootstrap-utilities.rtl.min.css 52KB bootstrap-grid.rtl.min.css 52KB bootstrap-grid.min.css 52KB swiper-bundle.css 18KB glightbox.css 17KB swiper-bundle.min.css 15KB glightbox.min.css 13KB choices.css 8KB bootstrap-reboot.css 7KB bootstrap-reboot.rtl.css 7KB choices.min.css 7KB bootstrap-reboot.rtl.min.css 6KB bootstrap-reboot.min.css 6KB nouislider.css 6KB swiper.min.css 5KB pagination.min.css 5KB nouislider.min.css 4KB base.css 2KB base.min.css 2KB effect-cube.min.css 1KB navigation.min.css 1KB effect-flip.min.css 549B lazy.min.css 523B scrollbar.min.css 511B styles.css 376B virtual.min.css 349B effect-fade.min.css 325B zoom.min.css 286B effect-cards.min.css 168B effect-creative.min.css 154B grid.min.css 117B a11y.min.css 104B free-mode.min.css 84B custom.css 25B effect-coverflow.min.css 0B parallax.min.css 0B controller.min.css 0B hash-navigation.min.css 0B history.min.css 0B mousewheel.min.css 0B thumbs.min.css 0B manipulation.min.css 0B autoplay.min.css 0B keyboard.min.css 0B
demo.html 259KB shop.html 35KB test.html 25KB index.html 25KB detail.html 24KB checkout.html 20KB cart.html 18KB
cat-img-1.jpg 79KB hero-banner.jpg 58KB product-detail-4.jpg 56KB cat-img-2.jpg 54KB hero-shop.jpg 51KB cat-img-4.jpg 46KB product-5-alt-2.jpg 43KB cat-img-3.jpg 41KB product-detail-1.jpg 36KB product-5.jpg 32KB product-10.jpg 32KB product-detail-3.jpg 31KB product-6.jpg 28KB hero-banner-alt.jpg 27KB product-9.jpg 25KB product-5-alt-1.jpg 25KB product-12.jpg 22KB product-3.jpg 17KB product-2.jpg 17KB product-detail-2.jpg 17KB product-11.jpg 16KB product-8.jpg 14KB product-7.jpg 13KB category-1.jpg 10KB共 278 条
- 1
- 2
- 3
资源评论
