公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端.zip资源-CSDN文库

共39个文件

jpg：21个

js：5个

html：3个

版权申诉

HTML

源码

JavaScript

200 浏览量 2024-03-24 15:00:21 上传评论收藏 2.11MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端.zip （39个子文件）

公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端

html

assets

bootstrap.min.js 59KB

jquery.magnific-popup.min.js 20KB

jquery-3.4.1.slim.min.js 69KB

canvas-video-player.js 7KB

owl.carousel.js 88KB

css

style-starter.css 261KB

images

g3.jpg 43KB

teams1iconleft.png 150B

main.jpg 62KB

g2.jpg 65KB

video.jpg 60KB

about1.jpg 107KB

logo3.jpg 4KB

team4.jpg 20KB

team3.jpg 27KB

logo4.jpg 5KB

g7.jpg 89KB

team2.jpg 17KB

g6.jpg 117KB

about2.jpg 97KB

g5.jpg 92KB

team5.jpg 12KB

team.jpg 24KB

teams1iconright.png 154B

logo1.jpg 6KB

team1.jpg 6KB

logo2.jpg 7KB

about3.jpg 101KB

g9.jpg 70KB

videos

meeting.mp4 428KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

index.html 24KB

contact.html 11KB

about.html 20KB

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Worksmart a Corporate Category Bootstrap Responsive Website Template - Home :: W3layouts</title>  <link href="//fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">  <link rel="stylesheet" href="assets/css/style-starter.css"> </head> <body> <section class="w3l-header"> <nav class="navbar navbar-expand-lg navbar-light py-3"> <div class="container"> <a class="navbar-brand" href="index.html"><span class="fa fa-smile-o"></span>Work<label class="logo-view">smart</label></a>  <div class="header-right d-flex align-items-center"> <a href="contact.html" class="btn btn-outline-dark d-none d-md-block btn-outline-style mr-4">Contact Us</a> <section class="w3l-menu"> <div class="menu-btn"> <span class="top"></span> <span class="mid"></span> <span class="bot"></span> </div> <div id="nav"> <ul class="nav-inner"> <li> <a href="index.html">Home</a> </li> <li> <a href="about.html">About</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </div> </section> </div> </div> </nav> </section>  <div class="w3l-index-block1"> <div class="content py-5"> <div class="container py-lg-4"> <div class="row align-items-center"> <div class="col-lg-5 content-left"> <h3>Design <br>Develop <br>Digital Market</h3> <p class="mt-3 mb-lg-5 mb-4">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p> <a href="about.html" class="btn btn-primary btn-style">Get Started</a> </div> <div class="col-lg-7 content-photo mt-lg-0 mt-5"> <img src="assets/images/main.jpg" class="img-fluid" alt="main image"> </div> </div> <div class="clear"></div> </div> </div> </div>  <section class="w3l-index5" id="about"> <div class="new-block py-5"> <div class="container py-lg-5"> <div class="middle-section text-center"> <div class="section-width"> <h2>We are the largest Business expert in Digital & Marketing Agency</h2> <p class="mt-3">Lorem ipsum, dolor sit amet consectetur adipisicing elit. At, corrupti odit? At iure facere, porro repellat officia quas, dolores magnam assumenda soluta odit harum voluptate inventore ipsa maiores fugiat accusamus eos nulla. Iure voluptatibus explicabo officia.</p> </div> <div class="history-info mt-5"> <div class="position-relative"> <img src="assets/images/video.jpg" class="img-fluid rounded video-popup-image" alt="video-popup">  <a href="#small-dialog" class="popup-with-zoom-anim play-view text-center position-absolute"> <span class="video-play-icon"> <span class="fa fa-play"></span> </span> </a>  <div id="small-dialog" class="zoom-anim-dialog mfp-hide"> <iframe src="https://www.youtube.com/embed/Z_KspIX1oXU" allowfullscreen></iframe> </div>  </div> </div>  <div id="small-dialog" class="zoom-anim-dialog mfp-hide"> <iframe src="https://www.youtube.com/embed/Z_KspIX1oXU" allowfullscreen></iframe> </div> </div> </div> </div> </section> <section class="w3l-index2" id="services"> <div class="features-main py-5 text-center"> <div class="container py-lg-3"> <div class="heading mx-auto"> <h3 class="head">We Provide Best Services</h3> <p class="mb-4">Lorem ipsum dolor sit amet elit. Quo ut voluptate assumenda fugiat quas tempore.</p> </div> <div class="row features"> <div class="col-lg-4 col-md-6 feature-grid"> <a href="#url"> <div class="feature-body service1"> <div class="feature-img"> <span class="fa fa-bar-chart" aria-hidden="true"></span> </div> <div class="feature-info mt-4"> <h3 class="feature-titel mb-2">Marketing Services</h3> <p class="feature-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis nam, minima iste molestiae. </p> </div> </div> </a> </div> <div class="col-lg-4 col-md-6 feature-grid"> <a href="#url"> <div class="feature-body service2"> <div class="feature-img"> <span class="fa fa-laptop icon-fea" aria-hidden="true"></span> </div> <div class="feature-info mt-4"> <h3 class="feature-titel mb-2">Web App Development</h3> <p class="feature-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis nam, minima iste molestiae. </p> </div> </div> </a> </div> <div class="col-lg-4 col-md-6 feature-grid"> <a href="#url"> <div class="feature-body service3"> <div class="feature-img"> <span class="fa fa-line-chart" aria-hidden="true"></span> </div> <div class="feature-info mt-4"> <h3 class="feature-titel mb-2">24/7 Call Center Service</h3> <p class="feature-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis nam, minima iste molestiae. </p> <div class="hover"> </div> </div> </div> </a> </div> <div class="col-lg-4 col-md-6 feature-grid"> <a href="#url"> <div class="feature-body service4"> <div class="feature-img"> <span class="fa fa-envelope-o" aria-hidden="true"></span> </div> <div class="feature-info mt-4"> <h3 class="feature-titel mb-2">Social Media Marketing</h3> <p class="feature-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis nam, minima iste molestiae. </p> </div> </div> </a> </div> <div class="col-lg-4 col-md-6 feature-grid"> <a href="#url"> <div class="feature-body service5"> <div class="feature-img"> <span class="fa fa-signal icon-fea" aria-hidden="true"></span

评论收藏

内容反馈

版权申诉