<!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="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&subset=devanagari,latin-ext" rel="stylesheet">
<!-- title of site -->
<title>Home</title>
<!-- For favicon png -->
<link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png">
<!--font-awesome.min.css-->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!--flat icon css-->
<link rel="stylesheet" href="assets/css/flaticon.css">
<!--animate.css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--owl.carousel.css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<!--bootstrap.min.css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- bootsnav -->
<link rel="stylesheet" href="assets/css/bootsnav.css" >
<!--style.css-->
<link rel="stylesheet" href="assets/css/style.css">
<!--responsive.css-->
<link rel="stylesheet" href="assets/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="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/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="index.html">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="assets/download/browney.txt" 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="assets/images/about/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
HTML紫色唯美个人主页网站源码.zip （44个子文件） 
zisegerenzhuye zisegerenzhuye assets 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 font-awesome.min.css 30KB style.css 20KB images portfolio 
p5.jpg 5KB p3.jpg 19KB p2.jpg 7KB p1.jpg 6KB p4.jpg 8KB about welcome-banner.jpg 83KB profile_image.jpg 145KB clients 
c1.png 2KB c2.png 4KB c7.png 3KB c6.png 3KB c5.png 2KB c3.png 3KB c4.png 3KB logo favicon.png 1KB fonts fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB Flaticon.woff 3KB Flaticon.eot 4KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB Flaticon.ttf 4KB js jquery.js 84KB modernizr.min.js 11KB progressbar.js 21KB jquery.easing.min.js 2KB bootsnav.js 27KB bootstrap.min.js 36KB owl.carousel.min.js 42KB jquery.appear.js 1KB custom.js 3KB jquery.sticky.js 10KB
index.html 35KB 精品免费商业源码下载.url 150B 服务器之家.url 150B资源评论
智慧安全方案
- 粉丝: 3811
- 资源: 59万+
最新资源
- 基于MCU MC20P7012B 开发锂电池平衡充电管理+C语言项目源码+文档说明
- OpenAI接口管理+分发系统-AI中转计费平台系统源码.zip
- 【uniapp毕业设计】宠物商城源码（完整前后端+mysql+说明文档）.zip
- 容量退化前电池循环寿命的数据驱动预测（电池寿命预测精度排名第二方案）
- GetQzoneHistory_1.0.2_Single.zip
- 2024年黑龙江省普通高校专升本考生总成绩一分段统计表【39护理学】.xls
- mysql-installer-8.39
- 基于C#实现为电动车租赁开发的会员管理系统+项目源码+文档说明
- Docker bitnami/zookeeper:3.8.4镜像包
- 学习threejs，导入PLY格式的模型
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
