<!DOCTYPE HTML>
<html>
<head>
<title>Right Sidebar</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-wide.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div class="wrapper style1">
<!-- Header -->
<div id="header" class="skel-panels-fixed">
<div id="logo">
<h1><a href="index.html">Phase Shift</a></h1>
<span class="tag">by TEMPLATED</span>
</div>
<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>
<!-- Header -->
<!-- Page -->
<div id="page" class="container">
<div class="row">
<!-- Content -->
<div id="content" class="8u skel-cell-important">
<section>
<header class="major">
<h2>Right Sidebar</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span>
</header>
<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna. Quisque eleifend.</p>
<p>Donec nonummy magna quis risus. Quisque eleifend. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo.</p>
<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Aliquam lacinia metus ut elit.</p>
</section>
</div>
<!-- Sidebar -->
<div id="sidebar" class="4u">
<section>
<header class="major">
<h2>Etiam malesuada</h2>
</header>
<div class="row half">
<section class="6u">
<ul class="default">
<li><a href="#">Donec facilisis tempor</a></li>
<li><a href="#">Nulla convallis cursus</a></li>
<li><a href="#">Integer congue euis</a></li>
<li><a href="#">Venenatis vulputate</a></li>
<li><a href="#">Morbi ligula volutpat</a></li>
</ul>
</section>
<section class="6u">
<ul class="default small">
<li><a href="#">Donec facilisis tempor</a></li>
<li><a href="#">Nulla convallis cursus</a></li>
<li><a href="#">Integer congue euis</a></li>
<li><a href="#">Venenatis vulputate</a></li>
<li><a href="#">Morbi ligula volutpat</a></li>
</ul>
</section>
</div>
</section>
<section>
<header class="major">
<h2>Mauris vulputate</h2>
</header>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
</ul>
</section>
</div>
</div>
</div>
<!-- /Page -->
<!-- Main -->
<div id="main">
<div class="container">
<div class="row">
<!-- Content -->
<div class="6u">
<section>
<ul class="style">
<li class="fa fa-wrench">
<h3>Integer ultrices</h3>
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span> </li>
<li class="fa fa-leaf">
<h3>Aliquam luctus</h3>
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span> </li>
</ul>
</section>
</div>
<div class="6u">
<section>
<ul class="style">
<li class="fa fa-cogs">
<h3>Integer ultrices</h3>
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span> </li>
<li class="fa fa-road">
<h3>Aliquam luctus</h3>
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span> </li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- /Main -->
</div>
<!-- Footer -->
<div id="footer" class="wrapper style2">
<div class="container">
<section>
<header class="major">
<h2>Mauris vulputate dolor</h2>
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span>
</header>
<form method="post" action="#">
<div class="row half">
<div class="12u">
<input class="text" type="text" name="name" id="name" placeholder="Name" />
</div>
</div>
<div class="row half">
<div class="12u">
<input class="text" type="text" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="row half">
<div class="12u">
<textarea name="mes
霓虹灯灯光HTML5炫彩模板是一款梦幻的彩色灯光背景网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar
163 浏览量
2023-08-05
16:35:27
上传
评论
收藏 536KB RAR 举报
霓虹灯灯光HTML5炫彩模板是一款梦幻的彩色灯光背景网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （30个子文件） 
霓虹灯灯光HTML5炫彩模板是一款梦幻的彩色灯光背景网站模板下载。 chahua3499 
left-sidebar.html 9KB js 
jquery.dropotron.min.js 4KB skel-layers.min.js 15KB skel.min.js 20KB init.js 5KB jquery.min.js 94KB css style.css 9KB skel.css 4KB style-narrower.css 4KB style-narrow.css 220B style-wide.css 242B ie v8.css 243B html5shiv.js 2KB backgroundsize.min.htc 4KB style-normal.css 551B style-mobile.css 651B font-awesome.min.css 17KB index.html 7KB images 
pic02.jpg 22KB bg.jpg 132KB pic04.jpg 47KB pic03.jpg 17KB pic01.jpg 24KB right-sidebar.html 9KB no-sidebar.html 9KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
