代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<title>The Eight</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/indent.css">
<link rel="stylesheet" href="fonts/fi/flaticon.css">
<link rel="stylesheet" type="text/css" href="tuner/css/colorpicker.css">
<link rel="stylesheet" type="text/css" href="tuner/css/styles.css">
</head>
<body>
<!-- header page-->
<header>
<!-- site top panel-->
<!-- site top panel-->
<div class="site-top-panel">
<div class="container">
<div class="row">
<div class="col-sm-6">
<!-- lang select wrapper-->
<div class="lang-wrap"><i class="icon-lang flaticon-earth-globe21"></i>Change your language
<select name="billing_lang" class="lang-change">
<option value="">English</option>
<option value="AX">Åland</option>
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
</select>
</div>
<!-- ! lang select wrapper-->
</div>
<div class="col-sm-6 text-right">
<!-- social wrapper-->
<div class="social-wrap"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
<!-- ! social wrapper-->
</div>
</div>
</div>
</div>
<!-- ! site top panel-->
<!-- ! site top panel-->
<!-- Navigation panel-->
<nav class="main-nav js-stick">
<div class="full-wrapper relative clearfix container">
<!-- Logo ( * your text or image into link tag *)-->
<div class="nav-logo-wrap local-scroll"><a href="index.html" class="logo"><img src="img/the8-logo.png" data-at2x="img/the8-logo@2x.png" alt><img src="img/the8-logo-sticky.png" data-at2x="img/the8-logo-sticky@2x.png" alt class="sticky-logo"></a></div>
<!-- Main Menu-->
<div class="inner-nav desktop-nav">
<ul class="clearlist">
<!-- Item With Sub-->
<li><a href="index.html" class="mn-has-sub">Home <i class="fa fa-angle-down button_open"></i></a>
<ul class="mn-sub">
<li><a href="index.html">Standart Slider</a></li>
<li><a href="index-slider.html">Full-Screen Slider</a></li>
<li><a href="index-video.html">Video Background</a></li>
</ul>
</li>
<!-- End Item With Sub-->
<!-- Item With Sub-->
<li><a href="page-about-us.html" class="mn-has-sub active">Pages <i class="fa fa-angle-down button_open"></i></a>
<!-- Sub-->
<ul class="mn-sub">
<li><a href="page-about-us.html">About Us</a></li>
<li><a href="page-services.html">Services</a></li>
<li><a href="page-procces.html">Our Procces</a></li>
<li><a href="page-our-team.html">Our Team</a></li>
<li class="active"><a href="page-profile.html">Profile</a></li>
<li><a href="page-components.html">Components</a></li>
</ul>
<!-- End Sub-->
</li>
<!-- End Item With Sub-->
<!-- Item With Sub-->
<li><a href="portfolio-3-col.html" class="mn-has-sub">Portfolio <i class="fa fa-angle-down button_open"></i></a>
<!-- Sub-->
<ul class="mn-sub">
<li><a href="portfolio-3-col.html">Three Columns</a></li>
<li><a href="portfolio-4-col.html">Four Columns</a></li>
<li><a href="portfolio-with-sidebar.html">With Sidebar</a></li>
<li><a href="portfolio-gallery.html">Gallery</a></li>
<li><a href="page-portfolio-single.html">Portfolio Single</a></li>
</ul>
<!-- End Sub-->
</li>
<!-- End Item With Sub-->
<!-- Item With Sub-->
<li><a href="blog-sidebar-right.html" class="mn-has-sub">Blog <i class="fa fa-angle-down button_open"></i></a>
<!-- Sub-->
<ul class="mn-sub">
<li><a href="blog-2-col.html" class="mn-has-sub">Columns<i class="fa fa-angle-right pull-right button_open"></i></a>
<ul class="mn-sub to-left">
<li><a href="blog-2-col.html">Two Columns</a></li>
<li><a href="blog-2-col-sidebar.html">Two Columns + Sidebar</a></li>
<li><a href="blog-3-col.html">Three Columns</a></li>
</ul>
</li>
<li><a href="blog-sidebar-right.html">Blog Right Sidebar</a></li>
<li><a href="blog-medium-img.html">Medium Images</a></li>
<li><a href="blog-small-img.html">Small Images</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
<!-- End Sub-->
</li>
<!-- End Item With Sub-->
<!-- Item With Sub-->
<li><a href="shop-grid.html" class="mn-has-sub">Shop <i class="fa fa-angle-down button_open"></i></a>
<!-- Sub-->
<ul class="mn-sub">
<li><a href="shop-grid.html">Shop Grid</a></li>
<li><a href="shop-cart.html">Shop Cart</a></li>
<li><a href="shop-checkout.html">Shop Checkout</a></li>
<li><a href="shop-single.html">Shop Single Product</a></li>
</ul>
<!-- End Sub-->
</li>
<!-- End Item With Sub-->
<!-- Item-->
<li><a href="page-contact.html">Contact</a></li>
<!-- End Item-->
<!-- Cart-->
<li class="menu-shop-card"><a href="#" class="mn-has-sub"><i class="flaticon-shopping-carts6 button_open"><span>2</span></i></a>
<ul class="mn-sub right">
<li>
<aside class="widget-top-sellers shop-cart-menu">
<p>You have
<span2 class="tx-color-2">item(s)</span2> in your shopping bag
</p>
<!-- item recent post-->
<div class="item-top-sellers clearfix"><img src="pic/shop/70x70/6.jpg" data-at2x="pic/shop/70x70/6@2x.jpg" alt>
<h3 class="title"><a href="shop-single.html">Phasellus accumsan cur</a></h3>
<div class="price">1 x $55.00</div>
</div>
<!-- ! item recent post-->
<!-- item recent post-->
<div class="item-top-sellers clearfix"><img src="pic/shop/70x70/1.jpg" data-at2x="pic/shop/70x70/1@2x.jpg" alt>
<h3 class="title"><a href="shop-single.html">Aenean posuere tortor</a></h3>
<div class="price">3 x $120.00</div>
</div>
<!-- ! item recent post-->
<hr class="mt-10 mb-10">
<div class="sub-total clearfix">Sub Total: <span>$2400</span></div>
<hr class="mt-10 mb-10">
<div class="row">
<div class="col-xs-6"><a href="shop-cart.html" class="cws-button full-width">View Cart</a></div>
<div class="col-xs-6"><a href="shop-checkout.html" class="cws-button full-width">Checkout</a></div>
</div>
</aside>
</li>
</ul>
</li>
<!-- End Cart-->
<!-- Search-->
<li class="search"><a href="#" class="mn-has-sub"><i class="flaticon-magnifying-glass34 search-icon"></i></a>
<ul class="search-sub">
<li>
<div class="container">
<div class="mn-wrap">
<form method="post" class="form">
<div class="search-wrap">
<input type="text" placeholder="Search . . ." class="form-control search-field">
</div>
</form>
</div>
<div class="close-button flaticon-cancel30"></div>
</div>
</li>
</ul>
</li>
<!-- End Search-->
</ul>
</div>
<!-- End Main Menu-->
</div>
</nav>
<!-- End Navigation panel-->
<!-- breadcrumbs start-->
<section class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1>Team Member</h1>
</div>
<div class="col-sm-6 text-right breadcrumbs-item"><a href="index.html">home</a><i class="fa fa-angle-right"></i><a href="page-components.html">Pages</a><i class="fa fa-angle-right"></i><a href="#">Profile</a></div>
</div>
</div>
</section>
<!-- ! breadcrumbs end-->
</header>
<!-- ! header page-->
<!-- page section about-->
<section class="page-section pb-40">
<div class="container clearfix">
<!-- media-->
<div class="pic img-float-left"><img src="pic/team/350x350-1.jpg" data-at2x="pic/team/350x350-1@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/team/350x350-1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="#" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! media-->
<div class="overflow-h">
<!-- section titles-->
<h2 class="title-section mt-0 mb-0"><span>Mary Doe</span> / Graphic Designer </h2>
<!-- ! section title-->
<div class="divider gray left mt-20 mb-20"></div>
<p class="mb-30">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam.</p>
<!-- list-->
<ul class="mb-30">
<li>Etiam lobortis nulla mi, ac lacinia mauris congue eu</li>
<li>Donec tempor erat vel scelerisque posuere</li>
<li>Nam elementum elit eget tellus faucibus euismod</li>
<li>Aliquam turpis nibh, dictum eu consequat</li>
</ul>
<!-- ! lists-->
<!-- social-->
<div class="social-link"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
<!-- ! social-->
</div>
</div>
<!-- list-->
</section>
<!-- ! page section about-->
<!-- divider-->
<div class="container">
<hr class="mt-0 mb-0">
</div>
<!-- ! divider-->
<!-- section skills-->
<section class="page-section pt-60 pb-60">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<!-- title section-->
<h2 class="title-section text-center mt-0 mb-0">My Skills</h2>
<!-- ! title section-->
<div class="divider gray mt-20 mb-25"></div>
<p class="text-center mb-50">Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus gravida semper nisi. Nullam vel sem. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.</p>
</div>
</div>
<div class="row mt-0">
<div class="col-sm-6">
<!-- skill bar item-->
<div class="skill-bar st-color-2">
<div class="name">Branding<span class="skill-bar-perc"></span></div>
<div class="bar"><span data-value="60" class="cp-bg-color skill-bar-progress"></span></div>
</div>
<!-- ! skill bar item-->
<!-- skill bar item-->
<div class="skill-bar st-color-4">
<div class="name">Development<span class="skill-bar-perc"></span></div>
<div class="bar"><span data-value="70" class="cp-bg-color skill-bar-progress"></span></div>
</div>
<!-- ! skill bar item-->
</div>
<div class="col-sm-6 mt-sm-20">
<!-- skill bar item-->
<div class="skill-bar">
<div class="name">Design<span class="skill-bar-perc"></span></div>
<div class="bar"><span data-value="80" class="cp-bg-color skill-bar-progress"></span></div>
</div>
<!-- ! skill bar item-->
<!-- skill bar item-->
<div class="skill-bar st-color-3">
<div class="name">Support<span class="skill-bar-perc"></span></div>
<div class="bar"><span data-value="90" class="cp-bg-color skill-bar-progress"></span></div>
</div>
<!-- ! skill bar item-->
</div>
</div>
</div>
</section>
<!-- ! section skills-->
<!-- divider-->
<div class="container">
<hr class="mt-0 mb-0">
</div>
<!-- ! divider-->
<!-- section filter-->
<section class="page-section pt-50 pb-60">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<!-- title section-->
<h2 class="title-section text-center mt-0 mb-0">Latest Works</h2>
<!-- ! title section-->
<div class="divider gray mt-20 mb-25"></div>
<p class="text-center mb-30">Curabitur at lacus ac velit ornare lobortis. Curabitur a felis in nunc fringilla tristique. Morbi mattis ullamcorper velit. Phasellus gravida semper nisi. Nullam vel sem. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.</p>
</div>
</div>
</div>
<!-- filter-->
<div class="isotop-container">
<div class="container">
<div class="filter-buttons mb-40">
<!-- filter controls--><a href="#" data-filter=".video" class="filter-button active">Video</a><a href="#" data-filter=".photo" class="filter-button">Photos</a>
<!-- ! filter controls-->
</div>
</div>
<div class="isotope-grid full-width-isotope">
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-1.jpg" data-at2x="pic/portfolio/img-1@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-2.jpg" data-at2x="pic/portfolio/img-2@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-2@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-3.jpg" data-at2x="pic/portfolio/img-3@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-3@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-4.jpg" data-at2x="pic/portfolio/img-4@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-4@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-5.jpg" data-at2x="pic/portfolio/img-5@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-5@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-6.jpg" data-at2x="pic/portfolio/img-6@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-6@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-7.jpg" data-at2x="pic/portfolio/img-7@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-7@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-8.jpg" data-at2x="pic/portfolio/img-8@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-8@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-9.jpg" data-at2x="pic/portfolio/img-9@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-9@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-10.jpg" data-at2x="pic/portfolio/img-10@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-10@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-11.jpg" data-at2x="pic/portfolio/img-11@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-11@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item video"><img src="pic/portfolio/img-12.jpg" data-at2x="pic/portfolio/img-12@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-12@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-12.jpg" data-at2x="pic/portfolio/img-12@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-12@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-11.jpg" data-at2x="pic/portfolio/img-11@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-11@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-10.jpg" data-at2x="pic/portfolio/img-10@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-10@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-9.jpg" data-at2x="pic/portfolio/img-9@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-9@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-8.jpg" data-at2x="pic/portfolio/img-8@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-8@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-7.jpg" data-at2x="pic/portfolio/img-7@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-7@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-6.jpg" data-at2x="pic/portfolio/img-6@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-6@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-5.jpg" data-at2x="pic/portfolio/img-5@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-5@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-4.jpg" data-at2x="pic/portfolio/img-4@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-4@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-3.jpg" data-at2x="pic/portfolio/img-3@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-3@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-2.jpg" data-at2x="pic/portfolio/img-2@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-2@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
<!-- isotop item-->
<div class="pic isotope-item photo"><img src="pic/portfolio/img-1.jpg" data-at2x="pic/portfolio/img-1@2x.jpg" alt>
<div class="hover-effect alt"></div>
<div class="links"><a href="pic/portfolio/img-1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a><a href="page-portfolio-single.html" class="link-icon alt flaticon-return13"></a></div>
</div>
<!-- ! isotop item-->
</div>
</div>
<!-- ! filter-->
</section>
<!-- ! section filter-->
<!-- section twitter-->
<section class="page-section pt-70 pb-140">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<!-- title section-->
<h2 class="title-section text-center mt-0 mb-0">My Twitter</h2>
<!-- ! title section-->
<div class="divider gray mt-20 mb-30"></div>
<!-- twitter full screen-->
<div class="twitter-1 full-screen"></div>
<!-- ! twitter full screen-->
</div>
</div>
</div>
</section>
<!-- ! section twitter-->
<!-- footer-->
<footer class="footer">
<div class="container">
<div class="row cws-multi-col">
<div class="col-md-3 col-sm-6 mb-md-50">
<div class="widget-footer text">
<h3>About</h3>
<div class="divider"></div>
<p>Ut tincidunt nisl sapien, eget gravida quama vestibulum vitae. Ut ultrices purus quis tinci dunt rutrum proin commodo ipsum.</p>
<p>Vestibulum vitae nisl quis elit tristique egesi tas eget sed nisi. Etiam mi sapien, luctus ac tempor quis, varius eu neque.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-md-50">
<div class="widget-footer">
<h3>Recent posts</h3>
<div class="divider"></div>
<div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/7.jpg" data-at2x="pic/footer/7@2x.jpg" alt></a>
<h4 class="recent-title"><a href="blog-single.html">Morbi Iaculis</a></h4>
<p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
</div>
<div class="recent-item clearfix"><a href="blog-single.html"><img src="pic/footer/8.jpg" data-at2x="pic/footer/8@2x.jpg" alt></a>
<h4 class="recent-title"><a href="blog-single.html">Praesent sagittis</a></h4>
<p>Ut tincidunt nisl s apien, eget gravida sed nisi reet ... <a href="#">more</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-sm-50">
<div class="widget-footer">
<h3>Gallery</h3>
<div class="divider"></div>
<div class="gallery clearfix">
<div class="gallery-item">
<div class="pic"><img src="pic/footer/1.jpg" alt data-at2x="pic/footer/1@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/1@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
<div class="gallery-item">
<div class="pic"><img src="pic/footer/2.jpg" alt data-at2x="pic/footer/2@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/2@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
<div class="gallery-item">
<div class="pic"><img src="pic/footer/3.jpg" alt data-at2x="pic/footer/3@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/3@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
<div class="gallery-item">
<div class="pic"><img src="pic/footer/4.jpg" alt data-at2x="pic/footer/4@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/4@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
<div class="gallery-item">
<div class="pic"><img src="pic/footer/5.jpg" alt data-at2x="pic/footer/5@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/5@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
<div class="gallery-item">
<div class="pic"><img src="pic/footer/6.jpg" alt data-at2x="pic/footer/6@2x.jpg">
<div class="hover-effect alt">
<div class="links"><a href="pic/footer/6@2x.jpg" class="link-icon alt flaticon-magnifying-glass84 fancy"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="widget-footer">
<h3>Contact us</h3>
<div class="divider"></div>
<address>
<p>You can contact us via <a href="mailto:the8@gmail.com">the8@gmail.com</a></p><strong>Our address</strong>
<p>250 Biscayne Blvd. (North) 11st Floor New World Tower Miami, Florida 33148</p><strong>Our phone</strong><br><a href="tel:180012345678">1-800-123-45678</a>
</address>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-8">
<p>Copyrights ©2016: The8 - Premium Multipurpose WordPress Theme</p>
</div>
<div class="col-sm-4 text-right"><a href="#" class="cws-social flaticon-facebook55"></a><a href="#" class="cws-social flaticon-twitter1"></a><a href="#" class="cws-social fa fa-google-plus"></a><a href="#" class="cws-social flaticon-social-network106"></a><a href="#" class="cws-social flaticon-pinterest3"></a></div>
</div>
</div>
</div>
</footer>
<div id="scroll-top"><i class="fa fa-angle-up"></i></div>
<!-- ! footer-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript" src="js/cws_parallax.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/jquery.form.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--<script type="text/javascript" src="js/jquery.tweet.js"></script>-->
<script type="text/javascript" src="tuner/js/colorpicker.js"></script>
<script type="text/javascript" src="tuner/js/scripts.js"></script>
<script type="text/javascript" src="js/retina.min.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。