[web前端]&[课程设计]&[网站源码]-商业APP应用服务网页模板.7z资源-CSDN文库

共33个文件

svg：16个

png：12个

css：2个

web前端

网站源码

JavaScript

HTML5

需积分: 5 72 浏览量 2024-06-21 14:37:52 上传评论收藏 2.4MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

[web前端]&[课程设计]&[网站源码]-商业APP应用服务网页模板.7z （33个子文件）

[web前端]&[课程设计]&[网站源码]-商业APP应用服务网页模板

html

assets

script.js 2KB

css

style.css 8KB

responsive.css 2KB

images

Shape.svg 1KB

mouse.svg 1KB

team-google.svg 2KB

logos.png 20KB

wave.svg 801B

ceo.png 29KB

strips.png 60KB

team-twitter.svg 3KB

cfo.png 26KB

responsive.svg 2KB

facebook.svg 2KB

twitter.svg 2KB

engage.svg 6KB

logo.svg 7KB

iPhones.png 755KB

customizable.svg 5KB

design.svg 11KB

webscope.svg 11KB

ipad.png 224KB

facebook.jpg 237KB

screen.png 186KB

cto.png 33KB

macbook.png 301KB

users.svg 4KB

nova.png 16KB

team-facebook.svg 2KB

imac.png 620KB

favicon.png 860B

money.svg 8KB

index.html 12KB

<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Nova Theme</title> <meta name="Nova theme" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png"/> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="assets/css/style.css"/> <link rel="stylesheet" href="assets/css/responsive.css"/> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> </head> <body>  <div class="hero-background"> <div> <img class="strips" src="assets/images/strips.png"> </div> <div class="container"> <div class="header-container header"> <a class="navbar-brand logo" href="#"> <img class="logo" src="assets/images/logo.svg"/> </a> <a href="#"> <button class="header-btn"> Download FREE!</button> </a> <div class="header-right"> <a class="navbar-item" href="#team">The Team</a> <a class="navbar-item" href="#pricing">Pricing</a> <a class="navbar-item" href="#features">Features</a> </div> </div>   <div class="hero row"> <div class="hero-right col-sm-6 col-sm-6"> <h1 class="header-headline bold"> Beautiful Free Nova template <br></h1> <h4 class="header-running-text light"> A top notch premium quality template for your next web project.</h4> <a href="#"> <button class="hero-btn"> Download FREE!</button> </a> </div> <div class="col-sm-6 col-sm-6 ipad"> <img class="ipad-screen img-responsive" src="assets/images/screen.png"/> </div> <div><img class="mouse" src="assets/images/mouse.svg"/></div> </div> </div>  </div>  <div id="features" class="features-section"> <div class="features-container row"> <h2 class="features-headline light">FEATURES</h2> <div class="col-sm-4 feature"> <div class="feature-icon feature-no-display"> <img class="feature-img" src="assets/images/responsive.svg"> </div> <h5 class="feature-head-text feature-no-display"> FULLY RESPONSIVE </h5> <p class="feature-subtext light feature-no-display"> Looks amazing on any device: smartphone, tablet, laptop and desktop.</p> </div> <div class="col-sm-4 feature"> <div class="feature-icon feature-no-display feature-display-mid"> <img class="feature-img" src="assets/images/customizable.svg"> </div> <h5 class="feature-head-text feature-no-display feature-display-mid"> CUSTOMIZABLE </h5> <p class="feature-subtext light feature-no-display feature-display-mid"> Change the colors, pictures or any of the sections to suit your needs.</p> </div> <div class="col-sm-4 feature"> <div class="feature-icon feature-no-display feature-display-last"> <img class="bullet-img" src="assets/images/design.svg"> </div> <h5 class="feature-head-text feature-no-display feature-display-last"> SLICK AND BEAUTIFUL DESIGN </h5> <p class="feature-subtext light feature-no-display feature-display-last"> Trendy and fresh design, fits any website.</p> </div> </div>  </div>   <div class="logos-section"> <img class="logos" src="assets/images/logos.png"/> </div>  <div class="white-section row"> <div class="imac col-sm-6"> <img class="imac-screen img-responsive" src="assets/images/imac.png"> </div>  <div class="col-sm-6"> <div class="white-section-text"> <h2 class="imac-section-header light">SIMPLE AND BEAUTIFUL</h2> <div class="imac-section-desc"> <span> Use Nova theme for your next web project. It is completely customizable so you can change any of the sections to fit your needs. Nova Theme is Free for any kind of use, personal and commercial. Have fun and good luck!</span> </div> </div> </div> </div>  <div id="pricing" class="pricing-background"> <h2 class="pricing-section-header light text-center">CHOOSE YOUR PRICING PLAN</h2> <h4 class=" pricing-section-sub text-center light">Pick any of our super affordable pricing plans</h4> <div class="pricing-table row"> <div class="col-sm-4"> <div class="plan"> <h3 class="plan-title light">BASIC</h3> <h4 class="plan-cost bold">15</h4> <h5 class="monthly">per month</h5> <ul class="plan-features"> <li>Up to 7 Projects</li> <li>2 Additional Developers</li> </ul> <div class="plan-price-div text-center"> <div class="choose-plan-div"> <a class="plan-btn light" href="#"> Get Started </a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="mid-plan"> <h3 class="plan-title light">AGENCY</h3> <h4 class="plan-cost bold">55</h4> <h5 class="monthly">per month</h5> <ul class="plan-features"> <li>Up to 25 Projects</li> <li>2 Additional Developers</li> <li>Unlimited Support</li> </ul> <div class="plan-price-div text-center"> <div class="choose-plan-div"> <a class="plan-btn light" href="#"> Get Started </a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="plan"> <h3 class="plan-title light">PRO</h3> <h4 class="plan-cost bold">75</h4> <h5 class="monthly">per month</h5> <ul class="plan-features"> <li>Up to 25 Projects</li> <li>2 Additional Developers</li> <li>Unlimited Support</li> <li>1.5GB Disk Space</li> </ul> <div class="plan-price-div text-center"> <div class="choose-plan-div"> <a class="plan-btn light" href="#"> Get Started </a> </div> </div> </div> </div> </div> <!--pr

评论收藏

内容反馈