index.html 71 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
  1. <!doctype html>
  2. <html ⚡ lang="en-us" [class]="darkMode ? 'dark-mode' : ''">
  3. <head>
  4. <meta charset="utf-8" />
  5. <script async src="https://cdn.ampproject.org/v0.js"></script>
  6. <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  7. <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
  8. <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
  9. <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
  10. <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script>
  11. <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
  12. <title>Getting Started With Hugo</title>
  13. <meta name="author" content="Johnathan Smith" />
  14. <meta name="description" content="Step 1: Install Hugo brew install hugo To verify your new install:
  15. hugo version Step 2: Create a New Site hugo new site quickstart The above will create a new Hugo site in a folder named quickstart.
  16. Step 3: Add a Theme See themes.gohugo.io for a list of themes to consider. This quickstart uses the beautiful Ananke theme.
  17. cd quickstart;\ git init;\ git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke;\ # Edit your config.">
  18. <meta name="twitter:card" content="summary" />
  19. <meta name="twitter:site" content="@twitter_username" />
  20. <meta name="twitter:title" content="Getting Started With Hugo" />
  21. <meta name="twitter:description" content="Step 1: Install Hugo brew install hugo To verify your new install:
  22. hugo version Step 2: Create a New Site hugo new site quickstart The above will create a new Hugo site in a folder named quickstart.
  23. Step 3: Add a Theme See themes.gohugo.io for a list of themes to consider. This quickstart uses the beautiful Ananke theme.
  24. cd quickstart;\ git init;\ git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke;\ # Edit your config." />
  25. <meta name="twitter:image" content="http://vps.ptt.cx/img/avatar.jpg" />
  26. <meta name="generator" content="Hugo 0.75.1" />
  27. <link rel="canonical" href="http://vps.ptt.cx/hugo/getting-started/">
  28. <link rel="alternative" href="/index.xml" title="Hugo LAMP" type="application/atom+xml">
  29. <meta name="robots" content="index,follow" />
  30. <meta name="referrer" content="origin-when-cross-origin" />
  31. <meta name="google-site-verification" content="google_site_verification_code" />
  32. <meta name="msvalidate.01" content="bing_site_verification_code" />
  33. <link rel="icon" href="/img/favicon.ico" />
  34. <meta name="apple-mobile-web-app-capable" content="yes">
  35. <link rel="apple-touch-icon" sizes="120x120" href="/img/avatar.jpg">
  36. <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
  37. <style amp-runtime="">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;touch-action:pan-y}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-webview>body{overflow-x:hidden!important;overflow-y:visible!important;min-height:100vh!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}.i-amphtml-jank-meter{position:fixed;background-color:rgba(232,72,95,0.5);bottom:0;right:0;color:#fff;font-size:16px;z-index:1000;padding:5px}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:#202125!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]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}
  38. [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([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){display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}.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-for-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([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([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}.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}.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-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}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}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}
  39. </style><style amp-extension="amp-sidebar">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:2147483647;-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}.i-amphtml-sidebar-mask{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-image:none!important;background-color:rgba(0,0,0,0.5);animation-name:i-amphtml-sidebar-mask-fade-out;z-index:2147483646}.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}}
  40. </style><style amp-extension="amp-form">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,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}
  41. </style><style amp-extension="amp-lightbox">amp-lightbox{display:none;position:fixed!important;z-index:1000;top:0!important;left:0!important;bottom:0!important;right:0!important}amp-lightbox[scrollable]{overflow-y:auto!important;overflow-x:hidden!important}i-amphtml-ad-close-header{height:60px!important;display:block!important;visibility:visible!important;opacity:0;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:right!important;justify-content:right!important;transition:opacity 0.1s ease-in}[animate-in=fly-in-bottom]>i-amphtml-ad-close-header,[animate-in=fly-in-top]>i-amphtml-ad-close-header{transition-delay:0.2s}.amp-ad-close-header{opacity:1!important;box-sizing:border-box;padding:5px;line-height:40px;background-color:#000;color:#fff;font-family:Helvetica,sans-serif;font-size:12px;cursor:pointer}.amp-ad-close-header>:first-child{margin-left:auto!important;pointer-events:none!important}.amp-ad-close-button{display:block!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat;background-position:50%;width:40px;height:40px;pointer-events:none!important;border-radius:40px;margin-left:5px}.amp-ad-close-header:active>.amp-ad-close-button{background-color:hsla(0,0%,100%,0.3)}
  42. </style>
  43. <meta charset="UTF-8">
  44. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  45. <meta name="generator" content="Mobirise v4.7.1, mobirise.com">
  46. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  47. <link rel="shortcut icon" href="assets/images/logo-1.png" type="image/x-icon">
  48. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  49. <link rel="canonical" href="index.html">
  50. <style amp-boilerplate="">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}}</style>
  51. <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  52. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,500,600,700&amp;subset=cyrillic" rel="stylesheet">
  53. <style amp-custom="">
  54. div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,figcaption,textarea,input{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;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}@media (max-width: 991px){.is-builder section.horizontal-menu .navbar-toggler{display: block;}}.is-builder section.horizontal-menu .dropdown-menu{z-index: auto;opacity: 1;pointer-events: auto;}.is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"]{margin-right: 0;padding: 0.667em 1em;}
  55. *{box-sizing: border-box;}body{font-family: Source Sans Pro;font-style: normal;line-height: 1.5;}.mbr-section-title{font-style: normal;line-height: 55px;}.mbr-section-subtitle{line-height: 1.3;}.mbr-text{font-style: normal;line-height: 1.3;}.display-1{font-family: 'Source Sans Pro',sans-serif;font-size: 5.6rem;}.display-2{font-family: 'Source Sans Pro',sans-serif;font-size: 3.4rem;}.display-3{font-family: 'Source Sans Pro',sans-serif;font-size: 2.4rem;}.display-4{font-family: 'Source Sans Pro',sans-serif;font-size: 1.8rem;}.display-5{font-family: 'Source Sans Pro',sans-serif;font-size: 1.4rem;}.display-6{font-family: 'Source Sans Pro',sans-serif;font-size: 1rem;}.display-7{font-family: 'Source Sans Pro',sans-serif;font-size: 0.8rem;}@media (max-width: 768px){.display-1{font-size: 4.48rem;font-size: calc( 2.61rem + (5.6 - 2.61) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.61rem + (5.6 - 2.61) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 2.72rem;font-size: calc( 1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.8399999999999999rem + (3.4 - 1.8399999999999999) * ((100vw - 20rem) / (48 - 20))));}.display-3{font-size: 1.92rem;font-size: calc( 1.49rem + (2.4 - 1.49) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.49rem + (2.4 - 1.49) * ((100vw - 20rem) / (48 - 20))));}.display-4{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))));}.display-5{font-size: 1.12rem;font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));}.display-6{font-size: 0.8rem;font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 0.64rem;font-size: calc( 0.93rem + (0.8 - 0.93) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (0.93rem + (0.8 - 0.93) * ((100vw - 20rem) / (48 - 20))));}}.mbr-overlay{width: 100%;height: 100%;position: absolute;top: 0;}.btn-arrow{font-weight: 400;border-width: 0px;border-style: solid;background: none;font-style: normal;letter-spacing: 2px;margin: .4rem .25rem;white-space: normal;transition-property: background-color,color,border-color,box-shadow;transition-duration: .3s,.3s,.3s,2s;transition-timing-function: ease-in-out;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}.btn{font-weight: 700;border-width: 2px;border-style: solid;font-style: normal;letter-spacing: 2px;margin: .4rem .25rem;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: 0.8rem 2rem;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;}a.btn{box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);}.btn-sm{border: 1px solid;font-weight: 700;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: 3px;}.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: 3px;}.bg-primary{background-color: #e3699a;}.bg-success{background-color: #361291;}.bg-info{background-color: #30d5a5;}.bg-warning{background-color: #022e93;}.bg-danger{background-color: #0a193b;}.btn-primary,.btn-primary:active,.btn-primary.active{background-color: #e3699a;border-color: #e3699a;color: #ffffff;}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus{color: #ffffff;background-color: #d7296f;border-color: #d7296f;}.btn-primary.disabled,.btn-primary:disabled{color: #ffffff;background-color: #d7296f;border-color: #d7296f;}.btn-secondary,.btn-secondary:active,.btn-secondary.active{background-color: #ec7499;border-color: #ec7499;color: #ffffff;}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus{color: #ffffff;background-color: #e33168;border-color: #e33168;}.btn-secondary.disabled,.btn-secondary:disabled{color: #ffffff;background-color: #e33168;border-color: #e33168;}.btn-info,.btn-info:active,.btn-info.active{background-color: #30d5a5;border-color: #30d5a5;color: #ffffff;}.btn-info:hover,.btn-info:focus,.btn-info.focus{color: #ffffff;background-color: #1f9976;border-color: #1f9976;}.btn-info.disabled,.btn-info:disabled{color: #ffffff;background-color: #1f9976;border-color: #1f9976;}.btn-success,.btn-success:active,.btn-success.active{background-color: #361291;border-color: #361291;color: #ffffff;}.btn-success:hover,.btn-success:focus,.btn-success.focus{color: #ffffff;background-color: #1d0a4d;border-color: #1d0a4d;}.btn-success.disabled,.btn-success:disabled{color: #ffffff;background-color: #1d0a4d;border-color: #1d0a4d;}.btn-warning,.btn-warning:active,.btn-warning.active{background-color: #022e93;border-color: #022e93;color: #ffffff;}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus{color: #ffffff;background-color: #011648;border-color: #011648;}.btn-warning.disabled,.btn-warning:disabled{color: #ffffff;background-color: #011648;border-color: #011648;}.btn-danger,.btn-danger:active,.btn-danger.active{background-color: #0a193b;border-color: #0a193b;color: #ffffff;}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus{color: #ffffff;background-color: #000000;border-color: #000000;}.btn-danger.disabled,.btn-danger:disabled{color: #ffffff;background-color: #000000;border-color: #000000;}.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: #c22463;color: #c22463;}.btn-primary-outline:hover,.btn-primary-outline:focus,.btn-primary-outline.focus{color: #ffffff;background-color: #e3699a;border-color: #e3699a;}.btn-primary-outline.disabled,.btn-primary-outline:disabled{color: #ffffff;background-color: #e3699a;border-color: #e3699a;}.btn-secondary-outline,.btn-secondary-outline:active,.btn-secondary-outline.active{background: none;border-color: #dc1e59;color: #dc1e59;}.btn-secondary-outline:hover,.btn-secondary-outline:focus,.btn-secondary-outline.focus{color: #ffffff;background-color: #ec7499;border-color: #ec7499;}.btn-secondary-outline.disabled,.btn-secondary-outline:disabled{color: #ffffff;background-color: #ec7499;border-color: #ec7499;}.btn-info-outline,.btn-info-outline:active,.btn-info-outline.active{background: none;border-color: #1b8466;color: #1b8466;}.btn-info-outline:hover,.btn-info-outline:focus,.btn-info-outline.focus{color: #ffffff;background-color: #30d5a5;border-color: #30d5a5;}.btn-info-outline.disabled,.btn-info-outline:disabled{color: #ffffff;background-color: #30d5a5;border-color: #30d5a5;}.btn-success-outline,.btn-success-outline:active,.btn-success-outline.active{background: none;border-color: #140736;color: #140736;}.btn-success-outline:hover,.btn-success-outline:focus,.btn-success-outline.focus{color: #ffffff;background-color: #361291;border-color: #361291;}.btn-success-outline.disabled,.btn-success-outline:disabled{color: #ffffff;background-color: #361291;border-color: #361291;}.btn-warning-outline,.btn-warning-outline:active,.btn-warning-outline.active{background: none;border-color: #010f2e;color: #010f2e;}.btn-warning-outline:hover,.btn-warning-outline:focus,.btn-warning-outline.focus{color: #ffffff;background-color: #022e93;border-color: #022e93;}.btn-warning-outline.disabled,.btn-warning-outline:disabled{color: #ffffff;background-color: #022e93;border-color: #022e93;}.btn-danger-outline,.btn-danger-outline:active,.btn-danger-outline.active{background: none;border-color: #000000;color: #000000;}.btn-danger-outline:hover,.btn-danger-outline:focus,.btn-danger-outline.focus{color: #ffffff;background-color: #0a193b;border-color: #0a193b;}.btn-danger-outline.disabled,.btn-danger-outline:disabled{color: #ffffff;background-color: #0a193b;border-color: #0a193b;}.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: #e3699a;}.text-secondary{color: #ec7499;}.text-success{color: #361291;}.text-info{color: #30d5a5;}.text-warning{color: #022e93;}.text-danger{color: #0a193b;}.text-white{color: #ffffff;}.text-black{color: #000000;}a.text-primary:hover,a.text-primary:focus{color: #c22463;}a.text-secondary:hover,a.text-secondary:focus{color: #dc1e59;}a.text-success:hover,a.text-success:focus{color: #140736;}a.text-info:hover,a.text-info:focus{color: #1b8466;}a.text-warning:hover,a.text-warning:focus{color: #010f2e;}a.text-danger:hover,a.text-danger:focus{color: #000000;}a.text-white:hover,a.text-white:focus{color: #b3b3b3;}a.text-black:hover,a.text-black:focus{color: #4d4d4d;}.alert-success{background-color: #361291;}.alert-info{background-color: #30d5a5;}.alert-warning{background-color: #022e93;}.alert-danger{background-color: #0a193b;}.btn-form{border-radius: 3px;}.btn-form:hover{cursor: pointer;}a,a:hover{color: #e3699a;}.mbr-plan-header.bg-primary .mbr-plan-subtitle,.mbr-plan-header.bg-primary .mbr-plan-price-desc{color: #ffffff;}.mbr-plan-header.bg-success .mbr-plan-subtitle,.mbr-plan-header.bg-success .mbr-plan-price-desc{color: #6c3ce7;}.mbr-plan-header.bg-info .mbr-plan-subtitle,.mbr-plan-header.bg-info .mbr-plan-price-desc{color: #daf7ef;}.mbr-plan-header.bg-warning .mbr-plan-subtitle,.mbr-plan-header.bg-warning .mbr-plan-price-desc{color: #195efc;}.mbr-plan-header.bg-danger .mbr-plan-subtitle,.mbr-plan-header.bg-danger .mbr-plan-price-desc{color: #4a78e0;}blockquote{padding: 10px 0 10px 20px;position: relative;border-color: #e3699a;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;}.mbr-justify-content-left{justify-content: flex-start;}.mbr-justify-content-right{justify-content: flex-end;}@media (max-width: 767px){.mbr-col-sm-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 15px;padding-left: 15px;}.mbr-col-sm-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;padding-left: 15px;padding-right: 15px;}.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-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;padding-right: 15px;padding-left: 15px;}.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-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;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-1{-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333;padding-right: 15px;padding-left: 15px;}.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-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;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-9{-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;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: 1201px){.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;}.mbr-col-xl-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}}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;}body{font-weight: 300;}form input,form textarea{padding: 1rem;border: 1px solid #e0e0e0;background: #f3f4f5;}form .fieldset{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}div[submit-success]{background: #361291;padding: 1rem;margin-bottom: 1rem;}div[submit-error]{background: #0a193b;padding: 1rem;margin-bottom: 1rem;}.mobirise-spinner{position: absolute;top: 50%;left: 40%;margin-left: 10%;-webkit-transform: translate3d(-50%,-50%,0);z-index: 4;}.mobirise-spinner em{width: 24px;height: 24px;background: #3ac;border-radius: 100%;display: inline-block;-webkit-animation: slide 1s infinite;}.mobirise-spinner em:nth-child(1){-webkit-animation-delay: 0.1s;background: #e3699a;}.mobirise-spinner em:nth-child(2){-webkit-animation-delay: 0.2s;background: #ec7499;}.mobirise-spinner em:nth-child(3){-webkit-animation-delay: 0.3s;background: #361291;}@-moz-keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}@-webkit-keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}@-o-keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}@keyframes slide{0%{-webkit-transform: scale(1);}50%{opacity: 0.3;-webkit-transform: scale(2);}100%{-webkit-transform: scale(1);}}.mobirise-loader .amp-active > div{display: none;}.cid-qPygOsy71w .nav-item:focus,.cid-qPygOsy71w .nav-link:focus{outline: none;}.cid-qPygOsy71w .navbar-nav{list-style-type: none;display: flex;flex-direction: row;padding-left: 0;}.cid-qPygOsy71w .navbar-nav .nav-link{margin: 0.667em 1em;font-weight: normal;}.cid-qPygOsy71w .container{display: flex;}@media (max-width: 991px){.cid-qPygOsy71w ul.navbar-nav{flex-direction: column;}.cid-qPygOsy71w ul.navbar-nav li{margin: auto;}.cid-qPygOsy71w .dropdown-toggle[data-toggle="dropdown-submenu"]:after{content: "";margin-left: 0.25rem;border-top: 0.35em solid;border-right: 0.35em solid transparent;border-left: 0.35em solid transparent;border-bottom: 0;top: 55%;}.cid-qPygOsy71w .nav-dropdown .dropdown-menu .dropdown-item{justify-content: center;display: flex;align-items: center;}}.cid-qPygOsy71w .nav-dropdown .dropdown-menu{border-radius: 0;border: 0;left: 0;margin: 0;min-width: 10rem;padding-bottom: 1.25rem;padding-top: 1.25rem;position: absolute;}.cid-qPygOsy71w .nav-dropdown .dropdown-menu .dropdown-item{font-weight: 400;line-height: 2;display: flex;background: #0a57a2;align-items: center;width: 100%;padding: 0.25rem 1.5rem;clear: both;margin: 0.5rem;text-align: inherit;white-space: nowrap;border: 0;}.cid-qPygOsy71w .nav-dropdown .dropdown-menu .dropdown{position: relative;}.cid-qPygOsy71w .nav-item.dropdown{position: relative;}.cid-qPygOsy71w .nav-item.dropdown .dropdown-menu{z-index: -1;opacity: 0;pointer-events: none;}.cid-qPygOsy71w .nav-item.dropdown:hover > .dropdown-menu{z-index: 1;opacity: 1;pointer-events: all;}.cid-qPygOsy71w .dropdown-menu .dropdown:hover > .dropdown-menu{z-index: 1;opacity: 1;pointer-events: all;}.cid-qPygOsy71w .link.dropdown-toggle:after{content: "";margin-left: 0.25rem;border-top: 0.35em solid;border-right: 0.35em solid transparent;border-left: 0.35em solid transparent;border-bottom: 0;}.cid-qPygOsy71w .nav-dropdown .dropdown-submenu{top: 0;}.cid-qPygOsy71w .navbar{z-index: 100;display: flex;flex-direction: row;width: 100%;min-height: 77px;transition: all 0.3s;background: #0a57a2;}.cid-qPygOsy71w .navbar .navbar-logo{margin-right: 0.8rem;}.cid-qPygOsy71w .navbar .navbar-logo img{height: auto;}.cid-qPygOsy71w .navbar.navbar-short{background: #0a57a2;}.cid-qPygOsy71w .navbar.navbar-short .navbar-brand{padding: 0;}.cid-qPygOsy71w .navbar.opened{transition: all 0.3s;background: #0a57a2;}.cid-qPygOsy71w .navbar .dropdown-item{padding: 0.25rem 1.5rem;}.cid-qPygOsy71w .navbar .navbar-collapse{display: flex;justify-content: flex-end;z-index: 1;flex-basis: 100%;align-items: center;}.cid-qPygOsy71w .navbar.collapsed button.navbar-toggler{display: block;}.cid-qPygOsy71w .navbar.collapsed .navbar-collapse{display: none;position: absolute;top: 0;right: 0;min-height: 100vh;background: #0a57a2;padding: 1.5rem 2rem 1rem 2rem;}.cid-qPygOsy71w .navbar.collapsed.opened .navbar-collapse.show,.cid-qPygOsy71w .navbar.collapsed.opened .navbar-collapse.collapsing{display: block;}.cid-qPygOsy71w .navbar.collapsed.opened .dropdown-menu{top: 0;}.cid-qPygOsy71w .navbar.collapsed .dropdown-menu{position: relative;background: transparent;}.cid-qPygOsy71w .navbar.collapsed .dropdown-menu .dropdown-submenu{left: 0;}.cid-qPygOsy71w .navbar.collapsed .dropdown-menu .dropdown-item:after{right: auto;}.cid-qPygOsy71w .navbar.collapsed .dropdown-menu .dropdown-item{padding: 0.25rem 1.5rem;text-align: center;margin: 0;}.cid-qPygOsy71w .navbar.collapsed .navbar-brand{flex-shrink: initial;word-break: break-word;}@media (max-width: 991px){.cid-qPygOsy71w .navbar .navbar-collapse{display: none;position: absolute;top: 0;right: 0;min-height: 100vh;background: #0a57a2;padding: 1rem 2rem 1rem 2rem;}.cid-qPygOsy71w .navbar.opened .navbar-collapse.show,.cid-qPygOsy71w .navbar.opened .navbar-collapse.collapsing{display: block;}.cid-qPygOsy71w .navbar.opened .dropdown-menu{top: 0;}.cid-qPygOsy71w .navbar .dropdown-menu{position: relative;background: transparent;}.cid-qPygOsy71w .navbar .dropdown-menu .dropdown-submenu{left: 0;}.cid-qPygOsy71w .navbar .dropdown-menu .dropdown-item:after{right: auto;}.cid-qPygOsy71w .navbar .dropdown-menu .dropdown-item{padding: 0.25rem 1.5rem;text-align: center;margin: 0;}.cid-qPygOsy71w .navbar .navbar-brand{flex-shrink: initial;word-break: break-word;}}.cid-qPygOsy71w .navbar-brand{display: flex;flex-shrink: 0;align-items: center;margin-right: 0;padding: 0;transition: all 0.3s;word-break: break-word;z-index: 1;}.cid-qPygOsy71w .navbar-brand .navbar-caption{line-height: inherit;font-weight: normal;letter-spacing: 1px;display: flex;}.cid-qPygOsy71w .navbar-brand .navbar-logo a{outline: none;}.cid-qPygOsy71w .dropdown-item.active,.cid-qPygOsy71w .dropdown-item:active{background-color: transparent;}.cid-qPygOsy71w .navbar-expand-lg .navbar-nav .nav-link{padding: 0;}.cid-qPygOsy71w .navbar.navbar-expand-lg .dropdown .dropdown-menu{background-color: transparent;}.cid-qPygOsy71w .navbar.navbar-expand-lg .dropdown .dropdown-submenu{margin: 0;left: 100%;}.cid-qPygOsy71w .navbar .dropdown.open > .dropdown-menu{display: block;}.cid-qPygOsy71w ul.navbar-nav{flex-wrap: wrap;}.cid-qPygOsy71w .navbar-buttons{text-align: center;}.cid-qPygOsy71w button.navbar-toggler{display: none;outline: none;width: 31px;height: 20px;cursor: pointer;transition: all 0.2s;position: relative;align-self: center;}.cid-qPygOsy71w button.navbar-toggler .hamburger span{position: absolute;right: 0;width: 30px;height: 2px;border-right: 5px;background-color: #ffffff;}.cid-qPygOsy71w button.navbar-toggler .hamburger span:nth-child(1){top: 0;transition: all 0.2s;}.cid-qPygOsy71w button.navbar-toggler .hamburger span:nth-child(2){top: 8px;transition: all 0.15s;}.cid-qPygOsy71w button.navbar-toggler .hamburger span:nth-child(3){top: 8px;transition: all 0.15s;}.cid-qPygOsy71w button.navbar-toggler .hamburger span:nth-child(4){top: 16px;transition: all 0.2s;}.cid-qPygOsy71w nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(1){top: 8px;width: 0;opacity: 0;right: 50%;transition: all 0.2s;}.cid-qPygOsy71w nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(2){-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: all 0.25s;}.cid-qPygOsy71w nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(3){-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.25s;}.cid-qPygOsy71w nav.opened .navbar-toggler:not(.hide) .hamburger span:nth-child(4){top: 8px;width: 0;opacity: 0;right: 50%;transition: all 0.2s;}.cid-qPygOsy71w .navbar-dropdown{padding: 0.5rem 1rem;position: fixed;}.cid-qPygOsy71w a.nav-link{display: flex;align-items: center;justify-content: center;letter-spacing: 2px;}.cid-qPygOsy71w .nav-link .mbr-iconfont,.cid-qPygOsy71w .dropdown-item .mbr-iconfont{margin-right: 0.2rem;}.cid-qPygOsy71w .ampstart-btn.hamburger{position: absolute;top: 25px;right: 20px;margin-left: auto;width: 30px;height: 20px;background: none;border: none;cursor: pointer;z-index: 1000;}.cid-qPygOsy71w .ampstart-btn.hamburger.sticky-but{position: fixed;}.cid-qPygOsy71w .ampstart-btn.hamburger:focus{outline: none;}.cid-qPygOsy71w .ampstart-btn.hamburger span{position: absolute;right: 0;width: 30px;height: 2px;border-right: 5px;background-color: #ffffff;}.cid-qPygOsy71w .ampstart-btn.hamburger span:nth-child(1){top: 0;transition: all 0.2s;}.cid-qPygOsy71w .ampstart-btn.hamburger span:nth-child(2){top: 8px;transition: all 0.15s;}.cid-qPygOsy71w .ampstart-btn.hamburger span:nth-child(3){top: 8px;transition: all 0.15s;}.cid-qPygOsy71w .ampstart-btn.hamburger span:nth-child(4){top: 16px;transition: all 0.2s;}@media (min-width: 992px){.cid-qPygOsy71w .ampstart-btn,.cid-qPygOsy71w amp-sidebar{display: none;}.cid-qPygOsy71w .dropdown-menu .dropdown-toggle:after{content: "";border-bottom: 0.35em solid transparent;border-left: 0.35em solid;border-right: 0;border-top: 0.35em solid transparent;margin-left: 0.3rem;margin-top: -0.3077em;position: absolute;right: 1.1538em;top: 50%;}}.cid-qPygOsy71w amp-sidebar{min-width: 260px;z-index: 1050;background-color: #0a57a2;}.cid-qPygOsy71w amp-sidebar.open:after{content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: red;}.cid-qPygOsy71w .open{transform: translateX(0%);display: block;}.cid-qPygOsy71w .builder-sidebar{background-color: #0a57a2;position: relative;height: 100vh;z-index: 1030;padding: 1rem 2rem;max-width: 20rem;}.cid-qPygOsy71w .builder-sidebar .dropdown{position: relative;}.cid-qPygOsy71w .builder-sidebar .dropdown:hover > .dropdown-menu{position: relative;text-align: center;}.cid-qPygOsy71w .sidebar{padding: 1rem 0;margin: 0;}.cid-qPygOsy71w .sidebar > li{list-style: none;display: flex;flex-direction: column;}.cid-qPygOsy71w .sidebar a{display: block;text-decoration: none;margin-bottom: 10px;}.cid-qPygOsy71w .close-sidebar{width: 30px;height: 30px;position: relative;cursor: pointer;background-color: transparent;border: none;}.cid-qPygOsy71w .close-sidebar:focus{outline: 2px auto #e3699a;}.cid-qPygOsy71w .close-sidebar span{position: absolute;left: 0;width: 30px;height: 2px;border-right: 5px;background-color: #ffffff;}.cid-qPygOsy71w .close-sidebar span:nth-child(1){transform: rotate(45deg);}.cid-qPygOsy71w .close-sidebar span:nth-child(2){transform: rotate(-45deg);}.cid-qPygOsy71w amp-img{width: 50px;display: flex;align-items: center;}@media (max-width: 768px){.cid-qPygOsy71w amp-img{max-height: 55px;max-width: 55px;}}.cid-qPmwLlprpQ{padding-top: 11rem;padding-bottom: 11rem;background: linear-gradient(135deg,"file:///C:/Users/pavel/Desktop/StartupAMP/coworking//assets/images/mbr-1619x1080.jpg" 0%,#19a3c1 100%);background-image: url("assets/images/mbr-1619x1080.jpg");}.cid-qPmwLlprpQ .mbr-overlay{background-color: #000000;opacity: 0.5;}.cid-qPmwLlprpQ .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmwLlprpQ .mbr-section-title{color: #ffffff;text-align: left;}.cid-qPmwLlprpQ .mbr-text,.cid-qPmwLlprpQ .mbr-section-btn{color: #ffffff;}.cid-qPmwLlprpQ h1{margin: 0;}.cid-qPmwLlprpQ p{margin-bottom: 2.5rem;}.cid-qPmwO3Sy9r{padding-top: 7rem;padding-bottom: 7rem;background-color: #f1f4fa;}.cid-qPmwO3Sy9r .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmwO3Sy9r .mbr-text,.cid-qPmwO3Sy9r .mbr-section-btn{color: #313131;}.cid-qPmwO3Sy9r .mbr-iconfont{font-size: 3.5rem;background: -webkit-gradient(linear,left top,left bottom,from(#5fc7c6),to(#6394ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top: 1rem;margin-bottom: 2rem;}.cid-qPmwO3Sy9r .mbr-section-title{color: #0a193b;margin: 0;padding-top: 0.2rem;padding-bottom: 1rem;line-height: 25px;}.cid-qPmwO3Sy9r .padding{padding-bottom: 2rem;}.cid-qPmwO3Sy9r .vcenter{margin: auto;}.cid-qPmwO3Sy9r .mbr-text{padding: 0;margin: 0;}.cid-qPmwO3Sy9r p{line-height: 25px;}.cid-qPmwY2TwFk{padding-top: 7rem;padding-bottom: 7rem;background-color: #2bb4c5;background: linear-gradient(135deg,#2bb4c5 0%,#3c5ca2 100%);}.cid-qPmwY2TwFk .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmwY2TwFk .mbr-section-title{color: #ffffff;text-align: center;}.cid-qPmwY2TwFk .mbr-text,.cid-qPmwY2TwFk .mbr-section-btn{color: #ffffff;text-align: center;}.cid-qPmx8fhO1W{padding-top: 7rem;padding-bottom: 7rem;background-color: #f1f4fa;}.cid-qPmx8fhO1W .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmx8fhO1W .mbr-section-title{color: #ffffff;}.cid-qPmx8fhO1W .mbr-text,.cid-qPmx8fhO1W .mbr-section-btn{color: #ffffff;}.cid-qPmx8fhO1W .container{max-width: 900px;}.cid-qPmx8fhO1W .wrapper{padding: 50px;z-index: 2;margin: auto;}.cid-qPmx8fhO1W .mbr-iconfont{font-size: 6rem;color: #ffffff;}.cid-qPmx8fhO1W h2{margin-bottom: 1rem;}.cid-qPmx8fhO1W .card-img{margin: auto;}.cid-qPmx8fhO1W .relative{position: relative;margin: auto;min-height: 400px;background-image: url("assets/images/img-2.jpg");background-position: center;background-size: cover;border: none;border-radius: 2rem;box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.3);}.cid-qPmx8fhO1W .mbr-section-title B{color: #ffffff;}.cid-qPmx8fhO1W .video-title B{color: #0a193b;}.cid-qPmx8fhO1W .lightbox{background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;display: flex;align-items: center;justify-content: center;}.cid-qPmx8fhO1W .video-block{width: 100%;}@media (max-width: 768px){.cid-qPmx8fhO1W .mbr-text{text-align: center;}}.cid-qPmxcwToMV{padding-top: 7rem;padding-bottom: 7rem;background-color: #2bb4c5;background: linear-gradient(135deg,#2bb4c5 0%,#3c5ca2 100%);}.cid-qPmxcwToMV .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmxcwToMV .mbr-section-title{color: #ffffff;text-align: center;}.cid-qPmxcwToMV .mbr-text,.cid-qPmxcwToMV .mbr-section-btn{color: #ffffff;text-align: center;}.cid-qPmx2uf9E6{padding-top: 5rem;padding-bottom: 5rem;background-color: #f1f4fa;}.cid-qPmx2uf9E6 .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmx2uf9E6 .line{width: 40%;height: 4px;background-color: #0a193b;margin-left: -2rem;margin-top: 0.5rem;margin-bottom: 0.5rem;}.cid-qPmx2uf9E6 .mbr-text,.cid-qPmx2uf9E6 .mbr-section-btn{color: #0a193b;text-align: left;}.cid-qPmx2uf9E6 .block-1{background: linear-gradient(135deg,#783396 0%,#fede9a 100%);padding: 2rem 3rem;border-radius: 2rem;margin-bottom: 2rem;margin-left: 4rem;margin-right: 2rem;box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.3);}.cid-qPmx2uf9E6 .block-2{background: linear-gradient(135deg,#117bb1 0%,#d0f2c8 100%);padding: 2rem 3rem;border-radius: 2rem;margin-bottom: 2rem;margin-right: 4rem;margin-left: 2rem;box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.3);}.cid-qPmx2uf9E6 .block-3{background: linear-gradient(135deg,#361291 0%,#a54997 100%);padding: 2rem 3rem;border-radius: 2rem;margin-bottom: 2rem;margin-left: 4rem;margin-right: 2rem;box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.3);}.cid-qPmx2uf9E6 .mbr-section-title{color: #0a193b;text-align: left;}.cid-qPmx2uf9E6 .block1{color: #ffffff;}.cid-qPmx2uf9E6 .mbr-iconfont{font-size: 2rem;color: #ffffff;padding-right: 1rem;}.cid-qPmx2uf9E6 p{margin: 0;line-height: 25px;}.cid-qPmx2uf9E6 h1{margin: 0;}.cid-qPmx2uf9E6 .mbr-form{padding-top: 1rem;}.cid-qPmx2uf9E6 .area{width: 100%;}.cid-qPmx2uf9E6 label.input-label{padding: 10px;}.cid-qPmx2uf9E6 .bgwhite{background-color: transparent;padding: 20px;}.cid-qPmx2uf9E6 textarea{width: 100%;background-color: transparent;border: none;border-bottom: 2px solid lightgray;}.cid-qPmx2uf9E6 input{width: 100%;background-color: transparent;border: none;border-bottom: 2px solid lightgray;}.cid-qPmx2uf9E6 .block1 B{color: #ffffff;}@media (max-width: 992px){.cid-qPmx2uf9E6 .block-1,.cid-qPmx2uf9E6 .block-2,.cid-qPmx2uf9E6 .block-3{margin: 1rem 0.5rem;padding: 1rem 2rem;border-radius: 1rem;}}.cid-qPmx3vahT3{padding-top: 4rem;padding-bottom: 5rem;background-color: #0a193b;background: linear-gradient(135deg,#0a193b 0%,#0a57a2 100%);}.cid-qPmx3vahT3 .mbr-overlay{background: linear-gradient(135deg,#000000 0%,#022e93 100%);opacity: 0.5;}.cid-qPmx3vahT3 amp-img{width: 90px;margin: auto;margin-bottom: 2rem;}.cid-qPmx3vahT3 ul{display: flex;flex-direction: column;list-style: none;padding: 0;}.cid-qPmx3vahT3 .link{margin: 1rem;letter-spacing: 2px;}.cid-qPmx3vahT3 .navbar-logo{width: 100px;height: 100px;margin: auto;margin-bottom: 2rem;}.cid-qPmx3vahT3 .mbr-section-title{color: #ffffff;}.cid-qPmx3vahT3 .mbr-text,.cid-qPmx3vahT3 .mbr-section-btn{color: #6394ff;}.cid-qPmx3vahT3 .ico-wrapper{flex-direction: row;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}.cid-qPmx3vahT3 .card-img{border: 2px solid #6394ff;border-radius: 0.5rem;width: 45px;margin: 5px;height: 45px;position: relative;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}.cid-qPmx3vahT3 .card-img:hover{background-color: #6394ff;}.cid-qPmx3vahT3 .mbr-iconfont{font-size: 24px;color: #ffffff;}.cid-qPmx3vahT3 .card-img a{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}</style>
  56. <script async="" src="https://cdn.ampproject.org/v0.js"></script>
  57. <script async="" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  58. <script async="" custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
  59. <script async="" custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
  60. <script async="" custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  61. <script async="" custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
  62. <script async="" custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
  63. <script async="" custom-element="amp-auto-lightbox" data-script="amp-auto-lightbox" i-amphtml-inserted="" crossorigin="anonymous" src="https://cdn.ampproject.org/rtv/012012301722001/v0/amp-auto-lightbox-0.1.js"></script>
  64. </head>
  65. <body class="amp-mode-touch amp-mode-mouse" style="opacity: 1; visibility: visible; animation: 0s ease 0s 1 normal none running none;">
  66. <amp-sidebar id="sidebar" class="cid-qPygOsy71w" layout="nodisplay" side="right">
  67. <div class="builder-sidebar" id="builder-sidebar">
  68. <button on="tap:sidebar.close" class="close-sidebar">
  69. <span></span>
  70. <span></span>
  71. </button>
  72. <ul class="navbar-nav nav-dropdown navbar-nav-top-padding" data-app-modern-menu="true">
  73. <li class="nav-item">
  74. <a class="nav-link link text-white display-7" href="https://mobirise.com/">
  75. <strong>HOME</strong>
  76. </a>
  77. </li>
  78. <li class="nav-item "><a class="nav-link link text-white display-7" href="">產品</a></li>
  79. <li class="nav-item "><a class="nav-link link text-white display-7" href="">方案</a></li>
  80. <li class="nav-item "><a class="nav-link link text-white display-7" href="">公司</a></li>
  81. <li class="nav-item "><a class="nav-link link text-white display-7" href="">案例</a></li>
  82. <li class="nav-item "><a class="nav-link link text-white display-7" href="http://www.geminiopencloud.com/hostedservice/">Gemini x Linode雲端託管服務</a></li>
  83. <li class="nav-item "><a class="nav-link link text-white display-7" href="">人才召募</a></li>
  84. <li class="nav-item "><a class="nav-link link text-white display-7" href="">產品</a></li>
  85. </ul>
  86. <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-white display-7" href="https://mobirise.com/">CONTACT US</a></div>
  87. </div>
  88. </amp-sidebar>
  89. <amp-analytics type="googleanalytics" id="analytics1" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" i-amphtml-layout="fixed" style="width: 1px; height: 1px;" aria-hidden="true" hidden="">
  90. <script type="application/json">
  91. {
  92. "vars": {
  93. "account": "UA-63126154-1"
  94. },
  95. "triggers": {
  96. "trackPageview": {
  97. "on": "visible",
  98. "request": "pageview"
  99. }
  100. }
  101. }
  102. </script>
  103. </amp-analytics>
  104. <section class="menu horizontal-menu cid-qPygOsy71w" id="menu1-h">
  105. <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
  106. <div class="container">
  107. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  108. <ul class="navbar-nav nav-dropdown navbar-nav-top-padding" data-app-modern-menu="true"><li class="nav-item">
  109. <a class="nav-link link text-white display-7" href="https://mobirise.com/">
  110. <strong>HOME</strong>
  111. </a>
  112. <li class="nav-item "><a class="nav-link link text-white display-7" href="">產品</a></li>
  113. <li class="nav-item "><a class="nav-link link text-white display-7" href="">方案</a></li>
  114. <li class="nav-item "><a class="nav-link link text-white display-7" href="">公司</a></li>
  115. <li class="nav-item "><a class="nav-link link text-white display-7" href="">案例</a></li>
  116. <li class="nav-item "><a class="nav-link link text-white display-7" href="http://www.geminiopencloud.com/hostedservice/">Gemini x Linode雲端託管服務</a></li>
  117. <li class="nav-item "><a class="nav-link link text-white display-7" href="">人才召募</a></li>
  118. <li class="nav-item "><a class="nav-link link text-white display-7" href="">產品</a></li>
  119. </ul>
  120. <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-white display-7" href="https://mobirise.com/">CONTACT US</a></div>
  121. </div>
  122. </div>
  123. </nav>
  124. <button on="tap:sidebar.toggle" class="ampstart-btn hamburger sticky-but">
  125. <span></span>
  126. <span></span>
  127. <span></span>
  128. <span></span>
  129. </button>
  130. </section>
  131. <section class="main post-detail">
  132. <amp-carousel width="400"
  133. height="300"
  134. layout="responsive"
  135. type="slides"
  136. autoplay
  137. delay="2500"
  138. role="region"
  139. aria-label="Carousel with autoplay">
  140. <a href="http://www.yahoo.com.tw/">
  141. <amp-img src="https://www.w3schools.com/bootstrap/la.jpg"
  142. width="400"
  143. height="300"
  144. layout="responsive"
  145. alt="a sample image"></amp-img></a>
  146. <amp-img src="https://www.w3schools.com/bootstrap/chicago.jpg"
  147. width="400"
  148. height="300"
  149. layout="responsive"
  150. alt="another sample image"></amp-img>
  151. <amp-img src="https://www.w3schools.com/bootstrap/ny.jpg"
  152. width="400"
  153. height="300"
  154. layout="responsive"
  155. alt="and another sample image"></amp-img>
  156. </amp-carousel>
  157. <header class="post-header">
  158. <h1 class="post-title">Getting Started With Hugo</h1>
  159. <p class="entry-meta"><span class="entry-time">May 28, 2018</span> 2 min read</p>
  160. </header>
  161. <article class="post-content"><h2 id="step-1-install-hugo">Step 1: Install Hugo</h2>
  162. <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">brew install hugo
  163. </code></pre></div><p>To verify your new install:</p>
  164. <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">hugo version
  165. </code></pre></div><h2 id="step-2-create-a-new-site">Step 2: Create a New Site</h2>
  166. <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">hugo new site quickstart
  167. </code></pre></div><p>The above will create a new Hugo site in a folder named <code>quickstart</code>.</p>
  168. <h2 id="step-3-add-a-theme">Step 3: Add a Theme</h2>
  169. <p>See <a href="https://themes.gohugo.io/">themes.gohugo.io</a> for a list of themes to consider. This quickstart uses the beautiful <a href="https://themes.gohugo.io/gohugo-theme-ananke/">Ananke theme</a>.</p>
  170. <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">cd quickstart;<span style="color:#ae81ff">\
  171. </span><span style="color:#ae81ff"></span>git init;<span style="color:#ae81ff">\
  172. </span><span style="color:#ae81ff"></span>git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke;<span style="color:#ae81ff">\
  173. </span><span style="color:#ae81ff"></span>
  174. <span style="color:#75715e"># Edit your config.toml configuration file</span>
  175. <span style="color:#75715e"># and add the Ananke theme.</span>
  176. echo <span style="color:#e6db74">&#39;theme = &#34;ananke&#34;&#39;</span> &gt;&gt; config.toml
  177. </code></pre></div><h2 id="step-4-add-some-content">Step 4: Add Some Content</h2>
  178. <pre><code>hugo new posts/my-first-post.md
  179. </code></pre><p>Edit the newly created content file if you want. Now, start the Hugo server with <a href="/getting-started/usage/#draft-future-and-expired-content">drafts</a> enabled:</p>
  180. <pre><code>▶ hugo server -D
  181. Started building sites ...
  182. Built site for language en:
  183. 1 of 1 draft rendered
  184. 0 future content
  185. 0 expired content
  186. 1 regular pages created
  187. 8 other pages created
  188. 0 non-page files copied
  189. 1 paginator pages created
  190. 0 categories created
  191. 0 tags created
  192. total in 18 ms
  193. Watching for changes in /Users/bep/sites/quickstart/{data,content,layouts,static,themes}
  194. Serving pages from memory
  195. Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
  196. Press Ctrl+C to stop
  197. </code></pre><p><strong>Navigate to your new site at <a href="http://localhost:1313/">http://localhost:1313/</a>.</strong></p>
  198. <h2 id="step-5-customize-the-theme">Step 5: Customize the Theme</h2>
  199. <p>Your new site already looks great, but you will want to tweak it a little before you release it to the public.</p>
  200. <h3 id="site-configuration">Site Configuration</h3>
  201. <p>Open up <code>config.toml</code> in a text editor:</p>
  202. <pre><code>baseURL = &quot;https://example.org/&quot;
  203. languageCode = &quot;en-us&quot;
  204. title = &quot;My New Hugo Site&quot;
  205. theme = &quot;ananke&quot;
  206. </code></pre><p>Replace the <code>title</code> above with something more personal. Also, if you already have a domain ready, set the <code>baseURL</code>. Note that this value is not needed when running the local development server.</p>
  207. <p><strong>Tip:</strong> Make the changes to the site configuration or any other file in your site while the Hugo server is running, and you will see the changes in the browser right away.</p>
  208. <p>For theme specific configuration options, see the <a href="https://github.com/budparr/gohugo-theme-ananke">theme site</a>.</p>
  209. <p><strong>For further theme customization, see <a href="/themes/customizing/">Customize a Theme</a>.</strong></p>
  210. </article>
  211. <amp-ad width="100vw" height="320"
  212. type="adsense"
  213. data-ad-client="ca-pub-2730293094729387"
  214. data-ad-slot="5998325770"
  215. data-auto-format="rspv"
  216. data-full-width="">
  217. <div overflow=""></div>
  218. </amp-ad>
  219. <footer class="post-footer">
  220. <ul class="post-tags">
  221. <li class="post-tag"><a href="/tags/hugo"><span class="tag">Hugo</span></a></li>
  222. <li class="post-tag"><a href="/tags/theme"><span class="tag">Theme</span></a></li>
  223. </ul>
  224. <div class="sharing">
  225. <a class="share share-facebook" target="_blank" href="https://facebook.com/sharer/sharer.php?u=http%3a%2f%2fvps.ptt.cx%2fhugo%2fgetting-started%2f" title="Share on Facebook">
  226. <svg class="icon icon-facebook" fill="currentColor"><use xlink:href="#icon-facebook" /></svg>
  227. </a>
  228. <a class="share share-twitter" target="_blank" href="https://twitter.com/intent/tweet/?text=Getting%20Started%20With%20Hugo&amp;url=http%3a%2f%2fvps.ptt.cx%2fhugo%2fgetting-started%2f" title="Share on Twitter">
  229. <svg class="icon icon-twitter" fill="currentColor"><use xlink:href="#icon-twitter" /></svg>
  230. </a>
  231. </div>
  232. </footer>
  233. </section>
  234. <section class="footer1 cid-qPmx3vahT3" id="footer1-6">
  235. <div class="container">
  236. <div class="mbr-row mbr-justify-content-center">
  237. <div class="mbr-col-lg-8 mbr-col-md-12 align-center">
  238. <div>
  239. <amp-img src="assets/images/logo.png" layout="responsive" width="90" height="90" alt="Mobirise" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" i-amphtml-layout="responsive"><i-amphtml-sizer slot="i-amphtml-svc" style="padding-top: 100%;"></i-amphtml-sizer>
  240. <img decoding="async" alt="Mobirise" src="assets/images/logo.png" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>
  241. </div>
  242. <ul data-app-modern-menu="true">
  243. <li class="nav-item">
  244. <a class="mbr-fonts-style link text-white display-7" href="https://mobirise.com">
  245. <strong>HOME</strong>
  246. </a>
  247. <a class="mbr-fonts-style link text-white display-7" href="https://mobirise.com">
  248. <strong>ABOUT</strong>
  249. </a>
  250. <a class="mbr-fonts-style link text-white display-7" href="https://mobirise.com">
  251. <strong>CONTACTS</strong>
  252. </a>
  253. <a class="mbr-fonts-style link text-white display-7" href="https://mobirise.com">
  254. <strong>SUPPORT</strong>
  255. </a>
  256. <a class="mbr-fonts-style link text-white display-7" href="https://mobirise.com">
  257. <strong>INFO</strong>
  258. </a>
  259. </li>
  260. </ul>
  261. <p class="mbr-fonts-style mbr-text display-6">HTML AMP Co-working Template will help you find a spot among workers like you.</p>
  262. <div class="ico-wrapper">
  263. <div class="card-img">
  264. <a href="https://twitter.com/mobirise">
  265. <span class="mbr-iconfont fa-twitter fa"></span>
  266. </a>
  267. </div>
  268. <div class="card-img">
  269. <a href="https://www.facebook.com/Mobirise/">
  270. <span class="mbr-iconfont fa-facebook-f fa"></span>
  271. </a>
  272. </div>
  273. <div class="card-img">
  274. <a href="https://plus.google.com/u/0/+Mobirise">
  275. <span class="mbr-iconfont fa-google-plus fa"></span>
  276. </a>
  277. </div>
  278. <div class="card-img">
  279. <a href="https://www.youtube.com/channel/UCt_tncVAetpK5JeM8L-8jyw">
  280. <span class="mbr-iconfont fa-youtube-play fa"></span>
  281. </a>
  282. </div>
  283. <div class="card-img">
  284. <a href="https://www.instagram.com/mobirise/">
  285. <span class="mbr-iconfont fa-instagram fa"></span>
  286. </a>
  287. </div>
  288. <div class="card-img">
  289. <a href="https://ru.pinterest.com/mobirise/">
  290. <span class="mbr-iconfont fa-pinterest-p fa"></span>
  291. </a>
  292. </div>
  293. <div class="card-img">
  294. <a href="https://mobirise.tumblr.com/">
  295. <span class="mbr-iconfont fa-tumblr fa"></span>
  296. </a>
  297. </div>
  298. <div class="card-img">
  299. <a href="https://www.linkedin.com/in/mobirise">
  300. <span class="mbr-iconfont fa-linkedin fa"></span>
  301. </a>
  302. </div>
  303. <div class="card-img">
  304. <a href="#">
  305. <span class="mbr-iconfont fa-vk fa"></span>
  306. </a>
  307. </div>
  308. <div class="card-img">
  309. <a href="#">
  310. <span class="mbr-iconfont fa-odnoklassniki fa"></span>
  311. </a>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </section>
  318. </body>
  319. </html>