<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Sportpar</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
Sportpar
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About </a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html"> Products </a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Login </a>
</li>
</ul>
<div class="quote_btn-container ">
<a href="" class="cart_link">
<i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
<span class="cart_number">
0
</span>
</a>
<form class="form-inline ">
<button class="btn nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<ol class="carousel-indicators indicator-2">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active indicator-li-1">01</li>
<li data-target="#carouselExampleIndicators" data-slide-to="1">02</li>
<li data-target="#carouselExampleIndicators" data-slide-to="2">03</li>
</ol>
<div class="container-fluid h-100">
<div class="row">
<div class="col-md-5 col-xl-4 offset-xl-1 ">
<div class="detail-box">
<h1>
Sports and <br>
Fitness Store
</h1>
<p>
There are many variations of passages of Lorem Ipsum available.
</p>
<div class="btn-box">
<a href="" class="btn-1">
Shop Now
</a>
<a href="" class="btn-2">
Get A Quote
</a>
</div>
</div>
</div>
<div class="col-md-7 px-0 h-100">
<div class="img_container h-100">
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators indicator-1">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active indicator-li-1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="img-box">
<img src="images/slider-img.jpg" alt="">
</div>
</div>
<div class="carousel-item">
<div class="img-box">
<img src="images/slider-img2.jpg" alt="">
</div>
</div>
<div class="carousel-item">
<div class="img-box">
<img src="images/slider-img3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- feature section -->
<section class="feature_section layout_padding">
<div class="container">
<div class="feature_container">
<div class="box">
<div class="img-box">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 422.518 422.518" style="enable-background:new 0 0 422.518 422.518;" xml:space="preserve">
<path d="M422.512,215.424c0-0.079-0.004-0.158-0.005-0.237c-0.116-5.295-4.368-9.514-9.727-9.514h-2.554l-39.443-76.258
c-1.664-3.22-4.983-5.225-8.647-5.226l-67.34-0.014l2.569-20.364c0.733-8.138-1.783-15.822-7.086-21.638
c-5.293-5.804-12.683-9.001-20.81-9.001h-209c-5.255,0-9.719,4.066-10.22,9.308l-2.095,16.778h119.078
c7.732,0,13.836,6.268,13.634,14c-0.203,7.732-6.635,14-14.367,14H126.78c0.007,0.02,0.014,0.04,0.021,0.059H10.163
c-5.468,0-10.017,4.432-10.16,9.9c-0.143,5.468,4.173,9.9,9.641,9.9H164.06c7.168,1.104,12.523,7.303,12.326,14.808
c-0.216,8.242-7.039,14.925-15.267,14.994H54.661c-5.523,0-10.117,4.477-10.262,10c-0.145,5.523,4.215,10,9.738,10h105.204
c7.273,1.013,12.735,7.262,12.537,14.84c-0.217,8.284-7.109,15-15.393,15H35.792v0.011H25.651c-5.523,0-10.117,4.477-10.262,10
c-0.145,5.523,4.214,10,9.738,10h8.752l-3.423,35.818c-0.734,8.137,1.782,15.821,7.086,21.637c5.292,5.805,12.683,9.001,20.81,9.001
h7.55C69.5,333.8,87.3,349.345,109.073,349.345c21.773,0,40.387-15.545,45.06-36.118h94.219c7.618,0,14.83-2.913,20.486-7.682
c5.172,4.964,12.028,7.682,19.514,7.682h1.55c3.597,20.573,21.397,36.118,43.171,36.118c21.773,0,40.387-15.545,45.06-36.118h6.219
c16.201,0,30.569-13.171,32.029-29.36l6.094-67.506c0.008-0.091,0.004-0.181,0.01-0.273c0.01-0.139,0.029-0.275,0.033-0.415
C422.52,215.589,422.512,215.508,422.512,215.424z M109.597,329.345c-13.785,0-24.707-11.214-24.346-24.999
c0.361-13.786,11.87-25.001,25.655-25.001c13.785,0,24.
HTML网站源码-体育健身产品响应式网页模板-响应式源码.zip
版权申诉
107 浏览量
2024-03-27
08:51:23
上传
评论
收藏 1.75MB ZIP 举报
HTML网站源码-体育健身产品响应式网页模板-响应式源码.zip （43个子文件） 
HTML网站源码-体育健身产品响应式网页模板-响应式源码 html js 
cutom.js 301B bootstrap.js 129KB jquery-3.4.1.min.js 86KB
product.html 15KB css style.css 16KB style.css.map 14KB responsive.css 2KB bootstrap.css 188KB style.scss 12KB index.html 34KB contact.html 7KB about.html 7KB images 
about-img.jpg 128KB contact_bg.jpg 122KB
p7.png 27KB facebook-logo-button.png 834B slider-img.png 86KB slider-img.jpg 180KB search-icon.png 357B p8.png 35KB p5.png 45KB n-1.png 50KB twitter-logo-button.png 1002B slider-img3.jpg 132KB p9.png 38KB instagram.png 1KB menu.png 21KB logo.png 5KB quote.png 391B client.jpg 9KB slider-bg.png 20KB t-1.png 50KB about-img.png 72KB p1.png 31KB cart.png 291B p2.png 35KB p4.png 39KB p6.png 53KB medicines.jpg 161KB f-1.png 59KB linkedin.png 947B p3.png 27KB slider-img2.jpg 274KB资源评论
