<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Elements - Moderna</title>
<meta name="description" content="Moderna premium creative responsive site template" />
<meta name="author" content="pixel-industry" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<meta name="viewport" content="width=device-width" />
<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- Stylesheets -->
<link rel="stylesheet" href="css/960_12_col.css" media="screen" />
<link rel="stylesheet" href="css/reset.css" media="screen" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/jquery-ui-1.8.22.custom.css" media="screen" />
<link rel="stylesheet" href="css/accordion.css" media="screen" />
<link rel="stylesheet" title="activestyle" href="css/default-blue.css" media="screen" /> <!--default blue color style-->
<link rel="stylesheet" href="style-switcher/styleSwitcher.css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" media="screen" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie8.css" media="screen" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9.css" media="screen" />
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- google web fonts -->
<link href='http//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css' />
<link href='http//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
<!-- js files -->
<script src="js/jquery-1.7.2.js"></script> <!-- jQuery 1.7.2 -->
<script src="js/jquery.tweetscroll.js"></script> <!-- jQuery tweetscroll plugin -->
<script src="js/socialstream.jquery.js"></script> <!-- Social Networks Feeds -->
<script src="js/jquery.toggle.js"></script> <!-- jQuery Toggle plugin -->
<script src="js/include.js"></script> <!-- jQuery custom options -->
<script src="style-switcher/styleSwitcher.js"></script><!-- Style Switcher plugin -->
<!-- end js files -->
</head>
<body>
<!-- style switcher start -->
<section id="style-switcher">
<section id="styles-container">
<section>
<h6>Color Style</h6>
<ul class="styles-list">
<li class="default-blue">1</li>
<li class="chocolate">2</li>
<li class="dark-blue">3</li>
<li class="dark-green">4</li>
<li class="green">5</li>
<li class="orange">6</li>
<li class="pink">7</li>
<li class="purple">8</li>
<li class="red">9</li>
<li class="yellow">10</li>
</ul>
</section>
<section>
<h6>Skin</h6>
<ul class="skin-list">
<li class="streched active"><a href="#">Stretched</a></li>
<li class="boxed"><a href="../Boxed/elements.html">Boxed</a></li>
</ul>
</section>
<section>
<h6>Pattern</h6>
<select id="pattern-list">
<option value="pattern1" />Dark Sketch
<option value="pattern2" />Dark Wood
<option value="pattern3" />Light Sketch
<option value="pattern4" />Light Dust
<option value="pattern5" />Light Wood
<option value="pattern6" />Subtle Dots
<option value="pattern7" />Concrete Wall
<option value="pattern8" />Cross Scratch
<option value="pattern9" />Dark Denim
<option value="pattern10" />Grid Noise
<option value="pattern11" />Light Mesh
<option value="pattern12" />Geometric
<option value="pattern13" />Subtle Net
<option value="pattern14" />Light brick
<option value="pattern15" />Always Grey
</select>
</section>
</section>
<a href="#" id="styles-button"><div id="switcher-logo"></div></a>
</section><!-- style switcher end -->
<!-- header wrapper start -->
<section id="header-wrapper">
<!-- header start -->
<header id="header" class="clearfix">
<!-- logo start -->
<section id="logo">
<a href="index.html">
logo
</a>
</section><!-- logo end -->
<!-- social icons start -->
<ul class="social">
<li class="dribble">
<a href="#">dribble</a>
</li>
<li class="facebook">
<a href="#">facebook</a>
</li>
<li class="pinterest">
<a href="#">pinterest</a>
</li>
<li class="twitter">
<a href="#">twitter</a>
</li>
</ul><!-- social icons end -->
<!-- main navigation container start -->
<section id="nav-container">
<!-- main navigation start -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#">About</a>
<ul>
<li> <a href="about.html">About us</a></li>
<li><a href="services.html">Our services</a></li>
</ul>
</li>
<li>
<a href="#">Portfolio</a>
<ul>
<li><a href="portfolio2.html">Portfolio 2 col</a></li>
<li><a href="portfolio3.html">Portfolio 3 col</a></li>
<li><a href="portfolio4.html">Portfolio 4 col</a></li>
<li><a href="portfoliosingleshowcase.html">Portfolio with showcase</a></li>
<li><a href="portfoliosingle2.html">Portfolio single</a></li>
<li><a href="portfoliosingle.html">Portfolio single simple</a></li>
</ul>
</li>
<li>
<a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blogsingle.html">Blog single</a></li>
</ul>
</li>
<li class="active">
<a href="#">Features</a>
<ul>
<li><a href="columns.html">Columns</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="">Example Of</a>
<ul>
<li><a href="#">Third Level</a></li>
</ul>
</li>
</ul>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
响应式可换色图片网站模板_网站开发模板含源代码(css+html+js+图样).zip (313个子文件)
style.css 70KB
prettyPhoto.css 19KB
default-blue.css 15KB
dark-green.css 15KB
chocolate.css 15KB
dark-blue.css 15KB
yellow.css 15KB
purple.css 15KB
orange.css 15KB
green.css 15KB
pink.css 15KB
red.css 15KB
anythingslider.css 14KB
960_12_col.css 5KB
styleSwitcher.css 4KB
styleSwitcher.css 4KB
accordion.css 2KB
reset.css 2KB
ie7.css 2KB
ie8.css 842B
ie9.css 483B
Thumbs.db 51KB
Thumbs.db 8KB
Thumbs.db 7KB
Thumbs.db 6KB
Thumbs.db 6KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 5KB
loader.gif 6KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
elements.html 40KB
portfolio4.html 39KB
portfoliosingleshowcase.html 38KB
portfolio3.html 37KB
blog.html 30KB
portfolio2.html 30KB
index.html 29KB
media.html 27KB
blogsingle.html 27KB
about.html 19KB
columns.html 19KB
services.html 17KB
contact-wide.html 16KB
contact-short.html 16KB
portfoliosingle2.html 15KB
contact.html 15KB
portfoliosingle.html 15KB
contact.php.html 0B
favicon.ico 1KB
portfolio16.jpg 248KB
slider4.jpg 108KB
portfolio4.jpg 56KB
portfolio3.jpg 54KB
blog2.jpg 54KB
portfolio15.jpg 51KB
portfolio4.jpg 49KB
portfolio14.jpg 48KB
portfolio6.jpg 48KB
portfolio3.jpg 47KB
portfolio14.jpg 45KB
portfolio11.jpg 45KB
portfolio2.jpg 43KB
portfolio9.jpg 42KB
portfolio12.jpg 40KB
portfolio12.jpg 40KB
portfolio7.jpg 40KB
portfolio2.jpg 38KB
portfolio11.jpg 37KB
portfolio16.jpg 37KB
portfolio9.jpg 36KB
portfolio1.jpg 36KB
portfolio7.jpg 35KB
portfolio5.jpg 35KB
portfolio15.jpg 35KB
portfolio5.jpg 34KB
blog1.jpg 34KB
portfolio13.jpg 31KB
portfolio6.jpg 30KB
portfolio1.jpg 28KB
portfolio10.jpg 28KB
portfolio17.jpg 27KB
portfolio10.jpg 25KB
slider2.jpg 25KB
slider3.jpg 24KB
portfolio8.jpg 24KB
portfolio8.jpg 20KB
vimeo.jpg 19KB
portfolio13.jpg 19KB
共 313 条
- 1
- 2
- 3
- 4
资源评论
CyMylive.
- 粉丝: 7276
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功