<!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.cssmoban.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.cssmoban.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>Julia
没有合适的资源?快使用搜索试试~ 我知道了~
红色全屏扁平化互联网科技企业bootstrap模板_html5 bootstrap 响应式模板UI前端源码.rar
共39个文件
jpg:14个
js:7个
css:4个
0 下载量 184 浏览量
2023-08-01
14:03:30
上传
评论
收藏 1.79MB RAR 举报
温馨提示
红色全屏扁平化互联网科技企业bootstrap模板_html5 bootstrap 响应式模板UI前端源码.rar
资源推荐
资源详情
资源评论
收起资源包目录
红色全屏扁平化互联网科技企业bootstrap模板_html5 bootstrap 响应式模板UI前端源码.rar (39个子文件)
tpmo_411_dragonfruit
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
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
Thumbs.db 160KB
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
共 39 条
- 1
资源评论
dunming_6725413
- 粉丝: 16
- 资源: 6950
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功