<!DOCTYPE html>
<html lang="en">
<head>
<title>Arcade - Architecture</title>
<meta charset="UTF-8">
<meta name="description" content="Arcade - Architecture Template">
<meta name="keywords" content="arcade, architecture, onepage, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section start -->
<header class="header-area">
<a href="home.html" class="logo-area">
<img src="img/logo.png" alt="">
</a>
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<div class="phone-number">+675 334 567 223</div>
<nav class="nav-menu">
<ul>
<li class="active"><a href="home.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- Header section end -->
<!-- Hero section start -->
<section class="hero-section">
<!-- left social link ber -->
<div class="left-bar">
<div class="left-bar-content">
<div class="social-links">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
<!-- hero slider area -->
<div class="hero-slider">
<div class="hero-slide-item set-bg" data-setbg="img/bg.jpg">
<div class="slide-inner">
<div class="slide-content">
<h2>Minimalistic <br>Architecture <br> and more</h2>
<a href="#" class="site-btn sb-light">See Project</a>
</div>
</div>
</div>
<div class="hero-slide-item set-bg" data-setbg="img/bg.jpg">
<div class="slide-inner">
<div class="slide-content">
<h2>Minimalistic <br>Architecture <br> and more</h2>
<a href="#" class="site-btn sb-light">See Project</a>
</div>
</div>
</div>
</div>
<div class="slide-num-holder" id="snh-1"></div>
<div class="hero-right-text">architecture</div>
</section>
<!-- Hero section end -->
<!-- Intro section start -->
<section class="intro-section pt100 pb50">
<div class="container">
<div class="row">
<div class="col-lg-7 intro-text mb-5 mb-lg-0">
<h2 class="sp-title">We are a creative Architecture<span>Studio</span></h2>
<p>Pellentesque lorem dolor, malesuada eget tortor vitae, tristique lacinia lectus. Pellentesque sed accumsan risus, id aliquam nulla. Integer lorem risus, feugiat at mauris malesuada, accumsan pellentesque ipsum. Nunc dapibus, libero ut pulvinar accumsan, tortor nisl iaculis ligula. Curabitur finibus dolor vel lectus pretium interdum a eget ante. Morbi rhoncus feugiat imperdiet. Curabitur non maximus leo. Nulla in ipsum sed magna egestas bibendum. Integer in sem sagittis, commodo mi sit amet, commodo nibh. Suspendisse potenti. Aliquam erat volutpat. </p>
<a href="#" class="site-btn sb-dark">See Project</a>
</div>
<div class="col-lg-5 pt-4">
<img src="img/intro.png" alt="">
</div>
</div>
</div>
</section>
<!-- Intro section end -->
<!-- Service section start -->
<section class="service-section spad">
<div class="container">
<div class="section-title">
<h2>Services</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/1.png" alt="">
</div>
</div>
<h3>Plans and Projects</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/2.png" alt="">
</div>
</div>
<h3>Conceptual Architecture</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/3.png" alt="">
</div>
</div>
<h3>Apartment Buildings</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/4.png" alt="">
</div>
</div>
<h3>Skyscrapers Buildings</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/5.png" alt="">
</div>
</div>
<h3>Documentation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/6.png" alt="">
</div>
</div>
<h3>Restauration Projects</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed dui eget lorem tincidunt.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
</div>
</div>
</section>
<!-- Service section end -->
<!-- CTA section start -->
<section class="cta-section pt100 pb50">
<div class="cta-image-box"></div>
<div class="container">
<div class="row">
<div class="col-lg-7 pl-lg-0 offset-lg-5 cta-content">
<h2 class="sp-title">Dare to dream of a modern <span>home</span></h2>
<p>Pellentesque lorem dolor, malesuada eget tortor vitae, tristique lacinia lectus. Pellentesque sed accumsan risus, id aliquam nulla. Integer lorem risus, feugiat at mauris malesuada, accumsan pellentesque ipsum. Nunc dapibus, libero ut pulvinar accumsan, tortor nisl iaculis ligula. Curabitur finibus dolor vel lectus pretium interdum a eget ante. </p>
<div class="cta-icons">
<div class="cta-img-icon">
<img src="img/icon/light/1.png" alt="">
</div>
<div class="cta-img-icon">
<img src="img/icon/light/2.png" alt="">
</div>
<div class="cta-img-icon">
<img src="img/icon/color/3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA section end -->
<!-- Miles
web前端网站源码：建筑艺术展示响应式网站-HTML源码.zip （89个子文件） 
web前端网站源码：建筑艺术展示响应式网站-HTML源码 html 
style.css 36KB icon-fonts fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
portfolio.html 6KB element.html 14KB js jquery.owl-filter.js 1KB bootstrap.min.js 48KB main.js 7KB map.js 680B magnific-popup.min.js 20KB circle-progress.min.js 4KB owl.carousel.min.js 39KB jquery-2.1.4.min.js 82KB isotope.pkgd.min.js 35KB service.html 10KB img team 
2.jpg 40KB 1.jpg 28KB 3.jpg 34KB service-bg.jpg 328KB header-bg-2.jpg 135KB portfolio 2.jpg 130KB 6.jpg 101KB 1.jpg 75KB 5.jpg 62KB 3.jpg 168KB 4.jpg 91KB about.jpg 128KB
logo.png 2KB projects 2.jpg 55KB 1.jpg 75KB 3.jpg 87KB 4.jpg 44KB element.jpg 44KB cta-img.jpg 81KB clients 3.png 2KB 1.png 4KB 5.png 5KB 4.png 2KB 2.png 4KB bg.jpg 396KB service 2.jpg 158KB 1.jpg 73KB 3.jpg 45KB blog 2.jpg 51KB 1.jpg 68KB instagram 2.jpg 5KB 1.jpg 4KB 5.jpg 3KB 3.jpg 3KB 4.jpg 4KB recent-post 2.jpg 3KB 1.jpg 4KB 3.jpg 3KB 4.jpg 3KB 3.jpg 57KB favicon.ico 17KB intro.png 396KB icon dark 3.png 1KB 1.png 1KB 6.png 2KB 5.png 1KB 4.png 2KB 2.png 1KB color 3.png 1KB 1.png 1KB 6.png 2KB 5.png 1KB 4.png 2KB 2.png 1KB light 3.png 1KB 1.png 1KB 6.png 2KB 5.png 1KB 4.png 2KB 2.png 1KB header-bg-1.jpg 138KB header-bg.jpg 173KB css style.css 36KB bootstrap.min.css 141KB owl.carousel.css 4KB magnific-popup.css 5KB animate.css 73KB font-awesome.min.css 30KB index.html 14KB contact.html 6KB about.html 9KB blog.html 11KB资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- 38-0304线性函数矩阵表示法-1080P 高清-AVC.mp4
- 37-0303一元线性回归-1080P 高清-AVC.mp4
- COMSOL光学模型中的一维光子晶体nanobeam三维模型仿真：场分布与透射光谱.pdf
- COMSOL光学模型中高斯光束经偏振棱镜及反射后光强质心偏移.pdf
- COMSOL光学模型中的非线性材料Z参数扫描研究分析.pdf
- COMSOL光学与微纳光学：基于仿真与磁偶极子贡献的LNOI与准BIC研究.pdf
- Comsol光栅波导耦合器及其耦合效率计算：经典复古小案例.pdf
- COMSOL光学中的正方晶格光子晶体能带仿真.pdf
- COMSOL光栅的BIC合并.pdf
- Comsol光栅非对称传输.pdf
- Comsol光栅仿真：计算复合波导光栅准BIC增强古斯汉森位移.pdf
- 40-0306一元矩阵对b求偏导-1080P 高清-AVC.mp4
- COMSOL光致热致声的声光声模型与生物组织光热声成像仿真研模型.pdf
- Comsol光子晶体板：能带求解、模式分离与伪模识别.pdf
- Comsol光子晶体：谷霍尔效应、单胞与超胞能带计算、谷单向传输的研究.pdf
- 41-0307多元线性回归-1080P 高清-AVC.mp4
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
