<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>Colorlib App - App Landing Page</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Core Stylesheet -->
<link href="style.css" rel="stylesheet">
<!-- Responsive CSS -->
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
<div id="preloader">
<div class="colorlib-load"></div>
</div>
<!-- ***** Header Area Start ***** -->
<header class="header_area animated">
<div class="container-fluid">
<div class="row align-items-center">
<!-- Menu Area Start -->
<div class="col-12 col-lg-10">
<div class="menu_area">
<nav class="navbar navbar-expand-lg navbar-light">
<!-- Logo -->
<a class="navbar-brand" href="#">Ca.</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<!-- Menu Area -->
<div class="collapse navbar-collapse" id="ca-navbar">
<ul class="navbar-nav ml-auto" id="nav">
<li class="nav-item active"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#screenshot">Screenshot</a></li>
<li class="nav-item"><a class="nav-link" href="#pricing">Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="#testimonials">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
<div class="sing-up-button d-lg-none">
<a href="#">Sign Up Free</a>
</div>
</div>
</nav>
</div>
</div>
<!-- Signup btn -->
<div class="col-12 col-lg-2">
<div class="sing-up-button d-none d-lg-block">
<a href="#">Sign Up Free</a>
</div>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<!-- ***** Wellcome Area Start ***** -->
<section class="wellcome_area clearfix" id="home">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 col-md">
<div class="wellcome-heading">
<h2>Colorlib app</h2>
<h3>C</h3>
<p>Everything You Need. To Start Selling Online Beautifully</p>
</div>
<div class="get-start-area">
<!-- Form Start -->
<form action="#" method="post" class="form-inline">
<input type="email" class="form-control email" placeholder="name@company.com">
<input type="submit" class="submit" value="Get Started">
</form>
<!-- Form End -->
</div>
</div>
</div>
</div>
<!-- Welcome thumb -->
<div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s">
<img src="img/bg-img/welcome-img.png" alt="">
</div>
</section>
<!-- ***** Wellcome Area End ***** -->
<!-- ***** Special Area Start ***** -->
<section class="special-area bg-white section_padding_100" id="about">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Section Heading Area -->
<div class="section-heading text-center">
<h2>Why Is It Special</h2>
<div class="line-shape"></div>
</div>
</div>
</div>
<div class="row">
<!-- Single Special Area -->
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.2s">
<div class="single-icon">
<i class="ti-mobile" aria-hidden="true"></i>
</div>
<h4>Easy to use</h4>
<p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p>
</div>
</div>
<!-- Single Special Area -->
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.4s">
<div class="single-icon">
<i class="ti-ruler-pencil" aria-hidden="true"></i>
</div>
<h4>Powerful Design</h4>
<p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p>
</div>
</div>
<!-- Single Special Area -->
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.6s">
<div class="single-icon">
<i class="ti-settings" aria-hidden="true"></i>
</div>
<h4>Customizability</h4>
<p>We build pretty complex tools and this allows us to take designs and turn them into functional quickly and easily</p>
</div>
</div>
</div>
</div>
<!-- Special Description Area -->
<div class="special_description_area mt-150">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="special_description_img">
<img src="img/bg-img/special.png" alt="">
</div>
</div>
<div class="col-lg-6 col-xl-5 ml-xl-auto">
<div class="special_description_content">
<h2>Our Best Propositions for You!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
<div class="app-dow
没有合适的资源?快使用搜索试试~ 我知道了~
公司级网站源码-紫色APP项目展示响应式网页模板-支持适配移动端.zip
共50个文件
jpg:14个
css:10个
js:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 179 浏览量
2024-03-24
15:00:25
上传
评论
收藏 2.72MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
公司级网站源码-紫色APP项目展示响应式网页模板-支持适配移动端.zip (50个子文件)
公司级网站源码-紫色APP项目展示响应式网页模板-支持适配移动端
html
style.css 25KB
js
bootstrap.min.js 49KB
footer-reveal.min.js 650B
popper.min.js 19KB
slick.min.js 42KB
active.js 4KB
jquery-2.2.4.min.js 84KB
plugins.js 90KB
img
team-img
team-3.jpg 167KB
team-1.jpg 197KB
team-2.jpg 243KB
team-4.jpg 184KB
scr-img
app-5.jpg 35KB
app-3.jpg 21KB
app-1.jpg 42KB
app-2.jpg 26KB
app-4.jpg 34KB
bg-img
client-1.jpg 12KB
video.jpg 304KB
client-3.jpg 20KB
client-2.jpg 18KB
mobile-1.jpg 35KB
special.png 59KB
welcome-img.png 116KB
welcome-bg.png 51KB
core-img
favicon.ico 2KB
css
bootstrap.min.css 124KB
responsive.css 6KB
slick.css 2KB
magnific-popup.css 5KB
animate.css 56KB
font-awesome.min.css 30KB
themify-icons.css 16KB
ionicons.min.css 50KB
owl.carousel.min.css 3KB
index.html 40KB
fonts
themify.svg 229KB
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
ionicons.ttf 184KB
ionicons.eot 118KB
ionicons.svg 326KB
ionicons.woff 66KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
themify.woff 55KB
themify.eot 77KB
themify.ttf 77KB
共 50 条
- 1
资源评论
DTcode7
- 粉丝: 7843
- 资源: 4581
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功