<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Restolex A Interior Category Flat Bootstarp Resposive Website Template | Portfolio :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Restolex Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<!----requred-js-files---->
<script src="js/bootstrap.min.js"></script>
<!----//requred-js-files---->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!------ light-box-script ----->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(function() {
$('.about-grid a').Chocolat({linkImages:false});
});
</script>
<!------ light-box-script ----->
</head>
<body>
<div class="about">
<div class="container">
<div class="header-shadow">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<nav class="navbar navbar-default menu" role="navigation"><h3 class="nav_right"><a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""/></a></h3>
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav menu1">
<li class="active"><a href="index.html"> </a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a><span> </span><i class="menu-border"></i></li>
<li><a href="404.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<form class="navbar-form navbar-left search1" role="search">
<div class="search2">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="clearfix"></div>
</div>
</div>
<ul class="breadcrumbs">
<li class="home">
<a href="index.html" title="Go to Home Page">Home</a>
<span>></span>
</li>
<li class="home">
Portfolio
</li>
</ul>
</div>
</div>
<div class="grid_3">
<h2 class="tz-title-2">Portfolio</h2>
<div class="container">
<div class="about-grids service_box">
<div class="col-sm-3 about-grid">
<a href="images/pic26.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic26.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic25.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic25.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic24.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic24.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic23.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic23.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="service_box">
<div class="col-sm-3 about-grid">
<a href="images/pic22.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic22.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="imag
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的家居装修案例展示响应式网页.7z (62个子文件)
【web课设】家居装修案例展示响应式网页-HTML源码
html
portfolio.html 20KB
js
jquery.wmuSlider.js 12KB
bootstrap.min.js 28KB
jquery.chocolat.js 10KB
modernizr.custom.js 8KB
jquery-1.11.1.min.js 94KB
css
style.css 22KB
component.css 9KB
bootstrap.css 118KB
chocolat.css 2KB
404.html 8KB
services.html 20KB
index.html 12KB
contact.html 9KB
about.html 13KB
images
pic12.jpg 34KB
pic5.jpg 17KB
pic20.jpg 35KB
pic6.jpg 28KB
pic15.jpg 27KB
pic25.jpg 31KB
close.gif 70B
menu_border.png 3KB
magnify.png 4KB
2.jpg 19KB
pic10.jpg 24KB
Thumbs.db 1.47MB
pic8.jpg 14KB
about.jpg 47KB
6.jpg 15KB
pic9.jpg 21KB
logo.png 4KB
pic22.jpg 29KB
banner-bottom.png 3KB
pic16.jpg 9KB
1.jpg 10KB
pic19.jpg 26KB
pic26.jpg 33KB
pic18.jpg 35KB
pic4.jpg 31KB
pic2.jpg 18KB
pic23.jpg 50KB
pic21.jpg 19KB
search.png 3KB
pic3.jpg 27KB
pic1.jpg 12KB
email.png 3KB
home-icon.png 3KB
8.jpg 14KB
pic24.jpg 27KB
pic11.jpg 40KB
border1.png 3KB
pic17.jpg 23KB
pic7.jpg 21KB
pic13.jpg 49KB
pic14.jpg 15KB
7.jpg 9KB
9.jpg 15KB
4.jpg 93KB
fonts
css
font-awesome.min.css 17KB
fonts
FontAwesome.otf 61KB
fontawesome-webfont.ttf 79KB
共 62 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (178047214)基于springboot图书管理系统.zip
- 张郅奇 的Python学习过程
- (23775420)欧姆龙PLC CP1H-E CP1L-E CJ2M CP1E 以太网通讯.zip
- (174590622)计算机课程设计-IP数据包解析
- (175550824)泛海三江全系调试软件PCSet-All2.0.3 1
- (172742832)实验1 - LC并联谐振回路仿真实验报告1
- 网络搭建练习题.pkt
- 搜索引擎soler的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业
- 搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业
- 基于opencv-dnn和一些超过330 FPS的npu
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功