<!DOCTYPE html><!-- The new doctype -->
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>'Mono' single page layout | Script tutorials demo</title>
<meta charset="utf-8">
<!-- Linking styles -->
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen">
<!-- Linking scripts -->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="subcontainer">
<header><!-- Defining the header section of the page -->
<div class="logo"><!-- Defining the logo element -->
<a href="#/">
<img src="images/logo.png" title="Mono template" alt="Mono template" />
</a>
</div>
<nav><!-- Defining the navigation menu -->
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About</a></li>
<li><a href="#/creating-new-html5css3-single-page-layout-mono/">To Tutorial</a></li>
</ul>
</nav>
<section id="search"><!-- Search form -->
<form action="#" onSubmit="return false;" method="get">
<input type="text" onFocus="if (this.value =='Search..' ) this.value=''" onBlur="if (this.value=='') this.value='Search..'" value="Search.." name="q">
<input type="submit" value="">
</form>
</section>
</header>
<div class="copyrights">Collect from <a href="http//www.zjf88.com/" >Website Template</a></div>
<div id="main"><!-- Defining the main content section -->
<section id="slider-wrapper"><!-- Promo slider -->
<div id="slider" class="nivoSlider">
<img style="display: none;" src="images/promo1.jpg" alt="" title="#htmlcaption-1">
<img style="display: none;" src="images/promo2.jpg" alt="" title="#htmlcaption-2">
<img style="display: none;" src="images/promo3.jpg" alt="" title="#htmlcaption-3">
</div>
<div id="htmlcaption-1" class="nivo-html-caption">
<h5 class="p2">Your promo text 1</h5>
<p>Promo text description here</p>
</div>
<div id="htmlcaption-1" class="nivo-html-caption">
<h5 class="p2">Your promo text 2</h5>
<p>Promo text description here</p>
</div>
<div id="htmlcaption-2" class="nivo-html-caption">
<h5 class="p2">Your promo text 3</h5>
<p>Promo text description here</p>
</div>
<div id="htmlcaption-3" class="nivo-html-caption">
<h5 class="p2">Your promo text 4</h5>
<p>Promo text description here</p>
</div>
</section>
<section id="promo"><!-- Defining the promo section -->
<img alt="" src="images/promo.jpg"> Welcome to test our 'Mono' templates. We making best templates for you.
</section>
<section id="content"><!-- Defining the featured content section -->
<ul>
<li>
<h1>APC caching</h1>
<p>Today I have another interesting article for PHP. We will talking about caching, and practice of using caching in php. I will make review of APC caching and will show you how you can use APC in PHP.</p>
<a class="more" href="#/how-to-use-apc-caching-with-php/">Continue +</a>
</li>
<li>
<h1>3D WebGL</h1>
<p>Today we continue HTML5 canvas examples. And today we will try to begin learning WebGL. In my demonstration I will show you how to initialize WebGL and draw simple 3D object. Also we will animate this object too.</p>
<a class="more" href="#/making-3d-webgl-demonstration/">Continue +</a>
</li>
<li>
<h1>Watermark</h1>
<p>Today is interesting tutorial for PHP. I will show you how to use GD library. And, main task today is adding watermark to image and generate result as PNG image into browser. We will using PHP and GD library.</p>
<a class="more" href="#/watermark-processing-on-images-using-php-and-gd/">Continue +</a>
</li>
</ul>
</section>
</div>
<div id="submain"><!-- Defining submain content section -->
<section id="subcontent"><!-- Defining the content section #2 -->
<div id="left">
<ul>
<li>
<h3>HTML5&CSS3 single page layout – Art theme</h3>
<img alt="" src="images/post.jpg">
<p>Today I will like to product new great masterpiece – new template with codename: ‘Art theme’. This will nice HTML5 template with nice gray colors. Hope that you will like new styles and you will learn some new coding lessons.</p>
<a class="more" href="#/creating-new-html5css3-single-page-layout-art-theme/">Continue +</a>
</li>
<li>
<h3>HTML CSS Anime Theme Website Layout</h3>
<img alt="" src="images/post.jpg">
<p>Today I will like to product new masterpiece – new template with codename: ‘Anime theme’. This will nice HTML5 template with good colors. Hope that you can learn some new coding lessons and download our result and use it at your own site.</p>
<a class="more" href="#/creating-new-html-css-website-layout-5-anime-theme/">Continue +</a>
</li>
</ul>
</div>
<div id="right">
<dl id="acc">
<dt class="active">
<a href="#">Short reviews</a>
</dt>
<dd class="active" style="display: block;">
<p>Here are text of short review of something ...</p>
<a class="more" href="#">Continue +</a>
</dd>
<dt class="">
<a href="#">Short reviews #1</a>
</dt>
<dd style="display: none;">
<p>Here are text of short review of something ...</p>
<a class="more" href="#">Continue +</a>
</dd>
<dt>
<a href="#">Short reviews #3</a>
</dt>
<dd>
<p>Here are text of short review of something ...</p>
<a class="more" href="#">Continue +</a>
</dd>
</dl>
</div>
<div class="clear"></div>
</section
H615_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （27个子文件） 
H615 js 
html5.js 1KB main.js 669B jquery.nivo.slider.pack.js 16KB jquery.js 89KB css style.css 9KB reset.css 1KB nivo-slider.css 862B
index.html 9KB images 
link1_marker.gif 73B
post.jpg 25KB
search2.png 579B header_inner_bg.jpg 14KB s_caption.png 109B logo.png 4KB promo2.jpg 31KB promo.jpg 15KB bg.gif 8KB acc_content_bg.gif 317B promo3.jpg 41KB twitter.png 889B search1.png 314B facebook.png 820B acc_marker.png 3KB rss.png 1KB promo1.jpg 65KB acc_a_bg.gif 295B linkedin.png 1KB资源评论
woisking2
- 粉丝: 12
- 资源: 6718
最新资源
- Matlab根据flac、pfc或其他软件导出的坐标及应力、位移数据再现云图 案例包括导出在flac6.0中导出位移的fish代码（也可以自己先准备软件导出的坐标数据及对应点的位移或应力数据，可根据需
- 拳皇97.exe拳皇972.exe拳皇973.exe
- 捕鱼达人1.exe捕鱼达人2.exe捕鱼达人3.exe
- 医疗骨折摄像检测29-YOLO（v5至v9）、COCO、CreateML、Darknet、Paligemma数据集合集.rar
- ks滑块加密算法与源代码
- 医护人员检测23-YOLOv8数据集合集.rar
- 1.电力系统短路故障引起电压暂降 2.不对称短路故障分析 包括：共两份自编word＋相应matlab模型 1.短路故障的发生频次以及不同类型短路故障严重程度，本文选取三类典型的不对称短路展开研究
- C#连接sap NCO组件 X64版
- 开源基于51单片机的多功能智能闹钟设计，课设毕设借鉴参考
- 深度强化学习电气工程复现文章，适合小白学习 关键词：能量管理 深度学习 强化学习 深度强化学习 能源系统 优化调度 编程语言：python平台 主题：用于能源系统优化调度的深度强化学习算法的性能比较
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
