<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Lattes - Onepage Multipurpose Bootstrap HTML</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" 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>
<a class="navbar-brand page-scroll" href="#page-top"><img src="images/logo.png" alt="Lattes theme logo"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#services">Services</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Portfolio</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="slider-container">
<div class="intro-text">
<div class="intro-lead-in">Welcome To Our Studio!</div>
<div class="intro-heading">It's Nice To Meet You</div>
<a href="#about" class="page-scroll btn btn-xl">Tell Me More</a>
</div>
</div>
</div>
</header>
<section id="about" class="light-bg">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-title">
<h2>ABOUT</h2>
<p>A creative agency based on Candy Land, ready to boost your business with some beautifull templates. Lattes Agency is one of the best in town see more you will be amazed.</p>
</div>
</div>
</div>
<div class="row">
<!-- about module -->
<div class="col-md-3 text-center">
<div class="mz-module-about">
<i class="fa fa-briefcase ot-circle"></i>
<h3>Web Development</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 text-center">
<div class="mz-module-about">
<i class="fa fa-photo ot-circle"></i>
<h3>Visualisation</h3>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 text-center">
<div class="mz-module-about">
<i class="fa fa-camera-retro ot-circle"></i>
<h3>Photography</h3>
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
</div>
</div>
<!-- end about module -->
<!-- about module -->
<div class="col-md-3 text-center">
<div class="mz-module-about">
<i class="fa fa-cube ot-circle"></i>
<h3>UI/UX Design</h3>
<p> Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores</p>
</div>
</div>
<!-- end about module -->
</div>
</div>
<!-- /.container -->
</section>
<section >
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="skills-text">
<h2>WE`RE CREATIVE</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<br><br>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur?</p>
</div>
</div>
<div class="col-md-6">
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar-score">
<span class="score">90</span><span class="percent">%</span>
</div>
<div class="skillbar" data-percent="90%">
<h3>Web design</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 90%;">
</div>
</div>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar-score">
<span class="score">80</span><span class="percent">%</span>
</div>
<div class="skillbar" data-percent="80%">
<h3>Development</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 80%;">
</div>
</div>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar-score">
<span class="score">85</span><span class="percent">%</span>
</div>
<div class="skillbar" data-percent="85%">
<h3>Photography</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 85%;">
</div>
</div>
</div>
</div>
<!-- skill bar item -->
<div class="skillbar-item">
<div class="skillbar-score">
<span class="score">70</span><span class="percent">%</span>
</div>
<div class="skillbar" data-percent="70%">
<h3>Marketing</h3>
<div class="skillbar-bar">
<div class="skillbar-percent" style="width: 70%;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="overlay-dark bg-img1 dark-bg short-section">
<div class="container text-center">
<div class="row">
<div class="col-md-3 mb-sm-30">
<div class="counter-item">
<h2 data-count="59">59</h2>
<h6>awards</h6>
</div>
</div>
<div class="col-md-3 mb-sm-30">
<div class="counter-item">
<h2 data-count="1054">1054</h2>
<h6>Clients</h6>
</div>
</div>
<div class="col-md-3 mb-sm-30">
<div class="counter-item">
<h2 data-count="34">34</h2>
<h6>Team</h6>
</div>
</div>
<div class="col-md-3 mb-sm-30">
<div class="counter-item">
<h2 data-count="154">154</h2>
<h6>Project</h6>
</div>
</div>
</div>
</div>
</section>
<section id
没有合适的资源?快使用搜索试试~ 我知道了~
企业级网站源码-简约机构项目展示网站模板-响应式适配移动端.zip
共42个文件
jpg:11个
js:8个
png:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 84 浏览量
2024-03-20
10:16:29
上传
评论
收藏 1.03MB ZIP 举报
温馨提示
你是否渴望在求职大军中一骑绝尘?我们的「企业级网站HTML源码」让你的毕业设计和项目展示震撼面试官,以技术派头脱颖而出。 你是否寻求职场跃迁或品牌升级?这套源码助你快速打造个人品牌网站,展现你的行业专长和前瞻性洞见。 专业设计,尽显商业格调,让每个访问者都对你的专业形象印象深刻。 响应式布局,全方位适配设备,随时随地保持你的在线形象高度专业。 定制化灵活,易于学习和修改,让你的网站与众不同,彰显个性。 优化代码结构,SEO友好,为你的网络存在建立坚实基础,提高可见度。 赋予自己互联网世界的优势,让这份企业级网站源码成为你实现梦想的起点。
资源推荐
资源详情
资源评论
收起资源包目录
企业级网站源码-简约机构项目展示网站模板-响应式适配移动端.zip (42个子文件)
企业级网站源码-简约机构项目展示网站模板-响应式适配移动端
html
js
bootstrap.js 67KB
npm.js 484B
ie10-viewport-bug-workaround.js 641B
bootstrap.min.js 36KB
ie-emulation-modes-warning.js 2KB
cbpAnimatedHeader.js 917B
owl.carousel.min.js 39KB
theme-scripts.js 2KB
css
style.css 14KB
bootstrap.min.css 120KB
bootstrap-theme.css.map 47KB
owl.carousel.css 5KB
bootstrap-theme.css 26KB
bootstrap.css.map 381KB
bootstrap.css 144KB
bootstrap-theme.min.css 23KB
owl.theme.default.min.css 1KB
index.html 23KB
images
logo.png 2KB
demo
partners-02.png 6KB
partners-01.png 9KB
portfolio-1.jpg 26KB
partners-04.png 8KB
portfolio-5.jpg 15KB
author-3.jpg 17KB
partners-03.png 9KB
portfolio-3.jpg 19KB
partners-06.png 11KB
author-6.jpg 25KB
bg-main.jpg 321KB
office-bg.jpg 235KB
partners-07.png 10KB
portfolio-2.jpg 22KB
partners-05.png 11KB
portfolio-4.jpg 34KB
author-2.jpg 17KB
author-4.jpg 16KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 42 条
- 1
资源评论
DTcode7
- 粉丝: 9618
- 资源: 4699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功