<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<html>
<head>
<title>Bhagaskara | Home :: w3layouts</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!------ js ------>
<script src="./js/jquery.min.js"> </script>
<!------ js ------>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.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>
<!---- start-smoth-scrolling---->
<!--- fonts --->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'>
<!--- fonts --->
</head>
<body>
<!--- header-top ---->
<div id="home" class="header-top">
<!--- container ---->
<div class="container">
<div class="header-logo">
<a href="#"><img src="./images/logo.png" alt=""/></a>
</div>
<div class="header-sub-text">
<h2>Fusce rutrum pretium lorem semper nulla.</h2>
<p>Vestibulum ornare cursus nisl, fermentum tincidunt libero pretium et. Maecenas interdum ligula non
<small>fermentum fringilla.</small></p>
</div>
<div class="header-top-grids">
<div class="col-md-4 about-nav4">
<a class="scroll" href="#services"><span class="nav-icon4"> </span><label>Services</label></a>
</div>
<div class="col-md-4 about-nav5">
<a class="scroll" href="#portfolio"><span class="nav-icon5"> </span><label>Portfolio</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-bottom-grids">
<div class="col-md-6 left-grid text-left">
<div class="about-nav">
<a class="scroll" href="#about"><span class="nav-icon"> </span><label>About</label></a>
</div>
<div class="about-nav1">
<a class="scroll" href="#team"><span class="nav-icon1"> </span><label>Team</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 right-grid text-right">
<div class="about-nav2">
<a class="scroll" href="#blog"><span class="nav-icon2"> </span><label>Blog</label></a>
</div>
<div class="about-nav3">
<a class="scroll" href="#contact"><span class="nav-icon3"> </span><label>Contact</label></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="arrow-grid">
<div class="arrow">
<a class="scroll" href="#header-nav"><span> </span></a>
</div>
</div>
</div>
<!--- container ---->
</div>
<!--- //header-top ---->
<!--- header-bottom ---->
<!-- Sticky Nav --->
<div id="header-nav" class="header-nav">
<div class="top-nav">
<nav>
<div class="logo">
<a href="#"><img src="./images/logo2.png" alt=""/></a>
</div>
<span class="menu"></span>
<ul>
<li class="active"><a class="scroll" href="#home">HOME</a></li>
<li><a class="scroll" href="#about">ABOUT</a></li>
<li><a class="scroll" href="#team">TEAM</a></li>
<li><a class="scroll" href="#services">SERVICES</a></li>
<li><a class="scroll" href="#portfolio">PORTFOLIO</a></li>
<li><a class="scroll" href="#blog">BLOG</a></li>
<li class="contact"><a class="scroll" href="#contact">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</nav>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!--script-nav-->
<script src="./js/myscript.js"> </script>
</div>
<!-- top-nav -->
<!-- Sticky Nav --->
<!--- content ---->
<div class="content">
<!--- container ---->
<div class="container">
<div class="row">
<div class="col-md-3 content-top-grid">
<sub> </sub>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<span> </span>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<small> </small>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
<div class="col-md-3 content-top-grid">
<big> </big>
<h3>Build with love</h3>
<p>Fusce facilisis velit libero, nec
dignissim lacus sagittis non. <br>
Sed nec porta ante. Pellentesque <br>
habitant morbi tristique senectus et.
</p>
</div>
</div>
</div>
<!--- container ---->
</div>
<!--- content ---->
<!--- content-about ---->
<div id="about" class="content-about">
<!--- container ---->
<div class="container">
<div class="content-about-text">
<h2>About <small>us</small></h2>
<span> </span>
</div>
<div class="row">
<div class="col-md-6 content-about-grid-left">
<img src="./images/screen1.png">
</div>
<div class="col-md-6 content-about-grid-right">
<p>Aliquam metus neque, bibendum sit amet porta at, consequat et
enim. In ut turpis non ipsum rhoncus porttitor vel ac nunc.
Maecenas interdum dignissim lorem quis auctor. Donec sit amet
nulla nisl, aliquam pretium ipsum. Pellentesque sodales ipsum et
enim rutrum adipiscing. Quisque tincidunt mattis sapien,
vel posuere.
</p>
<div class="learn">
<a href="#">Learn more</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- container ---->
<div class="content-about-bottom">
<div class="content-about-bottom-text">
<img src="./images/quote.png">
<p>We lorem and ipsum your aliquam</p>
</div>
</div>
</div>
<!--- content-about ---->
<!--- content-team ---->
<div id="team" class="content-team">
<!--- container ---->
<div class="container">
<div class="content-team-text">
<h2>Our <small>team</small></h2>
<span> </span>
</div>
<div class="arrows">
<div class="left-arrow"> </div>
<div class="right-arrow"> </div>
<div class="clearfix"> </div>
</div>
<div class="row">
<!-- requried-jsfiles-for owl -->
<script>
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 3,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : true,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo1" class="owl-carousel">
<div class="item">
<div class="team-left-grid">
<img src="./images/team4.jpg">
<h2>ANNE HATHAWAY</h2>
<p>CEO / Marketing Guru</p>
<div class="team-icon-grid">
<div class="col-md-6 f-icon">
<a href="#"><span> </span></a>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-创意公司团队多屏适配网页模板-适配移动端界面-HTML源码.zip
共200个文件
png:140个
jpg:39个
js:12个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 128 浏览量
2024-03-23
09:38:22
上传
评论
收藏 2.7MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-创意公司团队多屏适配网页模板-适配移动端界面-HTML源码.zip (200个子文件)
bootstrap.css 118KB
style.css 39KB
style.css 28KB
style.css 13KB
owl.carousel.css 8KB
owl.carousel.css 8KB
index.html 23KB
index.html 22KB
index.html 11KB
bg.jpg 248KB
bg.jpg 248KB
t2.jpg 54KB
t4.jpg 53KB
t6.jpg 52KB
t5.jpg 49KB
t1.jpg 44KB
t3.jpg 40KB
bg.jpg 36KB
quotebg.jpg 35KB
Business-Teamwork-Managemen.jpg 33KB
t4.jpg 26KB
eve.jpg 23KB
eve.jpg 23KB
n4.jpg 21KB
n4.jpg 21KB
team6.jpg 20KB
n3.jpg 19KB
n3.jpg 19KB
n5.jpg 19KB
n5.jpg 19KB
n2.jpg 19KB
n2.jpg 19KB
team5.jpg 18KB
t2.jpg 17KB
team4.jpg 17KB
n1.jpg 16KB
n1.jpg 16KB
t6.jpg 16KB
t3.jpg 14KB
t1.jpg 14KB
t5.jpg 11KB
team4.jpg 8KB
t2.jpg 7KB
team6.jpg 7KB
team5.jpg 6KB
t1.jpg 6KB
team4.jpg 6KB
n1.jpg 5KB
jquery.min.js 94KB
jquery.min.js 94KB
owl.carousel.js 37KB
owl.carousel.js 37KB
jquery.mixitup.min.js 14KB
jquery.mixitup.min.js 14KB
easing.js 5KB
easing.js 5KB
move-top.js 1KB
move-top.js 1KB
myscript.js 454B
myscript.js 454B
quotebg.png 340KB
quotebg.png 340KB
quotebg.png 111KB
screen1.png 14KB
screen1.png 14KB
res-logo.png 11KB
res-logo.png 11KB
2hr.png 11KB
2hr.png 11KB
2.png 10KB
2.png 10KB
1.png 10KB
1.png 10KB
get-icons.png 9KB
get-icons.png 9KB
logo.png 8KB
logo.png 8KB
3hr.png 8KB
3hr.png 8KB
3.png 8KB
3.png 8KB
rt.png 8KB
bha.png 8KB
bha.png 8KB
4hr.png 7KB
4hr.png 7KB
4.png 7KB
4.png 7KB
service.png 7KB
service.png 7KB
quote.png 7KB
quote.png 7KB
bg01.png 7KB
bg01.png 7KB
bha3.png 5KB
hoverbg.png 5KB
hoverbg.png 5KB
screen1.png 4KB
ftr.png 4KB
ftr.png 4KB
共 200 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功