<!DOCTYPE HTML>
<html>
<head>
<title>Dopetrope</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" />
<![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<section id="header">
<!-- Logo -->
<h1><a href="#">Dopetrope</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current_page_item"><a href="index.html">Home</a></li>
<li>
<a href="">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<a href="">Phasellus consequat</a>
<ul>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<!-- Banner -->
<section id="banner">
<a href="http//www.zjf88.com">
<span class="image image-full"><img src="images/pic01.jpg" alt="" /></span>
<header>
<h2>Howdy. This is Dopetrope.</h2>
<span class="byline">A responsive site template</span>
</header>
</a>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<!-- Intro -->
<section id="intro">
<div>
<div class="row">
<div class="4u">
<section class="first">
<span class="pennant"><span class="icon64 icon64-1"></span></span>
<header>
<h2>Ipsum consequat</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u">
<section class="middle">
<span class="pennant pennant-alt"><span class="icon64 icon64-2"></span></span>
<header>
<h2>Magna etiam dolor</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u">
<section class="last">
<span class="pennant pennant-alt2"><span class="icon64 icon64-3"></span></span>
<header>
<h2>Tempus adipiscing</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
</div>
</div>
<div class="actions">
<a href="#" class="button button-big">Get Started</a>
<a href="#" class="button button-alt button-big">Learn More</a>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Main Wrapper -->
<div id="main-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Portfolio -->
<section>
<header class="major">
<h2>My Portfolio</h2>
</header>
<div>
<div class="row">
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>Ipsum feugiat et dolor</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button button-alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Sed etiam lorem nulla</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button button-alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>Consequat et tempus</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button button-alt">Find out more</a>
</footer>
</section>
</div>
</div>
<div class="row">
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3>Blandit sed adipiscing</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button button-alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h3>Etiam nisl consequat</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button button-alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u">
<section class="box">
<a href="http//www.zjf88.com" class="image image-full"><img src="images/pic07.jpg" alt="" /></a>
<header>
H1144_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
42 浏览量
2023-08-04
13:08:41
上传
评论
收藏 736KB ZIP 举报
H1144_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （32个子文件） 
H1144 
left-sidebar.html 13KB js 
skel-panels.min.js 14KB jquery.dropotron.js 10KB skel.min.js 16KB html5shiv.js 9KB config.js 528B jquery.min.js 90KB css style.css 13KB ie8.css 627B style-1000px.css 3KB skel-noscript.css 2KB style-desktop.css 8KB style-mobile.css 6KB images 
icons32.png 811B bg02.png 35KB bg01.png 53KB
mobileUI-site-nav-opener-bg.svg 350B icons48.png 4KB icons64.png 4KB index.html 16KB images 
pic10.jpg 26KB pic05.jpg 39KB pic02.jpg 60KB pic06.jpg 62KB pic04.jpg 54KB pic03.jpg 37KB pic08.jpg 63KB pic01.jpg 126KB pic09.jpg 52KB pic07.jpg 53KB right-sidebar.html 13KB no-sidebar.html 13KB资源评论
2301_77342543
- 粉丝: 37
- 资源: 5761
最新资源
- mysql语句大全及用法
- Online Maps v3 3.7.15版本
- OpenGL渲染引擎-设计与实践
- meta-llama-3-8b-instruct 的 model-00001-of-00004.safetensors 的1/3
- C# yolov8 TensorRT +ByteTrack Demo.rar
- WX小程序源码无后台同城拼车(完整带PHP后台)
- 基于Swift的空气质量监测应用设计源码 - BadAir
- java开发的基于kafka、xlog的web日志实时分析storm topology
- k8s1.20.4-高可用集群部署-新增项目-kubernetes安装包和详细文档笔记整理
- 基于UC3842-S开关电源PDF原理图+反激开关电源全套学习教程资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
