满脸胡须男人网站模板是一款大气简洁风格的男人男士网页模板下载。_html网站模板_网页源码移动端前端_H5模板

共67个文件

jpg：44个

js：8个

css：4个

网站模板

60 浏览量 2023-08-05 14:42:05 上传评论收藏 2.02MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

满脸胡须男人网站模板是一款大气简洁风格的男人男士网页模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （67个子文件）

满脸胡须男人网站模板是一款大气简洁风格的男人男士网页模板下载。

moban1373

responsiveslides.min.js 3KB

bootstrap.min.js 36KB

helper.js 1KB

grid3d.js 8KB

classie.js 2KB

modernizr.custom.js 9KB

cobox.js 9KB

jquery.min.js 91KB

css

style.css 20KB

bootstrap.min.css 118KB

cobox.css 1KB

portfolio.css 6KB

index.html 17KB

images

me5.jpg 20KB

4-4.jpg 40KB

2.jpg 22KB

blank.gif 43B

me1-1.jpg 68KB

9-9.jpg 36KB

me11.jpg 23KB

2-2.jpg 36KB

me6-6.jpg 73KB

me7-7.jpg 63KB

me10-10.jpg 54KB

me8-8.jpg 51KB

6.jpg 27KB

banner.jpg 307KB

loading.gif 3KB

1.jpg 25KB

me9.jpg 17KB

social-icons.png 5KB

me12.jpg 19KB

7-7.jpg 49KB

nav.png 2KB

me12-12.jpg 49KB

me6.jpg 23KB

me11-11.jpg 74KB

5.jpg 12KB

loader.GIF 34KB

me7.jpg 27KB

me8.jpg 24KB

me2-2.jpg 76KB

man.jpg 13KB

8.jpg 17KB

me1.jpg 28KB

3-3.jpg 42KB

me4.jpg 22KB

1-1.jpg 38KB

me3-3.jpg 60KB

me9-9.jpg 42KB

8-8.jpg 26KB

me4-4.jpg 48KB

me2.jpg 25KB

me5-5.jpg 78KB

3.jpg 25KB

7.jpg 28KB

me3.jpg 25KB

9.jpg 22KB

me10.jpg 23KB

5-5.jpg 17KB

4.jpg 24KB

6-6.jpg 44KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE HTML> <html lang="en"> <head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="keywords" content="" />  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"> <link href="css/cobox.css" rel="stylesheet" type="text/css"> <link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all">   <link href='#css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'> <link href='#css?family=Cinzel:400,700,900' rel='stylesheet' type='text/css'>   <script src="js/modernizr.custom.js"></script>  </head> <body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60"> <div class="navbar-wrapper"> <div class="container"> <nav class="navbar navbar-inverse navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html">My Profile</a> </div> <div id="navbar" class="navbar-collapse collapse navbar-right"> <ul class="nav navbar-nav link-effect"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#gallery">Gallery</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div> </nav> </div> </div>  <div class="banner"> <ul class="rslides" id="slider"> <li> <div class="banner-info"> <h3>Its My Life</h3> <span class="line1"></span> <p>Lorem Ipsum is dummy text.</p> <span class="line2"></span> <div class="social-icons"> <a href="#"><span class="facebook"></span></a> <a href="#"><span class="twitter"></span></a> <a href="#"><span class="linkedin"></span></a> <a href="#"><span class="googleplus"></span></a> </div> </div> </li> <li> <div class="banner-info"> <h3>My Passion</h3> <span class="line1"></span> <p>Lorem Ipsum is dummy text.</p> <span class="line2"></span> <div class="social-icons"> <a href="#"><span class="facebook"></span></a> <a href="#"><span class="twitter"></span></a> <a href="#"><span class="linkedin"></span></a> <a href="#"><span class="googleplus"></span></a> </div> </div> </li> <li> <div class="banner-info"> <h3>My Life Style</h3> <span class="line1"></span> <p>Lorem Ipsum is dummy text.</p> <span class="line2"></span> <div class="social-icons"> <a href="#"><span class="facebook"></span></a> <a href="#"><span class="twitter"></span></a> <a href="#"><span class="linkedin"></span></a> <a href="#"><span class="googleplus"></span></a> </div> </div> </li> </ul> </div>   <div class="about-me" id="about"> <h3 class="text-center slideanim">About My Skills</h3> <div class="container"> <div class="row"> <div class="col-md-4 col-xs-12"> <div class="mydetails slideanim text-center"> <img class="img-circle img-responsive" src="images/man.jpg" alt="Generic placeholder image" width="200" height="200"> <h3>Tzar Nicholas</h3> <p>Web Designer</p> <div class="social-icons"> <a href="#"><span class="facebook"></span></a> <a href="#"><span class="twitter"></span></a> <a href="#"><span class="linkedin"></span></a> <a href="#"><span class="googleplus"></span></a> </div> </div> </div> <div class="col-md-8 col-xs-12"> <div class="myskills slideanim"> <h3 class="text-center">My Skill Info</h3> <p class="skill-text">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="skill-info"> <div class="table-responsive"> <table class="table"> <tbody> <tr> <td><h4>Photoshop</h4></td> <td><span class="longline1"></span><span class="shortline1"></span></td> <td><p>89%</p></td> </tr> <tr> <td><h4>Multimedia</h4></td> <td><span class="longline2"></span><span class="shortline2"></span></td> <td><p>90%</p></td> </tr> <tr> <td><h4>After-Effects</h4></td> <td><span class="longline3"></span><span class="shortline3"></span></td> <td><p>95%</p></td> </tr> <tr> <td><h4>Wordpress</h4></td> <td><span class="longline4"></span><span class="shortline4"></span></td> <td><p>92%</p></td> </tr> <tr> <td><h4>HTML5</h4></td> <td><span class="longline5"></span><span class="shortline5"></span></td> <td><p>96%</p></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div>   <div class="myportfolio" id="portfolio"> <h3 class="text-center slideanim">My Portfolio</h3> <p class="text-center slideanim">My Recent Projects , Just "Click" on them to know More.</p> <section class="vertical" id="grid3d"> <div class="grid-wrap"> <div class="grid"> <figure><img class="slideanim" src="images/1.jpg" alt="img01"/></figure> <figure><img class="slideanim" src="images/2.jpg" alt="img05"/></figure> <figure><img class="slideanim" src="images/3.jpg" alt="img08"/></figure> <figure><img class="slideanim" src="images/4.jpg" alt="img02"/></figure> <figure><img class="slideanim" src="images/5.jpg" alt="img04"/></figure> <figure><img class="slideanim" src="images/6.jpg" alt="img03"/></figure> <figure><img class="slideanim" src="images/7.jpg" alt="img09"/></figure> <figure><img class="slideanim" src="images/8.jpg" alt="img06"/></figure> <figure><img class="slideanim" src="images/9.jpg" alt="img07"/></figure> </div> </div> <div class="content"> <div> <div class="content-img"><img src="images/1-1.jpg" class="img-responsive" alt="my projects"></div> <h3 class="content-text">Classy Coming Soon</h3> <p class="content-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div> <div class="content-img"><img src="images/2-2.jpg" class="img-responsive" alt="my projects"></div> <h3 class="content-text">404 Error Page</h3> <p class="content-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div> <div class="content-img"><img src="images/3-3.jpg" class="img-responsive" alt="my projects"></div> <h3 class="content-text">Credit Card V

评论收藏

内容反馈