【免费】白色简洁设计师网站模板下载资源-CSDN文库

共58个文件

jpg：22个

css：16个

js：9个

html

html5

源码

需积分: 0 83 浏览量更新于2023-11-30 收藏 2.42MB ZIP 举报

内容概要：这个白色简洁设计师网站模板是一个专门为设计师和创意人士设计的高质量HTML模板。它采用了简洁的设计风格，以白色为主色调，给人一种清新、专业的感觉。模板包含了多个页面，如首页、作品展示、关于我们、联系方式等，可以满足设计师们的基本需求。此外，模板还具有响应式设计，可以在不同设备上完美显示。适用人群：这个白色简洁设计师网站模板适用于所有从事设计行业的专业人士，如平面设计师、UI设计师、插画师、摄影师等。对于刚起步的设计师来说，这个模板可以帮助他们快速建立一个专业的个人网站，展示自己的作品和技能。对于已经有一定知名度的设计师来说，这个模板可以作为他们的官方网站，提高自己的品牌形象。使用场景及目标： 1. 建立个人品牌：设计师可以通过这个模板建立自己的个人网站，展示自己的作品和设计理念，提高自己在行业内的知名度。 2. 展示作品：模板中的作品展示页面可以让设计师方便地展示自己的设计作品，吸引潜在客户。 3. 增加曝光度：通过这个简洁专业的网站模板，设计师可以吸引更多的关注和访问，提高自己在社交媒体和其他平台上的曝光度。其他说明： 1 易于定制 2 响应式设计 3兼容性好

收起资源包目录

白色简洁设计师网站模板下载.zip （58个子文件）

白色简洁设计师网站模板下载

assets

bootstrap.min.js 36KB

colors

jquery.isotope.min.js 34KB

jquery.typer.js 2KB

switch.js 2KB

gmap3.min.js 25KB

owl.carousel.min.js 39KB

wow.min.js 7KB

jquery-2.1.4.min.js 82KB

script.js 8KB

img

breadcrum

blog-single-bread.jpg 78KB

blog-bread.jpg 68KB

prev.png 1KB

profile

signature.png 3KB

spon-3.jpg 4KB

p1.png 364KB

spon-1.jpg 3KB

spon-2.jpg 4KB

portfolio

port-4.jpg 21KB

rp-4.jpg 9KB

ps-2.jpg 152KB

rp-3.jpg 14KB

rp-2.jpg 13KB

rp-5.jpg 9KB

ps-1.jpg 17KB

port-6.jpg 30KB

port-3.jpg 41KB

port-1.jpg 8KB

rp-1.jpg 7KB

port-5.jpg 16KB

loading.gif 8KB

next.png 1KB

blog

blog-1.jpg 24KB

blog-2.jpg 12KB

blog-3.jpg 9KB

banner

banner-1.jpg 97KB

logo

logo.png 6KB

close.png 280B

testimonial

testi-1.jpg 20KB

preloader.gif 136KB

css

style.css 27KB

icofont.css 106KB

bootstrap.min.css 118KB

colors

color-9.css 1KB

color-3.css 1KB

color-5.css 1KB

color-2.css 1KB

color-6.css 1KB

color-7.css 1KB

color-4.css 1KB

color-8.css 1KB

switch.css 2KB

owl.carousel.css 4KB

responsive.css 5KB

menu.css 3KB

lightbox.css 4KB

fonts

icofont.ttf 995KB

icofont.woff 615KB

index.html 78KB

资源推荐

资源预览

资源评论

