<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Interior Architect an Interior Category Bootstrap Responsive Website Template | Home :: W3layouts</title>
<!-- web fonts -->
<link href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
<!-- //web fonts -->
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<section class="w3l-bootstrap-header">
<nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
<div class="container">
<a class="navbar-brand" href="index.html"><span class="fa fa-info"> -</span> Architect</a>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</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 fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</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="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="main-social-head">
<a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
<a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
<a href="#instagram" class="instagram"><span class="fa fa-instagram"></span></a>
</div>
</div>
</div>
</nav>
</section>
<section class="w3l-main-slider" id="home">
<!-- main-slider -->
<div class="companies20-content">
<div class="owl-one owl-carousel owl-theme">
<div class="item">
<li>
<div class="slider-info banner-view bg bg2" data-selector=".bg.bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg mr-auto">
<h5> We are architects, planners & designers.</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, velit recusandae eum necessitatibus blanditiis porro cum</p>
<a class="btn btn-secondary btn-theme2 mt-md-5 mt-4" href="services.html"> Our Services</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top1 bg bg2" data-selector=".bg.bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg mr-auto">
<h5>We Create Beautiful Home Exteriors.</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, velit recusandae eum necessitatibus blanditiis porro cum</p>
<a class="btn btn-secondary btn-theme2 mt-md-5 mt-4" href="contact.html"> Contact Us</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top2 bg bg2" data-selector=".bg.bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg mr-auto">
<h5>Exceptional Designing For Exceptional Spaces</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, velit recusandae eum necessitatibus blanditiis porro cum</p>
<a class="btn btn-secondary btn-theme2 mt-md-5 mt-4" href="about.html"> About Us</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top3 bg bg2" data-selector=".bg.bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg mr-auto">
<h5>Giving Your Home a New Style Every Style</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, velit recusandae eum necessitatibus blanditiis porro cum</p>
<a class="btn btn-secondary btn-theme2 mt-md-5 mt-4" href="services.html">Read More</a>
</div>
</div>
</div>
</div>
</li>
</div>
</div>
</div>
</div>
<script src="assets/js/owl.carousel.js"></script>
<!-- script for -->
<script>
$(document).ready(function () {
$('.owl-one').owlCarousel({
loop: true,
margin: 0,
nav: false,
responsiveClass: true,
autoplay: false,
autoplayTimeout: 5000,
autoplaySpeed: 1000,
autoplayHoverPause: false,
responsive: {
0: {
items: 1,
nav: false
},
480: {
items: 1,
nav: false
},
667: {
items: 1,
nav: true
},
1000: {
items: 1,
nav: true
}
}
})
})
</script>
<!-- //script -->
<!-- /main-slider -->
</section>
<!-- services section -->
<section class="w3l-index6" id="about">
<div class="features-with-17_sur py-5">
<div class="container py-lg-5">
<div class="heading text-center mx-auto mb-5">
<h3 class="head">Build your base</h3>
<p class="my-3 head"> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nulla mollis dapibus nunc, ut rhoncus
turpis sodales quis. Integer sit amet mattis quam.</p>
</div>
<div class="features-with-17-top_sur mt-5 pt-3">
<div class="row">
<div class="col-lg-4 col-md-6 mt-md-0 mt-4">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1 mb-3">
<span class="fa fa-paint-brush" aria-hidden="true"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="#url">Conceptual Architecture</a></h6>
<p> Lorem Ipsum is simply dummy text of the printing and industry.
Lorem Ipsum has the industry's standard dummy text ever since the 1500s,</p>
<a href="services.html" class="actionbg">Read More </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-0 mt-5">
<div class="features-with-17-right-tp_sur">
<div class="features-with-17-left1 mb-3">
<span class="fa fa-ils" aria-hidden="true"></span>
</div>
<div class="features-with-17-left2">
<h6><a href="#url">Plans and Projects</a></h6>
<p> Lorem Ipsum is simply dummy text of the printing and industry.
Lorem Ipsum has the industry's standard dummy text ever since the 1500s,</p>
<a href="services.html" class="actionbg">Read More </a>
</div>
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- libpagemaker-0.0.3-1.el7.x64-86.rpm.tar.gz
- libpagemaker-devel-0.0.3-1.el7.x64-86.rpm.tar.gz
- 每周精选合集-活动资源
- libpagemaker-doc-0.0.3-1.el7.x64-86.rpm.tar.gz
- libpagemaker-tools-0.0.3-1.el7.x64-86.rpm.tar.gz
- "基于MATLAB的纯电动车二档变速器模型:优化速比与换档策略,拓展至多档变速器的动力经济计算",cruise matlab纯电动二档实际模型,核心问题:计算最优速比和最优档策略,可以延伸到多档变速器
- libpaper-1.1.24-9.el7.x64-86.rpm.tar.gz
- libpaper-devel-1.1.24-9.el7.x64-86.rpm.tar.gz
- iotgateway-硬件开发资源
- C++刷题-蓝桥杯资源
- libpath-utils-0.2.1-32.el7.x64-86.rpm.tar.gz
- libpath-utils-devel-0.2.1-32.el7.x64-86.rpm.tar.gz
- libpciaccess-0.14-1.el7.x64-86.rpm.tar.gz
- 基于STM32F1的BLDC无刷直流电机有/无传感器驱动源码:实验学习PID控制算法与无传感反电动势技术,电机控制源码 电机控制源码,BLDC无刷直流电机基于stm3 2F1的有传感器和无传感驱动 直
- hummingbird-golang资源
- SnowKing-Project1 to SpringBoot-javaEE框架项目资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