Difference between revisions of "Team:Tianjin/Community/Overview"

Line 129: Line 129:
 
<!-- ================ -->
 
<!-- ================ -->
 
 
−
<!-- ================ -->
+
−
<div class="section">
+
−
<div class="container">
+
−
<h1 class="text-center title" id="portfolio">Portfolio</h1>
+
−
<div class="separator"></div>
+
−
<p class="lead text-center">Lorem ipsum dolor sit amet laudantium molestias similique.<br> Quisquam incidunt ut laboriosam.</p>
+
−
<br>
+
−
<div class="row object-non-visible" data-animation-effect="fadeIn">
+
−
<div class="col-md-12">
+
−
 
+
−
<!-- isotope filters start -->
+
−
<div class="filters text-center">
+
−
<ul class="nav nav-pills">
+
−
<li class="active"><a href="#" data-filter="*">All</a></li>
+
−
<li><a href="#" data-filter=".web-design">Web design</a></li>
+
−
<li><a href="#" data-filter=".app-development">App development</a></li>
+
−
<li><a href="#" data-filter=".site-building">Site building</a></li>
+
−
</ul>
+
−
</div>
+
−
<!-- isotope filters end -->
+
−
 
+
−
<!-- portfolio items start -->
+
−
<div class="isotope-container row grid-space-20">
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-1">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-1-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-1.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
<div class="col-sm-6 col-md-3 isotope-item app-development">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-2.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-2">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>App Development</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-2">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-2" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-2-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-2.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-3.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-3">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-3-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-3-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-3.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item site-building">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-4.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-4">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Site Building</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-4">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-4" tabindex="-1" role="dialog" aria-labelledby="project-4-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-4-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-4.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item app-development">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-5.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-5">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>App Development</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-5">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-5" tabindex="-1" role="dialog" aria-labelledby="project-5-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-5-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-5.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-6.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-6">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-6">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-6" tabindex="-1" role="dialog" aria-labelledby="project-6-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-6-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-6.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item site-building">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-7.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-7">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Site Building</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-7">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-7" tabindex="-1" role="dialog" aria-labelledby="project-7-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-7-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-7.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-8.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-8">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-8">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-8" tabindex="-1" role="dialog" aria-labelledby="project-8-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-8-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-8.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-9.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-9">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-9">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-9" tabindex="-1" role="dialog" aria-labelledby="project-9-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-9-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-9.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
<div class="col-sm-6 col-md-3 isotope-item site-building">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-10.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-10">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Site Building</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-10">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-10" tabindex="-1" role="dialog" aria-labelledby="project-10-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-10-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-10.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
<div class="col-sm-6 col-md-3 isotope-item web-design">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-11.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-11">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>Web Design</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-11">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-11" tabindex="-1" role="dialog" aria-labelledby="project-11-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-11-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-11.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
<div class="col-sm-6 col-md-3 isotope-item app-development">
+
−
<div class="image-box">
+
−
<div class="overlay-container">
+
−
<img src="images/portfolio-12.jpg" alt="">
+
−
<a class="overlay" data-toggle="modal" data-target="#project-12">
+
−
<i class="fa fa-search-plus"></i>
+
−
<span>App Development</span>
+
−
</a>
+
−
</div>
+
−
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-12">Project Title</a>
+
−
</div>
+
−
<!-- Modal -->
+
−
<div class="modal fade" id="project-12" tabindex="-1" role="dialog" aria-labelledby="project-12-label" aria-hidden="true">
+
−
<div class="modal-dialog modal-lg">
+
−
<div class="modal-content">
+
−
<div class="modal-header">
+
−
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+
−
<h4 class="modal-title" id="project-12-label">Project Title</h4>
+
−
</div>
+
−
<div class="modal-body">
+
−
<h3>Project Description</h3>
+
−
<div class="row">
+
−
<div class="col-md-6">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
+
−
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<img src="images/portfolio-12.jpg" alt="">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="modal-footer">
+
−
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- Modal end -->
+
−
</div>
+
−
 
+
−
</div>
+
−
<!-- portfolio items end -->
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- section end -->
+
−
 
+
−
<!-- section start -->
+
 
<!-- ================ -->
 
<!-- ================ -->
 
<div class="section translucent-bg bg-image-2 pb-clear">
 
<div class="section translucent-bg bg-image-2 pb-clear">

Revision as of 02:57, 1 October 2016

TEAM TIANJIN

LOGO


Worthy




About Worthy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta officia, aspernatur.

desktop

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi adipisci illo, voluptatum ipsam fuga error commodi architecto, laudantium culpa tenetur at id, beatae placeat deserunt iure quas voluptas fugit eveniet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo ducimus explicabo quibusdam temporibus deserunt doloremque pariatur ea, animi a. Delectus similique atque eligendi, enim vel reiciendis deleniti neque aliquid, sit?

  • Lorem ipsum dolor sit amet
  • Reiciendis deleniti neque aliquid
  • Ipsam fuga error commodi
  • Lorem ipsum dolor sit amet
  • Dignissimos molestiae necessitatibus

Becessitatibus quae beatae possimus ullam

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi adipisci illo, voluptatum ipsam fuga error commodi architecto, laudantium culpa tenetur at id, beatae placeat deserunt iure quas voluptas fugit eveniet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo ducimus explicabo quibusdam temporibus deserunt doloremque pariatur ea, animi a. Delectus similique atque eligendi, enim vel reiciendis deleniti neque aliquid, sit?

Vitae dolores quam magnam accusantium nam, voluptatibus expedita delectus, dolorum odio magni ut nemo nihil ex earum pariatur molestias velit eveniet, facere autem saepe aut. Ut minima itaque porro facere. Cumque vitae autem, dignissimos molestiae necessitatibus culpa aliquam deleniti soluta sunt voluptatibus tenetur, unde dolorem eligendi doloribus quibusdam facere totam. Possimus atque deserunt numquam aliquam magnam, facilis officiis illo alias ipsa voluptas laborum, praesentium eveniet nobis velit voluptatem odio eligendi, corporis et iste distinctio! Repellendus, id, ad.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic.

Clients

You are Amazing!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure aperiam consequatur quo.

Someone famous in Source Title

Yeah!

Iure aperiam consequatur quo quis exercitationem reprehenderit dolor vel ducimus.

Someone famous in Source Title

Thank You!

Aperiam consequatur quo quis exercitationem reprehenderit suscipit iste placeat.

Someone famous in Source Title

Thank You!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure aperiam consequatur quo.

Someone famous in Source Title

Amazing!

Iure aperiam consequatur quo quis exercitationem reprehenderit dolor vel ducimus.

Someone famous in Source Title

Best!

Aperiam consequatur quo quis exercitationem reprehenderit suscipit iste placeat.

Someone famous in Source Title
client
client
client
client
client
client

10000+ Happy Clients!