<!doctype html>
<html>
<head>
<title>About</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/component.css" rel="stylesheet" type="text/css" />
<!--web-font-->
<link href='#css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<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="Volition Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--//end-smoth-scrolling-->
<script src="js/modernizr.custom.js"></script>
</head>
<body class="cbp-spmenu-push">
<div class="banner">
<div class="col-md-8 banner-left">
<img src="images/banner.jpg" alt=""/>
</div>
<div class="col-md-4 banner-right">
<div class="top-nav">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<h3>Menu</h3>
<a href="index.html">Home</a>
<a href="about.html" class="active">About</a>
<a href="contact.html">Contact</a>
</nav>
<div class="main buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu-icon.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
<!-- /script-for-menu -->
</div>
<h1><span> MY </span>Web Designing <span>Project<span></h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
<p class="bnr-top">quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dol.</span></p>
</div>
<div class="clearfix"> </div>
</div>
<div class="about">
<h3>About My<span>Project</span></h3>
<div class="about-info">
<div class="col-md-8 about-left ">
<h4>About Me</h4>
<div class="col-md-4 about-left-imag">
<img src="images/img7.jpg" alt=""/>
</div>
<div class="col-md-8 about-left-text">
<p class="abt-lft">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 dis parturient montes.</p>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum,
you need to be sure there isn't anything embarrassing hidden in the middle of industry's standard text.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 about-right">
<h4>Perspiciatis</h4>
<div class="about-right-text">
<h5>Porta fusce suscipit varius miursu</h5>
<p>Aenean nonummy hendrerit mauris. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="about-right-text abt-rt-btm">
<h5>Porta fusce suscipit varius miursu</h5>
<p>Aenean nonummy hendrerit mauris. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="recent-projects">
<h4>Recent Projects</h4>
<div class="col-md-3 recent-projects-info">
<div class="projects-grid">
<a href="#" class="mask"><img src="images/img8.jpg" alt="" class="img-responsive zoom-img"/></a>
<span></span>
</div>
<h5>Suspendisse nec sapien nec</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa. </p>
</div>
<div class="col-md-3 recent-projects-info">
<div class="projects-grid">
<a href="#" class="mask"><img src="images/img9.jpg" alt="" class="img-responsive zoom-img"/></a>
<span></span>
</div>
<h5>Suspendisse nec sapien nec</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam sunt explicabo.</p>
</div>
<div class="col-md-3 recent-projects-info">
<div class="projects-grid">
<a href="#" class="mask"><img src="images/img10.jpg" alt="" class="img-responsive zoom-img"/></a>
<span></span>
</div>
<h5>Suspendisse nec sapien nec</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam sunt explicabo. </p>
</div>
<div class="col-md-3 recent-projects-info">
<div class="projects-grid">
<a href="#" class="mask"><img src="images/img11.jpg" alt="" class="img-responsive zoom-img"/></a>
<span></span>
</div>
<h5>Suspendisse nec sapien nec</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam sunt explicabo.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="choose-us">
<h4>My-Skills</h4>
<div class="col-md-3 skill-left">
<a href="#" class="mask"><img src="images/img12.jpg" alt="" class="img-responsive zoom-img"/></a>
</div>
<div class="col-md-5 skill-middle ">
<p class="skill-one">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias
excepturi sint occaecati cupiditate non provident, dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p>
<p>On the other han
小清新个人作品案例展示bootstrap模板_小清新 文艺 扁平化 简洁 个人 作品 案例 展示 bootstrap .rar
27 浏览量
2023-08-05
15:10:56
上传
评论
收藏 1.58MB RAR 举报
小清新个人作品案例展示bootstrap模板_小清新 文艺 扁平化 简洁 个人 作品 案例 展示 bootstrap .rar （32个子文件） 
小清新个人作品案例展示bootstrap模板_小清新 文艺 扁平化 简洁 个人 作品 案例 展示 bootstrap 响应式 手机 设计师 户外 运动 cpts_62_gm js 
responsiveslides.min.js 3KB nivo-lightbox.min.js 7KB modernizr.custom.53451.js 9KB easing.js 5KB classie.js 2KB move-top.js 1KB modernizr.custom.js 7KB jquery.min.js 92KB css style.css 30KB component.css 2KB magnific-popup.css 10KB bootstrap.css 118KB
index.html 8KB contact.html 8KB about.html 10KB images 
img11.JPG 93KB img8.JPG 76KB img6.jpg 202KB
icon1.png 5KB banner.jpg 415KB img2.jpg 74KB img5.jpg 181KB move-up.png 3KB img9.JPG 99KB img4.jpg 61KB icons-sprite.png 8KB img1.jpg 119KB menu-icon.png 3KB img7.jpg 46KB img3.jpg 85KB img10.JPG 97KB img12.jpg 97KB资源评论
