<!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-linecap="round" style="stroke:var(--layer1, #202020)"></
企业级网站源码-创新营销商务服务网站模板-响应式适配移动端.zip （271个子文件） 
style.default.css 301KB style.green.css 301KB style.pink.css 301KB style.violet.css 301KB style.blue.css 301KB style.sea.css 301KB style.red.css 301KB bootstrap.css 274KB bootstrap.rtl.css 274KB style.default.min.css 246KB style.green.min.css 246KB style.pink.min.css 246KB style.violet.min.css 246KB style.blue.min.css 246KB style.sea.min.css 246KB style.red.min.css 246KB bootstrap.rtl.min.css 228KB bootstrap.min.css 227KB bootstrap-utilities.css 105KB bootstrap-utilities.rtl.css 105KB bootstrap-utilities.min.css 83KB bootstrap-utilities.rtl.min.css 83KB bootstrap-grid.rtl.css 69KB bootstrap-grid.css 69KB bootstrap-grid.rtl.min.css 51KB bootstrap-grid.min.css 51KB swiper-bundle.css 18KB swiper-bundle.min.css 15KB leaflet.css 14KB bootstrap-reboot.css 12KB bootstrap-reboot.rtl.css 12KB bootstrap-reboot.rtl.min.css 10KB bootstrap-reboot.min.css 10KB swiper.min.css 5KB pagination.min.css 5KB modal-video.css 3KB modal-video.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 357B 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 mousewheel.min.css 0B history.min.css 0B thumbs.min.css 0B manipulation.min.css 0B autoplay.min.css 0B keyboard.min.css 0B
demo.html 256KB index.html 30KB about.html 26KB test.html 25KB contact.html 16KB
demo-img-4.jpg 182KB demo-img-6.jpg 114KB demo-img-5.jpg 44KB hero-img.jpg 41KB demo-img-3.jpg 30KB demo-img-2.jpg 29KB demo-img-1.jpg 19KB client-3.jpg 12KB client-2.jpg 11KB client-1.jpg 9KB leaflet-src.js 440KB leaflet-src.esm.js 415KB swiper-bundle.js 313KB swiper-bundle.esm.browser.js 280KB bootstrap.bundle.js 203KB leaflet.js 144KB bootstrap.js 142KB swiper-bundle.esm.browser.min.js 137KB swiper-bundle.min.js 133KB bootstrap.esm.js 133KB swiper_angular.umd.js 86KB bootstrap.bundle.min.js 79KB bootstrap.esm.min.js 72KB swiper_angular.js 60KB bootstrap.min.js 59KB zoom.js 20KB core.js 16KB swiper.js 15KB jquery-modal-video.js 15KB modal-video.js 14KB mousewheel.js 14KB pagination.js 13KB updateSlides.js 10KB共 271 条
- 1
- 2
- 3
资源评论
