master

分支 (1)

管理

管理

master

test_11022
/
index.html

<!DOCTYPE HTML>
<html lang="en">
<head>
	<title>Photography</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8">

	<!-- Font -->
	<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700%7CAllura" rel="stylesheet">

	<!-- Stylesheets -->
	<link href="common-css/ionicons.css" rel="stylesheet">

	<link href="common-css/venobox.css" rel="stylesheet">

	<link href="02_Portfolio/css/styles.css" rel="stylesheet">

	<link href="02_Portfolio/css/responsive.css" rel="stylesheet">
	<style>
		.img-pop-home{
			width: 100%;
		}
	</style>

</head>
<body>

	<header><a class="logo" href="#"><img src="images/logo-white.png" alt="Logo" width="210"></a><a class="right-area" href="mailto:contact@colorlib.com">CONTACT@COLORLIB.COM</a>

		<a class="menu-nav-icon" data-menu="#main-menu"><i class="ion-navicon"></i></a>

		<ul class="main-menu" id="main-menu">
			<li><a href="01_Photography.html">首页</a></li>
			<li class="drop-down"><a href="#!">自然<i class="ion-arrow-down-b"></i></a>
				<ul class="drop-down-menu drop-down-inner">
					<li><a href="02_Portfolio.html">区位</a></li>
					<li><a href="03_Portfolio.html">720全景图</a></li>
				</ul>
			</li>
			<li class="drop-down"><a href="#!">历史<i class="ion-arrow-down-b"></i></a>
				<ul class="drop-down-menu drop-down-inner">
					<li><a href="04_Blog.html">Blog Page</a></li>
					<li><a href="05_Blog_Single.html">Blog Detail</a></li>
				</ul>
			</li>
			<li><a href="06_Regular_Page.html">人文</a></li>
		</ul>
	</header>
	<section class="gallery-area section-gap" id="gallery">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-60 col-lg-10">
							<div class="title text-center">
								<h1 class="mb-10"></h1>
								<p></p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-4" >
								<div class="row">
							<div class="col-lg-12">
									<a href="img/g1.jpg" class="img-pop-home" >
										<img class="img-fluid"  src="img/g1.jpg" alt="">
									</a>
							</div>
							<div class="col-lg-12">
									<a href="img/g2.jpg" class="img-pop-home">
										<img class="img-fluid"  src="img/g2.jpg" alt="">
									</a>
							</div>
						</div>
						</div>
						<div class="col-lg-8" >
								<div class="row">
									<div class="col-lg-12 " >
										<a href="img/g3.jpg" class="img-pop-home">
											<img class="img-fluid"   src="img/g3.jpg" alt="">
										</a>
									</div>
									<div class="col-lg-12">
											<div class="row">
												<div class="col-lg-6">
													<a href="img/g4.jpg" class="img-pop-home">
														<img class="img-fluid "  src="img/g4.jpg" alt="">
													</a>
												</div>
												<div class="col-lg-6">
													<a href="img/g5.jpg" class="img-pop-home">
														<img class="img-fluid" src="img/g5.jpg" alt="">
													</a>
												</div>
											</div>

									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</section>

	<!--<section class="main-section">
		<div class="p-grid-isotope">

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-1-300x500.jpg">
				<img src="images/porfolio-1-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-2-700x500.jpg">
				<img src="images/porfolio-2-700x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-3-550x500.jpg">
				<img src="images/porfolio-3-550x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-4-300x500.jpg">
				<img src="images/porfolio-4-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-5-300x500.jpg">
				<img src="images/porfolio-5-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-6-700x500.jpg">
				<img src="images/porfolio-6-700x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-7-550x500.jpg">
				<img src="images/porfolio-7-550x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-8-300x500.jpg">
				<img src="images/porfolio-8-300x500.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-18-550x500.jpg">
				<img src="images/porfolio-18-550x500.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-9-700x500.jpg">
				<img src="images/porfolio-9-700x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-10-300x500.jpg">
				<img src="images/porfolio-10-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-11-300x500.jpg">
				<img src="images/porfolio-11-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-12-550x500.jpg">
				<img src="images/porfolio-12-550x500.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-17-550x500.jpg">
				<img src="images/porfolio-17-550x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-13-550x500.jpg">
				<img src="images/porfolio-13-550x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-14-700x500.jpg">
				<img src="images/porfolio-14-700x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-15-550x500.jpg">
				<img src="images/porfolio-15-550x500.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-16-300x500.jpg">
				<img src="images/porfolio-16-300x500.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-19-550x500.jpg">
				<img src="images/porfolio-19-550x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-20-300x500.jpg">
				<img src="images/porfolio-20-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-21-300x500.jpg">
				<img src="images/porfolio-21-300x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-22-700x500.jpg">
				<img src="images/porfolio-22-700x500.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-23-300x380.jpg">
				<img src="images/porfolio-23-300x380.jpg" alt=""/></a></div>


			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-24-550x360.jpg">
				<img src="images/porfolio-24-550x360.jpg" alt=""/></a></div>

			<div class="p-item grid-sizer"><a class="venobox" href="images/porfolio-25-550x280.jpg">
				<img src="images/porfolio-25-550x280.jpg" alt=""/></a></div>

		</div><!-- p-grid -->
	</section><!-- main-section -->

	<footer>

		<p class="copyright">
			<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ion-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
		</p>

		<a class="show-thumb-btn" href="#">SHOW THUMBNAILS</a>

		<ul class="social-icons">
			<li><a href="#"><i class="ion-social-facebook-outline"></i></a></li>
			<li><a href="#"><i class="ion-social-twitter-outline"></i></a></li>
			<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
			<li><a href="#"><i class="ion-social-vimeo-outline"></i></a></li>
			<li><a href="#"><i class="ion-social-pinterest-outline"></i></a></li>
		</ul><!-- social-icons -->
	</footer>


	<!-- SCIPTS -->

	<script src="common-js/jquery-3.2.1.min.js"></script>

	<script src="common-js/isotope.pkgd.min.js"></script>

	<script src="common-js/venobox.min.js"></script>

	<script src="common-js/isotope.pkgd.min.js"></script>

	<script src="common-js/scripts.js"></script>

</body>
</html>