<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>HTML摄影师网站源码</title>
<link rel="icon" href="favicon.png" type="image/png">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<div class="caption zoomIn wow animated">
<h2>探索地球上最壮丽的自然景观 <br/><strong>从雄伟的山脉到宁静的湖泊,一帧都是大自然的杰作</strong></h2>
</div>
<img class="" src="img/slide1.jpg" alt=""></div>
<div class="item">
<div class="caption zoomIn wow animated">
<h2>可爱的小动物正用期待的眼神望着镜头<br/><strong>眼神中充满了渴望和温柔,给它一个家,收获无限的爱</strong></h2>
</div>
<img class="" src="img/slide2.jpg" alt=""></div>
<div class="item">
<div class="caption zoomIn wow animated">
<h2>一只色彩斑斓的小动物正在站前方<br/><strong>羽毛在阳光下闪耀着耀眼的光芒,智慧与色彩探索自然界的奇妙</strong></h2>
</div><img class="" src="img/slide3.jpg" alt=""></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#carousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#carousel" data-slide="next">›</a>
</div>
<!--Header_section-->
<header id="header_wrapper">
<div class="container">
<div class="header_box">
<!--<div class="logo"><a href="#">Resume</a></div>-->
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">菜单导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="main-nav" class="collapse navbar-collapse navStyle">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#carousel" class="scroll-link">首页</a></li>
<li><a href="#aboutUs" class="scroll-link">关于我</a></li>
<li><a href="#service" class="scroll-link">我的技能</a></li>
<li><a href="#Portfolio" class="scroll-link">我的作品</a></li>
<li><a href="#experience" class="scroll-link">个人经历</a></li>
<li><a href="#contact" class="scroll-link">在线留言</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--Header_section-->
<section id="aboutUs"><!--Aboutus-->
<div class="inner_wrapper about-us aboutUs-container fadeInLeft animated wow">
<div class="container">
<h2>关于我</h2>
<h6>从平凡到非凡:我的摄影之旅</h6>
<div class="inner_section">
<div class="row">
<div class="col-md-6"> <img class="img-responsive" src="img/about1.png" alig=""> </div>
<div class="col-md-6">
<h3>用镜头讲述我的故事</h3>
<p>作为一名摄影师,我始终相信,摄影不仅仅是记录,更是讲述故事的方式。在我的作品中,我注重捕捉那些能够触动人心、引发共鸣的瞬间。无论是人物的神态、环境的氛围还是光影的交错,都是我讲述故事的重要元素</p>
<p>我的摄影风格以自然、真实为主,尽量避免过多的后期处理,以保持作品的原始韵味。我相信,真正的美丽往往隐藏在平凡之中,只要我们用心去发现,就能找到那些令人惊艳的瞬间。
在未来的日子里,我将继续探索摄影的无限可能,用镜头记录更多动人的故事。期待与你在摄影的世界里相遇,共同感受这份独特的魅力</p>
<ul class="about-us-list">
<li class="points">跟随我的镜头,一同探索地球上最壮丽的自然景观</li>
<li class="points">跟随我们的镜头,一同探索地球上最壮丽的自然景观</li>
<li class="points">跟随我们的镜头,一同探索地球上最壮丽的自然景观</li>
</ul><!-- /.about-us-list -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--Aboutus-->
<!--Service-->
<section id="service">
<div class="container">
<h2>我的技能</h2>
<h6>晨曦中的山脉:大自然的宏伟诗篇</h6>
<div class="service_wrapper">
<div class="row">
<div class="col-md-3">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-tree"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">摄影各类技术</h3>
<p class="animated fadeInDown wow">我擅长运用不同的摄影技术来捕捉精彩瞬间。无论是人像摄影中的光线运用、构图技巧,还是风光摄影中的曝光控制。 </p>
</div>
</div>
<div class="col-md-3">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-crosshairs"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">创意无限,视觉盛宴</h3>
<p class="animated fadeInDown wow">在摄影中,我注重创意构思和视觉表达。我能够根据不同的主题和场景,构思出独特的拍摄方案,并通过镜头将创意转化。 </p>
</div>
</div>
<div class="col-md-3">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-building-o "></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">摄影设备与软件操作</h3>
<p class="animated fadeInDown wow">我熟悉各类摄影设备的性能和特点,能够根据拍摄需求选择合适的器材。无论是高端的单反相机、专业的镜头便携的微单。 </p>
</div>
</div>
<div class="col-md-3">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-twitter"></i></span> </div>
<div class="service_block">
<h3 class="animated fadeInUp wow">客户沟通与需求分析</h3>
<p class="animated fadeInDown wow">摄影工作中,我注重与客户的沟通和需求分析。我能够耐心倾听客户的想法和要求,结合自身的专业知识和经验个性化的拍摄。 </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Service-->
<!-- Portfolio -->
<section id="Portfolio" class="content">
<!-- Container -->
<div class="container portfolio_title">
<!-- Title -->
<div class="section-title">
<h2>我的作品</h2>
<h6>创意的呼唤:自然中的自由灵魂</h6>
</div>
<!--/Title -->
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
页面数量:1页 网页主题:摄影网站模板、摄影介绍、个人摄影网站模板、网站模板 网页页面:首页、关于、我的技能、我的相册、个人经历、在线留言 页面实现元素:加载动画、滚动加载、导航 、轮播图、图文列表、选项卡切换、图片列表、文字列表、时间轴 按钮悬停、图片列表、图片悬停、文字悬停、表单 实现技术:HTML、CSS 、JQuery
资源推荐
资源详情
资源评论
收起资源包目录
HTML5摄影网站模板源码.zip (59个子文件)
HTML5摄影网站模板源码
js
wow.js 12KB
bootstrap.min.js 35KB
html5element.js 315B
respond-1.1.0.min.js 6KB
fancybox
blank.gif 43B
fancybox_loading.gif 4KB
jquery.fancybox.pack.js 23KB
fancybox_overlay.png 1003B
fancybox_sprite.png 1KB
Descr.WD3 863B
fancybox_sprite_402x.png 6KB
fancybox_loading_402x.gif 14KB
jquery.fancybox.css 6KB
jquery.isotope.js 43KB
html5shiv.js 2KB
jquery-1.11.0.min.js 94KB
jquery.nav.js 7KB
custom.js 4KB
jquery.easing.1.3.js 8KB
jquery-scrolltofixed.js 20KB
img
portfolio_pic1.jpg 149KB
about-img.jpg 65KB
portfolio_pic6.jpg 86KB
slide2.jpg 153KB
client_logo5.png 17KB
client_logo3.png 17KB
bg_head.jpg 74KB
team02.jpg 40KB
portfolio_pic5.jpg 97KB
logo.png 20KB
guy.jpg 34KB
client_logo2.png 16KB
team01.jpg 30KB
slide1.jpg 107KB
main2.jpg 150KB
portfolio_pic8.jpg 126KB
portfolio_pic2.jpg 75KB
slide4.jpg 87KB
slide3.jpg 216KB
portfolio_pic7.jpg 119KB
client_logo1.png 17KB
portfolio_pic4.jpg 67KB
client_logo4.png 18KB
team04.jpg 24KB
portfolio_pic3.jpg 65KB
twitter_bird.png 1KB
team03.jpg 31KB
about1.png 400KB
css
style.css 45KB
bootstrap.min.css 111KB
font-awesome.css 28KB
animate.css 67KB
animation.css 2KB
index.html 21KB
fonts
FontAwesome.otf 73KB
fontawesome-webfont.eot 71KB
fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB
fontawesome-webfont.ttf 138KB
共 59 条
- 1
资源评论
LilyCoder
- 粉丝: 1146
- 资源: 308
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 污水监控 环境监测 云平台
- JAVA实现捡金币闯关小游戏(附源码).zip
- FPGA滤波器设计教程,教你快速设计FIR滤波器并利用IP Core实现 清单: 教程文档一份,示例代码工程一份 文档性质产品
- 视频录制和实时流OBS-Studio-30.2.3-Windows
- 农业经济学名词解释.doc
- 汽车百年发展史.doc
- 浅析幼儿园利用乡土教育资源开发园本课程内容的尝试.doc
- 热电厂锅炉试题.doc
- 三年级数学[下册]脱式计算题300题.doc
- 生物圈是最大的生态系统教学案.doc
- 上学期期末考试七年级语文试卷.doc
- 摄影基础试题-学生版[多选].doc
- 税收不安全因素管理指标+解释.doc
- 水利工程概论复习试题及答案.doc
- 统编版二年级上册语文教学计划.doc
- 污染控制微生物学试题.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功