HTML网站源码-创新家装解决方案响应式网页模板-响应式源码.zip资源-CSDN文库

共39个文件

png：29个

html：4个

css：3个

版权申诉

HTML

JavaScript

源码

完整网站源码

125 浏览量 2024-03-26 09:43:15 上传评论收藏 1.61MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-创新家装解决方案响应式网页模板-响应式源码.zip （39个子文件）

HTML网站源码-创新家装解决方案响应式网页模板-响应式源码

html

team.html 12KB

portfolio.html 9KB

bootstrap.js 134KB

jquery-3.4.1.min.js 86KB

css

style.css 11KB

responsive.css 945B

bootstrap.css 188KB

index.html 21KB

contact.html 9KB

images

card-img-3.png 15KB

facebook-logo-button.png 621B

team-1.png 14KB

slider-img.png 260KB

search-icon.png 344B

signup.png 399B

twitter-logo-button.png 713B

prev.png 230B

instagram.png 866B

menu.png 144B

portfolio-img-4.png 321KB

portfolio-img-2.jpg 45KB

next.png 228B

fb.png 942B

twitter.png 1KB

portfolio-img-3.png 110KB

linkedin1.png 1KB

card-img-1.png 9KB

card-img-2.png 14KB

portfolio-img-1.png 327KB

instagram1.png 1KB

left-black-arrow.png 1KB

linkedin.png 698B

team-3.png 17KB

form-img.png 280KB

map.png 104KB

team-4.png 17KB

right-black-arrow.png 1KB

team-2.png 12KB

<!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="" /> <title>Intot</title>  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/assets/owl.carousel.min.css" />  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Dosis:400,500|Poppins:400,600,700&display=swap" rel="stylesheet">  <link href="css/style.css" rel="stylesheet" />  <link href="css/responsive.css" rel="stylesheet" /> </head> <body> <div class="hero_area">  <header class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand" href="index.html"> <span> Intot </span> </a> <div class="navbar-collapse" id=""> <div class="d-none d-lg-flex ml-auto flex-column flex-lg-row align-items-center"> <ul class="navbar-nav "> <li class="nav-item"> <a class="nav-link" href="fruit.html"> <img src="images/login.png" alt="" /> <span>Login</span></a> </li> <li class="nav-item"> <a class="nav-link" href="service.html"> <img src="images/signup.png" alt="" /> <span>Sign Up</span> </a> </li> </ul> <form class="form-inline my-2 mb-3 mb-lg-0 mr-5"> <button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button> </form> </div> <div class="custom_menu-btn"> <button onclick="openNav()"> <span class="s-1"> </span> <span class="s-2"> </span> <span class="s-3"> </span> </button> </div> <div id="myNav" class="overlay"> <div class="overlay-content"> <a href="index.html">HOME</a> <a href="team.html">TEAM</a> <a href="portfolio.html">PORTFOLIO</a> <a href="contact.html">CONTACT US</a> </div> </div> </div> </nav> </div> </header>   <section class=" slider_section position-relative"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active">01</li> <li data-target="#carouselExampleIndicators" data-slide-to="1">02</li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <div class="row"> <div class="col-md-3 offset-md-2"> <div class="slider_detail"> <h1> INNOVATIVE <span> SOLUTIONS </span> </h1> <p> We find the best solutions fot you, we redesign your home and work places. Discover why over 5,100 home owners trust initiative </p> <div> <a href=""> Read More </a> </div> </div> </div> <div class="col-md-7"> <div class="slider_img-box"> <img src="images/slider-img.png" alt=""> </div> </div> </div> </div> <div class="carousel-item"> <div class="row"> <div class="col-md-3 offset-md-2"> <div class="slider_detail"> <h1> INNOVATIVE <span> SOLUTIONS </span> </h1> <p> We find the best solutions fot you, we redesign your home and work places. Discover why over 5,100 home owners trust initiative </p> <div> <a href=""> Read More </a> </div> </div> </div> <div class="col-md-7"> <div class="slider_img-box"> <img src="images/slider-img.png" alt=""> </div> </div> </div> </div> </div> <div class="carousel_btn-container"> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="sr-only">Next</span> </a> </div> </div> </section>  </div>  <section class="about_section layout_padding"> <div class="container"> <h2> WHY INITIATIVE COMPANY </h2> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p> </div> <div class="container"> <div class="about_card-container"> <div class="about_card"> <div class="about-detail"> <div class="about_img-box"> <img src="images/card-img-1.png" alt=""> </div> <div class="card_detail-ox"> <h4> 10 YEARS EXPERIENCE </h4> <p> Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus. </p> </div> </div> <div> <a href="" class="about_btn"> Read More </a> </div> </div> <div class="about_card"> <div class="about-detail"> <div class="about_img-box"> <img src="images/card-img-2.png" alt=""> </div> <div class="card_detail-ox"> <h4> A PRO ARCHITECTS TEAM </h4> <p> Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus. </p> </div> </div> <div> <a href="" class="about_btn"> Read More </a> </div> </div> <div class="about_card"> <div class="about-detail"> <div class="about_img-box"> <img src="images/card-img-3.png" alt=""> </div> <div class="card_detail-ox">

评论收藏

内容反馈

版权申诉