HTML5绿色宽屏样式创新产品驱动企业网页模板代码下载.zip资源-CSDN文库

共27个文件

jpg：14个

css：4个

json：2个

版权申诉

H5源码

网站模版

html模版

8 浏览量 2024-11-30 09:29:14 上传评论收藏 2.7MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5绿色宽屏样式创新产品驱动企业网页模板代码下载.zip （27个子文件）

26790

_menu.json 76B

css

style.css 23KB

bootstrap.css 174KB

font-awesome.min.css 30KB

nav.css 4KB

index.html 47KB

images

g3.jpg 46KB

t5.jpg 132KB

t6.jpg 93KB

g2.jpg 44KB

banner.jpg 776KB

t3.jpg 107KB

g6.jpg 94KB

t1.jpg 122KB

t4.jpg 115KB

g5.jpg 85KB

slide.jpg 367KB

t2.jpg 118KB

g4.jpg 61KB

g1.jpg 49KB

_tree.json 16KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Pursuit Category Flat Bootstrap Responsive website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" /> <meta name="keywords" content="Pursuit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>  <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all">  <link href="css/nav.css" type="text/css" rel="stylesheet" media="all">  <link href="css/font-awesome.min.css" rel="stylesheet">  <link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> </head> <body> <div id="home">  <header> <div class="container"> <div class="header d-lg-flex justify-content-between align-items-center"> <div class="header-wthree"> <h1> <a class="navbar-brand editContent logo" href="index.html"> <span class="fa fa-ioxhost" aria-hidden="true"></span>Pursuit </a> </h1> </div> <div class="nav_w3ls"> <nav> <input class="menu-btn" type="checkbox" id="menu-btn" /> <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label> <ul class="menu"> <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li> <li class="nav-item"><a class="nav-link" href="#about">About</a></li> <li class="nav-item"><a class="nav-link" href="#services">Features</a></li> <li class="dropdown nav-item"> <a href="#" class="dropbtn nav-link">Dropdown</a> <div class="dropdown-content show"> <a href="#plans" class="nav-link">Pricing</a> <a class="nav-link" href="#portfolio">Portfolio</a> <a href="#stats" class="nav-link">stats</a> <a href="#testi" class="nav-link">Testimonials</a> </div> </li> <li class="nav-item"><a class="nav-link" href="#team">Team</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> </ul> </nav> </div> </div> </div> </header>   <div class="banner"> <div class="container"> <div class="banner-text"> <div class="slider-info"> <h3>innovation driven</h3> <span class="line"></span> <p>happiness inspires productivity</p> <a class="btn bg-theme mt-4 w3_pvt-link-bnr scroll bg-theme" href="#about" role="button">View More</a> </div> </div> </div> </div>  </div>  <section class="wthree-slide-btm pt-lg-5" id="about"> <div class="container pt-sm-5 pt-4"> <div class="title-desc text-center pb-3 pb-lg-5 mb-lg-5"> <h3 class="main-title-w3pvt">about us</h3> <p>Inspired By Passion. Driven By Results.</p> </div> <div class="row flex-row-reverse no-gutters"> <div class="col-lg-5"> <div class="ab-banner"> </div> </div> <div class="col-lg-7"> <div class="bg-abt"> <div class="container"> <div class="title-desc pb-sm-3"> <h4 class="main-title-w3pvt">Creative Thoughts</h4> <p>Inspired By Passion. Driven By Results.</p> </div> <div class="row flex-column mt-lg-4 mt-3"> <div class="abt-grid"> <div class="row"> <div class="col-sm-3"> <div class="abt-icon"> <span class="fa fa-ravelry"></span> </div> </div> <div class="col-sm-9 pl-sm-0"> <div class="abt-txt ml-sm-0"> <h4>sanctus takimata </h4> <p>Lo sea takimata sanctus est Lorem ipolor sit amet, no sea takimata sanctus est Loremsum dolor sit amet.</p> </div> </div> </div> </div> <div class="abt-grid mt-4 pt-lg-2"> <div class="row"> <div class="col-sm-3"> <div class="abt-icon"> <span class="fa fa-laptop"></span> </div> </div> <div class="col-sm-9 pl-sm-0"> <div class="abt-txt ml-sm-0"> <h4>takimata sanctus</h4> <p>Lo sea takimata sanctus est Lorem ipsum dolorsita.Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren.</p> </div>

评论收藏

内容反馈

版权申诉