<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/circle.css" />
<title></title>
</head>
<body>
<nav class="navbar navbar-default nav-style">
<div class="container">
<div class="navbar-header">
<a href="###" class="navbar-brand">
<img src="img/logo.png"/>
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li><a href="fenlei.html">分类</a></li>
<li><a href="shiping.html">视频</a></li>
<li><a href="quanzi.html">圈子</a></li>
<li><a href="bisai.html">比赛</a></li>
<li><a href="gengduo.html">更多</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li><a href="###"><span class="glyphicon glyphicon-search"></span></a></li>
<li><a href="###"><span class="glyphicon glyphicon-user"></span></a></li>
</ul>
</div>
</div>
</nav><!--导航结束-->
<div class="top_picture">
<img src="img/banner.png" style="width: 100%; height: 100%;">
<div class="top_picture_text_up">圈子 & Circle of Friends</div>
<div class="top_picture_text_down">
在这里,发现基于共同兴趣的同好;鼓励原创和分享精神;除了美好的摄影和技能,我们更在意影像背后价值观的认同。
</div>
</div>
<div class="center">
<img src="img/图层 40.png">
<div class="center_pic" style="margin-left: 19%;">
<img src="img/图层 44.png" style="width:100%; height:90%">
</div>
<div class="center_text" style="margin-left: 29%;">
<p class="tab-p" style="font-family: '微软雅黑'">Patrick</p>
</div>
<div class="center_pic" style="margin-left: 48%;">
<img src="img/图层 45.png" style="width:100%; height:90%">
</div>
<div class="center_text" style="margin-left: 59%;">
<p class="tab-p" style="font-family: '微软雅黑'">喜欢</p>
</div>
<div class="center_pic" style="margin-left: 72%;">
<img src="img/图层 46.png" style="width:100%; height:90%">
</div>
<div class="center_text" style="margin-left: 84%;">
<p class="tab-p" style="font-family: '微软雅黑'">作品</p>
</div>
</div>
<div class="main">
<div class="main_left" id="d1">
<div class="main_left_body" id="m1">
<div class="main_left_body_top">
<img src="img/头像1.png" class="img-responsive " width=60 height=60>
<div class="main_left_body_top_message">
<div class="main_left_body_top_message_name">ZSANDERY</div>
<div class="main_left_body_top_message_time">2018年3月2号</div>
</div>
<div class="left_body_top_unfollow_pic">
<div class="left_body_top_unfollow_block">
<img id="i1" src="img/图层 36 拷贝 2.png"img-responsive" style="width: 100%;">
</div>
</div>
</div>
<div class="main_left_body_main">
<div class="container-fluid">
<div class="row">
<div class=" col-md-4 col-lg-3" style="text-align: center;">
<img id="img1" src="img/图层 19.png" class="img-responsive center-block">
</div>
<div class=" col-md-4 col-lg-3 ">
<img id="img2" src="img/图层 20.png" class="img-responsive center-block">
</div>
<div class=" col-md-4 col-lg-3">
<img id="img3" src="img/图层 21.png" class="img-responsive center-block">
</div>
<div class=" col-md-4 col-lg-3 ">
<img id="img4" src="img/图层 22.png" class="img-responsive center-block">
</div>
</div>
</div>
</div>
<div class="main_left_body_main_text" style="overflow: hidden;">
#<b>SIGMA</b># From Russia with RED<br />NIKON D750,UNKNOWN(121)20mm<br />
光圈:1.4,快门:1/100秒,ISO200<br />
焦距:20.0mm(35 min equivalent:20.0 mm)<br />
白平衡:Auto
</div>
<div class="main_left_body_main_bottom">
<span class="glyphicon glyphicon-share" aria-hidden="true" style="margin-right: 3%;"></span>
<p>124</p>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
<p>82</p>
<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
</div>
</div>
<div class="main_left_body" id="m2">
<div class="main_left_body_top">
<img src="img/头像2.png" class="img-responsive " width=60 height=60>
<div class="main_left_body_top_message">
<div class="main_left_body_top_message_name">Thomas看世界</div>
<div class="main_left_body_top_message_time">2018年3月1号</div>
</div>
<div class="left_body_top_unfollow_pic">
<div class="left_body_top_unfollow_block">
<img id="i1" src="img/图层 36 拷贝 2.png" class="img-responsive center-block" style="width: 100%;">
</div>
</div>
</div>
<div class="main_left_body_main" style="margin-top: 2%;">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<img src="img/视频.png" class="img-responsive center-block">
</div>
<div class="col-lg-6">
<div class="main_left_body_main_text1" style="height:100% ;overflow: hidden;">
#<b>科罗拉多小夜曲</b># 世界七大自然奇迹之一,每年有无数游客前往大峡谷国家公园浏览。
然而途径科罗拉多河的浏览者却为数不多。科罗拉多河起于马布尔峡谷,一路蜿蜒2330千米。
此次我沿科罗拉多河捕捉这篇苍茫美丽大地上震撼的夜空美景。让星归于黑夜,
让云自由飘散,美丽长存人间。<br /><br/>
Canon 5DIV,5DSR&6D<br />音乐:Matt Hill
</div>
</div>
</div>
</div>
</div>
<div class="main_left_body_main_bottom">
<span class="glyphicon glyphicon-share" aria-hidden="true" style="margin-right: 3%;"></span>
<p>124</p>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
<p>82</p>
<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
</div>
</div>
<div class="main_left_body" id="m3">
<div class="main_left_body_top">
<img src="img/头像3.png" class="img-responsive" width=60 height=60>
<div class="main_left_body_top_message">
<div class="main_left_body_top_message_name">照片拖延症</div>
<div class="main_left_body_top_message_time">2018年2月27号</div>
</div>
<div class="left_body_top_unfollow_pic">
<div class="left_body_top_unfollow_block">
<img id="i1" src="img/图层 36 拷贝 2.png" class="img-responsive" style="width: 100%;">
</div>
</div>
</div>
<div class="main_left_body_mai