<!--A Design by W3layouts
Author: W3layout
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>PH Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<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>
<!-- Google Fonts --->
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript" src="./js/move-top.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>
</head>
<body>
<!-- Header Starts Here -->
<div class="main-header">
<div class="header" id="profile">
<div class="container">
<div class="header-top">
<span class="menu"></span>
<ul class="nav">
<li><a href="#profile" class="scroll">Profile</a></li>
<li><a href="#resume" class="scroll">Resume</a></li>
<li><a href="#work" class="scroll">Works</a></li>
<li class="active" class="scroll"><a href="#contact" class="scroll">Contact</a></li>
</ul>
<script>
$( "span.menu" ).click(function() {
$( ".header-top ul.nav" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
</div>
</div>
</div>
<!-- Header Ends Here -->
<!--- Banner Starts Here -->
<div class="banner">
<div class="container">
<div class="banner-top">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
<span class="line"></span>
</div>
<p>Hello, My name is jasmine meyer from ireland and I am a creative photographer.Praesent aliquet sem nec augue ornare dictum vitae at nunc.</p>
<a href="#resume" class="scroll"><img src="./images/scroll.png" class="scroll1" alt=""/></a>
</div>
</div>
</div>
<!--- Banner Ends Here -->
<!--- Social Bar Starts Here -->
<div class="social">
<div class="container">
<div class="social-top">
<ul class="social-ico">
<li><i class="tw"></i></li>
<li><i class="fa"></i></li>
<li><i class="gp"></i></li>
<li><i class="pin"></i></li>
</ul>
</div>
</div>
</div>
</div>
<!--- Social Bar Ends Here -->
<!--- Resume Starts Here --->
<div class="resume" id="resume">
<div class="container">
<div class="resume-top">
<h3>Resume</h3>
<small class="line1"><span> </span></small>
<p>Phasellus massa metus, pretium eu leo dapibus, elementum viverra libero. Duis vel mauris id justo accumsan pretium vel eu turpis. Ut hendrerit convallis magna. Duis faucibus ligula nec felis aliquet, at ultricies diam pellentesque.
Sed cursus erat eget rutrum consectetur.</p>
<a href="#">Employment</a>
</div>
<div class="scrollbar" id="ex3">
<div class="content">
<div class="resume-bot">
<h4>2012 - Present</h4>
<span> </span>
<h5>Director Photography</h5>
<a href="https://www.google.com">www.google.com</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, sagittis in Nam leo tortor Nam leo</p>
<small>tortor Vivamus</small>
</div>
<div class="resume-bot">
<h4>2010 - 2012</h4>
<span> </span>
<h5>Chairman Photographers</h5>
<a href="https://www.google.com">www.microsoft.com</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, sagittis in Nam leo tortor Nam leo</p>
<small>tortor Vivamus</small>
</div>
<div class="resume-bot">
<h4>2012 - Present</h4>
<span> </span>
<h5>Director Photography</h5>
<a href="https://www.google.com">www.google.com</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, sagittis in Nam leo tortor Nam leo</p>
<small>tortor Vivamus</small>
</div>
<div class="resume-bot">
<h4>2010 - 2012</h4>
<span> </span>
<h5>Chairman Photographers</h5>
<a href="https://www.google.com">www.microsoft.com</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus cursus egestas. Cras erat lorem, sagittis in Nam leo tortor Nam leo</p>
<small>tortor Vivamus</small>
</div>
</div>
</div>
<div class="clearfix"></div>
<a href="#work" class="scroll"><img src="./images/scroll2.png" class="scroll" alt=""/></a>
</div>
</div>
<!--- Resume Ends Here --->
<!--- Work Starts Here --->
<div class="work" id="work">
<div class="container">
<div class="work-top">
<h3>Work</h3>
<small class="line1"><span> </span></small>
<p>Phasellus massa metus, pretium eu leo dapibus, elementum viverra libero. Duis vel mauris id justo accumsan pretium vel eu turpis. Ut hendrerit convallis magna. Duis faucibus ligula nec felis aliquet, at ultricies diam pellentesque.</p>
<small class="work-tbot">Sed cursus erat eget rutrum consectetur.</small>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logo web">Digital</span></li>
<li><span class="filter active">/</span></li>
<li><span class="filter" data-filter="app">Landscapes</span></li>
<li><span class="filter">/</span></li>
<li><span class="filter" data-filter="card">Natural</span></li>
<li><span class="filter">/</span></li>
<li><span class="filter" data-filter="icon">Photography</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="./images/1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="./images/2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="./images/5.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
</div></a>
</div>
</div>
<div cl
摄影日志图片分享网页模板_html5 bootstrap 响应式模板UI前端源码.rar
31 浏览量
2023-08-01
14:02:54
上传
评论
收藏 1.13MB RAR 举报
摄影日志图片分享网页模板_html5 bootstrap 响应式模板UI前端源码.rar （83个子文件） 
html mobile css 
style.css 9KB
index.html 6KB images 
scroll2.png 3KB
2.jpg 17KB so2.png 3KB 6.jpg 18KB logo.png 5KB 1.jpg 16KB scroll3.png 3KB social1.png 3KB resume-bg.png 22KB resume-bot.png 3KB social4.png 3KB social2.png 3KB scroll4.png 3KB 5.jpg 24KB img-sprite.png 4KB so1.png 3KB scroll.png 4KB icon-eye.png 159B social3.png 3KB so3.png 3KB 3.jpg 21KB main-bg.jpg 38KB work-bg.png 29KB so4.png 3KB 4.jpg 13KB nav-icon.png 3KB smartphone js jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB jquery.jscrollpane.min.js 14KB easing.js 5KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 14KB popuo-box.css 4KB index.html 13KB images scroll2.png 3KB 2.jpg 17KB 6.jpg 18KB logo.png 5KB 1.jpg 16KB scroll3.png 3KB resume-bg.png 22KB resume-bot.png 3KB scroll4.png 3KB 5.jpg 24KB img-sprite.png 4KB scroll.png 4KB icon-eye.png 3KB 3.jpg 21KB main-bg.jpg 137KB work-bg.png 29KB 4.jpg 13KB nav-icon.png 3KB web js jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB jquery.jscrollpane.min.js 14KB easing.js 5KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 17KB popuo-box.css 4KB bootstrap.css 118KB index.html 17KB images scroll2.png 4KB 2.jpg 81KB 6.jpg 88KB logo.png 6KB 1.jpg 70KB scroll3.png 4KB resume-bg.png 22KB resume-bot.png 3KB scroll4.png 4KB 5.jpg 84KB img-sprite.png 6KB scroll.png 6KB icon-eye.png 159B 3.jpg 60KB main-bg.jpg 137KB work-bg.png 29KB 4.jpg 41KB nav-icon.png 3KB资源评论
