SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html amp amp-version="2310201815000" class="i-amphtml-singledoc i-amphtml-standalone">3 <head>4 <style>5 </style>6 <style amp-runtime>7 html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads]) body{height:auto!important}html:not([amp4ads]) body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1px solid transparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body .i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox] .i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instagram{padding:54px 0px 0px!important;background-color:#fff}amp-iframe iframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready) [subscriptions-action],body:not(.i-amphtml-subs-ready) [subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list [fetch-error],amp-list[load-more] [load-more-button],amp-list[load-more] [load-more-end],amp-list[load-more] [load-more-failed],amp-list[load-more] [load-more-loading]{display:none}amp-list[diffable] div[role=list]{display:block}amp-story-page,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-page{background-color:#757575}amp-story .amp-active>div,amp-story .i-amphtml-loader-background{display:none!important}amp-story-page:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>input,amp-autocomplete>textarea{padding:0.5rem;border:1px solid rgba(0,0,0,0.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}8/*# sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity 0.3s cubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic .i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),body noscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}body noscript>*{position:absolute!important;width:100%;height:100%;z-index:2}body noscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!important;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-message)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box *,.amp-border-box :after,.amp-border-box :before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}amp-accordion{display:block!important}@media (min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1px solid #dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}9/*# sourceURL=/css/ampshared.css*/10 </style>11 <style amp-extension="amp-sticky-ad">12 amp-sticky-ad{position:fixed!important;text-align:center;bottom:0!important;left:0;width:100%!important;z-index:11;max-height:100px!important;box-sizing:border-box;opacity:1!important;background-image:none!important;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.2)!important;margin-bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px)}amp-sticky-ad-top-padding{display:block;width:100%!important;background:#fff;height:4px;max-height:5px!important;z-index:12}.i-amphtml-sticky-ad-layout{display:-ms-flexbox;display:flex;visibility:hidden!important;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:visible!important;transform:translateZ(0)!important}amp-sticky-ad[visible]{visibility:visible!important}.i-amphtml-sticky-ad-layout>amp-ad{display:block}.amp-sticky-ad-close-button{position:absolute;visibility:hidden;width:28px;height:28px;top:-28px;right:0;background-image:url('data:image/svg+xml;charset=utf-8,');background-size:13px 13px;background-position:9px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.2);border:none;border-radius:12px 0 0 0}amp-sticky-ad[visible]>.amp-sticky-ad-close-button{visibility:visible}.amp-sticky-ad-close-button:before{position:absolute;content:"";top:-20px;right:0;left:-20px;bottom:0}[dir=rtl] .amp-sticky-ad-close-button{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:12px;background-position:6px}[dir=rtl] .amp-sticky-ad-close-button:before{right:-20px;left:0}13/*# sourceURL=/extensions/amp-sticky-ad/1.0/amp-sticky-ad.css*/14 </style>15 <style amp-extension="amp-loader">16 .i-amphtml-loader-background{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#f8f8f8}.i-amphtml-new-loader{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;color:#aaa}.i-amphtml-new-loader-size-default,.i-amphtml-new-loader-size-small{width:72px;height:72px}.i-amphtml-new-loader-logo{transform-origin:center;opacity:0;animation:i-amphtml-new-loader-scale-and-fade-in 0.8s ease-in forwards;animation-delay:0.6s;animation-delay:calc(0.6s - var(--loader-delay-offset))}.i-amphtml-new-loader-size-small .i-amphtml-new-loader-logo{display:none}.i-amphtml-new-loader-logo-default{fill:currentColor;animation:i-amphtml-new-loader-fade-out 0.8s ease-out forwards;animation-delay:1.8s;animation-delay:calc(1.8s - var(--loader-delay-offset))}.i-amphtml-new-loader-has-shim{color:#fff!important}.i-amphtml-new-loader-shim{width:72px;height:72px;border-radius:50%;display:none;transform-origin:center;opacity:0;background-color:rgba(0,0,0,0.6);animation:i-amphtml-new-loader-scale-and-fade-in 0.8s ease-in forwards;animation-delay:0.6s;animation-delay:calc(0.6s - var(--loader-delay-offset))}.i-amphtml-new-loader-size-small .i-amphtml-new-loader-shim{width:48px;height:48px;margin:12px}.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-shim{display:initial}.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-logo-default{display:none}.i-amphtml-new-loader-has-shim .i-amphtml-new-loader-transparent-on-shim{fill:transparent!important}.i-amphtml-new-loader-logo,.i-amphtml-new-loader-shim,.i-amphtml-new-loader-spinner-wrapper{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-new-loader-spinner-wrapper{margin:12px}.i-amphtml-new-loader-spinner{stroke:currentColor;stroke-width:1.5px;opacity:0;animation:i-amphtml-new-loader-fade-in 0.8s ease-in forwards;animation-delay:1.8s;animation-delay:calc(1.8s - var(--loader-delay-offset))}.i-amphtml-new-loader-spinner-path{animation:frame-position-first-spin 0.6s steps(30),frame-position-infinite-spin 1.2s steps(59) infinite;animation-delay:2.8s,3.4s;animation-delay:calc(2.8s - var(--loader-delay-offset)),calc(3.4s - var(--loader-delay-offset))}.i-amphtml-new-loader-size-small .i-amphtml-new-loader-spinner{transform:scale(0.54545);stroke-width:2.75px}.i-amphtml-new-loader-size-small .i-amphtml-new-loader-spinner-path{animation-delay:1.4s,2s;animation-delay:calc(1.4s - var(--loader-delay-offset)),calc(2s - var(--loader-delay-offset))}.i-amphtml-new-loader *{animation-play-state:paused}.amp-active>.i-amphtml-new-loader *{animation-play-state:running}.i-amphtml-new-loader-ad-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.i-amphtml-new-loader-ad-label{all:initial!important;display:inline-block!important;padding:0 0.4ch!important;border:1px solid!important;border-radius:2px!important;color:currentColor!important;font-size:11px!important;font-family:sans-serif!important;line-height:1.1!important;visibility:inherit!important}@keyframes i-amphtml-new-loader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes i-amphtml-new-loader-fade-out{0%{opacity:1}to{opacity:0}}@keyframes i-amphtml-new-loader-scale-and-fade-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1)}to{opacity:1}}@keyframes frame-position-first-spin{0%{transform:translateX(0)}to{transform:translateX(-1440px)}}@keyframes frame-position-infinite-spin{0%{transform:translateX(-1440px)}to{transform:translateX(-4272px)}}17/*# sourceURL=/extensions/amp-loader/0.1/amp-loader.css*/18 </style>19 <style amp-extension="amp-form">20 form.amp-form-submit-error [submit-error],form.amp-form-submit-success [submit-success],form.amp-form-submitting [submitting]{display:block}textarea[autoexpand]:not(.i-amphtml-textarea-max){overflow:hidden!important}.i-amphtml-textarea-clone{visibility:hidden;position:absolute;top:-9999px;left:-9999px;height:0!important}.i-amphtml-validation-bubble{transform:translate(-50%,-100%);background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.5);max-width:200px;position:absolute;display:block;box-sizing:border-box;padding:10px;border-radius:5px}.i-amphtml-validation-bubble:after{content:" ";position:absolute;bottom:-8px;left:30px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}[visible-when-invalid]{color:red}21/*# sourceURL=/extensions/amp-form/0.1/amp-form.css*/22 </style>23 <style amp-extension="amp-social-share">24 .amp-social-share-facebook{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-pinterest{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-linkedin{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-email{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-twitter{background-image:url('data:image/svg+xml;charset=utf-8,');background-size:30%}.amp-social-share-tumblr{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-whatsapp{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-line{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-sms{background-image:url('data:image/svg+xml;charset=utf-8,')}.amp-social-share-system{background-image:url('data:image/svg+xml;charset=utf-8,')}amp-social-share{background-repeat:no-repeat;background-position:50%;background-size:contain;text-decoration:none;cursor:pointer;position:relative}amp-social-share:focus{outline:2px solid #0389ff;outline-offset:2px}.amp-social-share-twitter{background-color:#000}.amp-social-share-facebook{background-color:#32529f}.amp-social-share-pinterest{background-color:#e60023}.amp-social-share-linkedin{background-color:#0077b5}.amp-social-share-tumblr{background-color:#3c5a77}.amp-social-share-email{background-color:#000}.amp-social-share-whatsapp{background-color:#25d366}.amp-social-share-line{background-color:#52b448}.amp-social-share-sms{background-color:#ca2b63}.amp-social-share-system{background-color:#000}25/*# sourceURL=/extensions/amp-social-share/0.1/amp-social-share.css*/26 </style>27 <style amp-extension="amp-ad">28 amp-ad iframe,amp-embed iframe{border:0!important;margin:0!important;padding:0!important;position:relative}.i-amphtml-ad-default-holder{position:absolute;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:hsla(0,0%,78%,0.05)}.i-amphtml-ad-default-holder:after{content:"Ad";content:attr(data-ad-holder-text);background-color:transparent;border-radius:2px;color:#696969;font-size:10px;line-height:1;font-family:Arial,sans-serif;padding:3px 4px 1px;border:1px solid #696969}amp-ad[sticky]{visibility:hidden;-ms-flex-align:center;align-items:center}amp-ad[type=adsense],amp-ad[type=doubleclick]{direction:ltr}amp-ad[data-a4a-upgrade-type=amp-ad-network-adsense-impl]>iframe,amp-ad[data-a4a-upgrade-type=amp-ad-network-doubleclick-impl]>iframe{min-height:0;min-width:0}amp-ad[data-a4a-upgrade-type=amp-ad-network-doubleclick-impl][height=fluid]>iframe{height:100%!important;width:100%!important;position:relative}amp-ad[data-a4a-upgrade-type=amp-ad-network-doubleclick-impl][height=fluid]{width:100%!important}amp-ad .amp-ad-close-button{position:absolute;width:28px;height:28px;right:0;background-image:url('data:image/svg+xml;charset=utf-8,');background-size:13px 13px;background-position:9px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.2);border:none;border-radius:12px 0 0 0}amp-ad .amp-ad-close-button:before{position:absolute;content:"";top:-20px;right:0;left:-20px;bottom:0}amp-ad[sticky=bottom-right] .amp-ad-close-button,amp-ad[sticky=bottom] .amp-ad-close-button,amp-ad[sticky=left] .amp-ad-close-button,amp-ad[sticky=right] .amp-ad-close-button{top:-28px}amp-ad[sticky=top] .amp-ad-close-button{transform:rotate(270deg);bottom:-28px}amp-ad[sticky=left] .amp-ad-close-button{transform:rotate(90deg);left:0}[dir=rtl] amp-ad .amp-ad-close-button{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:12px;background-position:6px}[dir=rtl] amp-ad .amp-ad-close-button:before{right:-20px;left:0}amp-ad[sticky]{z-index:[PHONE REDACTED];position:fixed;overflow:visible!important;box-shadow:0 0 5px 0 rgba(0,0,0,0.2)!important;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}amp-ad[sticky=top]{padding-bottom:5px;top:0}amp-ad[sticky=bottom],amp-ad[sticky=top]{width:100%!important;max-height:20%!important;background:#fff}amp-ad[sticky=bottom]{max-width:100%;padding-bottom:env(safe-area-inset-bottom,0px);bottom:0;padding-top:4px}amp-ad[sticky=bottom-right]{bottom:0;right:0}amp-ad[sticky=left],amp-ad[sticky=right]{background:#fff}amp-ad[sticky=left] iframe,amp-ad[sticky=right] iframe{max-width:120px!important}amp-ad[sticky=left]{left:0}amp-ad[sticky=right]{right:0}@media (max-width:1024px){amp-ad[sticky=left],amp-ad[sticky=right]{display:none!important}}29/*# sourceURL=/extensions/amp-ad/0.1/amp-ad.css*/30 </style>31 <style amp-extension="amp-sidebar">32 amp-sidebar{--story-page-vh:1vh;position:fixed!important;top:0;max-height:100vh!important;height:100vh;max-width:80vw;background-color:#efefef;min-width:45px!important;outline:none;overflow-x:hidden!important;overflow-y:auto!important;z-index:[PHONE REDACTED];-webkit-overflow-scrolling:touch;will-change:transform}amp-sidebar[side=left]{left:0!important;transform:translateX(-100%);animation-name:i-amphtml-sidebar-slide-out-left}amp-sidebar[side=left][open]{animation-name:i-amphtml-sidebar-slide-in-left}amp-sidebar[side=right]{right:0!important;transform:translateX(100%);animation-name:i-amphtml-sidebar-slide-out-right}amp-sidebar[side=right][open]{animation-name:i-amphtml-sidebar-slide-in-right}amp-sidebar[side][i-amphtml-sidebar-opened]{transform:none;animation:none}.i-amphtml-sidebar-mask,amp-sidebar[side]{animation-duration:233ms;animation-timing-function:cubic-bezier(0,0,.21,1);animation-fill-mode:forwards}.i-amphtml-toolbar>ol,.i-amphtml-toolbar>ul{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:auto;list-style-type:none;padding:0;margin:0}.amp-sidebar-mask{background-color:rgba(0,0,0,0.5)}.i-amphtml-sidebar-mask{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-image:none!important;animation-name:i-amphtml-sidebar-mask-fade-out;z-index:[PHONE REDACTED]}.i-amphtml-sidebar-mask[open]{animation-name:i-amphtml-sidebar-mask-fade-in}.i-amphtml-sidebar-mask[i-amphtml-sidebar-opened]{animation:none}@keyframes i-amphtml-sidebar-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes i-amphtml-sidebar-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes i-amphtml-sidebar-slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes i-amphtml-sidebar-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes i-amphtml-sidebar-mask-fade-in{0%{opacity:0}to{opacity:1}}@keyframes i-amphtml-sidebar-mask-fade-out{0%{opacity:1}to{opacity:0}}33/*# sourceURL=/extensions/amp-sidebar/0.1/amp-sidebar.css*/34 </style>35 <meta charset="utf-8">36 <meta content="IE=edge" http-equiv="X-UA-Compatible">37 <meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport">38 <meta content="Definition of resource on a network in The Network Encyclopedia." name="description">39 <title>40 resource on a network in The Network Encyclopedia41 </title>42 <!--//styles and scripts-->43 <style amp-boilerplate>44 body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}45 </style>46 <noscript>47 <style amp-boilerplate>48 body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}49 </style>50 </noscript>51 <style amp-custom>52 div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,figcaption{font: inherit;}section{background-color: #eeeeee;}section,.container,.container-fluid{position: relative;word-wrap: break-word;}a.mbr-iconfont:hover{text-decoration: none;}.article .lead p,.article .lead ul,.article .lead ol,.article .lead pre,.article .lead blockquote{margin-bottom: 0;}a{font-style: normal;font-weight: 400;cursor: pointer;}a,a:hover{text-decoration: none;}figure{margin-bottom: 0;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4{line-height: 1;word-break: break-word;word-wrap: break-word;}b,strong{font-weight: bold;}blockquote{padding: 10px 0 10px 20px;position: relative;border-left: 2px solid;border-color: #ff3366;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition-delay: 9999s;transition-property: background-color,color;}textarea[type="hidden"]{display: none;}body{position: relative;}section{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}section .mbr-background-video,section .mbr-background-video-preview{position: absolute;bottom: 0;left: 0;right: 0;top: 0;}.row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}@media (min-width: 576px){.row{margin-right: -15px;margin-left: -15px;}}@media (min-width: 768px){.row{margin-right: -15px;margin-left: -15px;}}@media (min-width: 992px){.row{margin-right: -15px;margin-left: -15px;}}@media (min-width: 1200px){.row{margin-right: -15px;margin-left: -15px;}}.hidden{visibility: hidden;}.mbr-z-index20{z-index: 20;}.mbr-white{color: #ffffff;}.mbr-black{color: #000000;}.mbr-bg-white{background-color: #ffffff;}.mbr-bg-black{background-color: #000000;}.align-left{text-align: left;}.align-center{text-align: center;}.align-right{text-align: right;}@media (max-width: 767px){.align-left,.align-center,.align-right,.mbr-section-btn,.mbr-section-title{text-align: center;}}.mbr-light{font-weight: 300;}.mbr-regular{font-weight: 400;}.mbr-semibold{font-weight: 500;}.mbr-bold{font-weight: 700;}.mbr-figure img,.mbr-figure iframe{display: block;width: 100%;}.card{background-color: transparent;border: none;}.card-img{text-align: center;flex-shrink: 0;}.media{max-width: 100%;margin: 0 auto;}.mbr-figure{-ms-flex-item-align: center;-ms-grid-row-align: center;-webkit-align-self: center;align-self: center;}.media-container > div{max-width: 100%;}.mbr-figure img,.card-img img{width: 100%;}@media (max-width: 991px){.media-size-item{width: auto;}.media{width: auto;}.mbr-figure{width: 100%;}}.mbr-section-btn{margin-left: -.25rem;margin-right: -.25rem;font-size: 0;}nav .mbr-section-btn{margin-left: 0rem;margin-right: 0rem;}.btn .mbr-iconfont,.btn.btn-sm .mbr-iconfont{cursor: pointer;margin-right: 0.5rem;}.btn.btn-md .mbr-iconfont,.btn.btn-md .mbr-iconfont{margin-right: 0.8rem;}[type="submit"]{-webkit-appearance: none;}.mbr-fullscreen .mbr-overlay{min-height: 100vh;}.mbr-fullscreen{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;align-items: center;-webkit-align-items: center;min-height: 100vh;box-sizing: border-box;padding-top: 3rem;padding-bottom: 3rem;}amp-img img{max-height: 100%;max-width: 100%;}img.mbr-temp{width: 100%;}.super-hide{display: none;}.is-builder .nodisplay + img[async],.is-builder .nodisplay + img[decoding="async"],.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}53*{box-sizing: border-box;}body{font-family: Roboto;font-style: normal;line-height: 1.5;}.mbr-section-title{font-style: normal;line-height: 1.2;}.mbr-section-subtitle{line-height: 1.3;}.mbr-text{font-style: normal;line-height: 1.6;}.display-1{font-family: 'Roboto',sans-serif;font-size: 4.5rem;}.display-2{font-family: 'Roboto',sans-serif;font-size: 2.2rem;}.display-4{font-family: 'Roboto',sans-serif;font-size: 0.9rem;}.display-5{font-family: 'Roboto',sans-serif;font-size: 1.8rem;}.display-7{font-family: 'Roboto',sans-serif;font-size: 1.1rem;}@media (max-width: 768px){.display-1{font-size: 3.6rem;font-size: calc( 2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.225rem + (4.5 - 2.225) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 1.76rem;font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));}.display-4{font-size: 0.72rem;font-size: calc( 0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 1.44rem;font-size: calc( 1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.28rem + (1.8 - 1.28) * ((100vw - 20rem) / (48 - 20))));}}.btn{font-weight: 400;border-width: 2px;border-style: solid;font-style: normal;letter-spacing: 2px;margin: .4rem .8rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;padding: 1rem 2rem;border-radius: 0px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.btn-sm{border: 1px solid;font-weight: 400;letter-spacing: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 0.6rem 0.8rem;border-radius: 0px;}.btn-md{font-weight: 600;letter-spacing: 2px;margin: .4rem .8rem;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 1rem 2rem;border-radius: 0px;}.bg-primary{background-color: #4ea2e3;}.bg-success{background-color: #0dcd7b;}.bg-info{background-color: #8282e7;}.bg-warning{background-color: #767676;}.bg-danger{background-color: #a0a0a0;}.btn-primary,.btn-primary:active,.btn-primary.active{background-color: #4ea2e3;border-color: #4ea2e3;color: #ffffff;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{color: #ffffff;background-color: #1f7dc5;border-color: #1f7dc5;}.btn-primary.disabled,.btn-primary:disabled{color: #ffffff;background-color: #1f7dc5;border-color: #1f7dc5;}.btn-secondary,.btn-secondary:active,.btn-secondary.active{background-color: #4addff;border-color: #4addff;color: #003c4a;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{color: #003c4a;background-color: #00cdfd;border-color: #00cdfd;}.btn-secondary.disabled,.btn-secondary:disabled{color: #003c4a;background-color: #00cdfd;border-color: #00cdfd;}.btn-info,.btn-info:active,.btn-info.active{background-color: #8282e7;border-color: #8282e7;color: #ffffff;}.btn-info:hover,.btn-info:focus,.btn-info.focus{color: #ffffff;background-color: #4242db;border-color: #4242db;}.btn-info.disabled,.btn-info:disabled{color: #ffffff;background-color: #4242db;border-color: #4242db;}.btn-success,.btn-success:active,.btn-success.active{background-color: #0dcd7b;border-color: #0dcd7b;color: #ffffff;}.btn-success:hover,.btn-success:focus,.btn-success.focus{color: #ffffff;background-color: #088550;border-color: #088550;}.btn-success.disabled,.btn-success:disabled{color: #ffffff;background-color: #088550;border-color: #088550;}.btn-warning,.btn-warning:active,.btn-warning.active{background-color: #767676;border-color: #767676;color: #ffffff;}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus{color: #ffffff;background-color: #505050;border-color: #505050;}.btn-warning.disabled,.btn-warning:disabled{color: #ffffff;background-color: #505050;border-color: #505050;}.btn-danger,.btn-danger:active,.btn-danger.active{background-color: #a0a0a0;border-color: #a0a0a0;color: #ffffff;}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-danger.disabled,.btn-danger:disabled{color: #ffffff;background-color: #7a7a7a;border-color: #7a7a7a;}.btn-black,.btn-black:active,.btn-black.active{background-color: #333333;border-color: #333333;color: #ffffff;}.btn-black:hover,.btn-black:focus,.btn-black.focus{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-black.disabled,.btn-black:disabled{color: #ffffff;background-color: #0d0d0d;border-color: #0d0d0d;}.btn-white,.btn-white:active,.btn-white.active{background-color: #ffffff;border-color: #ffffff;color: #808080;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white.disabled,.btn-white:disabled{color: #808080;background-color: #d9d9d9;border-color: #d9d9d9;}.btn-white,.btn-white:active,.btn-white.active{color: #333333;}.btn-white:hover,.btn-white:focus,.btn-white.focus{color: #333333;}.btn-white.disabled,.btn-white:disabled{color: #333333;}.btn-primary-outline,.btn-primary-outline:active,.btn-primary-outline.active{background: none;border-color: #1c6faf;color: #1c6faf;}.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus{color: #ffffff;background-color: #4ea2e3;border-color: #4ea2e3;}.btn-primary-outline.disabled,.btn-primary-outline:disabled{color: #ffffff;background-color: #4ea2e3;border-color: #4ea2e3;}.btn-secondary-outline,.btn-secondary-outline:active,.btn-secondary-outline.active{background: none;border-color: #00b8e3;color: #00b8e3;}.btn-secondary-outline:hover,.btn-secondary-outline:focus,.btn-secondary-outline.focus{color: #003c4a;background-color: #4addff;border-color: #4addff;}.btn-secondary-outline.disabled,.btn-secondary-outline:disabled{color: #003c4a;background-color: #4addff;border-color: #4addff;}.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{background: none;border-color: #2c2cd7;color: #2c2cd7;}.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{color: #ffffff;background-color: #8282e7;border-color: #8282e7;}.btn-info-outline.disabled,.btn-info-outline:disabled{color: #ffffff;background-color: #8282e7;border-color: #8282e7;}.btn-success-outline,.btn-success-outline:active,.btn-success-outline.active{background: none;border-color: #076d41;color: #076d41;}.btn-success-outline:hover,.btn-success-outline:focus,.btn-success-outline.focus{color: #ffffff;background-color: #0dcd7b;border-color: #0dcd7b;}.btn-success-outline.disabled,.btn-success-outline:disabled{color: #ffffff;background-color: #0dcd7b;border-color: #0dcd7b;}.btn-warning-outline,.btn-warning-outline:active,.btn-warning-outline.active{background: none;border-color: #434343;color: #434343;}.btn-warning-outline:hover,.btn-warning-outline:focus,.btn-warning-outline.focus{color: #ffffff;background-color: #767676;border-color: #767676;}.btn-warning-outline.disabled,.btn-warning-outline:disabled{color: #ffffff;background-color: #767676;border-color: #767676;}.btn-danger-outline,.btn-danger-outline:active,.btn-danger-outline.active{background: none;border-color: #6d6d6d;color: #6d6d6d;}.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-danger-outline.disabled,.btn-danger-outline:disabled{color: #ffffff;background-color: #a0a0a0;border-color: #a0a0a0;}.btn-black-outline,.btn-black-outline:active,.btn-black-outline.active{background: none;border-color: #000000;color: #000000;}.btn-black-outline:hover,.btn-black-outline:focus,.btn-black-outline.focus{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-black-outline.disabled,.btn-black-outline:disabled{color: #ffffff;background-color: #333333;border-color: #333333;}.btn-white-outline,.btn-white-outline:active,.btn-white-outline.active{background: none;border-color: #ffffff;color: #ffffff;}.btn-white-outline:hover,.btn-white-outline:focus,.btn-white-outline.focus{color: #333333;background-color: #ffffff;border-color: #ffffff;}.text-primary{color: #4ea2e3;}.text-secondary{color: #4addff;}.text-success{color: #0dcd7b;}.text-info{color: #8282e7;}.text-warning{color: #767676;}.text-danger{color: #a0a0a0;}.text-white{color: #ffffff;}.text-black{color: #000000;}a.text-primary:hover,a.text-primary:focus{color: #1c6faf;}a.text-secondary:hover,a.text-secondary:focus{color: #00b8e3;}a.text-success:hover,a.text-success:focus{color: #076d41;}a.text-info:hover,a.text-info:focus{color: #2c2cd7;}a.text-warning:hover,a.text-warning:focus{color: #434343;}a.text-danger:hover,a.text-danger:focus{color: #6d6d6d;}a.text-white:hover,a.text-white:focus{color: #b3b3b3;}a.text-black:hover,a.text-black:focus{color: #4d4d4d;}.alert-success{background-color: #0dcd7b;}.alert-info{background-color: #8282e7;}.alert-warning{background-color: #767676;}.alert-danger{background-color: #a0a0a0;}.btn-form{border-radius: 0;}.btn-form:hover{cursor: pointer;}a,a:hover{color: #4ea2e3;}.mbr-plan-header.bg-primary .mbr-plan-subtitle,.mbr-plan-header.bg-primary .mbr-plan-price-desc{color: #feffff;}.mbr-plan-header.bg-success .mbr-plan-subtitle,.mbr-plan-header.bg-success .mbr-plan-price-desc{color: #acfad9;}.mbr-plan-header.bg-info .mbr-plan-subtitle,.mbr-plan-header.bg-info .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-warning .mbr-plan-subtitle,.mbr-plan-header.bg-warning .mbr-plan-price-desc{color: #b6b6b6;}.mbr-plan-header.bg-danger .mbr-plan-subtitle,.mbr-plan-header.bg-danger .mbr-plan-price-desc{color: #e0e0e0;}blockquote{padding: 10px 0 10px 20px;position: relative;border-color: #4ea2e3;border-width: 3px;}ul,ol,pre,blockquote{margin-bottom: 0;margin-top: 0;}pre{background: #f4f4f4;padding: 10px 24px;white-space: pre-wrap;}.inactive{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none;}html,body{height: auto;min-height: 100vh;}.popover-content ul.show{min-height: 155px;}#scrollToTop{display: none;}.mbr-container{max-width: 800px;padding: 0 10px;margin: 0 auto;position: relative;}h1,h2,h3{margin: auto;}h1,h3,p{padding: 10px 0;margin-bottom: 15px;}p,li,blockquote{color: #15181b;letter-spacing: 0.5px;line-height: 1.7;}.container{padding-right: 15px;padding-left: 15px;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}}@media (min-width: 768px){.container{max-width: 720px;}}@media (min-width: 992px){.container{max-width: 960px;}}@media (min-width: 1200px){.container{max-width: 1140px;}}.mbr-row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.mbr-justify-content-center{justify-content: center;}@media (max-width: 767px){.mbr-col-sm-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;}.mbr-row{margin: 0;}}@media (min-width: 768px){.mbr-col-md-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;}.mbr-col-md-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 15px;padding-left: 15px;}.mbr-col-md-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;padding-right: 15px;padding-left: 15px;}.mbr-col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;}.mbr-col-md-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;}.mbr-col-md-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;}.mbr-col-md-10{-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;padding-left: 15px;padding-right: 15px;}.mbr-col-md-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;}}@media (min-width: 992px){.mbr-col-lg-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-4{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-5{-ms-flex: 0 0 41.666%;flex: 0 0 41.666%;max-width: 41.666%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;}.mbr-col-lg-10{-ms-flex: 0 0 83.3333%;flex: 0 0 83.3333%;max-width: 83.3333%;padding-right: 15px;padding-left: 15px;}.mbr-col-lg-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;}}@media (min-width: 1200px){.mbr-col-xl-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 15px;padding-left: 15px;}.mbr-col-xl-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;}}section.sidebar-open:before{content: '';position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1040;}p{margin-top: 0;}.cid-qMuqPIIdK7 amp-sidebar{min-width: 260px;z-index: 1050;background-color: #ffffff;}.cid-qMuqPIIdK7 amp-sidebar.open:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: red;}.cid-qMuqPIIdK7 .open{transform: translateX(0%);display: block;}.cid-qMuqPIIdK7 .builder-sidebar{background-color: #ffffff;position: relative;height: 100vh;z-index: 1030;padding: 1rem 2rem;max-width: 20rem;}.cid-qMuqPIIdK7 .headerbar{display: flex;flex-direction: column;justify-content: center;padding: .5rem 1rem;min-height: 70px;align-items: center;background: #ffffff;}.cid-qMuqPIIdK7 .headerbar.sticky-nav{position: fixed;z-index: 1000;width: 100%;}.cid-qMuqPIIdK7 button.sticky-but{position: fixed;}.cid-qMuqPIIdK7 .brand{display: flex;align-items: center;align-self: flex-start;padding-right: 30px;}.cid-qMuqPIIdK7 .brand p{margin: 0;padding: 0;}.cid-qMuqPIIdK7 .brand-name{color: #197bc6;}.cid-qMuqPIIdK7 .sidebar{padding: 1rem 0;margin: 0;}.cid-qMuqPIIdK7 .sidebar > li{list-style: none;display: flex;flex-direction: column;}.cid-qMuqPIIdK7 .sidebar a{display: block;text-decoration: none;margin-bottom: 10px;}.cid-qMuqPIIdK7 .close-sidebar{width: 30px;height: 30px;position: relative;cursor: pointer;background-color: transparent;border: none;}.cid-qMuqPIIdK7 .close-sidebar:focus{outline: 2px auto #4ea2e3;}.cid-qMuqPIIdK7 .close-sidebar span{position: absolute;left: 0;width: 30px;height: 2px;border-right: 5px;background-color: #197bc6;}.cid-qMuqPIIdK7 .close-sidebar span:nth-child(1){transform: rotate(45deg);}.cid-qMuqPIIdK7 .close-sidebar span:nth-child(2){transform: rotate(-45deg);}@media (min-width: 992px){.cid-qMuqPIIdK7 .brand-name{min-width: 8rem;}.cid-qMuqPIIdK7 .builder-sidebar{margin-left: auto;}.cid-qMuqPIIdK7 .builder-sidebar .sidebar li{flex-direction: row;flex-wrap: wrap;}.cid-qMuqPIIdK7 .builder-sidebar .sidebar li a{padding: .5rem;margin: 0;}.cid-qMuqPIIdK7 .builder-overlay{display: none;}}.cid-qMuqPIIdK7 .hamburger{position: absolute;top: 25px;right: 20px;margin-left: auto;width: 30px;height: 20px;background: none;border: none;cursor: pointer;z-index: 1000;}@media (min-width: 768px){.cid-qMuqPIIdK7 .hamburger{top: calc(0.5rem + 55 * 0.5px - 10px);}}.cid-qMuqPIIdK7 .hamburger:focus{outline: none;}.cid-qMuqPIIdK7 .hamburger span{position: absolute;right: 0;width: 30px;height: 2px;border-right: 5px;background-color: #197bc6;}.cid-qMuqPIIdK7 .hamburger span:nth-child(1){top: 0;transition: all .2s;}.cid-qMuqPIIdK7 .hamburger span:nth-child(2){top: 8px;transition: all .15s;}.cid-qMuqPIIdK7 .hamburger span:nth-child(3){top: 8px;transition: all .15s;}.cid-qMuqPIIdK7 .hamburger span:nth-child(4){top: 16px;transition: all .2s;}.cid-qMuqPIIdK7 amp-img{height: 55px;width: 55px;margin-right: 1rem;display: flex;align-items: center;}@media (max-width: 768px){.cid-qMuqPIIdK7 amp-img{max-height: 55px;max-width: 55px;}}.cid-qMuttrwTHs{padding-top: 105px;padding-bottom: 60px;background-color: #767676;}.cid-qMuttrwTHs .mbr-title{padding-bottom: 1rem;}.cid-qMuttrwTHs .mbr-section-btn{padding-top: 1.5rem;}.cid-qMutBxvIQ9{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutBxvIQ9 .mbr-text{margin-bottom: 0;}.cid-qMutBxvIQ9 .mbr-section-title{margin: 0;}.cid-qMuue3XXjI{padding-top: 30px;padding-bottom: 30px;background-color: #0dd1ff;}.cid-qMuue3XXjI .mbr-row{flex-direction: row-reverse;}.cid-qMuue3XXjI .text-block{margin: auto;}.cid-qMutFOfM5X{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutFOfM5X .mbr-text{margin-bottom: 0;}.cid-qMutFOfM5X .mbr-section-title{margin: 0;}.cid-qMutH8S2GY{padding-top: 30px;padding-bottom: 30px;background-color: #ffffff;}.cid-qMutH8S2GY .mbr-text{padding: 2rem 0;}.cid-qMutJyxKbq{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutJyxKbq .mbr-text{margin-bottom: 0;}.cid-qMutJyxKbq .mbr-section-title{margin: 0;}.cid-qMutKK7qp1{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutKK7qp1 .counter-container ul{margin-bottom: 0;}.cid-qMutKK7qp1 .counter-container ul li{color: inherit;margin-bottom: 1rem;list-style: none;}.cid-qMutKK7qp1 .counter-container ul li:before{box-sizing: inherit;position: absolute;left: 0px;padding-top: 3px;content: '';display: inline-block;text-align: center;margin: 10px 15px;line-height: 20px;transition: all .2s;color: #ffffff;background: #4ea2e3;width: 10px;height: 10px;border-radius: 50%;border-radius: 0;transform: rotate(45deg);}.cid-qMutR1XRvF{padding-top: 30px;padding-bottom: 30px;background-color: #ffffff;}.cid-qMutR1XRvF .text-block{margin: auto;}.cid-qMutR1XRvF amp-img{text-align: center;}.cid-qMutMLyrWA{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutMLyrWA blockquote{border-color: #767676;}.cid-qMutUjxnuR{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMutUjxnuR .counter-container ol{margin-bottom: 0;counter-reset: myCounter;}.cid-qMutUjxnuR .counter-container ol li{margin-bottom: 2rem;}.cid-qMutUjxnuR .counter-container ol li{z-index: 3;list-style: none;padding-left: .5rem;}.cid-qMutUjxnuR .counter-container ol li:before{z-index: 2;position: absolute;left: 0px;counter-increment: myCounter;content: counter(myCounter);text-align: center;margin: 0 10px;line-height: 30px;transition: all .2s;width: 35px;height: 35px;color: #4ea2e3;font-size: 20px;font-weight: bold;border-radius: 50%;border: 2px solid #4ea2e3;opacity: 0.5;}.cid-qN26IJxjEL{padding-top: 30px;padding-bottom: 30px;background-color: #ffffff;}.cid-qN26IJxjEL .card{margin-bottom: 20px;position: relative;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border-radius: .25rem;width: 100%;min-height: 1px;}.cid-qN26IJxjEL .card-title{margin: 0;}.cid-qN26IJxjEL .card-box{padding-top: 2rem;}.cid-qN26IJxjEL amp-img{width: 100%;}.cid-qN26IJxjEL .mbr-text{color: #767676;}.cid-qN26JJjCrc{padding-top: 30px;padding-bottom: 30px;background-color: #ffffff;}.cid-qN26JJjCrc .card{margin-bottom: 20px;position: relative;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border-radius: 0;width: 100%;min-height: 1px;}.cid-qN26JJjCrc .card .btn{margin: .4rem 4px;}.cid-qN26JJjCrc .card-title{margin: 0;}.cid-qN26JJjCrc .mbr-text{color: #232323;}.cid-qN26JJjCrc .card-box{padding-top: 2rem;}.cid-qN26JJjCrc amp-img{width: 100%;}.cid-qMuukLjtbq{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qMuukLjtbq .mbr-row{flex-direction: row-reverse;}.cid-qMuukLjtbq .btn-container{display: flex;align-items: center;justify-content: center;}@media (min-width: 768px){.cid-qMuukLjtbq .mbr-section-subtitle{margin-bottom: 0;}}.cid-qN26QbbrAD{padding-top: 30px;padding-bottom: 30px;background-color: #0dd1ff;}.cid-qN26QbbrAD .mbr-text{padding: 2rem 0;}.cid-qN271sSXP9{padding-top: 60px;padding-bottom: 60px;background-color: #ffffff;}.cid-qN271sSXP9 .card{margin-bottom: 15px;position: relative;display: flex;-ms-flex-direction: column;flex-direction: column;word-wrap: break-word;}@media (max-width: 767px){.cid-qN271sSXP9 .card{margin-bottom: 30px;}}.cid-qN271sSXP9 .card .card-wrapper{position: relative;border: 1px solid #ededed;background-color: #efefef;padding: 1rem;margin-bottom: 1rem;}.cid-qN271sSXP9 .card .card-wrapper:before{transform: rotate(45deg);width: 14px;height: 14px;background-color: #efefef;border-color: #ededed;border-style: none solid solid none;border-width: 0 1px 1px 0;bottom: -8px;content: "";display: block;left: 50px;position: absolute;}.cid-qN271sSXP9 .card .signature{padding: 0 1rem;}.cid-qN271sSXP9 .card .signature .author-name{padding: .5rem 0;}.cid-qN271sSXP9 .mbr-text{color: #232323;}.cid-qN271sSXP9 .mbr-section-title{padding-bottom: 2rem;}@media (max-width: 767px){.cid-qN271sSXP9 .author-name,.cid-qN271sSXP9 .author-title{text-align: left;}}.cid-qN272ms0K3{padding-top: 75px;padding-bottom: 75px;background-color: #ffffff;}.cid-qN272ms0K3 .mbr-row{margin: 0 15px;}@media (max-width: 991px){.cid-qN272ms0K3 .card{margin-bottom: 20px;}}.cid-qN272ms0K3 .mbr-section-title{margin: 0;padding-bottom: 1rem;}.cid-qN272ms0K3 .mbr-text{margin: 0;}.cid-qN27jHB0An{padding-top: 120px;padding-bottom: 60px;background-color: #ffffff;}.cid-qN27jHB0An .mbr-title{padding-bottom: 1rem;}.cid-qN27jHB0An .mbr-section-btn{padding-top: 1.5rem;}.cid-qN2735L6a8{padding-top: 75px;padding-bottom: 75px;background-color: #4ea2e3;}.cid-qN2735L6a8 .mbr-row{margin: 0 15px;}@media (max-width: 991px){.cid-qN2735L6a8 .card{margin-bottom: 20px;}}.cid-qN2735L6a8 .mbr-section-title{margin: 0;padding-bottom: 1rem;}.cid-qN2735L6a8 .mbr-text{margin: 0;}.cid-qMuraIIfuZ{padding-top: 45px;padding-bottom: 45px;background-color: #232323;}.cid-qMuraIIfuZ amp-img{text-align: center;}.cid-qMuraIIfuZ .items-col .item{margin: 0;}.cid-qMuraIIfuZ .item,.cid-qMuraIIfuZ .group-title{color: #efefef;padding-top: 0;}@media (max-width: 767px){.cid-qMuraIIfuZ .items-col{text-align: center;margin: 2rem 0;}}54 </style>55 </head>56 <body class="amp-mode-mouse" style="opacity: 1; visibility: visible; animation: auto ease 0s 1 normal none running none;">57 <amp-sticky-ad class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-sticky-ad-layout i-amphtml-built i-amphtml-layout" i-amphtml-layout="nodisplay" layout="nodisplay">58 <amp-sticky-ad-top-padding class="amp-sticky-ad-top-padding">59 </amp-sticky-ad-top-padding>60 <amp-ad class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built" data-a4a-upgrade-type="amp-ad-network-adsense-impl" data-ad-client="ca-pub-3322332537501269" data-amp-slot-index="2" data-no-fill="true" data-package="[PHONE REDACTED]" data-tag-origin="ampa" height="100" i-amphtml-layout="fixed" style="width: 1280px; height: 100px; --loader-delay-offset: 0ms !important;" type="adsense" width="1280">61 <div fallback>62 <div class="i-amphtml-ad-default-holder" data-ad-holder-text="Ad">63 </div>64 </div>65 <amp-analytics aria-hidden="true" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built" hidden i-amphtml-layout="fixed" sandbox="true" style="width: 1px; height: 1px;" trigger="immediate">66 </amp-analytics>67 <div class="i-amphtml-svc i-amphtml-loading-container i-amphtml-fill-content" slot="i-amphtml-svc">68 <div class="amp-active">69 <div class="i-amphtml-new-loader i-amphtml-new-loader-size-default">70 <div class="i-amphtml-new-loader-shim">71 </div>72 <div class="i-amphtml-new-loader-logo">73 <div class="i-amphtml-new-loader-ad-logo">74 <span class="i-amphtml-new-loader-ad-label">75 Ad76 </span>77 </div>78 </div>79 <div class="i-amphtml-new-loader-spinner-wrapper">80 </div>81 </div>82 </div>83 </div>84 </amp-ad>85 </amp-sticky-ad>86 <amp-analytics aria-hidden="true" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" data-credentials="include" i-amphtml-layout="fixed" style="width: 1px; height: 1px;" type="gtag">87 </amp-analytics>88 <amp-auto-ads class="i-amphtml-element i-amphtml-layout-container i-amphtml-built i-amphtml-layout" data-ad-client="ca-pub-3322332537501269" i-amphtml-layout="container" type="adsense">89 </amp-auto-ads>90 <amp-sidebar class="cid-qMuqPIIdK7 i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-overlay i-amphtml-scrollable i-amphtml-built" hidden i-amphtml-layout="nodisplay" id="sidebar" layout="nodisplay" role="menu" side="right" tabindex="-1">91 <div class="builder-sidebar" id="builder-sidebar">92 <button class="close-sidebar" on="tap:sidebar.close">93 <span>94 </span>95 <span>96 </span>97 </button>98 <div class="sidebar mbr-white" data-app-modern-menu="true">99 <a class="text-primary display-7">100 Home101 <br>102 </a>103 <a class="text-primary display-7">104 What is Networking105 <br>106 </a>107 <a class="text-primary display-7">108 From A to Z109 <br>110 </a>111 <a class="text-primary display-7">112 History of Networking113 <br>114 </a>115 <a class="text-primary display-7">116 Search117 <br>118 <br>119 </a>120 </div>121 <div class="navbar-buttons mbr-section-btn align-center">122 <a class="btn btn-sm btn-primary display-4">123 Contact Us124 </a>125 </div>126 </div>127 <button class="i-amphtml-screen-reader" tabindex="-1">128 Close the sidebar129 </button>130 </amp-sidebar>131 <section class="menu cid-qMuqPIIdK7" id="menu1-5">132 <nav class="headerbar sticky-nav">133 <div class="brand">134 <span class="brand-logo">135 <amp-img alt="Networking Encyclopedia" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" height="41" i-amphtml-layout="responsive" layout="responsive" src="/assets/images/logo1.png" style="--loader-delay-offset: 67ms !important;" width="54.606986899563324">136 <i-amphtml-sizer slot="i-amphtml-svc" style="padding-top: 75.082%;">137 </i-amphtml-sizer>138 <a>139 </a>140 <img alt="Networking Encyclopedia" class="i-amphtml-fill-content i-amphtml-replaced-content" decoding="async" src="rick.jpg">141 </amp-img>142 </span>143 <p class="brand-name mbr-fonts-style display-2">144 The Network Encyclopedia145 </p>146 </div>147 </nav>148 <button class="ampstart-btn hamburger sticky-but" on="tap:sidebar.toggle">149 <span>150 </span>151 <span>152 </span>153 <span>154 </span>155 <span>156 </span>157 </button>158 </section>159 <section class="mbr-section content18 cid-qMuttrwTHs" id="content18-9">160 <div class="mbr-container">161 <h1 class="mbr-title align-center mbr-fonts-style mbr-bold mbr-white display-1">162 resource on a network163 </h1>164 <h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style mbr-white display-5">165 <em>166 Definition of resource on a network in The Network Encyclopedia.167 </em>168 </h3>169 <span class="mbr-text mbr-fonts-style display-7">170 Sponsor:171 <a rel="nofollow" target="_blank">172 Geeky T-Shirt: No, I Will Not Fix Your Computer (Amazon)173 </a>174 </span>175 </div>176 </section>177 <p align="center">178 <amp-ad class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built" data-a4a-upgrade-type="amp-ad-network-adsense-impl" data-ad-client="ca-pub-3322332537501269" data-ad-slot="[PHONE REDACTED]" data-amp-slot-index="0" height="90" i-amphtml-layout="fixed" layout="fixed" style="width: 728px; height: 90px; --loader-delay-offset: 67ms !important;" type="adsense" width="728">179 <div class="i-amphtml-svc i-amphtml-loading-container i-amphtml-fill-content" slot="i-amphtml-svc">180 <div class="amp-active">181 <div class="i-amphtml-new-loader i-amphtml-new-loader-size-default">182 <div class="i-amphtml-new-loader-shim">183 </div>184 <div class="i-amphtml-new-loader-logo">185 <div class="i-amphtml-new-loader-ad-logo">186 <span class="i-amphtml-new-loader-ad-label">187 Ad188 </span>189 </div>190 </div>191 <div class="i-amphtml-new-loader-spinner-wrapper">192 </div>193 </div>194 </div>195 </div>196 <div fallback>197 <div class="i-amphtml-ad-default-holder" data-ad-holder-text="Ad">198 </div>199 </div>200 <amp-analytics aria-hidden="true" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" hidden i-amphtml-layout="fixed" sandbox="true" style="width: 1px; height: 1px;" trigger="immediate">201 </amp-analytics>202 </amp-ad>203 </p>204 <div align="left">205 <section class="content7 mbr-section cid-qMutKK7qp1" id="content7-e">206 <div class="mbr-container">207 <div class="mbr-text counter-container mbr-fonts-style display-7">208 <h2 class="mbr-fonts-style mbr-section-title mbr-light display-2">209 What is Resource on a Network?210 </h2>211 <p>212 Any files, applications, or devices on a network that users need access to. Examples of network resources include the following:213 </p>214 <ul>215 <li>216 <div class="Lead-in">217 <b>218 Shared folders and volumes:219 </b>220 </div>221 Contain files that users need to access.222 <p>223 224 </p>225 </li>226 <li>227 <div class="Lead-in">228 <b>229 Shared printers:230 </b>231 </div>232 Allow many users to print to a single print device. You can control access to the printer by using print permissions and by setting priorities and times for accessing printers.233 <p>234 235 </p>236 </li>237 <li>238 <div class="Lead-in">239 <b>240 Applications:241 </b>242 </div>243 Allow users to access back-end applications (such as databases) using front-end clients. These applications can be standard .exe executables or scripted Web server applications such as those developed using Microsoft Active Server Pages (ASP) technology.244 <p>245 246 </p>247 </li>248 <li>249 <div class="Lead-in">250 <b>251 Web servers:252 </b>253 </div>254 Allow HTML-based documents and applications to be shared and accessed from any platform by using a standard Web browser such as Microsoft Internet Explorer.255 <p>256 257 </p>258 </li>259 </ul>260 </div>261 </div>262 </section>263 </div>264 <amp-ad class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built" data-a4a-upgrade-type="amp-ad-network-adsense-impl" data-ad-client="ca-pub-9277102198236065" data-ad-slot="[PHONE REDACTED]" data-amp-slot-index="1" height="320" i-amphtml-layout="fixed" style="width: 100%; height: 320px;" type="adsense" width="1280">265 <div overflow>266 </div>267 <div fallback>268 <div class="i-amphtml-ad-default-holder" data-ad-holder-text="Ad">269 </div>270 </div>271 <amp-analytics aria-hidden="true" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built" hidden i-amphtml-layout="fixed" sandbox="true" style="width: 1px; height: 1px;" trigger="immediate">272 </amp-analytics>273 </amp-ad>274 <section class="content7 mbr-section cid-qMutKK7qp1" id="content7-e">275 <div class="container">276 <div class="mbr-row mbr-justify-content-center">277 <form action="../../search/" class="i-amphtml-form" method="get" novalidate target="_top">278 <input class="btn btn-black-outline display-4" name="T1" placeholder="Search The Encyclopedia" required type="text">279 <input class="btn btn-black-outline display-4" type="submit" value="Search">280 </form>281 </div>282 </div>283 </section>284 <section class="footer3 cid-qMuraIIfuZ" id="footer3-6">285 <div class="container">286 <div class="mbr-row mbr-justify-content-center">287 <div class="image-block mbr-col-sm-12 mbr-col-md-3">288 <amp-img alt="Networking concepts" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-built" height="264" i-amphtml-layout="responsive" layout="responsive" src="" width="255.07246376811594">289 <i-amphtml-sizer slot="i-amphtml-svc" style="padding-top: 103.5%;">290 </i-amphtml-sizer>291 </amp-img>292 </div>293 <div class="items-col mbr-col-sm-12 align-right mbr-col-md-3">294 <h3 class="mbr-fonts-style group-title mbr-bold display-5">295 Encyclopedia296 </h3>297 <div class="items">298 <p class="item mbr-fonts-style display-7">299 <a>300 About Us and Contact Info301 </a>302 <br>303 </p>304 <p class="item mbr-fonts-style display-7">305 <a>306 Privacy Policy307 </a>308 </p>309 <p class="item mbr-fonts-style display-7">310 <a>311 Terms and Conditions312 </a>313 <br>314 </p>315 <p class="item mbr-fonts-style display-7">316 <a>317 Sitemap318 </a>319 <br>320 </p>321 </div>322 </div>323 <div class="items-col mbr-col-sm-12 align-right mbr-col-md-3">324 <h3 class="mbr-fonts-style group-title mbr-bold display-5">325 Manufacturers326 </h3>327 <div class="items">328 <p class="item mbr-fonts-style display-7">329 <strong>330 <a rel="nofollow" target="_blank">331 Cisco products332 </a>333 </strong>334 </p>335 <p class="item mbr-fonts-style display-7">336 <a rel="nofollow">337 HP338 </a>339 </p>340 <p class="item mbr-fonts-style display-7">341 <a rel="nofollow" target="_blank">342 D-Link343 </a>344 <br>345 </p>346 <p class="item mbr-fonts-style display-7">347 <a rel="nofollow" target="_blank">348 DELL349 </a>350 <br>351 </p>352 </div>353 </div>354 <div class="items-col mbr-col-sm-12 align-right mbr-col-md-3">355 <h3 class="mbr-fonts-style group-title mbr-bold display-5">356 Technology Trends357 </h3>358 <div class="items">359 <p class="item mbr-fonts-style display-7">360 <a>361 Cloud362 </a>363 </p>364 <p class="item mbr-fonts-style display-7">365 <a>366 Virtualization367 </a>368 </p>369 <p class="item mbr-fonts-style display-7">370 <a>371 IPv6372 </a>373 <br>374 </p>375 <p class="item mbr-fonts-style display-7">376 <a>377 Open Network Environment378 </a>379 </p>380 </div>381 </div>382 </div>383 </div>384 </section>385 </body>386</html>387