<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<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>
<!-- Google online fonts -->
<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">
<!-- Template CSS -->
<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>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</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>
<!-- index-block1 -->
<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>
<!-- //index-block1 -->
<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="#popup-video" class="play-view text-center position-absolute">
<span class="video-play-icon">
<span class="fa fa-play"></span>
</span>
</a> -->
<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>
<!-- dialog itself, mfp-hide class is required to make dialog hidden -->
<div id="small-dialog" class="zoom-anim-dialog mfp-hide">
<iframe src="https://www.youtube.com/embed/Z_KspIX1oXU" allowfullscreen></iframe>
</div>
<!-- popup --
<div id="popup-video" class="pop-overlay">
<div class="popup">
<div class="align-popup-video">
<iframe src="https://www.youtube.com/embed/Z_KspIX1oXU" allowfullscreen></iframe>
<a class="close" href="#portfolio">×</a>
</div>
</div>
</div>
<!-- /popup -->
</div>
</div>
<!-- dialog itself, mfp-hide class is required to make dialog hidden -->
<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
公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端.zip
版权申诉
31 浏览量
2024-03-24
15:00:21
上传
评论
收藏 2.11MB ZIP 举报
公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端.zip （39个子文件） 
公司级网站源码-智能工作创意展示响应式网页模板-支持适配移动端 html assets js 
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资源评论
DTcode7
- 粉丝: 7819
- 资源: 4581
