企业级网站源码-商业项目分析咨询网页模板-响应式适配移动端.zip资源-CSDN文库

共20个文件

svg：14个

html：2个

png：2个

版权申诉

HTML

源码

JavaScript

97 浏览量 2024-03-24 15:00:51 上传评论收藏 70KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-商业项目分析咨询网页模板-响应式适配移动端.zip （20个子文件）

企业级网站源码-商业项目分析咨询网页模板-响应式适配移动端

html

ui.html 5KB

production.js 321B

img

search.svg 8KB

assign.svg 10KB

mail.svg 5KB

facebook.svg 301B

twitter.svg 613B

logo.svg 16KB

youtube.svg 305B

connected.svg 9KB

ios.png 13KB

text.svg 5KB

mentioned.svg 12KB

googleplay.png 9KB

data.svg 25KB

security.svg 9KB

messaging.svg 6KB

vault.svg 5KB

css

production.css 17KB

index.html 8KB

<!doctype html> <html lang="en-us"> <head>  <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Carta</title> <meta name="description" content="">  <link rel="stylesheet" href="css/production.css">  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet">  <link rel="shortcut icon" href="favicon.ico"> </head> <body class="has-animations">  <header class="align--center pt3"> <div class="container--lg border--bottom pb3"> <img class="logo mb3 reveal-on-scroll is-revealing" src="./img/logo.svg" alt="Carta"> <h1 class="mb2">A new take on collaborative docs.</h1> <span> <a href="#" class="link"><img class="download" src="./img/ios.png" alt="Download on the App Store"></a> </span> <span> <a href="#" class="link"><img class="download" src="./img/googleplay.png" alt="Download on Google Play"></a> </span> </div> </header> <main>  <div class="container pt3 mt2 text--gray align--center"> <p class="mb3">Great for companies with up to 100 employees.</p> <div class="grid-row"> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/assign.svg" alt="Assign to others"> <p>Assign to others</p> </div> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/connected.svg" alt="Stay connected"> <p>Stay connected</p> </div> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/search.svg" alt="Powerful search"> <p>Powerful search</p> </div> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/vault.svg" alt="Put in a vault"> <p>Put in a vault</p> </div> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/messaging.svg" alt="Fast messaging"> <p>Fast messaging</p> </div> <div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing"> <img class="illustration--small mb1" src="./img/mail.svg" alt="Share with others"> <p>Share with others</p> </div> </div> </div>  <div class="container--lg pt1 pb1"> <div class="grid-row grid-row--center"> <div class="grid-column mt3 mb2 order-2"> <div class="border--bottom pb2 mb2"> <h2>Usage data</h2> <p>Quis istud possit, inquit, negare? Videamus animi partes, quarum est conspectus illustrior; Illa sunt similia: hebes acies est cuipiam oculorum, corpore alius senescit; Non enim, si omnia non sequebatur.</p> </div> <p class="italic text--gray mb1">Quae quo sunt excelsiores, eo dant clariora indicia naturae. Causa autem fuit huc veniendi ut quosdam hinc.</p> <p class="bold">Carry Andersen, COO at Stripe</p> </div> <div class="grid-column span-1"></div> <div class="grid-column mt3 mb2 order-1 reveal-on-scroll is-revealing"> <img src="./img/data.svg" alt="Usage data"> </div> </div> <div class="grid-row grid-row--center"> <div class="grid-column mt3 mb2 reveal-on-scroll is-revealing"> <img src="./img/security.svg" alt="Absolute security"> </div> <div class="grid-column span-1"></div> <div class="grid-column mt3 mb2"> <div class="border--bottom pb2 mb2"> <h2>Absolute security</h2> <p>Itaque his sapiens semper vacabit. Qualis ista philosophia est, quae non interitum afferat pravitatis, sed sit contenta mediocritate vitiorum? Quid de Platone aut de Democrito loquar? Quis istud possit, inquit negare?</p> </div> <p class="italic text--gray mb1">Estne, quaeso, inquam, sitienti in bibendo voluptas? Duo Reges: constructio interrete.</p> <p class="bold">Josh Blenton, Product Manager at Blinkist</p> </div> </div> </div>  <div class="container--lg pt3 pb3 mb2 align--center"> <p class="mb2">Mentioned in</p> <span><img class="mentioned" src="./img/mentioned.svg" alt="New York Times, TC, Product Hunt, Recode"></span> </div>  <div class="bg--dark-gray align--center pt3 pb3"> <div class="container pt2 pb2"> <img class="cta-image mb2 reveal-on-scroll is-revealing" src="./img/text.svg" alt="Text the app"> <p class="h3 text--white mb1 bold">We'll text you the app</p> <p class="text--white mb3">Just insert your number below. Messaging rates apply.</p> <div class="inline-block mr1 no-mr-on-mobile" style="width:280px;max-width:100%"> <input class="form-control" type="tel" placeholder="Phone number"> </div> <button class="btn btn--secondary">Send</button> </div> </div> </main>  <footer class="pt1 pb3 align--center-on-mobile"> <div class="container"> <div class="grid-row"> <div class="grid-column mt2 span-half"> <div class="mb1"> <span> <a href="#" class="link"><img class="download" src="./img/ios.png" alt="Download on the App Store"></a> </span> <span> <a href="#" class="link"><img class="download" src="./img/googleplay.png" alt="Download on Google Play"></a> </span> </div> <p class="small">Dwon by <a target="_blank" href="http://www.mobanwang.com" title="网页模板">网页模板</a></p> </div> <div class="grid-column mt2 span-half align--right align--center-on-mobile"> <ul class="no-bullets list--inline"> <li class="mr1"><a href="" class="link"><img class="icon" src="./img/youtube.svg" alt="YouTube"></a></li> <li class="mr1"><a href="" class="link"><img class="icon" src="./img/twitter.svg" alt="Twitter"></a></li> <li><a href="" class="link"><img class="icon" src="./img/facebook.svg" alt="Facebook"></a></li> </ul> </div> </div> </div> </footer>  <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.

评论收藏

内容反馈

版权申诉