HTML红色实用形式创意思维企业网站模板代码.zip资源-CSDN文库

共46个文件

jpg：11个

js：8个

png：6个

版权申诉

H5源码

html模版

网站模版

132 浏览量 2024-11-30 09:32:28 上传评论收藏 2.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML红色实用形式创意思维企业网站模板代码.zip （46个子文件）

26776

fontawesome.min.js 27KB

bootstrap.js 112KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 13KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

scrolling-nav.js 612B

webfonts

fa-brands-400.woff 62KB

fa-brands-400.ttf 96KB

fa-brands-400.svg 496KB

fa-solid-900.woff 49KB

fa-solid-900.eot 104KB

fa-solid-900.ttf 103KB

fa-brands-400.woff2 53KB

fa-regular-400.woff2 12KB

fa-brands-400.eot 96KB

fa-regular-400.eot 30KB

fa-regular-400.woff 14KB

fa-regular-400.svg 105KB

fa-regular-400.ttf 30KB

fa-solid-900.woff2 39KB

fa-solid-900.svg 382KB

_menu.json 76B

css

style.css 25KB

bootstrap.css 174KB

fontawesome-all.min.css 35KB

index.html 29KB

images

g3.jpg 15KB

g2.jpg 10KB

b1.png 100KB

red.jpg 248KB

services.jpg 248KB

b2.png 56KB

b3.png 38KB

ts3.jpg 14KB

banner.jpg 51KB

i1.png 42KB

move-top.png 3KB

slide.png 97KB

ts2.jpg 14KB

g4.jpg 10KB

ts1.jpg 15KB

g1.jpg 12KB

yellow.jpg 200KB

_tree.json 15KB

<!DOCTYPE HTML> <html lang="zxx"> <head> <title>Precedence Corporate Category Flat Bootstrap Responsive Website Template | Home :: 模板之家</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Precedence Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>  <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' />  <link href="css/fontawesome-all.min.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">  </head> <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <div id="home">  <section class="main-header"> <div class="header-top text-md-left text-center"> <div class="container"> <div class="d-md-flex justify-content-between"> <p class="text-capitalize">if you have any question? Call Us +12 345 678 </p> <ul class="social-iconsv2 agileinfo mt-md-0 mt-2"> <li class="ml-lg-5"> <a href="#"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="#"> <i class="fab fa-twitter"></i> </a> </li> <li> <a href="#"> <i class="fab fa-google-plus-g"></i> </a> </li> <li> <a href="#"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> </div> </div> </div>  <header class="main-header"> <nav class="navbar second navbar-expand-lg navbar-light bg-light pagescrollfix"> <div class="container"> <h1> <a class="navbar-brand" href="index.html"> Precedence <span>improving lives</span> </a> </h1> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-toggle" aria-controls="navbarNavAltMarkup1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse navbar-toggle" id="navbarNavAltMarkup1"> <div class="navbar-nav secondfix ml-lg-auto"> <ul class="navbar-nav text-center"> <li class="nav-item active mr-3"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span> </a> </li> <li class="nav-item mr-3"> <a class="nav-link scroll" href="#about">about</a> </li> <li class="nav-item"> <a class="nav-link scroll" href="#services">services</a> </li> <li class="nav-item dropdown mr-3"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </a> <div class="dropdown-menu text-lg-left text-center" aria-labelledby="navbarDropdown"> <a class="dropdown-item scroll nav-link" href="#explorey">Explore</a> <a class="dropdown-item scroll nav-link" href="#blog">Blog</a> <div class="dropdown-divider"></div> <a class="dropdown-item scroll nav-link" href="#testi">Testimonials</a> </div> </li> <li class="nav-item"> <a class="nav-link scroll" href="#contact">contact</a> </li> </ul> </div> </div> </div> </nav> </header> </section>   <div class="banner"> <div class="container"> <div class="banner-text-agile"> <div class="row"> <div class="col-lg-8">  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <h3 class="b-w3ltxt text-capitalize mt-md-4"> <span>this is</span> salient</h3> <p class="mt-2">onec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus semper.</p> <a class="btn btn-banner mt-md-3 mt-2 text-capitalize scroll" href="#services" role="button">explore services</a> </div>  <div class="carousel-item"> <h3 class="b-w3ltxt text-capitalize mt-md-4"> <span>successful </span>careers</h3> <p class="mt-2">onec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus semper.</p> <a class="btn btn-banner mt-md-3 mt-2 text-capitalize scroll" href="#services" role="button">explore services</a> </div>  <div class="carousel-item text-white"> <h3 class="b-w3ltxt text-capitalize mt-md-4"> <span>expert</span> consultants</h3> <p class="mt-2">onec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus semper.</p> <a class="btn btn-banner mt-md-3 mt-2 text-capitalize scroll" href="#services" role="button">explore services</a> </div>  </div> </div>  </div> <div class="offset-lg-4"></div> </div> </div> </div> </div>   <div class="serv_bottom py-sm-5 py-3"> <div class="container"> <div class="row"> <div class="col-lg-8"> <h4 class="agile-ser_bot text-light text-capitalize">Sed mi tortor, commodo a felis in fringilla.</h4> <p class="text-secondary">Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.</p> </div> <div class="col-lg-4 my-lg-auto mt-3 text-lg-right"> <a href="#services" class="text-capitalize serv_link btn scroll">view services</a> </div> </div> </div> </div>   <section class="wthree-row py-sm-5" id="about"> <div class="container py-md-5"> <div class="row abbot-main py-lg-5 py-4"> <div class="col-lg-6 abbot-right"> <span></span> <img src="images/slide.png" class="img-fluid" alt="" /> </div> <div class="col-lg-6 about-text-grid"> <h3 class="stat-title">about us </h3> <p class="mt-md-5 mt-3">Donec mi nulla, auctor nec sem a, ornare auctor mi. Sed mi tortor, commodo a felis in, fringilla tincidunt nulla. Vestibulum volutpat non eros ut vulpuuctor nec sem a, ornare auctor mi. Sed mi tortor, commodo a felis in, fringilla tincidunt nulla. Vestibulum volutpat non eros uttate.</p> <p class="my-4"> Vestibulum volutpat non eros ut vulputate. Nunc id risus accumsan Donec mi nulla, auctor nec sem a, ornare auctor mi. Sed mi tortor, commodo a felis in, fringilla tincidunt

评论收藏

内容反馈

版权申诉