<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <title>Home</title> <meta name="description" content="----"> <meta name="keywords" content="Premium HTML Template"> <meta name="author" content="HTMLmate">  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/icofont.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="assets/css/lightbox.css"> <link rel="stylesheet" type="text/css" href="assets/css/menu.css"> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> <link rel="stylesheet" type="text/css" href="assets/css/colors/switch.css"> </head> <body> <div id="preloader"></div>  <nav id="abrar-nav"> <div id="nav-off"></div> <div id="header-logo-m" class="side-menu-logo text-center"> <a href="#"><img src="assets/img/logo/logo.png" alt="img"></a> </div> <ul id="menu"> <li class="has-submenu text-capitalize"> <a href="#">home <span class="icofont icofont-simple-down"></span></a> <ul class="submenu"> <li><a href="index-1.html">Home</a></li> <li><a href="index-2.html">Video home</a></li> <li><a href="index-3.html">Audio Home</a></li> </ul> </li> <li><a href="#about-me">About</a></li> <li><a href="#what-offer">Service</a></li> <li><a href="#inspiration">Portfolio</a></li> <li><a href="#latest-blog">Blog</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <div id="menu-overlay"></div>   <header id="site-header"> <div class="container"> <div class="row"> <div id="header-logo"> <a href="#"><img src="assets/img//logo/logo.png" alt="img"></a> </div> <div class="header-social ul-li"> <span class="social-text cardo-family">Follow me on :</span> <ul> <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li> <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li> <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li> <li><a href="#"><i class="icofont icofont-social-behance"></i></a></li> <li><a href="#"><i class="icofont icofont-social-dribbble"></i></a></li> </ul> </div> <div id="menu-burger" class="pull-right"> <div id="menu-bar"> <i class="icofont icofont-align-right"></i> </div> </div> </div> </div> </header>   <section id="banner" class="banner-section relative-position"> <div class="container"> <div class="row"> <div class="banner-content"> <div class="banner-title"> <h2 class="banner-head play-fair bold"> Hello ! <span>I am <b id="typer" class="text-uppercase"></b></span> </h2> <p class="title-sub-text text-capitalize">I code/design Your think</p> </div> </div>  <div class="scroll-down"> <span class="text-capitalize">Scroll<i class="icofont icofont-long-arrow-down"></i></span> </div> </div> </div> </section>   <section id="about-me" class="about-me-section"> <div class="container"> <div class="row section-padding"> <div class="section-title text-center pb25"> <h2 class="title-head bold">About Me</h2> <p>Introduce</p> </div> <div class="admin-about"> <div class="about-me-content"> <div class="row"> <div class="col-md-5"> <div class="my-profile-pic mb90"> <img src="assets/img/profile/p1.png" alt=""> </div> </div>  <div class="col-md-7"> <div class="admin-text pt90 pl65"> <div class="admin-quote mb30"> <blockquote> Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique. Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique. Quisque Donec tincidunt arcu a interdum efficitur Donec tincidunt.. </blockquote> </div> <div class="admin-signature mb50"> <img src="assets/img/profile/signature.png" alt=""> </div> <div class="admin-sponsor"> <div class="admin-sponsor-slider"> <div class="sponsor-img"> <img src="assets/img/profile/spon-1.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-2.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-2.jpg" alt=""> </div> <div class="sponsor-img"> <img src="assets/img/profile/spon-3.jpg" alt=""> </div> </div> </div> </div> </div>  </div> </div> <div class="about-me-description mb30"> <div class="row"> <div class="admin-details-description"> <div class="col-md-6"> <div class="my-profile-details ul-li-block"> <ul> <li><p><span class="pro-title blue-clr"> Name : </span> <span class="pro-detail">Abrar Wall</span></p></li> <li><p><span class="pro-title blue-clr"> Age : </span> <span class="pro-detail">27 Years</span></p></li> <li><p><span class="pro-title blue-clr"> Email : </span> <span class="pro-detail">info.abrar@gmail.com</span></p></li> <li><p><span class="pro-title blue-clr"> Address : </span> <span class="pro-detail">1234, Parkstreet Newyork City</span></p></li> <li><p><span class="pro-title blue-clr"> Phone : </span> <span class="pro-detail">(+91) 12345 95487</span></p></li> <li><p><span class="pro-title blue-clr"> Website : </span> <span class="pro-detail">www.abrar.com</span></p></li> </ul> </div> </div>  <div class="col-md-6"> <div class="skill_progress"> <div class="single_experties"> <div class="skilled-tittle">Photoshop </div> <div class="skilled-percent">75% </div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-75 animated animated" role="progressbar" data-wow-duration="0.5s" data-wow-delay=".5s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div>  <div class="single_experties"> <div class="skilled-tittle">Photography</div> <div class="skilled-percent">85%</div> <div class="progress"> <div class="progress-bar blue-bg-clr wow Rx-width-85 animated animated" role="progressbar" data-wow-duration="1s" data-wow-delay=".15s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> <span></span> </div> </div> </div>  <div class="single_experties"> <div class="skilled-tittle">Web Develo