企业级网站源码-深绿设计服务公司网页模板-响应式适配移动端.zip资源-CSDN文库

共36个文件

jpg：10个

png：9个

html：5个

版权申诉

HTML

源码

JavaScript

78 浏览量 2024-03-24 15:01:02 上传评论收藏 1.91MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-深绿设计服务公司网页模板-响应式适配移动端.zip （36个子文件）

企业级网站源码-深绿设计服务公司网页模板-响应式适配移动端

html

portfolio.html 9KB

bootstrap.js 134KB

custom.js 1007B

jquery-3.4.1.min.js 86KB

service.html 10KB

css

style.css 18KB

style.css.map 15KB

responsive.css 2KB

bootstrap.css 188KB

font-awesome.min.css 30KB

style.scss 13KB

index.html 21KB

contact.html 8KB

about.html 8KB

images

about-img.jpg 90KB

s2.png 17KB

slider-img.png 392KB

s4.png 25KB

track-bg.jpg 256KB

s3.png 143KB

p4.jpg 20KB

p6.jpg 36KB

about-img.png 343KB

footer-bg.png 16KB

client2.jpg 7KB

p2.jpg 20KB

hero-bg.png 20KB

s1.png 13KB

p3.jpg 66KB

p5.jpg 64KB

client1.jpg 7KB

favicon.png 17KB

p1.jpg 44KB

fonts

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html> <head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />  <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="author" content="" /> <link rel="shortcut icon" href="images/favicon.png" type=""> <title> Designal </title>  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet" />  <link href="css/style.css" rel="stylesheet" />  <link href="css/responsive.css" rel="stylesheet" /> </head> <body> <div class="hero_area"> <div class="hero_bg_box"> <img src="images/hero-bg.png" alt=""> </div>  <header class="header_section"> <div class="container"> <nav class="navbar navbar-expand-lg custom_nav-container "> <a class="navbar-brand" href="index.html"> <span> Designal </span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class=""> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about.html"> About</a> </li> <li class="nav-item"> <a class="nav-link" href="service.html">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li> <form class="form-inline"> <button class="btn my-2 my-sm-0 nav_search-btn" type="submit"> <i class="fa fa-search" aria-hidden="true"></i> </button> </form> </ul> </div> </nav> </div> </header>   <section class="slider_section "> <div id="customCarousel1" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="container "> <div class="row"> <div class="col-md-6 "> <div class="detail-box"> <h1> Design Agency </h1> <p> Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. </p> <div class="btn-box"> <a href="" class="btn1"> Read More </a> </div> </div> </div> <div class="col-md-6"> <div class="img-box"> <img src="images/slider-img.png" alt=""> </div> </div> </div> </div> </div> <div class="carousel-item "> <div class="container "> <div class="row"> <div class="col-md-6 "> <div class="detail-box"> <h1> Design Agency </h1> <p> Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. </p> <div class="btn-box"> <a href="" class="btn1"> Read More </a> </div> </div> </div> <div class="col-md-6"> <div class="img-box"> <img src="images/slider-img.png" alt=""> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="container "> <div class="row"> <div class="col-md-6 "> <div class="detail-box"> <h1> Design Agency </h1> <p> Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi. </p> <div class="btn-box"> <a href="" class="btn1"> Read More </a> </div> </div> </div> <div class="col-md-6"> <div class="img-box"> <img src="images/slider-img.png" alt=""> </div> </div> </div> </div> </div> </div> <ol class="carousel-indicators"> <li data-target="#customCarousel1" data-slide-to="0" class="active"></li> <li data-target="#customCarousel1" data-slide-to="1"></li> <li data-target="#customCarousel1" data-slide-to="2"></li> </ol> </div> </section>  </div>  <section class="service_section layout_padding-bottom"> <div class="service_container"> <div class="container "> <div class="heading_container heading_center"> <h2> Our <span>Services</span> </h2> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p> </div> <div class="row"> <div class="col-md-6 "> <div class="box "> <div class="img-box"> <img src="images/s1.png" alt=""> </div> <div class="detail-box"> <h5> Web Design </h5> <p> fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using </p> <a href=""> Read More </a> </div> </div> </div> <div class="col-md-6 ">

评论收藏

内容反馈

版权申诉