<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Adriya - Minimal, Creative, One Page Bootstrap Template</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/font-icon.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
<!-- header top section -->
<section class="banner" role="banner">
<header id="header">
<div class="header-content clearfix"> <a class="logo" href="index.html"><img src="images/logo.png" alt=""></a>
<nav class="navigation" role="navigation">
<ul class="primary-nav">
<li>612.269.8419</li>
<li><a href="mainlto:hello@phdl.co">hello@agency.com</a></li>
</ul>
</nav>
<a href="#" class="nav-toggle">Menu<span></span></a> </div>
</header>
</section>
<!-- header top section -->
<!-- header content section -->
<section id="hero" class="section ">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-6 hero">
<div class="hero-content">
<h1>Mordern, Minimal & Inspiring.</h1>
</div>
<!-- hero -->
</div>
<div class="col-md-5 col-sm-6 hero">
<div class="hero-content">
<p>FREE Bootstrap v3.3.5 frame work base minimal portfolio template for presonal use and creative agency.</p>
</div>
<!-- hero -->
</div>
</div>
</div>
</section>
<!-- header content section -->
<!-- portfolio grid section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<hr class="section">
</div>
</div>
<div class="row">
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>The Shape of Design</h3>
<h4>Branding/Graphic</h4>
</div>
</div>
<img src="images/portfolio/work-1.jpg" class="img-responsive" alt=""> </a> </div>
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>czarna kawka</h3>
<h4>Branding</h4>
</div>
</div>
<img src="images/portfolio/work-2.jpg" class="img-responsive" alt=""> </a> </div>
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>czarna kawka</h3>
<h4>Branding</h4>
</div>
</div>
<img src="images/portfolio/work-3.jpg" class="img-responsive" alt=""> </a> </div>
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>czarna kawka</h3>
<h4>Branding</h4>
</div>
</div>
<img src="images/portfolio/work-4.jpg" class="img-responsive" alt=""> </a> </div>
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>czarna kawka</h3>
<h4>Branding</h4>
</div>
</div>
<img src="images/portfolio/work-5.jpg" class="img-responsive" alt=""> </a> </div>
<div class="col-sm-6 portfolio-item"> <a href="work-details.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<h3>czarna kawka</h3>
<h4>Branding</h4>
</div>
</div>
<img src="images/portfolio/work-6.jpg" class="img-responsive" alt=""> </a> </div>
</div>
</div>
</section>
<!-- portfolio grid section -->
<!-- service section -->
<section id="service" class="service section">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-6">
<h4>We're expert to create beautiful design & smart technology</h4>
<p>Nullam at enim mauris. Donec et nunc ipsum. Suspendi tempus fringilla ipsu Cras metus euismod velit gravida at nunc ipsum.</p>
</div>
<div class="col-md-7 col-sm-6">
<div class="col-md-4 col-sm-6 service text-center"> <span class="icon icon-browser"></span>
<div class="service-content">
<h5>Web & Mobile</h5>
</div>
</div>
<div class="col-md-4 col-sm-6 service text-center"> <span class="icon icon-trophy"></span>
<div class="service-content">
<h5>Branding</h5>
</div>
</div>
<div class="col-md-4 col-sm-6 service text-center"> <span class="icon icon-megaphone"></span>
<div class="service-content">
<h5>Digital Marketing</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- service section -->
<!-- footer section -->
<footer class="footer">
<div class="container">
<div class="col-md-6 left">
<h4>Let's work together</h4>
<p> Call: 612.269.8419 OR Email : <a href="mailto:hello@domain.com"> hello@domain.com </a></p>
</div>
<div class="col-md-6 right">
<p>© 2015 All rights reserved. All Rights Reserved<br>
<a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
</div>
</div>
</footer>
<!-- footer section -->
<!-- JS FILES -->
<script src="https://cdn.staticfile.org/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/main.js"></script>
</body>
</html>
【web课设】简约创意产品展示网页-HTML源码.7z （35个子文件） 
【web课设】简约创意产品展示网页-HTML源码 html js 
bootstrap.min.js 36KB retina.min.js 3KB main.js 1KB jquery.fancybox.pack.js 23KB modernizr.js 52KB jquery.min.js 94KB css bootstrap.min.css 120KB main.css 10KB flexslider.css 6KB responsive.css 3KB animate.min.css 54KB font-icon.css 6KB jquery.fancybox.css 5KB
work-details.html 4KB index.html 7KB images portfolio 
work-4.jpg 30KB work-3.jpg 54KB work-1.jpg 62KB work-5.jpg 48KB work-2.jpg 82KB work-6.jpg 45KB
logo.png 548B fonts flexslider-icon.woff 1KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB elegant-theme-line.woff 46KB elegant-theme-line.svg 159KB elegant-theme-line.ttf 46KB glyphicons-halflings-regular.woff2 18KB flexslider-icon.eot 2KB elegant-theme-line.eot 46KB flexslider-icon.ttf 2KB flexslider-icon.svg 2KB资源评论
