<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>UIPIXELS Bootstarp responsive Website Template| Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="./js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
</head>
<body>
<!-- header-section-starts -->
<div class="header">
<div class="header-banner">
<div class="container">
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li><a href="#ABOUT" class="scroll">ABOUT</a></li>
<li><a href="#WORK" class="scroll">WORK</a></li>
<li><a href="#BLOG" class="scroll">BLOG</a></li>
<li><a href="#CONTACT" class="scroll">CONTACT</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<div class="header-banner-info text-center">
<a href="#"><img src="./images/logo.png" alt="" /></a>
<h3>HELLO</h3>
<h1>my name is <span>Emrah,</span> </h1>
<p>I'm a UI/UX designer born in istanbul. </p>
<span class="line"></span>
<ul class="social-icons">
<li><a href="#"><i class="twitter"></i></a></li>
<li><a href="#"><i class="dribble"></i></a></li>
<li><a href="#"><i class="behance"></i></a></li>
</ul>
<label></label>
<ul class="details">
<li>Age : <a href="#">23</a></li>
<li>Country : <a href="#">TURKEY</a></li>
<li>Working at : <a href="#">FREELANCE</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- header-section-ends -->
<!-- content-section-starts -->
<div class="content-section">
<!-- about-section-starts -->
<div class="about-section" id="ABOUT">
<div class="container">
<div class="about-section-head text-center">
<img src="./images/head.png" alt="" />
<h3>ABOUT</h3>
<label></label>
<p>Do you want to know me?</p>
</div>
<div class="about-section-grids">
<div class="col-md-4 about-section-grid-1">
<h4>Who am I?</h4>
<p>Hello, my name is Emrah, I'm a UI/UX designer born in istanbul. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan elementum nunc.</p>
<p>Sed nec elit urna. Nam porttitor elit nec sapien cursus, non feugiat mi tempus. Sed pellentesque nisi a magna gravida, vel aliquet arcu imperdiet.</p>
<p>Cras vehicula libero eget turpis accumsan, non blandit felis tincidunt. Etiam non suscipit lectus. Cras et libero a libero lacinia semper et ac tortor. Nullam venenatis Dribbble nec imperdiet. Nulla tincidunt mauris Behance vestibulum, non hendrerit lacus condimentum. </p>
<ul class="social-icons">
<li><a href="#"><i class="twitter"></i></a></li>
<li><a href="#"><i class="dribble"></i></a></li>
<li><a href="#"><i class="behance"></i></a></li>
</ul>
</div>
<div class="col-md-4 about-section-grid-2 text-center">
<img src="./images/man.jpg" class="img-responsive" alt="" />
</div>
<div class="col-md-4 about-section-grid-3">
<h4>MY SKILLS</h4>
<p>Design Programs</p>
<div class="progress-grid">
<div class="meter red">
<span style="width:100%;">
<div class="progress_desc">Adobe Photoshop</div>
<div class="percent">100%</div>
<div class="clearfix"> </div>
</span>
</div>
<div class="meter animate">
<span style="width:65%;"><div class="progress_desc">adobe illustrator</div>
<div class="percent">75%</div>
<div class="clearfix"> </div>
</span>
</div>
<div class="meter">
<span style="width:55%;"><div class="progress_desc">Adobe InDesign</div>
<div class="percent">55%</div>
<div class="clearfix"> </div>
</span>
</div>
</div>
<p>Coding Programs</p>
<div class="progress-grid">
<div class="meter red">
<span style="width:80%;">
<div class="progress_desc">HTML / HTML5</div>
<div class="percent">80%</div>
<div class="clearfix"> </div>
</span>
</div>
<div class="meter animate">
<span style="width:72%;"><div class="progress_desc">CSS / CSS3</div>
<div class="percent">72%</div>
<div class="clearfix"> </div>
</span>
</div>
<div class="meter">
<span style="width:55%;"><div class="progress_desc">JavaScript / jquery</div>
<div class="percent">55%</div>
<div class="clearfix"> </div>
</span>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- about-section-ends -->
<!-- portfolio-section-starts -->
<div class="portfolio-section" id="WORK">
<div class="portfolio-section-top-row">
<div class="container">
<div class="portfolio-section-head text-center">
<h3>PORTFOLIO</h3>
<label></label>
<p>Do you want to know me?</p>
</div>
<div class="col-md-4 portfolio-section-top-row-left-grid">
<div class="project-name">
<span>project-name</span>
<h3>ios 7 Weather App Design</h3>
</div>
<div class="project-description">
<span>project description</span>
<ul>
<li><a href="#">Os 7 Design</a></li>
<li><a href="#">Weather App icons</a></li>
<li><a href="#">iPhone App Design</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetu et. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="address">
<span>project web site or address</span>
<a href="">http://www.uipixels.com/</a>
</div>
<div class="tags">
<span>tags</span>
<p>iPhone,iOs 7,Weather,App,Design,apple</p>
</div>
</div>
<div class="col-md-8 portfolio-section-top-row-right-grid">
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<img src="./images/img1.jpg" class="img-responsive" alt="">
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
` <img src="./images/img2.jpg" class="img-responsive" alt="">
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<img src="./images/img3.jpg" class="img-responsive" alt=""
个人UI设计服务响应式网页模板_html5 bootstrap 响应式模板UI前端源码.rar
17 浏览量
2023-08-01
14:03:16
上传
评论
收藏 1.29MB RAR 举报
个人UI设计服务响应式网页模板_html5 bootstrap 响应式模板UI前端源码.rar （115个子文件） 
bootstrap.css 118KB style.css 46KB style.css 25KB style.css 15KB popuo-box.css 5KB popuo-box.css 5KB
index.html 29KB index.html 29KB index.html 15KB
img3.jpg 87KB img2.jpg 78KB img1.jpg 76KB header-banner.jpg 66KB img2.jpg 65KB img1.jpg 62KB img3.jpg 54KB blog.jpg 47KB pic-1.jpg 25KB pic-2.jpg 25KB blog.jpg 22KB man.jpg 21KB pic2.jpg 20KB pic-3.jpg 19KB pic-7.jpg 18KB r3.jpg 17KB pic-4.jpg 15KB r1.jpg 15KB pic1.jpg 15KB header-banner.jpg 15KB pic2.jpg 14KB man.jpg 14KB pic3.jpg 14KB img1.jpg 14KB pic-6.jpg 13KB pic-8.jpg 12KB pic1.jpg 12KB pic-5.jpg 11KB pic7.jpg 11KB r4.jpg 11KB r2.jpg 11KB pic3.jpg 11KB pic5.jpg 9KB c1.jpg 9KB header-banner.jpg 9KB c1.jpg 9KB pic4.jpg 9KB pic8.jpg 9KB pic7.jpg 9KB pic6.jpg 8KB pic-8.jpg 8KB pic4.jpg 8KB pic5.jpg 7KB blog.jpg 7KB r3.jpg 6KB pic6.jpg 6KB pic-4.jpg 6KB r2.jpg 6KB r1.jpg 6KB pic8.jpg 5KB man.jpg 5KB pic-6.jpg 5KB r3.jpg 5KB pic-2.jpg 5KB pic-2.jpg 5KB pic-3.jpg 5KB pic-1.jpg 5KB pic-3.jpg 5KB pic-7.jpg 5KB r1.jpg 5KB r2.jpg 5KB pic-5.jpg 5KB pic-1.jpg 5KB pic-7.jpg 4KB pic-4.jpg 4KB pic-8.jpg 4KB pic-6.jpg 4KB pic-5.jpg 4KB r4.jpg 3KB r4.jpg 3KB c1.jpg 1KB jquery.min.js 92KB jquery.min.js 92KB jquery.magnific-popup.js 45KB jquery.magnific-popup.js 45KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB jquery.wmuSlider.js 12KB jquery.wmuSlider.js 12KB jquery.flexisel.js 8KB jquery.flexisel.js 8KB easing.js 5KB easing.js 5KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB
img-sprite.png 22KB img-sprite.png 22KB head.png 5KB tw.png 4KB共 115 条
- 1
- 2
资源评论
dunming_6725413
- 粉丝: 16
- 资源: 6951
