<!DOCTYPE html>
<html lang="en">
<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">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Speed</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body>
<div id="mySidebar" class="sidebar">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="gallery.html">gallery</a>
<a href="testimonial.html">testimonial</a>
<a href="contact.html">Contact</a>
</div>
<div id="main">
<!-- header section start -->
<div class="header_section">
<div class="container-fluid">
<div class="row">
<div class="col-sm-4">
<div class="search_icon"><img src="images/search-icon.png"></div>
</div>
<div class="col-sm-4">
<div class="logo"><img src="images/logo.png"></div>
</div>
<div class="col-sm-4">
<div class="togle_3">
<div class="left_main">
<div class="menu_main">
<a href="#"><i class="fa fa-fw fa-user"></i> Login</a>
</div>
</div>
<div class="middle_main">
<div class="shoping_bag"><img src="images/shopping-bag.png"></div>
</div>
<div class="right_main">
<div class="togle_main"><a class="class="openbtn onclick="openNav()"><img src="images/togle-menu-icon.png" style="max-width: 100%;"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="banner_section layout_padding">
<div class="container">
<section >
<div id="main_slider" class="section carousel slide banner-main" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#main_slider" data-slide-to="0" class="active"></li>
<li data-target="#main_slider" data-slide-to="1"></li>
<li data-target="#main_slider" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row marginii">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="carousel-sporrt_text ">
<h1 class="sport_text"><strong>Sports<br><span style="color: #fff;">Cycle</span></strong></h1>
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content</p>
<button class="boynow_bt">Boy Now</button>
<button class="contact_bt">Contact Us</button>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="img-box">
<figure><img src="images/img-1.png" style="max-width: 100%;"/></figure>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="container">
<div class="row marginii">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="carousel-sporrt_text ">
<h1 class="sport_text"><strong>Sports<br><span style="color: #fff;">Cycle</span></strong></h1>
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content</p>
<button class="boynow_bt">Boy Now</button>
<button class="contact_bt">Contact Us</button>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="img-box">
<figure><img src="images/img-1.png" style="max-width: 100%;"/></figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row marginii">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="carousel-sporrt_text ">
<h1 class="sport_text"><strong>Sports<br><span style="color: #fff;">Cycle</span></strong></h1>
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content</p>
<button class="boynow_bt">Boy Now</button>
<button class="contact_bt">Contact Us</button>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="img-box">
<figure><img src="images/img-1.png" style="max-width: 100%;"/></figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- about section start -->
<div class="container-fluid">
<div class="about_section">
<div class="container">
<div class="about_img"><img
HTML网站源码-速度自行车展示响应式网页模板-响应式源码.zip
版权申诉
52 浏览量
2024-03-27
08:51:19
上传
评论
收藏 5.36MB ZIP 举报
HTML网站源码-速度自行车展示响应式网页模板-响应式源码.zip （62个子文件） 
HTML网站源码-速度自行车展示响应式网页模板-响应式源码 html js 
bootstrap.js 120KB bootstrap.bundle.js.map 351KB modernizer.js 141KB jquery.mCustomScrollbar.concat.min.js 44KB bootstrap.bundle.min.js.map 287KB jquery-3.0.0.min.js 11KB bootstrap.min.js 49KB jquery.validate.js 48KB popper.min.js 19KB bootstrap.bundle.min.js 69KB bootstrap.bundle.js 206KB bootstrap.js.map 208KB plugin.js 897KB custom.js 9KB slider-setting.js 3KB jquery.min.js 85KB bootstrap.min.js.map 172KB
testimonial.html 7KB css style.css 13KB bootstrap-grid.css.map 95KB bootstrap.min.css 137KB bootstrap-grid.css 37KB bootstrap-grid.min.css.map 67KB bootstrap-reboot.min.css.map 25KB icomoon.css 28KB responsive.css 10KB normalize.css 7KB default-skin.css 11KB meanmenu.css 4KB bootstrap.css.map 415KB jquery-ui.css 35KB slick.css 2KB bootstrap.css 169KB font-awesome.min.css 30KB bootstrap-reboot.css 5KB jquery.fancybox.min.css 14KB bootstrap-reboot.css.map 58KB jquery.mCustomScrollbar.min.css 42KB animate.min.css 52KB owl.carousel.min.css 3KB bootstrap-grid.min.css 28KB bootstrap.min.css.map 545KB bootstrap-reboot.min.css 4KB nice-select.css 4KB index.html 16KB contact.html 8KB about.html 7KB images 
search-icon.png 3KB left-quote.png 1KB shopping-bag.png 1KB img-3.png 73KB logo.png 4KB right-quote.png 1KB man-user-icon.png 1KB togle-menu-icon.png 1KB img-2.png 3KB contact-bg.png 2.35MB our-img-1.png 204KB about-img1.png 907KB img-1.png 648KB banner-bg.png 280KB gallery.html 8KB资源评论
