<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dragonfruit - Free HTML5 Templates</title>
<meta name="description" content="Dragonfruit is one of the free HTML5 Templates from templatemo. It is a parallax layout with jQuery slider, events, and timeline." />
<meta name="author" content="templatemo">
<!-- Favicon-->
<link rel="shortcut icon" href="./favicon.png" />
<!-- Font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Camera -->
<link href="css/camera.css" rel="stylesheet">
<!-- Template -->
<link href="css/templatemo_style.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="banner" id="templatemo_banner_slide">
<ul>
<li class="templatemo_banner_slide_01">
<div class="slide_caption">
<h1>Responsive Design</h1>
<p>Aenean diam libero, venenatis eu risus eu, tincidunt porttitor orci. Nulla consequat mi et lectus vehicula condimentum. Nulla ullamcorper dolor vehicula dolor interdum, eget fermentum ligula bibendum.</p>
</div>
</li>
<li class="templatemo_banner_slide_02">
<div class="slide_caption">
<h1>Free HTML5 Template</h1>
<p>Nulla in nibh arcu. Donec quam neque, porta at pellentesque at, imperdiet ut velit. Pellentesque luctus ac nunc et hendrerit. Aliquam eu scelerisque eros. Vestibulum scelerisque mi nec augue condimentum rhoncus.</p>
</div>
</li>
<li class="templatemo_banner_slide_03">
<div class="slide_caption">
<h1>Mobile Ready</h1>
<p>Cras fermentum convallis elementum. Praesent sit amet auctor erat, vitae auctor dolor. Sed viverra nunc magna, quis placerat augue pellentesque quis. Sed nec pellentesque dolor. Aenean in lectus enim. Phasellus eu egestas libero. Vivamus ultrices ligula a dapibus lobortis.</p>
</div>
</li>
</ul>
</div>
<div id="templatemo_mobile_menu">
<ul class="nav nav-pills nav-stacked">
<li><a href="#templatemo_banner_slide"><i class="glyphicon glyphicon-home"></i> Home</a></li>
<li><a href="#templatemo_about"><i class="glyphicon glyphicon-briefcase"></i> About</a></li>
<li><a href="#templatemo_events"><i class="glyphicon glyphicon-bullhorn"></i> Events</a></li>
<li><a href="#templatemo_timeline"><i class="glyphicon glyphicon-calendar"></i> Timeline</a></li>
<li><a href="#templatemo_contact"><i class="glyphicon glyphicon-phone-alt"></i> Contact</a></li>
</ul>
</div>
<div class="container_wapper">
<div id="templatemo_banner_menu">
<div class="container-fluid">
<div class="col-xs-4 templatemo_logo">
<a rel="nofollow" href="http://www.htmldivcss.com/preview/templatemo_411_dragonfruit">
<img src="images/templatemo_logo.jpg" id="logo_img" alt="dragonfruit free html5 template" />
<h1 id="logo_text">dragon<span>fruit</span></h1>
</a>
</div>
<div class="col-sm-8 hidden-xs">
<ul class="nav nav-justified">
<li><a href="#templatemo_banner_slide">Home</a></li>
<li><a href="#templatemo_about">About</a></li>
<li><a href="#templatemo_events">Events</a></li>
<li><a href="#templatemo_timeline">Timeline</a></li>
<li><a href="#templatemo_contact">Contact</a></li>
</ul>
</div>
<div class="col-xs-8 visible-xs">
<a href="#" id="mobile_menu"><span class="glyphicon glyphicon-th-list"></span></a>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >网页模板</a></div>
<div id="templatemo_about" class="container_wapper">
<div class="container-fluid">
<h1>About Our Organization</h1>
<div class="col-sm-6 col-md-3 about_icon">
<div class="imgwap mission"><i class="fa fa-rocket"></i></div>
<h2>Revenues</h2>
<p>Sed do eiusmod tempor incididunt ut labore et.</p>
</div>
<div class="col-sm-6 col-md-3 about_icon">
<div class="imgwap product"><i class="fa fa-cubes"></i></div>
<h2>Opportunities</h2>
<p>Tempor incididunt ut labore et dolore magna.</p>
</div>
<div class="col-sm-6 col-md-3 about_icon">
<div class="imgwap testimonial"><i class="fa fa-bar-chart-o"></i></div>
<h2>Growth</h2>
<p>Dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="col-sm-6 col-md-3 about_icon">
<div class="imgwap statistic"><i class="fa fa-comments"></i></div>
<h2>Social Media</h2>
<p>Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.</p>
</div>
<div class="clearfix testimonial_top_bottom_spacer"></div>
<div class="col-xs-1 pre_next_wap" id="prev_testimonial">
<a href="#"><span class="glyphicon glyphicon-chevron-left pre_next"></span></a>
</div>
<div id="testimonial_text_wap" class="col-xs-9 col-sm-10">
<div class="testimonial_text">
<div class="col-sm-3">
<img src="images/templatemo_member_01.jpg" class="img-responsive" alt="Business Development Manager" />
</div>
<div class="col-sm-9">
<h2>Tracy Mya</h2>
<h3>Business Development Manager</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div><!--.testimonial_text-->
<div class="testimonial_text">
<div class="col-sm-3">
<img src="images/templatemo_member_02.jpg" class="img-responsive" alt="Chief Public Relation Officer" />
</div>
<div class="col-sm-9">
<h2>Mary Kas</h2>
<h3>Chief Public Relation Officer</h3>
<p>Fusce et orci mollis, congue lorem vitae, semper erat. Curabitur quis pellentesque nisl, at adipiscing libero. Integer at sem dui. Fusce posuere aliquet dolor, at viverra odio accumsan sed. Sed pharetra vel risus a convallis. Maecenas in adipiscing libero, id molestie odio. Phasellus id pharetra mauris, sit amet varius velit. Aliquam non dapibus libero.</p>
</div>
</div><!--.testimonial_text-->
<div class="testimonial_text">
<div class="col-sm-3">
<img src="images/templatemo_member_03.jpg" class="img-responsive" alt="Marketing Executive" />
</div>
<div class="col-sm-9">
<h2>Juli
1217_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
33 浏览量
2023-08-03
10:55:09
上传
评论
收藏 1.77MB ZIP 举报
1217_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （39个子文件） 
1217 js 
jquery-ui.min.js 223KB unslider.min.js 3KB bootstrap.min.js 28KB templatemo_script.js 17KB jquery.singlePageNav.min.js 2KB templatemo_script_OLD.js 17KB jquery.min.js 92KB
1.jpg 104KB css bootstrap.min.css 98KB camera.css 26KB font-awesome.min.css 20KB templatemo_style.css 10KB
index.html 22KB images banner_bg.jpg 1KB
arrow_left.png 15KB templatemo_member_02.jpg 68KB templatemo_banner_slide_03.jpg 287KB templatemo_logo.jpg 17KB templatemo_event_02.jpg 37KB arrow_right.png 15KB templatemo_member_04.jpg 66KB templatemo_event_04.jpg 83KB templatemo_event_03.jpg 74KB templatemo_event_01.jpg 94KB templatemo_member_03.jpg 60KB time_line_bg.jpg 1KB templatemo_member_01.jpg 53KB templatemo_banner_slide_01.jpg 143KB templatemo_banner_slide_02.jpg 279KB fonts FontAwesome.otf 73KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 71KB fontawesome-webfont.woff 82KB fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB favicon.png 19KB资源评论
