HTML5黑色宽屏样式公司APP官方企业网站模板代码下载.zip资源-CSDN文库

共51个文件

png：18个

jpg：17个

woff2：7个

版权申诉

H5源码

html模版

网站模版

16 浏览量 2024-11-30 09:23:42 上传评论收藏 1.66MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5黑色宽屏样式公司APP官方企业网站模板代码下载.zip （51个子文件）

26840

image

team-member-4.jpg 31KB

team-member-2.jpg 27KB

blog-img-1.jpg 13KB

client-img-3.png 2KB

profile-img-2.jpg 20KB

client-img-1.png 2KB

screenshot-img-3.jpg 62KB

bg-parallax-c.png 239KB

bg-parallax.jpg 114KB

screenshot-img-2.jpg 55KB

client-img-2.png 2KB

img-wave.png 66KB

shape-1.png 4KB

logo.png 4KB

screen3.jpg 18KB

blog-img-3.jpg 11KB

phone.png 16KB

profile-img.jpg 34KB

is-badge.png 3KB

screen.jpg 13KB

shape-3.png 3KB

img-d.png 178KB

screen2.jpg 14KB

team-member.jpg 32KB

logo-clr.png 4KB

blog-img-2.jpg 9KB

loading.svg 2KB

client-img-4.png 2KB

screenshot-img-1.jpg 312KB

an-badge.png 5KB

team-member-3.jpg 25KB

profile-img-3.jpg 21KB

shape-2.png 3KB

bg-gray.png 70KB

shape-4.png 3KB

favicon.png 5KB

vendor.bundle.js 218KB

script.js 4KB

_menu.json 125B

css

style.css 41KB

vendor.bundle.css 182KB

index.html 43KB

_tree.json 7KB

fonts

open-sans

opensans-bold-webfont.woff2 19KB

opensans-semibold-webfont.woff2 19KB

opensans-regular-webfont.woff2 18KB

fontawesome-webfont.woff2 75KB

montserrat

montserrat-regular-webfont.woff2 18KB

montserrat-bold-webfont.woff2 18KB

montserrat-semibold-webfont.woff2 18KB

