<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- meta data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!--font-family-->
<link href="static/css/css.css" rel="stylesheet">
<!-- title of site -->
<title>Home</title>
<!-- For favicon png -->
<link rel="shortcut icon" type="image/icon" href="static/picture/favicon.png">
<!--font-awesome.min.css-->
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<!--flat icon css-->
<link rel="stylesheet" href="static/css/flaticon.css">
<!--animate.css-->
<link rel="stylesheet" href="static/css/animate.css">
<!--owl.carousel.css-->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
<!--bootstrap.min.css-->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- bootsnav -->
<link rel="stylesheet" href="static/css/bootsnav.css">
<!--style.css-->
<link rel="stylesheet" href="static/css/style.css">
<!--responsive.css-->
<link rel="stylesheet" href="static/css/responsive.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="static/js/html5shiv.min.js"></script>
<script src="static/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- top-area Start -->
<header class="top-area">
<div class="header-area">
<!-- Start Navigation -->
<nav class="navbar navbar-default bootsnav navbar-fixed dark no-background">
<div class="container">
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="">browny</a>
</div><!--/.navbar-header-->
<!-- End Header Navigation -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class=" smooth-menu active"></li>
<li class=" smooth-menu"><a href="#education">education</a></li>
<li class="smooth-menu"><a href="#skills">skills</a></li>
<li class="smooth-menu"><a href="#experience">experience</a></li>
<li class="smooth-menu"><a href="#profiles">profile</a></li>
<li class="smooth-menu"><a href="#portfolio">portfolio</a></li>
<li class="smooth-menu"><a href="#clients">clients</a></li>
<li class="smooth-menu"><a href="#contact">contact</a></li>
</ul><!--/.nav -->
</div><!-- /.navbar-collapse -->
</div><!--/.container-->
</nav><!--/nav-->
<!-- End Navigation -->
</div><!--/.header-area-->
<div class="clearfix"></div>
</header><!-- /.top-area-->
<!-- top-area End -->
<!--welcome-hero start -->
<section id="welcome-hero" class="welcome-hero">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="header-text">
<h2>hi <span>,</span> i am <br> browny <br> star <span>.</span> </h2>
<p>ui/ux designer and web developer</p>
<a href="javascript:;" download="">download resume</a>
</div><!--/.header-text-->
</div><!--/.col-->
</div><!-- /.row-->
</div><!-- /.container-->
</section><!--/.welcome-hero-->
<!--welcome-hero end -->
<!--about start -->
<section id="about" class="about">
<div class="section-heading text-center">
<h2>about me</h2>
</div>
<div class="container">
<div class="about-content">
<div class="row">
<div class="col-sm-6">
<div class="single-about-txt">
<h3>
I am a Professional UI/UX Designer and Web developer. Consectetur an adipisi elita, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.
</h3>
<p>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspi unde omnis iste natus error sit voluptatem accusantium doloremque lauda ntium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam vo luptatem quia voluptas sit aspernatur aut odit aut fugit,
</p>
<div class="row">
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>phone</h3>
<p>987-123-6547</p>
</div>
</div>
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>email</h3>
<p>browny@info.com</p>
</div>
</div>
<div class="col-sm-4">
<div class="single-about-add-info">
<h3>website</h3>
<p>www.brownsine.com</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-offset-1 col-sm-5">
<div class="single-about-img">
<img src="static/picture/profile_image.jpg" alt="profile_image">
<div class="about-list-icon">
<ul>
<li>
<a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-dribbble" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li><!-- / li -->
<li>
<a href="#">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</li><!-- / li -->
</ul><!-- / ul -->
</div><!-- /.about-list-icon -->
</div>
</div>
</div>
</div>
</div>
</section><!--/.about-->
<!--about end -->
<!--education start -->
<section id="education" class="education">
<div class="section-heading text-center">
<h2>education</h2>
</div>
<div class="container">
<div class="education-horizontal-timeline">
<div class="row">
<div class="col-sm-4">
<div class="single-horizontal-timeline">
<div class="experience-time">
<h2>2008 - 2010</h2>
<h3>master <span>of </span> computer science
紫色宽屏大气html5响应式设计师个人主页模板
版权申诉
37 浏览量
2022-07-14
00:47:47
上传
评论
收藏 1.2MB RAR 举报
Zp_demo.demohuo.top_43.rar （72个子文件） 
Zp_demo.demohuo.top_43 
index.html 34KB static css 
owl.carousel.min.css 3KB flaticon.css 1KB bootstrap.min.css 116KB responsive.css 3KB owl.theme.default.min.css 936B bootsnav.css 34KB animate.css 51KB css.css 8KB font-awesome.min.css 30KB style.css 20KB image 
welcome-banner.jpg 83KB picture p5.jpg 5KB
favicon.png 1KB p3.jpg 19KB c1.png 2KB c2.png 4KB profile_image.jpg 145KB p2.jpg 7KB c7.png 3KB p1.jpg 6KB c6.png 3KB c5.png 2KB p4.jpg 8KB c3.png 3KB c4.png 3KB js jquery.js 84KB modernizr.min.js 11KB progressbar.js 21KB jquery.easing.min.js 2KB html5shiv.min.js 3KB respond.min.js 4KB bootsnav.js 27KB bootstrap.min.js 36KB owl.carousel.min.js 42KB jquery.appear.js 1KB custom.js 3KB jquery.sticky.js 10KB font pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2 39KB fontawesome-webfont.eot 162KB pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2 5KB fontawesome-webfont.woff 96KB Flaticon.woff 3KB pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2 35KB pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2 5KB pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2 5KB pxiEyp8kv8JHgFVrJJnecmNE.woff2 5KB pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2 5KB pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2 5KB pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB pxiGyp8kv8JHgFVrLPTucHtA.woff2 7KB pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2 5KB Flaticon.eot 4KB pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 8KB fontawesome-webfont.woff2 75KB pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 7KB pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2 5KB pxiGyp8kv8JHgFVrLPTufntAKPY.woff2 5KB pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2 37KB fontawesome-webfont.ttf 162KB pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2 38KB Flaticon.ttf 4KB pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB pxiEyp8kv8JHgFVrJJfecg.woff2 8KB资源评论
