<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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>Royal Soroom</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" 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://cdn.bootcdn.net/ajax/libs/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://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!-- header section start -->
<div class="header_section">
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-lg-4">
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
</div>
<div class="col-sm-5">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<ul>
<li><a class="nav-item nav-link" href="index.html">Home</a></li>
<li><a class="nav-item nav-link" href="about.html">About Us</a></li>
<li><a class="nav-item nav-link" href="bikes.html">Bikes</a></li>
<li><a class="nav-item nav-link" href="blog.html">Blog</a></li>
<li><a class="nav-item nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="col-sm-4 col-lg-3 padding_0">
<div class="search_main">
<div class="call_bt"><img src="images/call-icon.png"><span class="call_icon">+91 8976543567</span></div>
</div>
</div>
</div>
</div>
</div>
<!-- header section end -->
<!-- banner section start -->
<div class="banner_section">
<div class="container-fluid">
<div id="main_slider" class="carousel slide" 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="row">
<div class="col-md-8">
<div class="images_1"><img src="images/img-1.png"></div>
</div>
<div class="col-md-4">
<div class="taital_main">
<h3 class="welcome_text">Welcome our soroom</h3>
<h1 class="power_text">The Power<br><span style="color: #fdfcfc;">Bike</span></h1>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-8">
<div class="images_1"><img src="images/img-1.png"></div>
</div>
<div class="col-md-4">
<div class="taital_main">
<h3 class="welcome_text">Welcome our soroom</h3>
<h1 class="power_text">The Power<br><span style="color: #fdfcfc;">Bike</span></h1>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-8">
<div class="images_1"><img src="images/img-1.png"></div>
</div>
<div class="col-md-4">
<div class="taital_main">
<h3 class="welcome_text">Welcome our soroom</h3>
<h1 class="power_text">The Power<br><span style="color: #fdfcfc;">Bike</span></h1>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
<i class="fa fa-angle-left"></i></a>
</a>
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
<!-- banner section end -->
<!-- about section start -->
<div class="about_section layout_padding">
<div class="container">
<h1 class="about_text">About <span style="color: #f75c58;">Bike</span></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 </p>
<div class="images_2"><img src="images/img-2.png"></div>
<div class="read_text"><a href="#">Read More</a></div>
</div>
</div>
<!-- about section end -->
<!-- Bikes section start -->
<div class="Bikes_section layout_padding">
<div class="container">
<h1 class="about_text">Our <span style="color: #f75c58;">Bike</span></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 </p>
<section class="slide-wrapper">
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="Bikes_section_2">
<div class="images_2"><img src="images/img-3.png"></div>
<div class="bike_taital">
<h1 class="kt_text">kt 300</h1>
<h1 class="dolar_text">$ <span style="color: #f75c58;">1000</span></h1>
</div>
</div>
</div>
<div class="carousel-item">
<div class="Bikes_section_2">
<div class="images_2"><img src="images/img-3.png"></div>
<div class="bike_taital">
<h1 class="kt_text">kt 300</h1>
<h1 class="dolar_text">$ <span style="color: #f75c58;">1000</span></h1>
</div>
</div>
</div>
<div class="carousel-item">
<div class="Bikes_section_2">
<div class="images_2"><img src="images/img-3.png"></div>
<div class="bike_taital">
<h1 cl
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-越野摩托车展示网站模板-响应式源码.zip
共62个文件
css:20个
png:14个
js:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 103 浏览量
2024-03-27
08:53:25
上传
评论
收藏 6.42MB ZIP 举报
温馨提示
这款HTML网站源码采用了尖端的响应式网页设计,为你的在线展示赋予了无与伦比的灵活性和魅力。不论是在狭窄的手机屏幕还是宽敞的桌面显示器上,它都能以优雅的姿态展现内容,提供无缝的用户体验。这套源码融合了最新技术,让搭建一个专业级别的网站变得轻而易举,适合从个人品牌推广到企业级项目展示的各种需求。 它的设计理念不仅注重视觉美感,还兼顾了操作便捷性,让非技术背景的用户也能轻松管理和更新网站。此外,这套源码优化了搜索引擎的检索路径,让你的内容更容易被找到,增加了曝光率和访问流量。 投资这份专业的HTML网站源码,你将拥有一个兼具美观、功能性和效率的在线平台,它将是你在数字世界中取得成功的强力支撑
资源推荐
资源详情
资源评论
收起资源包目录
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
bikes.html 9KB
css
style.css 15KB
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 9KB
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 15KB
contact.html 8KB
about.html 6KB
images
bootom-icon.png 1KB
email-icon.png 2KB
img-4.png 85KB
img-3.png 541KB
img-5.png 3KB
logo.png 3KB
map-icon.png 2KB
phone-icon.png 2KB
top-icon.png 1KB
img-6.png 1.67MB
img-2.png 662KB
img-1.png 544KB
banner-bg.png 2.02MB
call-icon.png 2KB
blog.html 6KB
共 62 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Selenium页面爬取某东商品价格监控:自定义商品价格,降价邮件微信提醒资料齐全+详细文档+源码.zip
- 基于selenium爬取通过搜索关键词采用指定页数的商品信息资料齐全+详细文档+源码.zip
- 基于今日头条自动发文机器人,各大公众平台采集爬虫资料齐全+详细文档+源码.zip
- 基于集众多数据源于一身的爬虫工具箱,旨在安全快捷的帮助用户拿回自己的数据,工具代码开源,流程透明、资料齐全+详细文档+源码.zip
- 基于拼多多爬虫,爬取所有商品、评论等信息资料齐全+详细文档+源码.zip
- 基于爬虫从入门到入狱资料齐全+详细文档+源码.zip
- 基于爬虫学习仓库,适合零基础的人学习,对新手比较友好资料齐全+详细文档+源码.zip
- 基于天眼查爬虫资料齐全+详细文档+源码.zip
- 基于千万级图片爬虫、视频爬虫资料齐全+详细文档+源码.zip
- 基于支付宝账单爬虫资料齐全+详细文档+源码.zip
- 基于SpringBoot+Vue3实现的在线考试系统(三)代码
- 数组-.docx cccccccccccccccccccccc
- Ruby技巧中文最新版本
- Ruby袖珍参考手册pdf英文文字版最新版本
- 融合导航项目全套技术资料100%好用.zip
- 四足机器人技术进展与应用场景
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功