博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Home 1</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Description website">
<meta name="author" content="Maksym Blank">
<meta name="keywords" content="website, with, meta, tags">
<meta name="robots" content="noindex, follow">
<meta name="revisit-after" content="5 month">
<meta name="image" content="http://mywebsite.com/image.jpg">
<meta name="og:title" content="Title website">
<meta name="og:description" content="Description website">
<meta name="og:image" content="http://mywebsite.com/image.jpg">
<meta name="og:site_name" content="My Website">
<meta name="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Title website">
<meta name="twitter:description" content="Description website">
<link href="assets/css/plugins/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/plugins/slick.css" rel="stylesheet">
<link href="assets/css/plugins/ion.rangeSlider.min.css" rel="stylesheet">
<link href="assets/css/plugins/magnific-popup.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">
<link href="assets/fonts/font-awesome.min.css" rel="stylesheet">
</head>
<body class="btn-style-1 btn-square sidebar-style-2">
<!--Section Start-->
<aside class="sigma_aside">
<div class="sigma_close aside-trigger">
<span></span>
<span></span>
</div>
<div class="sigma_logo-wrapper">
<a class="sigma_logo" href="index.html">
<img src="assets/img/logo.jpg" alt="logo">
</a>
</div>
<ul class="navbar-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Home pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="index.html">Home 1</a>
</li>
<li class="menu-item">
<a href="home-2.html">Home 2</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="about-us.html">About us</a>
</li>
<li class="menu-item">
<a href="signup.html">Signup</a>
</li>
<li class="menu-item">
<a href="login.html">Login</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="shop.html">Shop</a>
</li>
<li class="menu-item">
<a href="product-details.html">Product details</a>
</li>
<li class="menu-item">
<a href="wishlist.html">Wishlist</a>
</li>
<li class="menu-item">
<a href="cart.html">Cart</a>
</li>
<li class="menu-item">
<a href="checkout.html">Checkout</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item">
<a href="blog-details.html">Blog details</a>
</li>
</ul>
</li>
<li class="menu-item">
<a href="contact-us.html">Contact us</a>
</li>
</ul>
</aside>
<div class="sigma_aside-overlay aside-trigger">
</div>
<header class="sigma_header style-4 can-sticky">
<div class="container">
<div class="sigma_header-middle">
<div class="navbar">
<div class="sigma_logo-wrapper">
<a class="sigma_logo" href="index.html">
<img src="assets/img/logo.jpg" alt="logo">
</a>
</div>
<ul class="navbar-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Home pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="index.html">Home 1</a>
</li>
<li class="menu-item">
<a href="home-2.html">Home 2</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="about-us.html">About us</a>
</li>
<li class="menu-item">
<a href="signup.html">Signup</a>
</li>
<li class="menu-item">
<a href="login.html">Login</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="shop.html">Shop</a>
</li>
<li class="menu-item">
<a href="product-details.html">Product details</a>
</li>
<li class="menu-item">
<a href="wishlist.html">Wishlist</a>
</li>
<li class="menu-item">
<a href="cart.html">Cart</a>
</li>
<li class="menu-item">
<a href="checkout.html">Checkout</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="blog-details.html">Blog details</a>
</li>
</ul>
</li>
<li class="menu-item">
<a href="contact-us.html">Contact us</a>
</li>
</ul>
<div class="sigma_header-controls style-1">
<ul class="sigma_header-controls-inner">
<li class="search-trigger header-controls-item d-none d-sm-block">
<a class="sigma_header-control-search" title="Search" href="#">
<i class="far fa-search"></i>
</a>
</li>
<li class="cart-trigger header-controls-item d-none d-sm-block">
<a class="sigma_header-control-cart" title="Your Cart" href="cart.html">
<i class="far fa-shopping-basket"></i>
<div class="sigma_header-control-cart-inner">
<span>3 Items</span>
<p>129.99$</p>
</div>
</a>
</li>
<li class="aside-toggle aside-trigger">
<span></span>
<span></span>
<span></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="search-form-wrapper">
<div class="search-trigger sigma_close">
<span></span>
<span></span>
</div>
<form class="search-form" method="post">
<input type="text" placeholder="Search..." value="">
<button type="submit" class="search-btn">
<i class="fal fa-search m-0"></i>
</button>
</form>
</div>
<!--Section End-->
<!--Section Start-->
<div class="sigma_banner">
<div class="sigma_banner-slider-2">
<div class="banner-slider-inner bg-center bg-cover dark-overlay" style="background-image: url('assets/img/home-1/1920x800.jpg');">
<div class="sigma_banner-text text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h5 class="text-white">Amazing Mountain to Explore</h5>
<h1 class="title text-white">
Explore the <br>Unexplored world.
</h1>
<p class="text-white">Hiking is a long, vigorous walk, usually on trails or footpaths in the countryside. Walking for pleasure developed in Europe .</p>
<div class="banner-links d-flex align-items-center justify-content-center">
<a href="about-us.html" class="sigma_btn">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-slider-inner bg-center bg-cover dark-overlay" style="background-image: url('assets/img/home-1/1920x800-0.jpg');">
<div class="sigma_banner-text text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h5 class="text-white">Amazing Mountain to Explore</h5>
<h1 class="title text-white">
Ten Day Hiking <br>Gear Essentials.
</h1>
<p class="text-white">Hiking is a long, vigorous walk, usually on trails or footpaths in the countryside. Walking for pleasure developed in Europe .</p>
<div class="banner-links d-flex align-items-center justify-content-center">
<a href="shop.html" class="sigma_btn">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-slider-inner bg-center bg-cover dark-overlay" style="background-image: url('assets/img/home-1/1920x800-1.jpg');">
<div class="sigma_banner-text text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h5 class="text-white">Amazing Mountain to Explore</h5>
<h1 class="title text-white">
Explore the <br>Unexplored world.
</h1>
<p class="text-white">Hiking is a long, vigorous walk, usually on trails or footpaths in the countryside. Walking for pleasure developed in Europe .</p>
<div class="banner-links d-flex align-items-center justify-content-center">
<a href="about-us.html" class="sigma_btn">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-slider-inner bg-center bg-cover dark-overlay" style="background-image: url('assets/img/home-1/1920x800-2.jpg');">
<div class="sigma_banner-text text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<h5 class="text-white">A way to navigate you</h5>
<h1 class="title text-white">
Navigation Device <br>And Map.
</h1>
<p class="text-white">Hiking is a long, vigorous walk, usually on trails or footpaths in the countryside. Walking for pleasure developed in Europe .</p>
<div class="banner-links d-flex align-items-center justify-content-center">
<a href="shop.html" class="sigma_btn">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="sigma_preloader sigma_preloader-pulse">
<div class="sigma_preloader-inner">
<div class="preloader-pulse">
<div class="preloader-pulse-inner">
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section bg-secondary-1">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="sigma_about style-12 w-100 h-100">
<div class="section-title">
<span class="subtitle text-white">About us</span>
<h3 class="title text-white">Ten Day Hiking Gear Essentials</h3>
</div>
<div class="sigma_about-image-1">
<img src="assets/img/home-1/445x160.jpg" alt="img">
<div class="video-box">
<span> Hiking Gear</span>
<a href="#" class="sigma_video-btn popup-video">
<i class="far fa-play"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<div class="sigma_about style-12">
<div class="sigma_about-content">
<p>Do not follow where the path may be lead. Go instead . Where there is no path and leave a trail. Hiking is a long.Religious pilgrimages have existed much longer but they involve walking .Do not follow where the path may be lead. Go instead . It is a long established fact that.</p>
<p>Do not follow where the path may be lead. Go instead . Where there is no path and leave a trail. Hiking is a long.Religious pilgrimages have existed much longer but they involve walking .Do not follow where the path may be lead. Go instead .</p>
<div class="sigma_about-contact">
<p class="mb-2"><b>Call Us</b> For Immediate Support</p>
<span>+880 876 65 455</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding">
<div class="container-fluid">
<div class="section-title has-element centered">
<h3 class="title">Our Category</h3>
<div class="d-flex align-items-center justify-content-center">
<span></span>
<i class="flaticon-trekking-pole"></i>
<span></span>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_category">
<a href="shop.html">
<img src="assets/img/home-1/310x310.jpg" alt="category">
</a>
<div class="sigma_category-content">
<span>Hiking Shoes</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_category">
<a href="shop.html">
<img src="assets/img/home-1/310x310-0.jpg" alt="category">
</a>
<div class="sigma_category-content">
<span>Sunglasses</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_category">
<a href="shop.html">
<img src="assets/img/home-1/310x310-1.jpg" alt="category">
</a>
<div class="sigma_category-content">
<span>Light</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_category">
<a href="shop.html">
<img src="assets/img/home-1/310x310-2.jpg" alt="category">
</a>
<div class="sigma_category-content">
<span>Navigation device</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="modal fade" id="sigma_popup-newsletter" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog sigma_newsletter-popup-modal modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<img src="assets/img/home-1/600x400.jpg" alt="newsletter">
<div class="sigma_close newsletter-popup-trigger" data-dismiss="modal">
<span></span>
<span></span>
</div>
</div>
<div class="modal-body">
<div class="sigma_newsletter-popup-text-wrapper">
<h3>Join Our Newsletter</h3>
<p>Sed porttitor lectus nibh. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur aliquet quam id dui posuere.</p>
</div>
<form method="post" class="text-center">
<div class="form-group">
<input type="email" placeholder="Email Address" class="form-control" name="newsletter-email" value="">
</div>
<button type="submit" name="button">Subscribe</button>
<span class="sigma_newsletter-popup-dismiss newsletter-popup-trigger" data-dismiss="modal">Don't show again</span>
</form>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title has-element centered">
<h3 class="title">Our Products</h3>
<div class="d-flex align-items-center justify-content-center">
<span></span>
<i class="flaticon-trekking-pole"></i>
<span></span>
</div>
</div>
<div class="row">
<!-- Product Start -->
<div class="col-lg-4 col-md-6">
<div class="sigma_product style-2">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-1/500.jpg" alt="product">
</a>
<div class="sigma_product-controls">
<a href="#" data-toggle="tooltip" title="Wishlist"> <i class="far fa-heart"></i>
</a>
<a href="#" data-toggle="tooltip" title="Quick View"> <i data-toggle="modal" data-target="#quickViewModal" class="far fa-eye"></i>
</a>
</div>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Stoves</a> </h5>
<p>Fireplaces are not allowed on most hiking routes, so don’t forget to mention a compact stove .</p>
<div class="sigma_product-price">
<span>29$</span>
<span>49$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
</div>
</div>
</div>
<!-- Product End -->
<!-- Product Start -->
<div class="col-lg-4 col-md-6">
<div class="sigma_product style-2">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-1/500-0.jpg" alt="product">
</a>
<div class="sigma_product-controls">
<a href="#" data-toggle="tooltip" title="Wishlist"> <i class="far fa-heart"></i>
</a>
<a href="#" data-toggle="tooltip" title="Quick View"> <i data-toggle="modal" data-target="#quickViewModal" class="far fa-eye"></i>
</a>
</div>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Bag packs</a> </h5>
<p>Fireplaces are not allowed on most hiking routes, so don’t forget to mention a compact stove .</p>
<div class="sigma_product-price">
<span>29$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
</div>
</div>
</div>
<!-- Product End -->
<!-- Product Start -->
<div class="col-lg-4 col-md-6">
<div class="sigma_product style-2">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-1/500-1.jpg" alt="product">
</a>
<div class="sigma_product-controls">
<a href="#" data-toggle="tooltip" title="Wishlist"> <i class="far fa-heart"></i>
</a>
<a href="#" data-toggle="tooltip" title="Quick View"> <i data-toggle="modal" data-target="#quickViewModal" class="far fa-eye"></i>
</a>
</div>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Shoes</a> </h5>
<p>Fireplaces are not allowed on most hiking routes, so don’t forget to mention a compact stove .</p>
<div class="sigma_product-price">
<span>29$</span>
<span>49$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
</div>
</div>
</div>
<!-- Product End -->
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section pt-0">
<div class="container">
<div class="section section-padding bg-primary-1 shape-after">
<h3 class="sigma_stroke-text center-absolute">Hiko</h3>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="sigma_counter text-center">
<span class="justify-content-center">
<b class="counter text-white" data-from="0" data-to="25">25</b>
<span class="plus text-white">+</span>
</span>
<p class="text-white">Complete Projects</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="sigma_counter text-center">
<span class="justify-content-center">
<b class="counter text-white" data-from="0" data-to="58">89</b>
<span class="plus text-white">+</span>
</span>
<p class="text-white">Awards</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="sigma_counter text-center">
<span class="justify-content-center">
<b class="counter text-white" data-from="0" data-to="58">58</b>
<span class="plus text-white">+</span>
</span>
<p class="text-white">Experience</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="sigma_counter text-center">
<span class="justify-content-center">
<b class="counter text-white" data-from="0" data-to="96">96</b>
<span class="plus text-white">+</span>
</span>
<p class="text-white">Team Members</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title has-element centered">
<h3 class="title">Trending Products</h3>
<div class="d-flex align-items-center justify-content-center">
<span></span>
<i class="flaticon-trekking-pole"></i>
<span></span>
</div>
</div>
<div class="row">
<!-- Product Start -->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-2/500.jpg" alt="product">
</a>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Stoves</a> </h5>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<div class="sigma_product-price">
<span>29$</span>
<span>49$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
<a href="#" class="sigma_btn btn-sm light" data-toggle="modal" data-target="#quickViewModal">Quick View</a>
</div>
</div>
</div>
<!-- Product End -->
<!-- Product Start -->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-2/500-0.jpg" alt="product">
</a>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Bag packs</a> </h5>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<div class="sigma_product-price">
<span>29$</span>
<span>49$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
<a href="#" class="sigma_btn btn-sm light" data-toggle="modal" data-target="#quickViewModal">Quick View</a>
</div>
</div>
</div>
<!-- Product End -->
<!-- Product Start -->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-2/500-1.jpg" alt="product">
</a>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Shoes</a> </h5>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<div class="sigma_product-price">
<span>32$</span>
<span>54$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
<a href="#" class="sigma_btn btn-sm light" data-toggle="modal" data-target="#quickViewModal">Quick View</a>
</div>
</div>
</div>
<!-- Product End -->
<!-- Product Start -->
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="sigma_product style-6">
<div class="sigma_product-thumb">
<a href="product-details.html">
<img src="assets/img/home-2/500-2.jpg" alt="product">
</a>
</div>
<div class="sigma_product-body">
<h5 class="sigma_product-title"> <a href="product-details.html">Hiking Teaport</a> </h5>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<div class="sigma_product-price">
<span>29$</span>
<span>49$</span>
</div>
<a href="#" class="sigma_btn btn-sm">Add to Cart</a>
<a href="#" class="sigma_btn btn-sm light" data-toggle="modal" data-target="#quickViewModal">Quick View</a>
</div>
</div>
</div>
<!-- Product End -->
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title has-element centered">
<h3 class="title">Our Team</h3>
<div class="d-flex align-items-center justify-content-center">
<span></span>
<i class="flaticon-trekking-pole"></i>
<span></span>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="sigma_team style-13">
<div class="sigma_team-thumb">
<img src="assets/img/about-us/286x286.jpg" alt="team">
</div>
<div class="sigma_team-body">
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#" class="trigger-team-socials">
<i class="fal fa-plus"></i>
</a>
</li>
</ul>
<h5>
<a href="#">John Doe</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">Manager</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_team style-13">
<div class="sigma_team-thumb">
<img src="assets/img/about-us/286x286-0.jpg" alt="team">
</div>
<div class="sigma_team-body">
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#" class="trigger-team-socials">
<i class="fal fa-plus"></i>
</a>
</li>
</ul>
<h5>
<a href="#">Lina Smith</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">Owner</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_team style-13">
<div class="sigma_team-thumb">
<img src="assets/img/about-us/286x286-1.jpg" alt="team">
</div>
<div class="sigma_team-body">
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#" class="trigger-team-socials">
<i class="fal fa-plus"></i>
</a>
</li>
</ul>
<h5>
<a href="#">Tim Cook</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">Guide</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section pt-0">
<div class="container">
<div class="sigma_cta style-2 bg-cover bg-center">
<div class="shape-1">
</div>
<div class="shape-2">
</div>
<div class="section-title centered text-white">
<h3 class="title text-white">20 Must-Have Things for Comfortable Hiking Trip</h3>
<p>Hiking is a long, vigorous walk, usually on trails or footpaths in the countryside. Walking for pleasure developed in Europe .</p>
</div>
<form method="post">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6">
<input type="email" name="email" placeholder="Enter your email">
</div>
<div class="col-lg-2 col-md-3">
<button type="button" class="btn-block secondary mt-4 mt-md-0">Subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title has-element centered">
<h3 class="title">Our Blog</h3>
<div class="d-flex align-items-center justify-content-center">
<span></span>
<i class="flaticon-trekking-pole"></i>
<span></span>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-11">
<img src="assets/img/home-1/350x400.jpg" alt="blog">
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
28 January, 2022
</a>
</div>
<h5>
<a href="blog-details.html">Bianco is a mountain located in deep nature </a>
</h5>
<div class="sigma_post-meta">
<ul class="mt-0">
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Bianco, Italy
</a>
</li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-11">
<img src="assets/img/home-1/350x400-0.jpg" alt="blog">
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
12 August, 2022
</a>
</div>
<h5>
<a href="blog-details.html">Civetta is a mountain located in Alps, Italy</a>
</h5>
<div class="sigma_post-meta">
<ul class="mt-0">
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Civetta, Italy
</a>
</li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-11">
<img src="assets/img/home-1/350x400-1.jpg" alt="blog">
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
28 April, 2022
</a>
</div>
<h5>
<a href="blog-details.html">Teton is a mountain located in Alps</a>
</h5>
<div class="sigma_post-meta">
<ul class="mt-0">
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Teton, USA
</a>
</li>
</ul>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="modal fade sigma_quick-view-modal" id="quickViewModal" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="sigma_close" data-dismiss="modal">
<span></span>
<span></span>
</div>
<div class="row sigma_product-single">
<div class="col-md-6">
<div class="sigma_product-single-thumb">
<img src="assets/img/home-1/600.jpg" alt="product">
</div>
</div>
<div class="col-md-6">
<div class="sigma_product-single-content">
<div class="sigma_product-price">
<span>352$</span>
<span>245$</span>
</div>
<div class="sigma_rating-wrapper">
<div class="sigma_rating">
<i class="fas fa-star active"></i>
<i class="fas fa-star active"></i>
<i class="fas fa-star active"></i>
<i class="fas fa-star active"></i>
<i class="fas fa-star"></i>
</div>
<span>255 Reviews</span>
</div>
<hr>
<p class="sigma_product-excerpt">
Fireplaces are not allowed on most hiking routes, so don’t forget to mention a compact stove on your list. There are two main types of backpacking stoves – one is powered by gas and the other by petrol,
</p>
<div class="sigma_product-meta">
<p><strong>Product SKU: <span>#3382dk</span></strong>
</p>
<p><strong>Availablity: <span>In Stock</span></strong>
</p>
<p><strong>Tags: </strong> <a href="#">Hiking</a>, <a href="#">Bag Packs</a>
</p>
</div>
<hr>
<form class="sigma_product-atc-form">
<div class="sigma_product-buttons d-block">
<a href="product-details.html" class="ml-0 btn-block sigma_btn">Buy Now <i class="far fa-shopping-basket"></i> </a>
<a href="product-details.html" class="ml-0 btn-block sigma_btn light">Wishlist <i class="far fa-heart"></i> </a>
<a href="product-details.html" class="ml-0 btn-block sigma_btn light">Compare <i class="far fa-compress"></i> </a>
</div>
</form>
<!-- Post Meta Start -->
<div class="sigma_post-single-meta">
<div class="sigma_post-single-meta-item sigma_post-share">
<h5>Share</h5>
<ul class="sigma_sm">
<li>
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- Post Meta End -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<footer class="sigma_footer style-3 pb-0">
<div class="sigma_footer-middle">
<div class="container">
<div class="row">
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Solutions</h5>
<ul class="sigma_footer-links">
<li>
<a href="shop.html">Ecommerce</a>
</li>
<li>
<a href="login.html">Account</a>
</li>
<li>
<a href="wishlist.html">Wishist</a>
</li>
<li>
<a href="signup.html">Register</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Company</h5>
<ul class="sigma_footer-links">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact-us.html">Contacts</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-4">
<div class="sigma_footer-widget">
<h5 class="widget-title">Legal</h5>
<ul class="sigma_footer-links">
<li>
<a href="login.html">Login</a>
</li>
<li>
<a href="contact-us.html">Help</a>
</li>
<li>
<a href="checkout.html">Checkout</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="sigma_footer-widget">
<div class="sigma_footer-logo mb-4">
<img src="assets/img/logo.jpg" alt="logo">
</div>
<h5 class="widget-title">Subscribe To Our Newsletter</h5>
<form method="post">
<div class="row">
<div class="col-md-8">
<input type="email" name="email" placeholder="Enter your email">
</div>
<div class="col-md-4">
<button type="button" class="btn-block mt-4 mt-md-0">Submit</button>
</div>
</div>
<span>* Nulla porttitor accumsan tincidunt.</span>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="sigma_footer-bottom mt-0 d-block d-sm-flex align-items-center justify-content-between">
<ul class="sigma_social-icons mt-3 mt-sm-0">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</footer>
<!--Section End-->
<!--Section Start-->
<div class="sigma_top style-2">
<i class="far fa-arrow-up"></i>
</div>
<!--Section End-->
<script src="assets/js/plugins/jquery-3.4.1.min.js"></script>
<script src="assets/js/plugins/popper.min.js"></script>
<script src="assets/js/plugins/bootstrap.min.js"></script>
<script src="assets/js/plugins/slick.min.js"></script>
<script src="assets/js/plugins/imagesloaded.min.js"></script>
<script src="assets/js/plugins/isotope.pkgd.min.js"></script>
<script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
<script src="assets/js/plugins/jquery.counterup.min.js"></script>
<script src="assets/js/plugins/jquery.inview.min.js"></script>
<script src="assets/js/plugins/ion.rangeSlider.min.js"></script>
<script src="assets/js/plugins/jquery.validate.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
扫一扫
3891
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
