<!DOCTYPE html>
<html lang="en-US">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>Watch This!</title>
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Poppins%3A600%7CKarla%3A400%2C700%2C400italic%2C700italic%7CCourgette%7CMontserrat%3A400%2C700%7CHind%3A400%7COpen+Sans&amp;subset=latin&amp;ver=4.8.14" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/theme.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/font-awesome.min.css" media="all">
		<link rel="stylesheet" href="css/hoverex-all.css" media="all">
		<script type="text/javascript" src="js/jquery.js"></script>
	</head>
	<body class="home header_7 header_transparency ">
		<div class="viewport  ">
			<div class="header_wrapper header_7 normal background--light pos--left align_left" style="height: auto;">
				<header id="header" class="">
					<div class="container">
						<div class="row-fluid">
							<div class="span12">
								<!-- Logo -->
								<div id="logo" class="">
									<a href="http://watchthis.ir">WatchThis</a>  
								</div>
								<!-- #logo END -->
								<!-- Navigation -->
								<div id="navigation" class="nav_top pull-right pos_left ">
									<nav>
										<ul id="menu-menu-1" class="menu zeroone_megemenu dl-menu">
											<li class="menu-item menu-item-object-page menu-item-home current-menu-item page_item page-item-4 current_page_item"><a href="/">Home</a></li>
											<li class="menu-item menu-item-object-page"><a href="/about-me">About Me</a></li>
											<li class="menu-item menu-item-object-page"><a href="/contact">Contact</a></li>
										</ul>
									</nav>
								</div>
								<!-- #navigation -->
								<a href="#" id="open-left" class="mobile_small_menu open"><i class="fa fa-bars"></i></a>                
								<!--div class="header_widgetized">
									<div id="social_widget-2" class="widget social_widget">
									    <ul class="footer_social_icons circle">
									        <li class="facebook"><a href="#"><i class="fa fa-facebook-f"></i></a></li>
									        <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
									        <li class="dribbble"><a href="#"><i class="fa fa-dribbble"></i></a></li>
									        <li class="foursquare"><a href="#"><i class="fa fa-linkedin"></i></a></li>
									        <li class="email"><a href="#"><i class="fa fa-instagram"></i></a></li>
									    </ul>
									</div>
									</div-->
							</div>
						</div>
					</div>
					<!-- Responsive Menu -->
					<div class="row-fluid">
						<div class="row-fluid">
							<div class="menu-small">
								<ul id="mobile-menu" class="menu zeroone_megemenu dl-menu">
									<li class="menu-item menu-item-home current-menu-item page_item page-item-4 current_page_item"><a href="/">Home</a></li>
									<li class="menu-item menu-item-object-page"><a href="/about-me">About Me</a></li>
									<li class="menu-item menu-item-object-page"><a href="/contact">Contact</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- End Responsive Menu -->
				</header>
            </div>
            
			<div class="top_wrapper" style="float: none; width: inherit; display: block;">

<section id="content" class="content_portfolio fullwidth layout-fullwidth">
    <div class="row-fluid">
        <section id="portfolio-preview-items" class="one-cols no_space" data-cols="3">
            <div class="portfolio-item photo basic basic_effect" data-id="7032">
                <div class="he-wrap tpl2">
                    <img src="images/tehran_pano.jpg" alt=""> 
                </div>
                <div class="show_text">
                    <h5><a href="#">Tehran Pano</a></h5>
                    <h6>Landscape</h6>
                </div>
            </div>
        </section>

        <section id="portfolio-preview-items" class="two-cols no_space" data-cols="3">
            <div class="filterable row" id="MixItUpB1FA24">
                <div class="portfolio-item photo basic basic_effect" data-id="7032">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_3306.jpg" alt=""> 
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Green Hills</a></h5>
                        <h6>Landscape</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="7030">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_3382.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Spring Blossoms</a></h5>
                        <h6>Nature</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6524">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_6478.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Morning Lights</a></h5>
                        <h6>Sky</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6523">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_7108.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Bird Silhouette</a></h5>
                        <h6>Nature</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6520">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_7774.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Around The Sun</a></h5>
                        <h6>Sky</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6519">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_8402.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Persepolis</a></h5>
                        <h6>Architecture</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6518">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_8428.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Bas-Relief</a></h5>
                        <h6>Architecture</h6>
                    </div>
                </div>
                
                <div class="portfolio-item photo basic basic_effect" data-id="6517">
                    <div class="he-wrap tpl2">
                        <img src="images/IMG_8712.jpg" alt="">
                    </div>
                    <div class="show_text">
                        <h5><a href="#">Chamomiles</a></h5>
                        <h6>Nature</h6>
                    </div>
                </div>
                
            </div>
        </section>
    </div>
</section>
            </div>
            
			<!-- Footer -->
			<a href="#" class="scrollup" style="display: none;">Scroll</a> 
            <div class="footer_wrapper">
                <footer id="footer" class="">
                    <div class="inner">
                        <div class="container">
                            <div class="row-fluid ff">        	                        
                                <div class="span12">
                                    &copy; 2020 - All rights reserved.
                                    <!--div id="media_image-2" class="widget widget_media_image">
                                        <img width="260" height="140" src="images/fashion_footer-1.png" class="image wp-image-7050  attachment-full size-full" alt="" style="max-width: 100%; height: auto;">
                                    </div>
                                    <div id="social_widget-3" class="widget social_widget">
                                        <ul class="footer_social_icons circle">
                                            <li class="facebook"><a href="http://onero.ellethemes.com/fashion_photography/#"><i class="fa fa-facebook-f"></i></a></li>
                                            <li class="twitter"><a href="http://onero.ellethemes.com/fashion_photography/#"><i class="fa fa-twitter"></i></a></li>
                                            <li class="dribbble"><a href="http://onero.ellethemes.com/fashion_photography/#"><i class="fa fa-dribbble"></i></a></li>
                                            <li class="foursquare"><a href="http://onero.ellethemes.com/fashion_photography/#"><i class="fa fa-linkedin"></i></a></li>
                                            <li class="email"><a href="http://onero.ellethemes.com/fashion_photography/#"><i class="fa fa-instagram"></i></a></li>
                                        </ul>
                                    </div-->
                                </div>
                            </div>
                        </div>  
                        <div class="bg-overlay" style="background:rgba(246, 246, 246, 0.88)"></div>
                    </div>
                </footer>
            </div>
            <!-- #footer -->
		</div>
    </body>
</html>