公司级网站源码-黑白创意科技响应式网站模板-支持适配移动端.zip资源-CSDN文库

共30个文件

jpg：16个

html：4个

css：3个

版权申诉

HTML

JavaScript

源码

134 浏览量 2024-03-23 09:34:22 上传评论收藏 1.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司级网站源码-黑白创意科技响应式网站模板-支持适配移动端.zip （30个子文件）

公司级网站源码-黑白创意科技响应式网站模板-支持适配移动端

html

css

style.css 27KB

bootstrap.css 174KB

font-awesome.min.css 30KB

index.html 18KB

contact.html 10KB

about.html 12KB

images

g3.jpg 38KB

stats.jpg 119KB

g2.jpg 26KB

news2.jpg 24KB

right-img.jpg 61KB

banner4.jpg 83KB

team3.jpg 29KB

banner3.jpg 166KB

team2.jpg 22KB

news1.jpg 27KB

banner1.jpg 154KB

g5.jpg 27KB

g4.jpg 24KB

team1.jpg 22KB

banner2.jpg 89KB

g1.jpg 35KB

imac.png 91KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

gallery.html 11KB

<!DOCTYPE html> <html lang="en"> <head> <title>Informal a Multipurpose 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="Informal 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=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">  </head> <body>  <header> <div class="container"> <div class="header d-lg-flex justify-content-between align-items-center"> <div class="header-agile"> <h1> <a class="navbar-brand logo" href="index.html"> <span class="fa fa-anchor" aria-hidden="true"></span> Informal </a> </h1> </div> <div class="nav_w3ls"> <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="mr-lg-3 mr-2 active"><a href="index.html">Home</a></li> <li class="mr-lg-3 mr-2"><a href="about.html">About </a></li> <li class="mr-lg-3 mr-2 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="#stats">What We Do</a></li> <li><a href="#blog">News Updates</a></li> <li><a href="#subscribe">Newsletter</a></li> </ul> </li> <li class="mr-lg-3 mr-2"><a href="gallery.html">Gallery</a></li> <li class="mr-lg-3 mr-2"><a href="contact.html">Contact Us</a></li> <li class="mr-3 icons"><a href="#"><span class="fa fa-facebook" aria-hidden="true"></span></a></li> <li class="mr-3 icons"><a href="#"><span class="fa fa-instagram" aria-hidden="true"></span></a></li> <li class="mr-3 icons"><a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a></li> <li class=" icons"><a href="#"><span class="fa fa-pinterest" aria-hidden="true"></span></a></li> </ul> </nav> </div> </div> </div> </header>   <div class="banner_w3lspvt" id="home"> <div class="csslider infinity" id="slider1"> <input type="radio" name="slides" checked="checked" id="slides_1"/> <input type="radio" name="slides" id="slides_2"/> <input type="radio" name="slides" id="slides_3"/> <input type="radio" name="slides" id="slides_4"/> <ul class="banner_slide_bg"> <li> <div class="slider-info bg1"> <div class="bs-slider-overlay"> <div class="banner-text"> <div class="container"> <h2 class="movetxt agile-title text-capitalize">Welcome to <span>Creative World</span></h2> <h4 class="movetxt mb-3 agile-title text-capitalize">Awesome Technology</h4> <a href="about.html" class="btn"> know More About Us </a> </div> </div> </div> </div> </li> <li> <div class="slider-info bg2"> <div class="bs-slider-overlay1"> <div class="banner-text"> <div class="container"> <h4 class="movetxt agile-title text-capitalize">Welcome to the world </h4> <h4 class="movetxt mb-3 agile-title text-capitalize">of Creative Space</h4> <a href="about.html" class="btn"> know More About Us </a> </div> </div> </div> </div> </li> <li> <div class="slider-info bg3"> <div class="bs-slider-overlay1"> <div class="banner-text"> <div class="container"> <h4 class="movetxt agile-title text-capitalize">Welcome to <span>Creative World</span></h4> <h4 class="movetxt mb-3 agile-title text-capitalize">Awesome Technology</h4> <a href="about.html" class="btn"> know More About Us </a> </div> </div> </div> </div> </li> <li> <div class="slider-info bg4"> <div class="bs-slider-overlay1"> <div class="banner-text"> <div class="container"> <h4 class="movetxt agile-title text-capitalize">Welcome to the world </h4> <h4 class="movetxt mb-3 agile-title text-capitalize">of Creative Space</h4> <a href="about.html" class="btn"> know More About Us </a> </div> </div> </div> </div> </li> </ul> <div class="navigation"> <div> <label for="slides_1"></label> <label for="slides_2"></label> <label for="slides_3"></label> <label for="slides_4"></label> </div> </div> </div> </div>   <section class="about py-5" id="about"> <div class="container py-lg-5 py-md-3"> <h3 class="heading mb-4">About <span> Us</span> </h3> <div class="row"> <div class="col-lg-5 about-left"> <p class="">Sed ut perspiciatis unde omnis natus error dolor volup tatem ed accusantium doloremque laudantium, totam rem aperiam, eaqu ipsa quae ab illo quasi architi ecto beatae vitae dicta sunt dolor ipsum explicabo Sed uti perspiciatis unde dolor sed sit quae ab illo eaqu ipsa quae ab illo quasi architi ecto beatae vita.</p> </div> <div class="col-lg-7 about-right text-center mt-5"> <div class="row"> <div class="col-sm-4 col-4 grid1"> <span class="fa fa-cloud"></span> <h4 class="mt-3">Awesome <br>Technology</h4> </div> <div class="col-sm-4 col-4 grid2 border-grid"> <span class="fa fa-desktop"></span> <h4 class="mt-3">Responsive <br>Layout</h4> </div> <div class="col-sm-4 col-4 grid3"> <span class="fa fa-cogs"></span> <h4 class="mt-3">Creative <br>Agency</h4> </div> </div> </div> </div> </div> </section>   <section class="about-bottom py-5"> <div class="container py-md-3"> <div class="row"> <div class="col-lg-6 left-img"> <img src="images/imac.png" class="img-fluid" alt="" /> </div> <div class="col-lg-6 mt-lg-0 mt-4"> <h3 class="heading mb-5">Creative <span> Technology</span> </h3> <div class="row inner-heading"> <div class="col-md-1"> <span class="fa fa-anchor"></span> </div> <div class="col-md-11"> <h4 class="mt-md-0 mt-2">Who We Are</h4> <p class="mt-3">Sed ut perspiciatis unde omnis natus error dolor volup tatem ed accusantium doloremque laudantium, tota rem aperiam, eaqu ipsa quae ab illo quasi architi ecto beatae vita.</p> <a href="#" class="btn">Read More</a> </div> <div class="col-md-1 mt-5"> <span class="fa fa-assistive-listening-systems"></span> </div> <div class="col-md-11 mt-md-5"> <h4 class="mt-md-0

评论收藏

内容反馈

版权申诉