bootstrap白色宽屏样式极简图形设计企业网站模板代码下载.zip资源-CSDN文库

共88个文件

css：17个

js：14个

jpg：11个

版权申诉

HTML5

H5源码

网站模版

公司模版

180 浏览量 2024-11-29 11:07:46 上传评论收藏 4.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

bootstrap白色宽屏样式极简图形设计企业网站模板代码下载.zip （88个子文件）

26208

main.js 1KB

_menu.json 343B

img

logo-adobe.png 7KB

img_6.jpg 24KB

img_2.jpg 23KB

logo-uber.png 11KB

apple-touch-icon.png 2KB

img_5.jpg 64KB

person_3.jpg 43KB

img_3.jpg 22KB

img_4.jpg 26KB

logo-nike.png 6KB

person_2.jpg 61KB

logo-netflix.png 11KB

person_1.jpg 334KB

logo-apple.png 6KB

person_1_sq.jpg 117KB

img_1_big.jpg 84KB

favicon.png 491B

img_1.jpg 24KB

logo-google.png 12KB

css

style.css 9KB

vendor

icofont

icofont.min.css 90KB

fonts

icofont.woff2 525KB

icofont.woff 630KB

isotope

isotope.pkgd.js 89KB

isotope.pkgd.min.js 35KB

line-awesome

css

line-awesome.css 108KB

line-awesome.min.css 88KB

fonts

la-brands-400.woff 96KB

la-solid-900.woff2 94KB

la-brands-400.woff2 83KB

la-regular-400.woff 15KB

la-regular-400.svg 111KB

la-solid-900.ttf 221KB

la-regular-400.eot 33KB

la-regular-400.woff2 13KB

la-solid-900.eot 221KB

la-brands-400.ttf 152KB

la-brands-400.svg 906KB

la-brands-400.eot 153KB

la-solid-900.svg 902KB

la-solid-900.woff 122KB

la-regular-400.ttf 33KB

bootstrap

bootstrap.js 132KB

bootstrap.bundle.js.map 400KB

bootstrap.bundle.min.js.map 311KB

bootstrap.min.js 59KB

bootstrap.bundle.min.js 79KB

bootstrap.bundle.js 223KB

bootstrap.js.map 250KB

bootstrap.min.js.map 190KB

css

bootstrap-grid.css.map 154KB

bootstrap.min.css 156KB

bootstrap-grid.css 66KB

bootstrap-grid.min.css.map 112KB

bootstrap-reboot.min.css.map 32KB

bootstrap.css.map 493KB

bootstrap.css 193KB

bootstrap-reboot.css 5KB

bootstrap-reboot.css.map 76KB

bootstrap-grid.min.css 50KB

bootstrap.min.css.map 627KB

bootstrap-reboot.min.css 4KB

owlcarousel

assets

owl.theme.green.min.css 1013B

owl.carousel.css 5KB

owl.video.play.png 5KB

owl.theme.default.css 1KB

ajax-loader.gif 3KB

owl.theme.green.css 1KB

owl.theme.default.min.css 1013B

owl.carousel.min.css 3KB

LICENSE 1KB

owl.carousel.min.js 43KB

owl.carousel.js 88KB

easing

easing.js 4KB

easing.min.js 2KB

jquery

jquery-migrate.min.js 7KB

jquery.min.js 86KB

aos

aos.js 14KB

aos.css 25KB

services.html 8KB

index.html 13KB

contact.html 7KB

about.html 8KB

works.html 8KB

work-single.html 9KB

