<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- light-box -->
<link rel="stylesheet" href="css/lightbox.css">
<!-- //light-box -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- animation -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- //animation -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<div class="agileinfo-dot">
<div class="header">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="agileits-logo">
<h1><a href="index.html">Trending</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<div class="w3layouts-banner-info">
<div class="container">
<div class="agileits-slider">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="agileits-banner-info">
<h3>Lorem ipsum</h3>
<h6>Mauris nisl nunc, feugiat a nulla euismod</h6>
<p>Nulla eu erat risus. Curabitur in purus porta, suscipit nisi sit amet, maximus purus. Fusce nulla nibh, porttitor eu velit id, cursus mattis nibh. Phasellus dapibus aliquam urna in maximus.</p>
</div>
</li>
<li>
<div class="agileits-banner-info">
<h3>Donec posuere</h3>
<h6>Vivamus facilisis dolor ac sapien pharetra</h6>
<p>Donec luctus faucibus lacus accumsan pellentesque. Vestibulum volutpat dignissim sem id dignissim. Nunc sit amet risus nec diam porttitor tristique et eu lorem. Morbi ut ullamcorper eros</p>
</div>
</li>
<li>
<div class="agileits-banner-info">
<h3>Integer accumsan</h3>
<h6>Nunc dapibus euismod purus, sed molestie</h6>
<p>Nulla a vehicula urna, in mattis nisl. Nulla facilisi. Praesent at nibh et ligula imperdiet vehicula. Sed posuere, massa semper ornare laoreet, ipsum sem faucibus velit, non tempus mi felis</p>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager:false,
nav:true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--banner Slider starts Here-->
</div>
</div>
<div class="w3-arrow bounce animated">
<a href="#about" class="scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="w3ls-about-grids">
<div class="col-md-4 w3l-about-left">
<h2>Welcome</h2>
<h5>Integer mollis porttitor nibh, id pellentesque mauris porta et.</h5>
<p>Donec bibendum ligula sit amet auctor vulputate. Maecenas elementum, magna nec interdum venenatis, nibh enim gravida sem, id consectetur justo erat non tortor. Nam ultricies eget erat quis dapibus. Aenean eu scelerisque lacus, et fringilla odio.<span>Sed vestibulum sapien ornare ex sodales, eu feugiat ipsum tempor. Vivamus ante orci, congue sit amet aliquam non, sagittis eget justo. Curabitur mollis hendrerit nunc, id luctus sem vestibulum id.</span></p>
</div>
<div class="col-md-4 w3l-about-img">
</div>
<div class="col-md-4 w3l-about-right">
<h3>About Us</h3>
<h5>Integer mollis porttitor nibh, id pellentesque mauris porta et.</h5>
<p>Duis interdum malesuada nunc, nec vestibulum erat sagittis quis. Pellentesque imperdiet lorem ac auctor tempor. Donec convallis ligula eget mi consequat, sed euismod neque varius. Nulla eget risus nec ligula volutpat lacinia.</p>
<div class="w3l-button">
<a href="#" data-toggle="modal" data-target="#myModal">More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- modal -->
<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Trending</h4>
</div>
<div class="modal-body">
<div class="agileits-w3layouts-info">
<img src="images/1.jpg" alt="" />
<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper. Cras tempor massa luctus, varius lacus sit am
热门时尚单页网站模板是一款大气简单的时尚类网站模板下载.rar
需积分: 0 58 浏览量
2023-09-10
10:37:55
上传
评论
收藏 1.5MB RAR 举报
热门时尚单页网站模板是一款大气简单的时尚类网站模板下载.rar （50个子文件） 
g3.jpg 17KB
style.css 29KB bootstrap.js 66KB g2.jpg 20KB 2.jpg 76KB FontAwesome.otf 122KB lightbox-plus-jquery.min.js 91KB responsiveslides.min.js 3KB glyphicons-halflings-regular.woff 23KB
prev.png 1KB arrow.png 4KB SmoothScroll.min.js 6KB g8.jpg 17KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB 6.jpg 45KB 1.jpg 182KB font-awesome.css 34KB t3.jpg 43KB arrows1.png 3KB dott.png 3KB fontawesome-webfont.woff 88KB next.png 1KB g7.jpg 21KB fontawesome-webfont.woff2 70KB g6.jpg 24KB t1.jpg 26KB animate.css 69KB arrows.png 4KB 5.jpg 47KB bootstrap.css 138KB t4.jpg 42KB g5.jpg 20KB easing.js 5KB close.png 280B move-top.js 1KB
index.html 26KB jquery-1.11.1.min.js 94KB arrows.psd 188KB t2.jpg 29KB
fontawesome-webfont.svg 382KB lightbox.css 4KB g4.jpg 23KB wow.min.js 5KB fontawesome-webfont.ttf 149KB 3.jpg 118KB g1.jpg 23KB jarallax.js 14KB g9.jpg 21KB 4.jpg 36KB资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
最新资源
- 2c60fbb3dt9ad50ed8864298eea1484b.MP4
- 基于yolov8+dlib实现视觉识别的安全驾驶监测系统部署到jetson NX平台源码+模型.zip
- Qt框架+OpenCV+动态爱心+编程教学+520
- 基于opencv+yolov8实现目标追踪及驻留时长统计源码.zip
- 水稻病害基于Yolov8算法优化目标检测识别与AI辅助决策python源码+模型+使用说明.zip
- 海尔618算价表_七海5.20_16.00xlsx(1)(2).xlsx
- WebCrawler.scr
- 【计算机专业毕业设计】大学生就业信息管理系统设计源码.zip
- YOLO 数据集：8种路面缺陷病害检测【包含划分好的数据集、类别class文件、数据可视化脚本】
- JAVA实现Modbus RTU或Modbus TCPIP案例.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
