<!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>Desith</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://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">
</head>
<body>
<!-- section header start -->
<div class="header_section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
</div>
<div class="col-md-6">
<div class="menu_text">
<ul>
<li><a href="#">Call+ 1234567890</a></li>
<li><a href="#"><img src="images/mail-icon.png"><span class="demo">demo@gmail.com</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="banner_section layout_padding">
<div class="row">
<div class="col-md-6">
<h2 class="landing_text">Landing Page For</h2>
<h1 class="interios_text">INTERIOR DESIGN</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</p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="col-md-6">
<div class="images_1"><img src="images/banner-right-img.png"></div>
</div>
</div>
</div>
</div>
</div>
<!-- section header end -->
<!-- section Professional start -->
<div class="Professional_section layout_padding">
<div class="container">
<h2 class="professional_text">Professional</h2>
<h2 class="our_text">Our Design Available </h2>
<p class="long_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</p>
<div class="Professional_section_2">
<div class="row">
<div class="col-sm-4">
<div class="images"><img src="images/img-1.png"></div>
<h2 class="design_text">Design 01</h2>
</div>
<div class="col-sm-4">
<div class="images"><img src="images/img-2.png"></div>
<h2 class="design_text">Design 02</h2>
</div>
<div class="col-sm-4">
<div class="images"><img src="images/img-2.png"></div>
<h2 class="design_text">Design 03</h2>
</div>
</div>
</div>
</div>
</div>
<!-- section Professional end -->
<!-- section about start -->
<div class="about_section">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 ">
<div class="right_text">
<h2 class="who_text"><span style="color: #54e4ba;">Who</span> we are?</h2>
<p class="ipsum_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its l more-or-less normal distribution of letters</p>
<p class="ipsum_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its l more-or-less normal distribution of letters</p>
<p class="ipsum_text_2">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its l more-or-less normal distribution of letters</p>
</div>
</div>
<div class="col-md-6 padding_0">
<div class="about_img"><img src="images/about-img.png"></div>
</div>
</div>
</div>
</div>
<!-- section about end -->
<!-- section choose start -->
<div class="choose_section layout_padding">
<div class="container">
<h1 class="choose_text"><span style="color: #54e4ba;">Why</span> Choose Us</h1>
<p class="long_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</p>
</div>
</div>
<div class="container">
<div class="choose_section_2">
<div class="row">
<div class="col-sm-4">
<div class="telephonr_icon"><img src="images/telephone-icon.png"></div>
<h2 class="emergency_text">24/7 Emergency</h2>
<p class="long_text_2">It is a long established fact that a reader will be</p>
</div>
<div class="col-sm-4">
<div class="telephonr_icon"><img src="images/repair-icon.png"></div>
<h2 class="emergency_text">24/7 Emergency</h2>
<p class="long_text_2">It is a long established fact that a reader will be</p>
</div>
<div class="col-sm-4">
<div class="telephonr_icon"><img src="images/medal-icon.png"></div>
<h2 class="emergency_text">24/7 Emergency</h2>
<p class="long_text_2">It is a long established fact that a reader will be</p>
</div>
</div>
</div>
</div>
<!-- section choose end -->
<!-- section testimonial start -->
<div class="testimonial_section layout_padding">
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></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">
<h1 class="Testimonial_text">Testimonial</h1>
<div class="img_3"><img src="images/img-3.png"></div>
<h2 class="denmark_text">DENMARK DU</h2>
<div><img src="images/img-4.png"></div>
<p class="lorem_ipsum_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 lettersIt 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</p>
<div class="right_img_5"><img src="images/img-5.png"></div>
</div>
<div class="carousel-item">
<h1 class="Testimonial_text">Testimonial</h1>
<div class
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-绿色商务装修设计响应式网页模板-响应式源码.zip
共57个文件
css:20个
png:13个
js:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 147 浏览量
2024-03-26
09:48:40
上传
评论
收藏 2.98MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-绿色商务装修设计响应式网页模板-响应式源码.zip (57个子文件)
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 10KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
css
style.css 10KB
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 11KB
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 12KB
images
medal-icon.png 3KB
img-4.png 1KB
img-3.png 49KB
img-5.png 1KB
logo.png 3KB
mail-icon.png 1KB
banner-right-img.png 304KB
about-img.png 945KB
img-2.png 139KB
img-1.png 186KB
telephone-icon.png 3KB
banner-bg.png 452KB
repair-icon.png 3KB
共 57 条
- 1
资源评论
DTcode7
- 粉丝: 7402
- 资源: 4499
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功