<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Modern Architecture | Projects</title>
<!-- Loading third party fonts -->
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400|" rel="stylesheet" type="text/css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Loading main css file -->
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="js/ie-support/html5.js"></script>
<script src="js/ie-support/respond.js"></script>
<![endif]-->
</head>
<body>
<div id="site-content">
<div class="site-header">
<div class="container">
<a href="index.html" id="branding">
<img src="images/logo.png" alt="" class="logo">
<div class="logo-text">
<h1 class="site-title">Company Name</h1>
<small class="site-description">Tagline goes here</small>
</div>
</a> <!-- #branding -->
<!-- Default snippet for navigation -->
<div class="main-navigation">
<button type="button" class="menu-toggle"><i class="fa fa-bars"></i></button>
<ul class="menu">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="news.html">News</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item current-menu-item"><a href="project.html">Our Projects</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul> <!-- .menu -->
</div> <!-- .main-navigation -->
<div class="mobile-navigation"></div>
</div>
</div> <!-- .site-header -->
<main class="main-content">
<div class="page">
<div class="container">
<h2 class="entry-title">adipiscing elit sed do eiusmod tempor incididunt.</h2>
<p>Dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi.</p>
<div class="filter-links filterable-nav">
<select class="mobile-filter">
<option value="*">Show all</option>
<option value=".skyscraper">skyscraper</option>
<option value=".shopping-center">shopping-center</option>
<option value=".apartment">apartment</option>
</select>
<a href="#" class="current wow fadeInRight" data-filter="*">Show all</a>
<a href="#" class="wow fadeInRight" data-wow-delay=".2s" data-filter=".skyscraper">skyscraper</a>
<a href="#" class="wow fadeInRight" data-wow-delay=".4s" data-filter=".shopping-center">shopping-center</a>
<a href="#" class="wow fadeInRight" data-wow-delay=".6s" data-filter=".apartment">apartment</a>
</div>
<div class="filterable-items">
<div class="project-item filterable-item shopping-center">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-1.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Lorem ipsum dolor sit amet</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item skyscrapper">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-2.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Consectetur adipisicing elit</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item skyscraper">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-3.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Repellat fugit tenetur</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item apartment">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-4.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Asperiores quas voluptatem</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item skyscrapper">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-5.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Ex quos ab perspiciatis</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item skyscrapper">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-6.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Natus dolores ad et ipsam</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
</div>
<div class="project-item filterable-item shopping-center">
<figure class="featured-image">
<a href="project-single.html"><img src="dummy/large-thumb-7.jpg" alt="#"></a>
<figcaption>
<h2 class="project-title"><a href="project-single.html">Hic nisi. Animi placeat</a></h2>
<p class="project-subtotle">Maecenas dictum suscipit</p>
<p>Sed ut perspiciatis unde omnis iste natus accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
<a href="#" class="more-link"><img src="images/arrow.png" alt=""></a>
</figcaption>
</figure>
现代建筑设计公司响应式网页模板-HTML源码.zip
版权申诉
128 浏览量
2024-03-27
09:02:02
上传
评论
收藏 36.6MB ZIP 举报
现代建筑设计公司响应式网页模板-HTML源码.zip （108个子文件） 
style.css 37KB font-awesome.min.css 17KB fontawesome-webfont.eot 37KB pie.htc 40KB
project.html 10KB about.html 10KB index.html 10KB news.html 7KB project-single.html 5KB contact.html 4KB
slide-3@2x.jpg 4.75MB slide-1@2x.jpg 3.99MB slide-2@2x.jpg 3.57MB slide-3.jpg 1.38MB slide-1.jpg 1.18MB slide-2.jpg 1.07MB single-large@2x.jpg 776KB single-image@2x.jpg 776KB large-thumb-8@2x.jpg 772KB large-thumb-9@2x.jpg 627KB large-thumb-5@2x.jpg 623KB large-thumb-4@2x.jpg 610KB large-thumb-7@2x.jpg 603KB large-thumb-3@2x.jpg 593KB large-thumb-1@2x.jpg 566KB large-thumb-6@2x.jpg 529KB large-thumb-2@2x.jpg 513KB thumb-6@2x.jpg 426KB thumb-5@2x.jpg 352KB thumb-7@2x.jpg 341KB thumb-2@2x.jpg 327KB thumb-4@2x.jpg 327KB thumb-8@2x.jpg 327KB thumb-1@2x.jpg 305KB thumb-3@2x.jpg 292KB single-large.jpg 238KB single-image.jpg 238KB large-thumb-8.jpg 220KB large-thumb-9.jpg 184KB large-thumb-4.jpg 181KB large-thumb-5.jpg 179KB large-thumb-3.jpg 174KB large-thumb-7.jpg 168KB section-img@2x.jpg 167KB large-thumb-6.jpg 156KB large-thumb-2.jpg 155KB large-thumb-1.jpg 154KB thumb-6.jpg 122KB thumb-5.jpg 101KB thumb-7.jpg 98KB thumb-4.jpg 95KB thumb-8.jpg 94KB thumb-2.jpg 91KB thumb-1.jpg 89KB thumb-3.jpg 87KB small-thumb-1@2x.jpg 80KB small-thumb-3@2x.jpg 78KB small-thumb-2@2x.jpg 53KB section-img.jpg 48KB small-thumb-3.jpg 26KB small-thumb-1.jpg 25KB small-thumb-2.jpg 19KB plugins.js 139KB plugins-min.js 137KB jquery-1.11.1.min.js 94KB respond.js 4KB html5.js 3KB app.js 2KB app-min.js 1KB jquery-1.11.1.min.map 138KB FontAwesome.otf 61KB
section-img@2x.png 6.25MB section-img.png 1.56MB icon-phone@2x.png 1KB logo@2x.png 1KB icon-marker@2x.png 1KB prev@2x.png 891B icon-envelope@2x.png 836B arrow-back.png 755B icon-phone.png 699B next@2x.png 677B logo.png 663B icon-marker.png 592B icon-envelope.png 427B arrow-back@2x.png 321B arrow@2x.png 314B prev.png 306B paging-inactive@2x.png 285B next.png 265B paging-active@2x.png 208B paging-inactive.png 207B arrow.png 194B paging-active.png 155B _normalize.scss 12KB _grid.scss 6KB _content.scss 6KB _mixins.scss 6KB _settings.scss 3KB _components.scss 3KB _header.scss 2KB共 108 条
- 1
- 2
资源评论
