代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en-gb" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>How does the template integrate with my existing website design? | Documentation HTML Template</title>
<link rel="shortcut icon" type="image/png" href="https://via.placeholder.com/16x16" >
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css" />
<script src="js/uikit.js"></script>
</head>
<body>
<header id="header" class="uk-background-primary uk-background-norepeat uk-background-cover uk-background-center-center"
style="background-image: url(https://via.placeholder.com/1600x400/D70404/D70404);">
<div class="uk-navbar-wrapper" data-uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container;
cls-active: uk-navbar-sticky; top: 400; media: @m">
<nav class="uk-navbar-container">
<div class="uk-container uk-navbar-transparent uk-light">
<div data-uk-navbar>
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo uk-visible@m" href="index.html">Tipo</a>
<a class="uk-navbar-toggle uk-hidden@m" href="#offcanvas-categoriess" data-uk-toggle><span
data-uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Categories</span></a>
</div>
<div class="uk-navbar-center uk-hidden@m">
<a class="uk-navbar-item uk-logo" href="index.html">Tipo</a>
</div>
<div class="uk-navbar-right">
<div>
<a id="search-navbar-toggle" class="uk-navbar-toggle" data-uk-search-icon="ratio: 1.1" href="#"></a>
<div data-uk-drop="mode: click; pos: left-center; offset: 0">
<form class="uk-search uk-search-navbar uk-width-1-1" onsubmit="return false;">
<input id="search-navbar" class="uk-search-input" type="search" placeholder="Search for answers"
autofocus autocomplete="off" data-minchars="1" data-maxitems="30">
</form>
</div>
</div>
<a class="uk-navbar-toggle uk-hidden@m" href="#offcanvas" data-uk-toggle><span
data-uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">Menu</span></a>
<ul class="uk-navbar-nav uk-visible@m">
<li ><a href="index.html">Home</a></li>
<li ><a href="category.html">Category</a></li>
<li class="uk-active"><a href="article.html">Article</a></li>
<li>
<a href="#">Dropdown</a>
<div class="uk-navbar-dropdown">
<ul class="uk-navbar-dropdown-nav uk-nav-parent-icon" data-uk-nav>
<li><a href="#">Page one</a></li>
<li><a href="#">Page two</a></li>
<li><a href="#">Page three</a></li>
<li class="uk-parent">
<a href="#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="#">Sub item</a></li>
<li><a href="#">Sub item</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<div class="uk-navbar-item">
<a class="uk-button uk-button-small uk-button-primary-outline" href="contact.html">Contact</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div class="uk-section uk-section-small uk-section-hero uk-position-relative uk-light" data-uk-scrollspy="cls: uk-animation-slide-bottom-medium; repeat: true">
<div class="uk-container">
<div class="uk-margin-bottom">
<div class="uk-position-relative">
<form class="uk-search uk-search-default uk-width-1-1" name="search-hero" onsubmit="return false;">
<span data-uk-search-icon="ratio: 1.2"></span>
<input id="search-hero" class="uk-search-input uk-form-large uk-border-rounded" type="search"
placeholder="Search for answers" autocomplete="off" data-minchars="1" data-maxitems="30">
</form>
</div>
</div>
</div>
</div>
</header>
<div class="uk-section uk-section-muted">
<div class="uk-container">
<ul class="uk-breadcrumb uk-margin-medium-top-">
<li><a href="index.html">Help Center</a></li>
<li><a href="category.html">Getting Started</a></li>
<li><span>Template setup</span></li>
</ul>
<div class="uk-background-default uk-border-rounded uk-box-shadow-small">
<div class="uk-container uk-container-xsmall uk-padding-large">
<article class="uk-article">
<h1 class="uk-article-title">How does the template integrate with my existing website design?</h1>
<div class="uk-article-meta uk-margin uk-flex uk-flex-middle">
<img class="uk-border-circle uk-avatar-small" src="https://via.placeholder.com/80x80" alt="Sara Galen">
<div>
Written by Sara Galen
<time class="uk-margin-small-right" datetime="2019-10-05">October 5 2019</time><br>
Updated <time datetime="2019-12-30">December 30 2019</time>
</div>
</div>
<p class="uk-text-lead uk-text-muted">Lorem ipsum dolor sit adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliquat aliquip.</p>
<div class="uk-article-content">
<p>Still too and presented. Eyes workers, and a just that chosen proportion your it exploration, joke.
Of beacon because phase pouring state into them. Either one for been sublime parts global of postage
enjoying those it can the privilege a and, soon up privilege is the to the card blind to feel borne
more, you of for its always sort listen. Of woke show have by mental okay. By accept with and worthy
to uneasiness, snow avoid part the remedies.</p>
<div class="language-bash highlighter-rouge">
<div class="highlight">
<pre class="highlight"><code>bundle install</code></pre>
</div>
</div>
<p>Opinion, a between of make feedback quite like a man frame. Hiding of
a ask the <a href="#">English version</a> the alone, was didn't my a use. Of the for but may to behind on may so let in
wasn't allows a her his century and interaction.</p>
<ul>
<li>When we release an update, it will be available for you to download for free</li>
<li>You can report bugs</li>
<li>You can expect us to keep the item in good working order, working as described and protected
against major security issues</li>
</ul>
<p>The been have from pros a to opinion, a between of make feedback quite like a man frame. Hiding of
a ask the english the alone, was didn't my a use. Of the for but may to behind on may so let in
wasn't allows a her his century and interaction <a href="#">some link</a> to a website.</p>
<p>Musce libero nunc, dignissim quis turpis quis, semper vehicula dolor. Suspendisse tincidunt consequat quam,
ac posuere leo dapibus id. Cras fringilla convallis elit, at eleifend mi interam.</p>
<p>Nulla non sollicitudin. Morbi sit amet laoreet ipsum, vel pretium mi. Morbi varius, tellus in accumsan
blandit, elit ligula eleifend velit, luctus mattis ante nulla condimentum nulla. Etiam vestibulum risus vel
arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.</p>
<h2 id="image-lightbox-example">Image Lightbox Example</h2>
<p>Nunc porta malesuada porta. Etiam tristique vestibulum dolor at ultricies. Proin hendrerit sapien sed erat
fermentum, at commodo velit consectetur.</p>
<figure data-uk-lightbox="animation: slide">
<a class="uk-inline" href="https://via.placeholder.com/1000x700.jpg" data-caption="Image in lightbox">
<img src="https://via.placeholder.com/650x350" alt="Alt for image">
<div class="uk-position-center">
<span data-uk-overlay-icon></span>
</div>
</a>
<figcaption data-uk-grid class="uk-flex-right uk-grid uk-grid-stack"><span
class="uk-width-auto uk-first-column">Image in lightbox</span></figcaption>
</figure>
<p>Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
Cras a dui imperdiet, tempus metus quis, pharetra turpis. Phasellus at massa sit amet ante semper fermentum
sed eget lectus. Quisque id dictum magna, et dapibus turpis.</p>
<h2 id="example-of-code-block">Example Of Code Block</h2>
<p>In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus
turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
<div class="language-html highlighter-rouge">
<div class="highlight">
<pre class="highlight"><code><span class="nt"><head></span>
<span class="nt"><meta</span> <span class="na">charset=</span><span class="s">"utf-8"</span><span class="nt">></span>
<span class="nt"><meta</span> <span class="na">http-equiv=</span><span class="s">"X-UA-Compatible"</span> <span class="na">content=</span><span class="s">"IE=edge"</span><span class="nt">></span>
<span class="nt"><meta</span> <span class="na">name=</span><span class="s">"viewport"</span> <span class="na">content=</span><span class="s">"width=device-width, initial-scale=1"</span><span class="nt">></span>
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"/assets/css/main.css"</span><span class="nt">></span>
<span class="nt"><link</span> <span class="na">rel=</span><span class="s">"shortcut icon"</span> <span class="na">type=</span><span class="s">"image/png"</span> <span class="na">href=</span><span class="s">"/assets/img/favicon.png"</span> <span class="nt">></span>
<span class="nt"><script </span><span class="na">src=</span><span class="s">"/assets/js/main.js"</span><span class="nt">></script></span>
<span class="nt"></head></span>
</code></pre>
</div>
</div>
<h2 id="text-and-quote">Text and Quote</h2>
<p>Cras at dolor eget urna varius faucibus tempus in elit. Cras a dui imperdiet, tempus metus quis, pharetra
turpis. Phasellus at massa sit amet ante semper fermentum sed eget lectus. Quisque id dictum magna turpis.</p>
<blockquote>
<p>Etiam vestibulum risus vel arcu elementum eleifend. Cras at dolor eget urna varius faucibus tempus in elit.
Cras a dui imperdiet</p>
</blockquote>
<p>In accumsan lacus ac neque maximus dictum. Phasellus eleifend leo id mattis bibendum. Curabitur et purus
turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
<p>Etiam in fermentum mi. Sed et tempor felis, eu aliquet nisi. Nam eget ullamcorper arcu. Nunc porttitor nisl a
dolor blandit, eget consequat sem maximus. Phasellus lacinia quam porta orci malesuada, vel tincidunt.</p>
<div class="share uk-text-center uk-margin-large-top">
<p>Did this article answer your question?</p>
<a href="#" title="Dislike"><span class="uk-icon-button uk-text-primary" data-uk-icon="icon: close; ratio: 1.2"></span></a>
<a class="uk-margin-small-left"
href="#" title="Like"><span class="uk-icon-button uk-text-primary" data-uk-icon="icon: check; ratio: 1.2"></span></a>
</div>
</div>
<div class="uk-margin-large-top paginate-post">
<div class="uk-child-width-expand@s uk-grid-large" data-uk-grid>
<div>
<h5>Category boxes section</h5>
<div><a class="uk-remove-underline hvr-back" href="article.html">← Previuos</a></div>
</div>
<div class="uk-text-right">
<h5>Basic theme setup</h5>
<div><a class="uk-remove-underline hvr-forward" href="article.html">Next →</a></div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="offcanvas-categoriess" data-uk-offcanvas="overlay: true">
<div class="uk-offcanvas-bar">
<span class="uk-logo">Categories</span>
<button class="uk-offcanvas-close" type="button" data-uk-close></button>
<h4 class="uk-margin-small-bottom uk-margin-medium-top">Payments & Prices</h4>
<ul class="uk-nav uk-nav-default">
<li><a href="category.html">Credit Card Charges</a></li>
<li class="uk-active"><a href="category.html">Prices Sales Tax</a></li>
<li><a href="category.html">Denied Payments</a></li>
<li><a href="category.html">Gift Certificates</a></li>
<li><a href="category.html">Currency Options</a></li>
</ul>
<h4 class="uk-margin-small-bottom uk-margin-medium-top">Shipping Info</h4>
<ul class="uk-nav uk-nav-default">
<li><a href="category.html">Shipping & Minimum Purchase</a></li>
<li><a href="category.html">US Shipping Rates</a></li>
<li><a href="category.html">International Shipping Rates</a></li>
</ul>
<h4 class="uk-margin-small-bottom uk-margin-medium-top">Return Items</h4>
<ul class="uk-nav uk-nav-default">
<li><a href="category.html">Store Refunds & Exchanges</a></li>
<li><a href="category.html">Online Refunds</a></li>
<li><a href="category.html">Final Sale Items</a></li>
</ul>
</div>
</div>
<div id="offcanvas" data-uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar">
<a class="uk-logo" href="index.html">Tipo</a>
<button class="uk-offcanvas-close" type="button" data-uk-close></button>
<ul class="uk-nav uk-nav-primary uk-nav-offcanvas uk-margin-top uk-text-center uk-text-500">
<li ><a href="index.html">Home</a></li>
<li ><a href="category.html">Category</a></li>
<li class="uk-active"><a href="article.html">Article</a></li>
<li>
<div class="uk-navbar-item"><a class="uk-button uk-button-primary" href="contact.html">Contact</a></div>
</li>
</ul>
<div class="uk-margin-top uk-text-center">
<div data-uk-grid class="uk-child-width-auto uk-grid-small uk-flex-center">
<div>
<a href="https://twitter.com/" data-uk-icon="icon: twitter" class="uk-icon-link" target="_blank"></a>
</div>
<div>
<a href="https://www.facebook.com/" data-uk-icon="icon: facebook" class="uk-icon-link" target="_blank"></a>
</div>
<div>
<a href="https://www.instagram.com/" data-uk-icon="icon: instagram" class="uk-icon-link" target="_blank"></a>
</div>
<div>
<a href="https://vimeo.com/" data-uk-icon="icon: vimeo" class="uk-icon-link" target="_blank"></a>
</div>
</div>
</div>
</div>
</div>
<footer class="uk-section uk-section-muted uk-section-large">
<div class="uk-container uk-container-xsmall">
<div class="uk-text-center">
<h3 class="uk-h2 uk-margin-remove">Fear of missing out?</h3>
<p class="uk-margin-remove-bottom uk-margin-xsmall-top">Be the first to know about the latest deals, style updates & more!</p>
</div>
<div class="uk-margin-top">
<div data-uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
<form>
<div class="uk-grid-small" data-uk-grid>
<div class="uk-width-1-1 uk-width-expand@s">
<input type="email" placeholder="Email Address" class="uk-input uk-form-large uk-width-1-1">
</div>
<div class="uk-width-1-1 uk-width-auto@s">
<input type="submit" value="Subscribe" class="button uk-button uk-button-large uk-button-secondary">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="uk-container uk-text-muted uk-margin-xlarge-top">
<div class="uk-child-width-1-2@s uk-child-width-1-5@m" data-uk-grid>
<div>
<h5>Company</h5>
<ul class="uk-list uk-text-small">
<li><a class="uk-link-muted" href="#">Marketing Tools</a></li>
<li><a class="uk-link-muted" href="#">Presentations</a></li>
<li><a class="uk-link-muted" href="#">Professionals</a></li>
<li><a class="uk-link-muted" href="#">Appointments</a></li>
<li><a class="uk-link-muted" href="#">Stores</a></li>
</ul>
</div>
<div>
<h5>Community</h5>
<ul class="uk-list uk-text-small">
<li><a class="uk-link-muted" href="#">Webinars</a></li>
<li><a class="uk-link-muted" href="#">Developers</a></li>
<li><a class="uk-link-muted" href="#">Platforms</a></li>
<li><a class="uk-link-muted" href="#">Workshops</a></li>
<li><a class="uk-link-muted" href="#">Local Meetups</a></li>
</ul>
</div>
<div>
<h5>Join Us</h5>
<ul class="uk-list uk-text-small">
<li><a class="uk-link-muted" href="#">Our Initiatives</a></li>
<li><a class="uk-link-muted" href="#">Giving Back</a></li>
<li><a class="uk-link-muted" href="#">Communities</a></li>
<li><a class="uk-link-muted" href="#">Youth Program</a></li>
<li><a class="uk-link-muted" href="#">Charity</a></li>
</ul>
</div>
<div>
<h5>Contact</h5>
<ul class="uk-list uk-text-small">
<li><a class="uk-link-muted" href="#">Contact Form</a></li>
<li><a class="uk-link-muted" href="#">LinkedIn</a></li>
<li><a class="uk-link-muted" href="#">Facebook</a></li>
<li><a class="uk-link-muted" href="#">Instagram</a></li>
<li><a class="uk-link-muted" href="#">Visit Us</a></li>
</ul>
</div>
<div>
<div class="uk-margin">
<a href="#" class="uk-logo">Tipo</a>
</div>
<div class="uk-margin uk-text-small">
<p>Made by a <a href="https://drifter.works/" target="_blank">Drifter</a> in Antigua, Guatemala.</p>
</div>
<div class="uk-margin">
<div data-uk-grid class="uk-child-width-auto uk-grid-collapse">
<div class="uk-margin-small-right">
<a href="#" data-uk-icon="icon: facebook" class="uk-icon-link uk-icon"
target="_blank"></a>
</div>
<div class="uk-margin-small-right">
<a href="#" data-uk-icon="icon: instagram" class="uk-icon-link uk-icon"
target="_blank"></a>
</div>
<div class="uk-margin-small-right">
<a href="#" data-uk-icon="icon: twitter" class="uk-icon-link uk-icon"
target="_blank"></a>
</div>
<div class="uk-margin-small-right">
<a href="#" data-uk-icon="icon: youtube" class="uk-icon-link uk-icon"
target="_blank"></a>
</div>
<div class="uk-margin-small-right">
<a href="#" data-uk-icon="icon: vimeo" class="uk-icon-link uk-icon"
target="_blank"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/awesomplete.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手