【web课设】金属合金加工响应式网页-HTML源码.7z资源-CSDN文库

共44个文件

png：18个

jpg：14个

html：5个

web前端

网站源码

HTML

课程设计

需积分: 5 26 浏览量 2024-06-21 14:33:31 上传评论收藏 1.11MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

【web课设】金属合金加工响应式网页-HTML源码.7z （44个子文件）

【web课设】金属合金加工响应式网页-HTML源码

html

bootstrap.js 129KB

jquery-3.4.1.min.js 86KB

product.html 7KB

service.html 8KB

css

style.css 17KB

style.css.map 14KB

responsive.css 2KB

bootstrap.css 188KB

style.scss 12KB

index.html 19KB

contact.html 8KB

about.html 7KB

images

p-3.jpg 45KB

p-5.jpg 37KB

p-6.jpg 46KB

slider-img.png 53KB

search-icon.png 349B

client-bg.jpg 96KB

prev.png 148B

instagram.png 834B

menu.png 21KB

mail.png 259B

logo.png 2KB

s-1.jpg 67KB

about-img.png 97KB

p-7.jpg 52KB

p-4.jpg 12KB

next.png 144B

fb.png 602B

metal-bg.jpg 104KB

hero-bg.jpg 124KB

twitter.png 705B

next-white.png 167B

s-2.jpg 48KB

p-1.jpg 25KB

p-8.jpg 46KB

p-2.jpg 61KB

location.png 269B

s-3.jpg 76KB

call.png 273B

info-logo.png 2KB

linkedin.png 693B

map.png 52KB

prev-white.png 149B

<!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>JMK</title>  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|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">  <div class="top_nav"> <div class="container"> <div class="contact_link-container"> <a href="" class="contact_link1"> <img src="images/location.png" alt="" /> <span> Lorem ipsum dolor sit amet, </span> </a> <a href="" class="contact_link2"> <img src="images/call.png" alt="" /> <span> Call : +01 1234567890 </span> </a> <a href="" class="contact_link3"> <img src="images/mail.png" alt="" /> <span> demo@gmail.com </span> </a> </div> </div> </div> <header class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt="" /> <span> JMK </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="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse ml-auto" 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="product.html"> Products </a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact us</a> </li> </ul> <form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0"> <input type="search" placeholder="Search" /> <button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button> </form> </div> </nav> </div> </header>   <section class=" slider_section "> <div id="carouselExampleIndicators" 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-7"> <div class="detail-box"> <h1> Metal <br /> <span> Factroy </span> </h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod magna aliqua. Ut enim ad minim veniam </p> <div class="btn-box"> <a href="" class="btn-1"> Read more </a> <a href="" class="btn-2">Get A Quote</a> </div> </div> </div> <div class="col-md-5"> <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-7"> <div class="detail-box"> <h1> Metal <br /> <span> Factroy </span> </h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod magna aliqua. Ut enim ad minim veniam </p> <div class="btn-box"> <a href="" class="btn-1"> Read more </a> <a href="" class="btn-2">Get A Quote</a> </div> </div> </div> <div class="col-md-5"> <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-7"> <div class="detail-box"> <h1> Metal <br /> <span> Factroy </span> </h1> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod magna aliqua. Ut enim ad minim veniam </p> <div class="btn-box"> <a href="" class="btn-1"> Read more </a> <a href="" class="btn-2">Get A Quote</a> </div> </div> </div> <div class="col-md-5"> <div class="img-box"> <img src="images/slider-img.png" alt="" /> </div> </div> </div> </div> </div> </div> <div class="container idicator_container"> <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> </div> </section>  </div>  <section class="about_section layout_padding"> <div class="container"> <div class="heading_container"> <h2><span>About</span> Factory</h2> </div> <div class="row"> <div class="col-md-6 px-0"> <div class="img_container"> <div class="img-box"> <img src="images/about-img.png" alt="" /> </div> <div class="btn-box"> <a href=""> Read More </a> </div> </div>

评论收藏

内容反馈