公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端.zip资源-CSDN文库

共21个文件

jpg：11个

css：3个

svg：1个

版权申诉

46 浏览量 2024-03-23 12:26:46 上传评论收藏 1.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端.zip （21个子文件）

公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端

html

css

style.css 24KB

bootstrap.css 174KB

font-awesome.min.css 30KB

index.html 17KB

images

g3.jpg 28KB

g2.jpg 38KB

g8.jpg 28KB

about.jpg 40KB

g7.jpg 34KB

g6.jpg 23KB

bg.jpg 156KB

g5.jpg 24KB

facts.jpg 69KB

g4.jpg 48KB

g1.jpg 20KB

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="en"> <head> <title>Achieve a Flat Bootstrap Responsive Web Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Achieve 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/font-awesome.min.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">  </head> <body>  <header> <div class="container"> <div class="header d-lg-flex"> <div class="header-agile d-flex"> <h1 class="mr-lg-0 mr-4"> <a class="navbar-brand logo" href="index.html"> <span class="fa fa-free-code-camp" aria-hidden="true"></span> </a> </h1> </div> <div class="nav_w3ls mt-lg-3"> <nav> <label for="drop" class="toggle mt-lg-0 mt-1"><span class="fa fa-bars" aria-hidden="true"></span></label> <input type="checkbox" id="drop" /> <ul class="menu"> <li class="active"><a href="index.html">Home</a></li> <li class=""><a href="#about">About Us</a></li> <li class="p-0">  <label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label> <a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a> <input type="checkbox" id="drop-2"/> <ul class="inner-dropdown"> <li><a href="#services">Services</a></li> <li><a href="#facts">Company Facts</a></li> <li><a href="#partners">Trusted Partners</a></li> </ul> </li> <li class=""><a href="#gallery">Gallery</a></li> <li class=""><a href="#contact">Get In Touch</a></li> </ul> </nav> </div> </div> </div> </header>   <section class="banner w3pvt-banner" id="home"> <div class="container"> <div class="banner-text"> <div class="banner-info"> <div class="w3pvt-logo"> <h2>We help achieve your goals, Lets Make Your Design Great!</h2> <p class="mt-3">Donec cursus congue risus, quis varius velit accumsan aliquam. Morbi semper nunc in ex lacinia, at lobortis lectus porta</p> <form action="#" method="post" class=""> <input type="email" name="Email" placeholder="Enter your email..." required=""> <button type="submit" class="btn"><span class="fa fa-paper-plane"></span></button> <div class="clearfix"> </div> </form> </div> </div> </div> </div> </section>   <section class="wthree-row py-5" id="about"> <div class="container py-lg-5"> <div class="row about-main"> <div class="col-lg-6 about-right"> <img src="images/about.jpg" class="img-fluid" alt="" /> </div> <div class="col-lg-6 about-text-grid text-left"> <div class="title-desc"> <h3 class="main-title-w3pvt text-capitalize">Explore the Creative Business</h3> </div> <p class="my-sm-4 mt-2 mb-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc. Vestibulum laoreet erat nisi, sit amet ultrices.</p> <a href="#bottom"> Read more</a> </div> </div> </div> </section>   <section class="section-middle py-5" id="bottom"> <div class="container py-lg-5"> <div class="row about-main"> <div class="col-lg-6 about-text-grid1 text-left"> <div class="title-desc"> <h4><span></span>Get started</h4> <h3 class="main-title-w3pvt text-capitalize my-4"> Join With Us. We will make the best projects together!</h3> </div> <a href="#"> Join Us</a> </div> <div class="col-lg-6 about-right mt-lg-0 mt-4"> <p class="">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc. Vestibulum laoreet erat nisi, sit amet ultrices. Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc. Vestibulum laoreet erat nisi, sit amet ultrices vitae diam.</p> <p class="mt-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc. Vestibulum laoreet erat nisi, sit amet ultrices inter dum nisi vitae diam fermentum.</p> </div> </div> </div> </section>   <section class="services py-5" id="services"> <div class="container py-lg-5 py-3"> <h3 class="heading mb-4">Our Services</h3> <div class="feature-grids row"> <div class="col-lg-4 col-md-6 "> <div class="bottom-gd"> <span>01</span> <h3 class=""> Best Solutions</h3> <p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p> </div> </div> <div class="col-lg-4 col-md-6 mt-md-0 mt-4"> <div class="bottom-gd"> <span>02</span> <h3 class=""> Creative Work</h3> <p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p> </div> </div> <div class="col-lg-4 col-md-6 mt-lg-0 mt-4"> <div class="bottom-gd"> <span>03</span> <h3 class=""> Great Designs</h3> <p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p> </div> </div> </div> </div> </section>   <div class="gallery py-5 poition-relative" id="gallery"> <div class="container py-md-3"> <h3 class="heading mb-4">Our Gallery</h3> <div class="news-grids gal text-center"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal1"><img src="images/g1.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0"> <a href="#gal2"><img src="images/g2.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal3"><img src="images/g3.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal4"><img src="images/g4.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal5"><img src="images/g5.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0"> <a href="#gal6"><img src="images/g6.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal7"><img src="images/g7.jpg" alt="projects image" class="img-fluid"></a> </div> <div class="col-lg-3 col-md-4 col-sm-6 gal-img"> <a href="#gal8"><img src="images/g8.jpg" alt="projects image" class="img-fluid"></a> </div> </div> </

评论收藏

内容反馈

版权申诉