<!DOCTYPE HTML>
<html>
<head>
<title>Ex Machina</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic,400,300,700' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="#">Ex Machina</a></h1>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
</div>
<!-- Header -->
<!-- Banner -->
<div id="banner">
<div class="container">
</div>
</div>
<!-- /Banner -->
<!-- Main -->
<div id="page">
<!-- Extra -->
<div id="marketing" class="container">
<div class="row">
<div class="3u">
<section>
<header>
<h2>Feugiat Tempus</h2>
</header>
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
<p><a href="#"><img src="images/pics13.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
</section>
</div>
<div class="3u">
<section>
<header>
<h2>Maecenas lectus</h2>
</header>
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
<p><a href="#"><img src="images/pics14.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
</section>
</div>
<div class="3u">
<section>
<header>
<h2>Luctus lectus</h2>
</header>
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
<p><a href="#"><img src="images/pics15.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
</section>
</div>
<div class="3u">
<section>
<header>
<h2>Posuere eleifend</h2>
</header>
<p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis maecenas ligula.</p>
<p><a href="#"><img src="images/pics16.jpg" alt=""></a></p>
<a href="#" class="button">More</a>
</section>
</div>
</div>
</div>
<!-- /Extra -->
<!-- Main -->
<div id="main" class="container">
<div class="row">
<div class="6u">
<section>
<header>
<h2>Integer gravida nibh quis urna</h2>
<span class="byline">Augue praesent a lacus at urna congue rutrum</span>
</header>
<p>This is <strong>Ex Machina</strong>, a responsive HTML5 site template freebie by TEMPLATED. Released for free under the Creative Commons Attribution license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at our site or follow us on Twitter.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
<p>Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat. Vestibulum pellentesque, justo mollis pretium suscipit, justo nulla blandit libero, in blandit augue justo quis nisl. Fusce mattis viverra elit. Fusce quis tortor. Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget lorem ipsum dolor. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat. Sed etiam vestibulum velit, euismod lacinia quam nisl id lorem. Quisque erat.</p>
<a href="#" class="button">More Details</a>
</section>
</div>
<div class="3u">
<section class="sidebar">
<header>
<h2>Feugiat Tempus</h2>
</header>
<ul class="style2">
<li>
<a href="#"><img src="images/pics07.jpg" alt=""></a>
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
</li>
<li>
<a href="#"><img src="images/pics08.jpg" alt=""></a>
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
</li>
<li>
<a href="#"><img src="images/pics09.jpg" alt=""></a>
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
</li>
<li>
<a href="#"><img src="images/pics10.jpg" alt=""></a>
<p>Donec leo, vivamus fermentum augue praesent a lacus at urna rutrum.</p>
</li>
</ul>
</section>
</div>
<div class="3u">
<section class="sidebar">
<header>
<h2>Feugiat Tempus</h2>
</header>
<ul class="style1">
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat erat</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Nulla luctus eleifend purus</a></li>
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
</ul>
</section>
<section class="sidebar">
<header>
<h2>Nulla luctus eleifend</h2>
</header>
<ul class="style1">
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet nisl</a></li>
<li><a href="#">Mauris vulputate dolor sit amet nibh</a></li>
</ul>
</section>
</div>
</div>
</div>
<!-- Main -->
</div>
<!-- /Main -->
<!-- Featured -->
<div id="featured">
<div class="container">
<div class="row">
<section class="4u">
<div class="box">
<a href="#" class="image left"><img src="images/pics04.jpg" alt=""></a>
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus eleifend. </p>
<a href="#" class="button">More</a>
</div>
</section>
<section class="4u">
<div class="box">
<a href="#" class="image left"><img src="images/pics05.jpg" alt=""></a>
<h3>Etiam posuere augue</h3>
<p>Donec nonummy magna quis risus eleifend. </p>
<a href="#" class="button">More</a>
</div>
</section>
<section class="4u">
<div class="box">
<a href="#" class="image left"><img src="images/pics06.jpg" al
html5模板-高楼建筑HTML5网页模板.zip
版权申诉
5星 · 超过95%的资源 16 浏览量
2023-03-15
06:45:11
上传
评论
收藏 433KB ZIP 举报 
html5模板-高楼建筑HTML5网页模板.zip （49个子文件） 
html5模板-高楼建筑HTML5网页模板 
left-sidebar.html 10KB js 
skel-panels.min.js 13KB skel.min.js 20KB html5shiv.js 2KB init.js 1KB css style.css 29KB style-1000px.css 160B skel-noscript.css 4KB style-desktop.css 2KB ie PIE.htc 40KB v8.css 494B html5shiv.js 2KB v9.css 255B style-mobile.css 5KB images 
img09.png 2KB img06.png 440B img12.png 211B
img01.jpg 138KB
toggle.svg 352B img10.png 168B img08.jpg 3KB img03.jpg 2KB img13.jpg 388B img11.jpg 774B img05.png 12KB mobileUI-site-nav-opener-bg.svg 545B img02.jpg 1KB
spacer.gif 43B img07.png 17KB img04.png 26KB img12.jpg 721B index.html 11KB images pics08.jpg 2KB pics04.jpg 12KB pics09.jpg 4KB pics07.jpg 4KB pics16.jpg 18KB pics15.jpg 14KB pics13.jpg 9KB banner.jpg 85KB pics11.jpg 4KB pics14.jpg 11KB pics12.jpg 3KB pics05.jpg 15KB pics06.jpg 14KB spacer.gif 43B pics10.jpg 3KB right-sidebar.html 10KB no-sidebar.html 10KB资源评论
2301_766891882024-01-09终于找到了超赞的宝藏资源，果断冲冲冲，支持！