_tree.json 154KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Home</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="" name="keywords"> <meta content="" name="description">  <link href="img/favicon.png" rel="icon"> <link href="img/apple-touch-icon.png" rel="apple-touch-icon">  <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Raleway:400,700&display=swap" rel="stylesheet">  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link href="vendor/icofont/icofont.min.css" rel="stylesheet"> <link href="vendor/line-awesome/css/line-awesome.min.css" rel="stylesheet"> <link href="vendor/aos/aos.css" rel="stylesheet"> <link href="vendor/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="collapse navbar-collapse custom-navmenu" id="main-navbar"> <div class="container py-2 py-md-5"> <div class="row align-items-start"> <div class="col-md-2"> <ul class="custom-menu"> <li class="active"><a href="index.html">Home</a></li> <li><a href="about.html">About Me</a></li> <li><a href="services.html">Services</a></li> <li><a href="works.html">Works</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="col-md-6 d-none d-md-block mr-auto"> <div class="tweet d-flex"> <span class="icofont-twitter text-white mt-2 mr-3"></span> <div> <p><em>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam necessitatibus incidunt ut officiis explicabo inventore. <br> <a href="#">t.co/v82jsk</a></em></p> </div> </div> </div> <div class="col-md-4 d-none d-md-block"> <h3>Hire Me</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam necessitatibus incidunt ut officiis explicabo inventore. <br> <a href="#">myemail@gmail.com</a></p> </div> </div> </div> </div> <nav class="navbar navbar-light custom-navbar"> <div class="container"> <a class="navbar-brand" href="index.html">MyPortfolio.</a> <a href="#" class="burger" data-toggle="collapse" data-target="#main-navbar"> <span></span> </a> </div> </nav> <main id="main"> <div class="site-section site-portfolio"> <div class="container"> <div class="row mb-5 align-items-center"> <div class="col-md-12 col-lg-6 mb-4 mb-lg-0" data-aos="fade-up"> <h2>Hey, I'm Johan Stanworth</h2> <p class="mb-0">Freelance Creative & Professional Graphics Designer</p> </div> <div class="col-md-12 col-lg-6 text-left text-lg-right" data-aos="fade-up" data-aos-delay="100"> <div id="filters" class="filters"> <a href="#" data-filter="*" class="active">All</a> <a href="#" data-filter=".web">Web</a> <a href="#" data-filter=".design">Design</a> <a href="#" data-filter=".branding">Branding</a> <a href="#" data-filter=".photography">Photography</a> </div> </div> </div> <div id="portfolio-grid" class="row no-gutter" data-aos="fade-up" data-aos-delay="200"> <div class="item web col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Boxed Water</h3> <span>Web</span> </div> <img class="img-fluid" src="img/img_1.jpg"> </a> </div> <div class="item photography col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Build Indoo</h3> <span>Photography</span> </div> <img class="img-fluid" src="img/img_2.jpg"> </a> </div> <div class="item branding col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Cocooil</h3> <span>Branding</span> </div> <img class="img-fluid" src="img/img_3.jpg"> </a> </div> <div class="item design col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Nike Shoe</h3> <span>Design</span> </div> <img class="img-fluid" src="img/img_4.jpg"> </a> </div> <div class="item photography col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Kitchen Sink</h3> <span>Photography</span> </div> <img class="img-fluid" src="img/img_5.jpg"> </a> </div> <div class="item branding col-sm-6 col-md-4 col-lg-4 mb-4"> <a href="work-single.html" class="item-wrap fancybox"> <div class="work-info"> <h3>Amazon</h3> <span>brandingn</span> </div> <img class="img-fluid" src="img/img_6.jpg"> </a> </div> </div> </div> </div> <div class="site-section"> <div class="container"> <div class="row justify-content-center text-center mb-4"> <div class="col-5"> <h3 class="h3 heading">My Clients</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit explicabo inventore.</p> </div> </div> <div class="row"> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-adobe.png" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-uber.png" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-apple.png" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-netflix.png" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-nike.png" alt="Image" class="img-fluid"></a> </div> <div class="col-4 col-sm-4 col-md-2"> <a href="#" class="client-logo"><img src="img/logo-google.png" alt="Image" class="img-fluid"></a> </div> </div> </div> </div> <div class="site-section"> <div class="container"> <div class="row justify-content-center text-center mb-4"> <div class="col-5"> <h3 class="h3 heading">My Services</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit explicabo inventore.</p> </div> </div> <div class="row"> <div class="col-12 col-sm-6 col-md-6 col-lg-3"> <span class="la la-cube la-3x mb-4"></span> <h4 class="h4 mb-2">Web Design</h4> <p>Lorem ipsum dolor

评论收藏

内容反馈

版权申诉