themify.woff 55KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" href="image/favicon.png" type="image/gif" sizes="16x16"> <link rel="stylesheet" type="text/css" href="css/vendor.bundle.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body data-spy="scroll" data-target="#navbar" data-offset="70">  <div id="preloader"> <div id="status"> </div> </div>   <header>  <nav id="navbar" class="navbar navbar-custom navbar-fixed-top" data-spy="affix" data-offset-top="70"> <div class="container"> <div class="row">  <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand page-scroll logo-light" href="index.html"><img alt="" src="image/logo.png"></a> <a class="navbar-brand page-scroll logo-clr" href="index.html"><img alt="" src="image/logo-clr.png"></a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="right-nav text-right"> <ul class="nav navbar-nav menu"> <li> <a href="#home">Home</a> </li> <li> <a href="#feature">Feature</a> </li> <li> <a href="#overview">Overview</a> </li> <li> <a href="#pricing">Pricing</a> </li> <li> <a href="#team">Team</a> </li> <li> <a href="#blog">blog</a> </li> </ul> <div class="nav-btn"> <a class="btn grdnt-purple">Download</a> </div> </div> </div>  </div> </div> </nav>   <div id="home" class="hero grdnt-purple bg-animate style-wave bg-trans-1"> <div class="banner"> <div class="container"> <div class="row hero-content"> <div class="row"> <div class="col-sm-6"> <div class="intro-text light"> <h2>It's easy to get Start with Appol Landing page Template</h2> <div class="spce"></div> <p class="large">Happy Tools makes it possible for your office to run smoothly, no matter what it looks like or who makes it go.</p> <div class="btn-holder"> <a class="btn btn-white" href=""> <i class="fa fa-apple" aria-hidden="true"></i><span>Apple store</span></a> <a class="btn btn-border" href=""> <i class="fa fa-android" aria-hidden="true"></i><span>google store</span> </a> </div> </div> </div> <div class="img-pre col-md-offset-1 col-md-5 col-sm-6"> <div class="slide-side text-center"> <img class="phone" alt="" src="image/phone.png"> <div class="owl-carousel nplr app-slide-auto"> <div> <img alt="" src="image/screen.jpg"> </div> <div> <img alt="" src="image/screen2.jpg"> </div> <div> <img alt="" src="image/screen3.jpg"> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </header>   <section class="wow animated fadeIn sec-pad-sm pb-0" data-wow-delay=".3s"> <div class="container"> <div class="row res-center-sm"> <div class="right-dir-col row"> <div class="col-md-3 col-sm-6 res-margin"> <div class="icon icon-bg-md grdnt-purple"> <span class="ti-wallet"></span> </div> <div class="text"> <h6>No Hidden Charges</h6> <p>Save your contracts as templates.</p> </div> </div> <div class="col-md-3 col-sm-6 res-margin"> <div class="icon icon-bg-md grdnt-purple"> <span class="ti-gallery"></span> </div> <div class="text"> <h6>60+ Free Themes</h6> <p>Save your contracts as templates.</p> </div> </div> <div class="col-md-3 col-sm-6 res-margin"> <div class="icon icon-bg-md grdnt-purple"> <span class="ti-mobile"></span> </div> <div class="text"> <h6>Made For All</h6> <p>Save your contracts as templates.</p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="icon icon-bg-md grdnt-purple"> <span class="ti-heart"></span> </div> <div class="text"> <h6>Fully Featured</h6> <p>Save your contracts as templates.</p> </div> </div> </div> </div> </div> </section>   <section id="feature" class="sec-pad-lg bg-animate"> <div class="container"> <div class="row"> <div class="section-text text-center"> <h3 class="clr-blue">Amazing Features</h3> <p class="large">It's easy to track your time by project and task manually.</p> </div> <div class="items"> <div class="text-center owl-carousel col-feat feat-slide grad-prple shad-item col-content hover"> <div> <div class="icon-md"> <span class="clip-txt ti-mobile"></span> </div> <div class="spce sm"></div> <h5>Clean Interface</h5> <p>Save your contracts as templates with tokenized placeholders</p> </div> <div> <div class="icon-md"> <span class="clip-txt ti-spray"></span> </div> <div class="spce sm"></div> <h5>Easy Tools</h5> <p> Save your contracts as templates with tokenized placeholders.</p> </div> <div> <div class="icon-md"> <span class="clip-txt ti-search"></span> </div> <div class="spce sm"></div> <h5>SEO Friendly</h5> <p> Save your contracts as templates with tokenized placeholders.</p> </div> <div> <div class="icon-md"> <span class="clip-txt ti-harddrives"></span> </div> <div class="spce sm"></div> <h5>Secure Account</h5> <p> Save your contracts as templates with tokenized placeholders.</p> </div> <div> <div class="icon-md"> <span class="clip-txt ti-comments"></span> </div> <div class="spce sm"></div> <h5>Live Chat</h5> <p> Save your contracts as templates with tokenized placeholders.</p> </div> <div> <div class="icon-md"> <span class="clip-txt ti-bolt"></span> </div> <div class="spce sm"></div> <h5>Unlimited Tools</h5> <p> Save your contracts as templates with tokenized placeholders.</p> </div> </div> </div> </div> </div> <div class="rect1"> <img alt="" src="image/shape-1.png"> </div> <div class="rect2"> <img alt="" src="image/shape-2.png"> </div> <div class="rect3"> <img alt="" src="image/shape-3.png"> </div> <div class="rect4"> <img alt="" src="image/shape-4.png"> </div> </section>   <section id="overview" class="sec-pad-lg grdnt-purple light"> <div class="container"> <div class="row res-center-sm"> <div class="section-text text-center"> <h3 class="clr-blue">Why Choose This</h3> <p class="large">It's easy to track your time by project and task manually.</p> </div> <div class="tab tab-horizon"> <div class="tab-menu text-center"> <ul class="tab-list nav nav-tabs"> <li class="owl-dot active"> <a href="#lA" data-toggle="tab">Management</a> </li> <li class="owl-dot"> <a href="#lB" data-toggle="tab">Analytics</a> </li> <li class="owl-dot"> <a href="#lC" data-toggle="tab">To d

评论收藏

内容反馈

版权申诉