<!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 -->
<link rel="icon" href="images/favicon.png" type="image/gif" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Paintstle</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- font awesome style -->
<link href="css/font-awesome.min.css" 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>
<!-- 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>
Paintstle
</span>
</a>
<div class="" id="">
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1"> </span>
<span class="s-2"> </span>
<span class="s-3"> </span>
</button>
<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="news.html">News</a>
<a href="contact.html">Contact</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section position-relative">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 ml-auto">
<div class="detail-box">
<h1>
We Will Paint <br>
Your Home
</h1>
<p>
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
</p>
<div>
<a href="" class="slider-link">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6 px-0">
<div class="img-box">
<img src="images/slider-img.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- end slider section -->
<!-- service section -->
<section class="service_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Our Services
</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="box">
<div class="img-box">
<img src="images/s1.jpg" alt="">
</div>
<div class="detail-box">
<h5>
Residential Interior
</h5>
<p>
Suscipit enim reiciendis ea aliquid voluptatibus quis nam distinctio, porro consequuntur rem, magni dolor architecto nisi.
</p>
<a href="">
Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box">
<div class="img-box">
<img src="images/s2.jpg" alt="">
</div>
<div class="detail-box">
<h5>
Residential Exterior
</h5>
<p>
Suscipit enim reiciendis ea aliquid voluptatibus quis nam distinctio, porro consequuntur rem, magni dolor architecto nisi.
</p>
<a href="">
Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box">
<div class="img-box">
<img src="images/s3.jpg" alt="">
</div>
<div class="detail-box">
<h5>
Commercial Painting
</h5>
<p>
Suscipit enim reiciendis ea aliquid voluptatibus quis nam distinctio, porro consequuntur rem, magni dolor architecto nisi.
</p>
<a href="">
Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end service section -->
<!-- about section -->
<section class="about_section">
<div class="about_bg_box">
<img src="images/about-bg.png" alt="">
</div>
<div class="container">
<div class="heading_container heading_center">
<h2>
About Us
</h2>
</div>
<div class="col-md-11 col-lg-9 px-0 mx-auto">
<div class="img-box">
<img src="images/about-img.jpg" alt="">
</div>
</div>
<div class="col-lg-11 mx-auto">
<div class="detail-box">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti dolorem eum consequuntur ipsam repellat dolor soluta aliquid laborum, eius odit consectetur vel quasi in quidem, eveniet ab est corporis tempore.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- why us section -->
<section class="why_us_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Why Choose Us?
</h2>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 mx-auto">
<div class="box">
<div class="img-box">
<img src="images/w1.png" alt="">
</div>
<div class="detail-box">
<h5>
Faux Finishes
</h5>
<p>
Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,
making it.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 mx-auto">
<div class="box">
<div class="img-box">
<img src="images/w2.png" alt="">
</div>
<div class="detail-box">
<h5>
Water Proofing
</h5>
<p>
Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,
making it.
</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 mx-auto">
<div class="box">
<div class="img-box">
<img src="images/w3.png" alt="">
</div>
<div class="detail-box">
<h5>
Dust Proof
</h5>
<p>
Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,
making it.
</p>
</div>
</div>
</div>
</div>
<div class="btn-box">
<a href="">
Read More
</a>
</div>
</
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-墙体艺术漆服务团队响应式网页模板-响应式源码.zip
共32个文件
jpg:10个
png:5个
css:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 104 浏览量
2024-03-27
08:50:01
上传
评论
收藏 1.46MB ZIP 举报
温馨提示
响应式网页设计的HTML网站源码是当今网络发展的趋势。它通过灵活的布局和自适应的设计,确保了网站在各种设备上都能提供最佳的观看体验。这套源码适用于不同规模的项目,无论是个人博客、企业宣传还是电子商务平台,都能快速搭建并投入使用。 这份源码的优势在于其易用性和高度可定制性,即使没有专业的编程技能,也可以轻松修改和更新内容,让你的网站始终保持最新状态。同时,它的SEO友好结构有助于提高网站的搜索引擎排名,吸引更多访问者。 选择这份HTML网站源码,你将拥有一个既美观又实用的在线平台,无缝对接各类设备,为用户提供一致的高质量体验。它不仅节省了你开发和维护网站的时间成本,还为你的品牌形象加分。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-墙体艺术漆服务团队响应式网页模板-响应式源码.zip (32个子文件)
HTML网站源码-墙体艺术漆服务团队响应式网页模板-响应式源码
html
js
bootstrap.js 134KB
custom.js 818B
jquery-3.4.1.min.js 86KB
css
style.css 14KB
style.css.map 12KB
responsive.css 988B
bootstrap.css 188KB
font-awesome.min.css 30KB
style.scss 11KB
index.html 15KB
contact.html 6KB
about.html 5KB
images
about-img.jpg 140KB
b1.jpg 78KB
slider-img.jpg 175KB
b2.jpg 32KB
s1.jpg 64KB
s2.jpg 86KB
w2.png 15KB
client.jpg 47KB
b3.jpg 49KB
w3.png 4KB
about-bg.png 185KB
contact-img.jpg 169KB
s3.jpg 44KB
w1.png 9KB
favicon.png 9KB
news.html 7KB
fonts
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
octin_sports_rg.ttf 63KB
fontawesome-webfont.ttf 162KB
共 32 条
- 1
资源评论
DTcode7
- 粉丝: 9335
- 资源: 4691
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功