<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sedulous</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<link href='#css?family=Raleway:400,700,200,100,300,500,600,800,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='#css?family=Source+Sans+Pro:200,300,400,600,700,700italic,900,400italic,300italic' rel='stylesheet' type='text/css'>
<script src="http://ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script>
$(window).load(function(){
$("#menu").sticky({ topSpacing: 0 });
});
</script>
</head>
<body>
<div class="container-fluid banner text-center" id="banner">
<div class="row">
<div class="col-md-12 line">
<div class="tablebox">
<div class="banner-text" id="bannertext">
<h1 class="hostyle" id="heads">Sedulous</h1>
<p class="pstyle">We are Creative</p>
<a href="#features" class="page-scroll arrow"><i class="fa fa-angle-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="navbar menubar" id="menu">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle menu-button" data-toggle="collapse" data-target="#myNavbar">
<span class="glyphicon glyphicon-align-justify"></span>
</button>
<a class="navbar-brand logo" href="#">Sedulous</a>
</div>
<div>
<nav class="collapse navbar-collapse" id="myNavbar" role="navigation">
<ul class="nav navbar-nav navbar-right navstyle">
<li><a href="#banner" class="page-scroll active">Home</a></li>
<li><a href="#features" class="page-scroll">Features</a></li>
<li><a href="#gallery" class="page-scroll">Gallery</a></li>
<li><a href="#about" class="page-scroll">About</a></li>
<li><a href="#testimonials" class="page-scroll">Testimonials</a></li>
<li><a href="#contact" class="page-scroll">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="features" id="features">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="alldesc">
<div class="col-md-6 col-sm-6 col-xs-12 centertext">
<p class="all-td">What's Coming New</p>
<h2>Features</h2>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum. Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 featurebox">
<div class="feature-icons"> <img src="images/idea.png"/></div>
<div class="fh-desc">
<h3>Creative Ideas</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 featurebox">
<div class="feature-icons"> <img src="images/time.png"/> </div>
<div class="fh-desc">
<h3>Save Time</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 featurebox">
<div class="feature-icons"> <img src="images/money.png"/> </div>
<div class="fh-desc">
<h3>Save Money</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 featurebox">
<div class="feature-icons"> <img src="images/support.png"/> </div>
<div class="fh-desc">
<h3>Great Support</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum.</p>
</div>
</div>
</div>
</div>
</div>
<div class="gallery" id="gallery">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="alldesc">
<div class="col-md-6 col-sm-6 col-xs-12 centertext">
<p class="all-td">Our preciously done works</p>
<h2>Gallery</h2>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a suscipit nisl. Etiam a facilisis ante. Sed turpis felis, sagittis at risus ut, luctus feugiat ipsum. Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="sorting pull-left">
<div class="filter pull-left filimg" data-filter="all">Show All</div>
<div class="filter pull-left filimg" data-filter=".category-1">Beautiful</div>
<div class="filter pull-left filimg" data-filter=".category-2">Amazing</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="galleryimg" id="galleryimg">
<div class="grid mix category-2 col-md-4 col-sm-6 col-xs-6" data-myorder="1">
<figure class="effect-Beauty">
<img src="images/unsplash004.jpg" alt="img13"/>
<figcaption>
<h2>Glowing <span>Sun<span></h2>
<p>Beauty did not need any help. Everybody knew that.</p>
<a href="#">View more</a>
</figcaption>
</figure>
</div>
<div class="grid mix category-1 col-md-4 col-sm-6 col-xs-6" data-myorder="2">
<figure class="effect-Beauty">
<img src="images/unsplash009.jpg" alt="img13"/>
<figcaption>
<h2>High <span>Sky</span></h2>
<p>Beauty did not need any help. Everybody knew that.</p>
<a href="#">View more</a>
</figcaption>
</figure>
</div>
<div class="grid mix category-1 col-md-4 col-sm-6 col-xs-6" data-myorder="3">
<figure class="effect-Beauty">
<img src="images/unsplash0010.jpg" alt="img13"/>
<figcaption>
<h2>Darkest <span>Rain</span></h2>
<p>Beauty did not need any help. Everybody knew that.</p>
<a href="#">View more</a>
</figcaption>
</figure>
</div>
<div class="grid mix category-2 col-md-4 col-sm-6 col-xs-6" data-myorder="4">
<figure class="effect-Beauty">
<img src="images/unsplash002.jpg" alt="img13"/>
<figcaption>
<h2>Beautiful <span>Heart</span></h2>
<p>Beauty did not need any help. Everybody knew that.</p>
<a href="#">View more</a>
</figcaption>
</figure>
</div>
<div class="grid mix category-2 col-md-4 col-sm-6 col-xs-6" data-myorder="5">
<figure class="effect-Beauty">
<img src="images/unsplash006.jpg" alt="img13"/>
<figcaption>
<h2>Cute <span>Imagine</span></h2>
<p>Beauty did not need any help. Everybody knew that.</p>
<a href="#">View more</a>
大气简洁单页html5模板是一款适合设计行业网站模板下载 .rar
版权申诉
101 浏览量
2022-11-20
10:06:20
上传
评论
收藏 1.03MB RAR 举报
reg183
- 粉丝: 1811
- 资源: 1万+
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