周海龙 / globalso · 提交

转到一个项目

作者 邓超
提交 7eb5fe90c3fd8c9fb6df17ea1eff49e4b4b372b1 1 个父辈 fd163d16

bbbbb

内嵌 并排对比
正在显示 1 个修改的文件 包含 456 行增加 和 484 行删除
... ... @@ -121,490 +121,458 @@ class TemplateController extends BaseController
$source_id = $this->param['source_id']??0;
if($source=='index'){
$def = '<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Example Template for Bootstrap</title>
<link href="../../css/editor.css" rel="stylesheet">
<script src="../../js/jquery.min.js"></script>
<script src="../../js/popper.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<link href="example.css" rel="stylesheet">
<script src="../../libs/aos/aos.js"></script>
<link href="../../libs/aos/aos.css" rel="stylesheet">
<script src="../../libs/swiper/swiper.js"></script>
<link href="../../libs/swiper/swiper.css" rel="stylesheet">
</head>
<body>
<header noAction id="globalso-header" class="web_head testnoaction screen-xxl sticky-top ">
<div class=" layout">
<div class=" d-flex align-items-center justify-content-between py-md-4">
<div class="logo w-25 w-sm-auto"><a href="#"><img class="img-fluid" src="img/logo.png" alt=""></a></div>
<nav class="navbar navbar-expand-md navbar-dark flex-fill justify-content-end mx-2 pe-md-5">
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#navMenu"
aria-controls="navMenu">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="nav column-gap-5 justify-content-end text-white d-none d-md-flex">
<li><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">Products</a>
<ul class="dropdown-menu fs-6 text-body shadow-sm border-0">
<li><a href="#" class="dropdown-item py-2">Product Information</a></li>
<li><a href="#" class="dropdown-item py-2">Change of Insurance</a></li>
<li><a href="#" class="dropdown-item py-2">Traveling Oxygen Program</a></li>
<li><a href="#" class="dropdown-item py-2">Contact</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="d-flex align-items-center justify-content-end">
<div class="search">
<button type="button" class="btn border-0" data-bs-toggle="dropdown">
<svg viewBox="0 0 24 24" width="18" height="18" stroke="#ffffff" stroke-width="2"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
<div class="dropdown-menu p-3 shadow-sm border-0">
<form action="">
<div class="d-flex mb-2">
<input type="text" class="form-control" name="search" placeholder="Start Typing...">
<button class="btn btn-search border-0" type="submit">
<svg viewBox="0 0 24 24" width="18" height="18" stroke="#333333"
stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"
class="css-i6dzq1">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
<p class="search-attr">Hit enter to search or ESC to close</p>
</form>
</div>
</div>
<div class="change-language ms-md-4">
<div role="button" class="dropdown-toggle text-white d-flex align-items-center"
data-bs-toggle="dropdown">
<b class="country-flag language-flag-en"></b> <span>English</span>
</div>
<div class="dropdown-menu shadow-sm border-0">
<div class="d-flex flex-wrap p-3 text-body">
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="English">
<b class="country-flag language-flag-en"></b>
<span>English</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Françai">
<b class="country-flag language-flag-fr"></b>
<span>Françai</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Español">
<b class="country-flag language-flag-es"></b>
<span>Español</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Deutsch">
<b class="country-flag language-flag-de"></b>
<span>Deutsch</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Română">
<b class="country-flag language-flag-ro"></b>
<span>Română</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="web_main" id="globalso-main">
<section class="slider_banner screen-full position-relative testnoaction" data-aos="fade-up"
data-aos-delay="500" id="banner">
<div class="layout">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner01.jpg"
alt="slide1" /></a>
</div>
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner02.jpg"
alt="slide2" /></a>
</div>
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner01.jpg"
alt="slide3" /></a>
</div>
</div>
<div class="index-swiper-buttons">
<div class="swiper-button-prev la"></div>
<div class="swiper-button-next la"></div>
</div>
<div class="swiper-pagination">
</div>
</section>
<section noActionSection noAction class="product-1 screen-xxl mb-5 mt-0 block-item-4 testnoaction">
<div class="layout">
<div class="row gx-0">
<div class="index-hd text-center" data-aos="fade-up" data-aos-delay="500">
<h2 class="fs-1 fw-bold">New Products</h2>
</div>
<div class="index-bd default-product-items d-flex flex-wrap" data-aos="fade-up"
data-aos-delay="500">
<div class="default-product-item block-item" style="padding:10px">
<figure class="item-inner" style="padding:10px">
<div class="item-img" style="padding:10px">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section>
<section class="screen-xxl">
<div class="layout">
<div class="row">
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<path
d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z">
</path>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">01</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">Saddles</h4>
<div class="mt-3 uu">Our store is ready to offer you the best saddle selection of all shapes
and
types for your bike.</div>
</div>
</div>
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<line x1="4" y1="21" x2="4" y2="14"></line>
<line x1="4" y1="10" x2="4" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="12"></line>
<line x1="12" y1="8" x2="12" y2="3"></line>
<line x1="20" y1="21" x2="20" y2="16"></line>
<line x1="20" y1="12" x2="20" y2="3"></line>
<line x1="1" y1="14" x2="7" y2="14"></line>
<line x1="9" y1="8" x2="15" y2="8"></line>
<line x1="17" y1="16" x2="23" y2="16"></line>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">02</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">rims &amp; Wheels</h4>
<p class="mt-3">Feel free to explore an extensive range of wheels, rims &amp; tires for
your
bike at our store.</p>
</div>
</div>
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<path
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z">
</path>
<polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline>
<polyline points="7.5 19.79 7.5 14.6 3 12"></polyline>
<polyline points="21 12 16.5 14.6 16.5 19.79"></polyline>
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
<line x1="12" y1="22.08" x2="12" y2="12"></line>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">04</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">Saddles</h4>
<p class="mt-3">Need a reliable and durable frame for your bike? Our store managers
will be
ready to help you.</p>
</div>
</div>
</div>
</div>
</section>
<section class="about-1 screen-xxl">
<div class="layout">
<div class="row">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="500">
<div class="company_show bg-light rounded-3 position-relative h-100">
<div class="swiper-wrapper">
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_01.png" alt=""></a>
</div>
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_02.png" alt=""></a>
</div>
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_03.png" alt=""></a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="500">
<div class="company_content ps-lg-5 py-5 py-lg-3">
<h2 class="fs-1 fw-bold">Why Choose Us</h2>
<dl class="my-4 my-sm-5 text-dark">
<dt class="fs-7">◎ Over 25 years of experience</dt>
<dd class="my-3">
Since 1990, we have been partnering with various suppliers and manufacturers of bike
parts
to provide our customers with high-quality replacement parts for their bikes for
over 25 years.
</dd>
<dt class="fs-7">◎ 5+ years of warranty on all parts</dt>
<dd class="my-3">
Every part you buy at our store is provided with exclusive 5-year warranty and some
parts
from premium manufacturers have even longer warranty.
</dd>
<dt class="fs-7">◎ Over 25 years of experience</dt>
<dd class="my-3">
We guarantee the best customer service with easy product returns &amp; replacements
as well
as 24-hour support for all our clients. Besides, every client also gets free
worldwide
delivery of any part from our catalog.
</dd>
</dl>
<a href="#" class="btn btn-primary px-4 fs-7">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<section class="news-1 screen-xxl">
<div class="layout">
<div class="row gx-0 my-sm-4">
<div class="index_hd text-center" data-aos="fade-up" data-aos-delay="500">
<h2 class="fs-1 fw-bold">Our Blog</h2>
</div>
<div class="index-bd row pb-3 py-md-4 px-0 gx-0 gy-3" data-aos="fade-up" data-aos-delay="500">
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class="img-fluid" src="img/news01.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">Essential Commuter Accessories: Stock or DIY?</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. </p>
</figcaption>
</figure>
</div>
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class=" img-fluid" src="img/news02.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">5 Winter Biking Necessities that You Need to
Have</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy</p>
</figcaption>
</figure>
</div>
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class=" img-fluid" src="img/news03.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">Bike Tune-up Done Right: Tips from Cyclert
Experts</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. </p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="web_footer screen-xxl" id="globalso-footer">
<div class="layout">
<div class="row py-5 gx-0" data-aos="fade-up" data-aos-delay="500">
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4">
<div class="foot_logo"><img src="img/logo.png" alt=""></div>
<div class="my-5 pe-4 text-white">Shelter has been a trusted name in insurance for more than 15
years. Today, we
proudly serve more than 16 million customers nationwide.Shelter has been a trusted name in
insurance for
more than 15 years. </div>
<ul class="sns_list d-flex gap-4 list-unstyled">
<li><a href=""><img src="img/sns01.png" alt=""></a></li>
<li><a href=""><img src="img/sns02.png" alt=""></a></li>
<li><a href=""><img src="img/sns03.png" alt=""></a></li>
<li><a href=""><img src="img/sns04.png" alt=""></a></li>
<li><a href=""><img src="img/sns05.png" alt=""></a></li>
</ul>
</nav>
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4 px-sm-5 ps-lg-9">
<div class="mb-4">
<h2 class="fs-5 fw-bold text-white">Quick Links</h2>
</div>
<div class="foot_item_bd">
<ul class="list-unstyled">
<li class="my-3"><a href="" class="text-white">Home</a></li>
<li class="my-3"><a href="" class="text-white">Products</a></li>
<li class="my-3"><a href="" class="text-white">Services</a></li>
<li class="my-3"><a href="" class="text-white">News</a></li>
<li class="my-3"><a href="" class="text-white">About us</a></li>
<li class="my-3"><a href="" class="text-white">Contact us</a></li>
</ul>
</div>
</nav>
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4">
<div class="mb-4">
<h2 class="fs-5 fw-bold text-white">Get in Touch</h2>
</div>
<div class="foot_item_bd">
<address>
<ul class="list-unstyled">
<li class="my-3 d-flex align-items-center">
<i class="la la-city la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<span class="text-white">Chengdu,Sichuan province Shuxihuanjie #615</span>
</div>
</li>
<li class="my-3 d-flex align-items-center">
<i class="la la-phone la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<a class="tel_link" href="tel:">
<span class="text-white">Phone:</span>
<span class="text-white">400-86-25660</span>
</a>
</div>
</li>
<li class="my-3 d-flex align-items-center">
<i class="la la-mail-bulk la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<a href="mailto:">
<span class="text-white">Email:</span>
<span class="text-white">800025660@126.com</span>
</a>
</div>
</li>
</ul>
</address>
</div>
</nav>
</div>
</div>
</footer>
</body>
$def = '<header noAction id="globalso-header" class="web_head testnoaction screen-xxl sticky-top ">
<div class=" layout">
<div class=" d-flex align-items-center justify-content-between py-md-4">
<div class="logo w-25 w-sm-auto"><a href="#"><img class="img-fluid" src="img/logo.png" alt=""></a></div>
<nav class="navbar navbar-expand-md navbar-dark flex-fill justify-content-end mx-2 pe-md-5">
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#navMenu"
aria-controls="navMenu">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="nav column-gap-5 justify-content-end text-white d-none d-md-flex">
<li><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">Products</a>
<ul class="dropdown-menu fs-6 text-body shadow-sm border-0">
<li><a href="#" class="dropdown-item py-2">Product Information</a></li>
<li><a href="#" class="dropdown-item py-2">Change of Insurance</a></li>
<li><a href="#" class="dropdown-item py-2">Traveling Oxygen Program</a></li>
<li><a href="#" class="dropdown-item py-2">Contact</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="d-flex align-items-center justify-content-end">
<div class="search">
<button type="button" class="btn border-0" data-bs-toggle="dropdown">
<svg viewBox="0 0 24 24" width="18" height="18" stroke="#ffffff" stroke-width="2"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
<div class="dropdown-menu p-3 shadow-sm border-0">
<form action="">
<div class="d-flex mb-2">
<input type="text" class="form-control" name="search" placeholder="Start Typing...">
<button class="btn btn-search border-0" type="submit">
<svg viewBox="0 0 24 24" width="18" height="18" stroke="#333333"
stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"
class="css-i6dzq1">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
<p class="search-attr">Hit enter to search or ESC to close</p>
</form>
</div>
</div>
<div class="change-language ms-md-4">
<div role="button" class="dropdown-toggle text-white d-flex align-items-center"
data-bs-toggle="dropdown">
<b class="country-flag language-flag-en"></b> <span>English</span>
</div>
<div class="dropdown-menu shadow-sm border-0">
<div class="d-flex flex-wrap p-3 text-body">
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="English">
<b class="country-flag language-flag-en"></b>
<span>English</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Françai">
<b class="country-flag language-flag-fr"></b>
<span>Françai</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Español">
<b class="country-flag language-flag-es"></b>
<span>Español</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Deutsch">
<b class="country-flag language-flag-de"></b>
<span>Deutsch</span>
</a>
<a href="#" class="col-4 mb-3 pe-2 d-flex align-items-center" title="Română">
<b class="country-flag language-flag-ro"></b>
<span>Română</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="web_main" id="globalso-main">
<section class="slider_banner screen-full position-relative testnoaction" data-aos="fade-up"
data-aos-delay="500" id="banner">
<div class="layout">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner01.jpg"
alt="slide1" /></a>
</div>
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner02.jpg"
alt="slide2" /></a>
</div>
<div class="swiper-slide"><a href="#"> <img class=" img-fluid" src="img/banner01.jpg"
alt="slide3" /></a>
</div>
</div>
<div class="index-swiper-buttons">
<div class="swiper-button-prev la"></div>
<div class="swiper-button-next la"></div>
</div>
<div class="swiper-pagination">
</div>
</section>
<section noActionSection noAction class="product-1 screen-xxl mb-5 mt-0 block-item-4 testnoaction">
<div class="layout">
<div class="row gx-0">
<div class="index-hd text-center" data-aos="fade-up" data-aos-delay="500">
<h2 class="fs-1 fw-bold">New Products</h2>
</div>
<div class="index-bd default-product-items d-flex flex-wrap" data-aos="fade-up"
data-aos-delay="500">
<div class="default-product-item block-item" style="padding:10px">
<figure class="item-inner" style="padding:10px">
<div class="item-img" style="padding:10px">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
<div class="default-product-item block-item">
<figure class="item-inner">
<div class="item-img">
<a href="#"><img class="img-fluid" src="img/index_pd01.png" alt=""></a>
</div>
<figcaption class="item-info">
<h3 class="item-title"><a href="#">Aluminum Bottle Cage</a></h3>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section>
<section class="screen-xxl">
<div class="layout">
<div class="row">
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<path
d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z">
</path>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">01</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">Saddles</h4>
<div class="mt-3 uu">Our store is ready to offer you the best saddle selection of all shapes
and
types for your bike.</div>
</div>
</div>
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<line x1="4" y1="21" x2="4" y2="14"></line>
<line x1="4" y1="10" x2="4" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="12"></line>
<line x1="12" y1="8" x2="12" y2="3"></line>
<line x1="20" y1="21" x2="20" y2="16"></line>
<line x1="20" y1="12" x2="20" y2="3"></line>
<line x1="1" y1="14" x2="7" y2="14"></line>
<line x1="9" y1="8" x2="15" y2="8"></line>
<line x1="17" y1="16" x2="23" y2="16"></line>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">02</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">rims &amp; Wheels</h4>
<p class="mt-3">Feel free to explore an extensive range of wheels, rims &amp; tires for
your
bike at our store.</p>
</div>
</div>
<div class="col-md-4 p-3" data-aos="fade-up" data-aos-delay="500">
<i>
<svg viewBox="0 0 24 24" width="48" height="48" stroke="#318fff" stroke-width="1"
fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
<path
d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z">
</path>
<polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline>
<polyline points="7.5 19.79 7.5 14.6 3 12"></polyline>
<polyline points="21 12 16.5 14.6 16.5 19.79"></polyline>
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
<line x1="12" y1="22.08" x2="12" y2="12"></line>
</svg>
</i>
<div class="la-3x text-body opacity-25 lh-1 my-4">04</div>
<div class="pe-4">
<h4 class="text-uppercase fw-bold">Saddles</h4>
<p class="mt-3">Need a reliable and durable frame for your bike? Our store managers
will be
ready to help you.</p>
</div>
</div>
</div>
</div>
</section>
<section class="about-1 screen-xxl">
<div class="layout">
<div class="row">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="500">
<div class="company_show bg-light rounded-3 position-relative h-100">
<div class="swiper-wrapper">
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_01.png" alt=""></a>
</div>
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_02.png" alt=""></a>
</div>
<div class="swiper-slide p-4">
<a href="#"><img class=" img-fluid" src="img/company_intr_03.png" alt=""></a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="500">
<div class="company_content ps-lg-5 py-5 py-lg-3">
<h2 class="fs-1 fw-bold">Why Choose Us</h2>
<dl class="my-4 my-sm-5 text-dark">
<dt class="fs-7">◎ Over 25 years of experience</dt>
<dd class="my-3">
Since 1990, we have been partnering with various suppliers and manufacturers of bike
parts
to provide our customers with high-quality replacement parts for their bikes for
over 25 years.
</dd>
<dt class="fs-7">◎ 5+ years of warranty on all parts</dt>
<dd class="my-3">
Every part you buy at our store is provided with exclusive 5-year warranty and some
parts
from premium manufacturers have even longer warranty.
</dd>
<dt class="fs-7">◎ Over 25 years of experience</dt>
<dd class="my-3">
We guarantee the best customer service with easy product returns &amp; replacements
as well
as 24-hour support for all our clients. Besides, every client also gets free
worldwide
delivery of any part from our catalog.
</dd>
</dl>
<a href="#" class="btn btn-primary px-4 fs-7">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<section class="news-1 screen-xxl">
<div class="layout">
<div class="row gx-0 my-sm-4">
<div class="index_hd text-center" data-aos="fade-up" data-aos-delay="500">
<h2 class="fs-1 fw-bold">Our Blog</h2>
</div>
<div class="index-bd row pb-3 py-md-4 px-0 gx-0 gy-3" data-aos="fade-up" data-aos-delay="500">
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class="img-fluid" src="img/news01.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">Essential Commuter Accessories: Stock or DIY?</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. </p>
</figcaption>
</figure>
</div>
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class=" img-fluid" src="img/news02.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">5 Winter Biking Necessities that You Need to
Have</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy</p>
</figcaption>
</figure>
</div>
<div class="col-sm-6 col-md-4 gx-3 gx-md-4 gy-3 gy-md-0">
<figure class="d-flex flex-column h-100">
<span class="item_img">
<a href=""><img class=" img-fluid" src="img/news03.jpg" alt=""></a>
</span>
<figcaption class="bg-white p-3 flex-fill">
<time class="text-secondary">August 9, 2019</time>
<h3 class="fs-7 fs-sm-5 my-3 fw-bold">
<a href="#" class="text-body">Bike Tune-up Done Right: Tips from Cyclert
Experts</a>
</h3>
<p class="m-0 text-secondary">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
diam voluptua. </p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="web_footer screen-xxl" id="globalso-footer">
<div class="layout">
<div class="row py-5 gx-0" data-aos="fade-up" data-aos-delay="500">
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4">
<div class="foot_logo"><img src="img/logo.png" alt=""></div>
<div class="my-5 pe-4 text-white">Shelter has been a trusted name in insurance for more than 15
years. Today, we
proudly serve more than 16 million customers nationwide.Shelter has been a trusted name in
insurance for
more than 15 years. </div>
<ul class="sns_list d-flex gap-4 list-unstyled">
<li><a href=""><img src="img/sns01.png" alt=""></a></li>
<li><a href=""><img src="img/sns02.png" alt=""></a></li>
<li><a href=""><img src="img/sns03.png" alt=""></a></li>
<li><a href=""><img src="img/sns04.png" alt=""></a></li>
<li><a href=""><img src="img/sns05.png" alt=""></a></li>
</ul>
</nav>
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4 px-sm-5 ps-lg-9">
<div class="mb-4">
<h2 class="fs-5 fw-bold text-white">Quick Links</h2>
</div>
<div class="foot_item_bd">
<ul class="list-unstyled">
<li class="my-3"><a href="" class="text-white">Home</a></li>
<li class="my-3"><a href="" class="text-white">Products</a></li>
<li class="my-3"><a href="" class="text-white">Services</a></li>
<li class="my-3"><a href="" class="text-white">News</a></li>
<li class="my-3"><a href="" class="text-white">About us</a></li>
<li class="my-3"><a href="" class="text-white">Contact us</a></li>
</ul>
</div>
</nav>
<nav class="foot_item col-sm-6 col-md-4 gx-0 gx-sm-4 pt-4">
<div class="mb-4">
<h2 class="fs-5 fw-bold text-white">Get in Touch</h2>
</div>
<div class="foot_item_bd">
<address>
<ul class="list-unstyled">
<li class="my-3 d-flex align-items-center">
<i class="la la-city la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<span class="text-white">Chengdu,Sichuan province Shuxihuanjie #615</span>
</div>
</li>
<li class="my-3 d-flex align-items-center">
<i class="la la-phone la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<a class="tel_link" href="tel:">
<span class="text-white">Phone:</span>
<span class="text-white">400-86-25660</span>
</a>
</div>
</li>
<li class="my-3 d-flex align-items-center">
<i class="la la-mail-bulk la-inverse fs-4"></i>
<div class="flex-fill ms-2">
<a href="mailto:">
<span class="text-white">Email:</span>
<span class="text-white">800025660@126.com</span>
</a>
</div>
</li>
</ul>
</address>
</div>
</nav>
</div>
</div>
</footer>
<script>
AOS.init();
var mySwiper = new Swiper(\'.slider_banner .layout\', {
effect: \'fade\',
speed: 1000,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
pagination: {
el: \'.slider_banner .swiper-pagination\',
clickable: true,
},
navigation: {
nextEl: \'.slider_banner .swiper-button-next\',
prevEl: \'.slider_banner .swiper-button-prev\',
},
});
var swiper = new Swiper(\'.company_show\', {
pagination: {
el: \'.company_show .swiper-pagination\',
},
})
</script>
</html>';
AOS.init();
var mySwiper = new Swiper(\'.slider_banner .layout\', {
effect: \'fade\',
speed: 1000,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
pagination: {
el: \'.slider_banner .swiper-pagination\',
clickable: true,
},
navigation: {
nextEl: \'.slider_banner .swiper-button-next\',
prevEl: \'.slider_banner .swiper-button-prev\',
},
});
var swiper = new Swiper(\'.company_show\', {
pagination: {
el: \'.company_show .swiper-pagination\',
},
})
<\/script>';
}else{
$def = '<div class=" d-flex align-items-center justify-content-between py-md-4">
<div class="logo w-25 w-sm-auto"><a href="#"><img class="img-fluid" src="img/logo.png" alt=""></a></div>
... ... @@ -693,9 +661,13 @@ class TemplateController extends BaseController
$data = TemplateLogic::instance()->first($source,$source_id);
$res = [
'html' => $data?$data['html']:$def,
'name' => 'example'
];
return $this->response('',Code::SUCCESS,$data?$data['html']:$def);
return $this->response('',Code::SUCCESS,$res);
}
... ...