A Pen by Meem

Thumbnail
This awesome code was written by meemkarim, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright meemkarim ©

Technologies

  • HTML
  • CSS
  • JavaScript
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 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.0, maximum-scale=1.0, user-scalable=no" />
<title>Ego WordPress Theme Demo &#8211; Light - Just another UDTHEMES demo</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />

<link rel="stylesheet" type="text/css" href="http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/style.css" />

<link rel="shortcut icon" href="http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/z_usr/images/favicon.png" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand" />

<link rel="alternate" type="application/rss+xml" title="Ego WordPress Theme Demo - Light &raquo; Feed" href="http://demos.udthemes.com/ego/wordpress/light/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ego WordPress Theme Demo - Light &raquo; Comments Feed" href="http://demos.udthemes.com/ego/wordpress/light/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ego WordPress Theme Demo - Light &raquo; Home Comments Feed" href="http://demos.udthemes.com/ego/wordpress/light/home/feed/" />
<link rel='stylesheet' id='flexslider-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/flexslider.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/jquery.fancybox-1.3.4.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='udt_style-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/style.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='epicslider-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/epicslider.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='udt_shortcodes-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/udt_shortcodes.css?ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='udt-custom-content-css'  href='http://demos.udthemes.com/ego/wordpress/light/?udt-custom-content=css&#038;ver=4.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='udt_media_queries-css'  href='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/css/udt_media_queries.css?ver=4.0.1' type='text/css' media='all' />
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demos.udthemes.com/ego/wordpress/light/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demos.udthemes.com/ego/wordpress/light/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.0.1" />
<link rel='canonical' href='http://demos.udthemes.com/ego/wordpress/light/' />
<link rel='shortlink' href='http://demos.udthemes.com/ego/wordpress/light/' />

<script type="text/javascript">
	jQuery('head').append('<style>#wrapper, #footer{display:none;}</style>');
</script>

<style type="text/css">
/*h1,h2,h3,h4,h5,h6,h1 span,h2 span,h3 span,h4 span,h5 span, h6 span{text-transform:uppercase;}*/

</style>

</head>
<body class="home page page-id-15 page-template-default">

<!--start wrapper-->
<div id="wrapper">

		
	<!--start header-->
		<div class="header header-main">
			<div class="inner">
			<div class="logo-container">
				<div class="logo">
					<a class="navigateTo" href="http://demos.udthemes.com/ego/wordpress/light" title="Ego WordPress Theme Demo &#8211; Light"><img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/udf_foundry/images/logo.png" alt="Ego WordPress Theme Demo &#8211; Light" /></a>
				</div>
			</div>            
			
			<!--mobileMenu toggle-->
			<div class="mobileMenuToggle"><a href=""></a></div>
	
			<!--navigation-->
			<div class="menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-429" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-429"><a href="http://demos.udthemes.com/ego/wordpress/light/#homepage">Home</a></li>
<li id="menu-item-430" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-430"><a href="http://demos.udthemes.com/ego/wordpress/light/#about">About</a></li>
<li id="menu-item-431" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-431"><a href="http://demos.udthemes.com/ego/wordpress/light/#portfolio">Portfolio</a></li>
<li id="menu-item-432" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-432"><a href="http://demos.udthemes.com/ego/wordpress/light/#contact">Contact</a></li>
<li id="menu-item-428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428"><a href="http://demos.udthemes.com/ego/wordpress/light/blog/">Blog</a></li>
<li id="menu-item-631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-631"><a href="http://demos.udthemes.com/ego/wordpress/light/layout-styling/">Shortcodes</a>
<ul class="sub-menu">
	<li id="menu-item-627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-627"><a href="http://demos.udthemes.com/ego/wordpress/light/layout-styling/">Layout Styling</a></li>
	<li id="menu-item-628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-628"><a href="http://demos.udthemes.com/ego/wordpress/light/media/">Media</a></li>
	<li id="menu-item-629" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-629"><a href="http://demos.udthemes.com/ego/wordpress/light/ui/">UI</a></li>
</ul>
</li>
<li id="menu-item-630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-630"><a href="http://demos.udthemes.com/ego/wordpress/light/full-width/">Full Width</a></li>
</ul></div>			
		</div>
	</div>
	<!--end header-->
<div id="homepage" class="homepage section">
<div id="epicSlider1" class="epicSlider theme-default slider-wrapper">
<div id="slides">
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-22.jpg" alt="Slide 1" title="#homepage-caption-0" />
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-31.jpg" alt="Slide 3" title="#homepage-caption-1" />
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-122.jpg" alt="Slide 4" title="#homepage-caption-2" />
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-271.jpg" alt="Slide 5" title="#homepage-caption-3" />
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-212.jpg" alt="Slide 2" title="#homepage-caption-4" />
<img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slide-202.jpg" alt="Slide 6" title="#homepage-caption-5" />
</div>
<div class="epic-logo" id="homepage-caption-0">
<a class="navigateTo" href="#about">Ego Studios</a>
</div>
<div class="epic-caption epic-caption-striped bottomRight" id="homepage-caption-1">
<p><span class="size_5" >Fashion Week</span><br />
<span class="size_2" >Milan &#8211; Italy</span><br />
<a href="#/ego/wordpress/light/portfolio/photoshoot-milan/"><span class="size_6 font_variation" >View Shoot</span></a></p>

</div>
<div class="epic-caption epic-caption-elegant bottomLeft" id="homepage-caption-2">
<h5>Professional <span >Typography</span> Design</h5>
<p>Add a nice brief caption here that explains a slide in more detail.<br />
You can even add a nice little link<br />
<a href="http://demos.udthemes.com/ego/wordpress/light/#/ego/wordpress/light/portfolio/tunn-typo/"><span class="navigateTo"><span class="navigateTo">Click here</span></span></a></p>

</div>
<div class="epic-caption epic-caption-boxed bottomRight" id="homepage-caption-3">
<h5>This is <span >another</span> caption</h5>
<p>Add a nice brief caption here that explains a slide in more detail.<br />
You can even add a nice little link<br />
<a href="http://demos.udthemes.com/ego/wordpress/light/#/ego/wordpress/light/portfolio/mike-diamond/"><span class="navigateTo"><span class="navigateTo">Click here</span></span></a></p>

</div>
<div class="epic-caption epic-caption-impact" id="homepage-caption-4">
<div class="epic-table">
<div class="epic-table-cell">
<p><span class="size_2 font_variation" >A</span> <span class="size_2" >THEME</span> <span class="size_2 font_variation" >THAT</span><br />
<span class="size_2" >SCREAMS</span> <span class="size_2 font_variation" >WITH</span> <span class="size_2" >ATTITUDE</span><br />
<a class="navigateTo" href="#about"><span class="size_6 font_variation" >Discover Ego</span></a></p>

</div>
</div>
</div>
<div class="epic-graphic" id="homepage-caption-5">
<div class="epic-table">
<div class="epic-table-cell">
<p><a href="http://demos.udthemes.com/ego/wordpress/light/#/ego/wordpress/light/portfolio/high-octane/"><span class="navigateTo"><span class="navigateTo"><img class="alignnone size-full wp-image-317" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/slider-badge-32.png" alt="slider-badge-3" width="571" height="440" /></span></span></a></p>

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

</div>
</div>
<div id="about" class="section odd">
<div class="content clearfix">
<div class="section-title"><h2>Meet <span>Ego</span> <small>Discover <span>What</span> Makes <span>Us</span> Unique</small></h2></div><div class="column_one_third">
<div class="round-thumb-container " style="width:250px; max-width:100%; margin:auto;">
<div class="round-thumb"><a href="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-1-large.jpg" title="Photographer" class="lightbox"><img src="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-1.jpg" alt="" class="lazy" /></a></div>
<div class="fancybox-html">
<h3>Jason Adams</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">And a link here</a></p>
</div>
</div>
<h5 style="text-align: center;">Jason <span >Adams</span></h5>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor.</p>
<ul class="socialSmall" style="margin:auto;">
<li><a class="facebook" href="#" target="_blank"></a></li>
<li><a class="twitter" href="#" target="_blank"></a></li>
<li><a class="dribbble" href="#" target="_blank"></a></li>
</ul>
</div>
<div class="column_one_third">
<div class="round-thumb-container " style="width:250px; max-width:100%; margin:auto;">
<div class="round-thumb"><a href="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-3-large.jpg" title="Creative Director" class="lightbox"><img src="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-3.jpg" alt="" class="lazy" /></a></div>
<div class="fancybox-html">
<h3>Ellen Wood</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">And a link here</a></p>
</div>
</div>
<h5 style="text-align: center;">Ellen <span >Wood</span></h5>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor.</p>
<ul class="socialSmall" style="margin:auto;">
<li><a class="facebook" href="#" target="_blank"></a></li>
<li><a class="twitter" href="#" target="_blank"></a></li>
<li><a class="vimeo" href="#" target="_blank"></a></li>
</ul>
</div>
<div class="column_one_third last">
<div class="round-thumb-container " style="width:250px; max-width:100%; margin:auto;">
<div class="round-thumb"><a href="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-2-large.jpg" title="Designer" class="lightbox"><img src="http://demo.udthemes.com/ego/wordpress/dark/wp-content/uploads/2013/03/person-2.jpg" alt="" class="lazy" /></a></div>
<div class="fancybox-html">
<h3>George Lee</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">And a link here</a></p>
</div>
</div>
<h5 style="text-align: center;">George <span >Lee</span></h5>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor.</p>
<ul class="socialSmall" style="margin:auto;">
<li><a class="facebook" href="#" target="_blank"></a></li>
<li><a class="twitter" href="#" target="_blank"></a></li>
<li><a class="dribbble" href="#" target="_blank"></a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="divider" style="margin-top:0px; margin-bottom:30px; "></div>
<h4>Service <span >Breakdown</span></h4>
<div class="chart-container" style="">
<ul class="chart">
<li style="width:45%;">
<h6>Design</h6>
<div>45%</div>
</li>
<li style="width:35%;">
<h6>Photography</h6>
<div>35%</div>
</li>
<li style="width:20%;">
<h6>Videography</h6>
<div>20%</div>
</li>
</ul>
</div>
<div class="column_one_third">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor. Praesent molestie enim eget turpis ultrices blandit. In tincidunt faucibus dui, et blandit velit congue eget. Donec venenatis sollicitudin ante vitae fringilla. Quisque eget justo diam.</p>
</div>
<div class="column_one_third">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor. Praesent molestie enim eget turpis ultrices blandit. In tincidunt faucibus dui, et blandit velit congue eget. Donec venenatis sollicitudin ante vitae fringilla. Quisque eget justo diam.</p>
</div>
<div class="column_one_third last">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Aliquam erat volutpat. Nunc id augue at nibh pulvinar tempor a a tortor. Praesent molestie enim eget turpis ultrices blandit. In tincidunt faucibus dui, et blandit velit congue eget. Donec venenatis sollicitudin ante vitae fringilla. Quisque eget justo diam.</p>
</div>
<div style="clear:both;"></div>
</div>
<div id="teaser-about" class="teaser" style="background-image: url(http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/teaser-10.jpg);">
<div class="info-container"><div class="info"><div class="info-inner"><h5>Founder <span>Interview</span></h5>
<div class="video" style="width:600px; height:338px; margin: 0 auto 0 auto;"><iframe width="600px" height="338px" src="https://player.vimeo.com/video/40685356?title=0&amp;byline=0&amp;portrait=0&amp;color=ff005a&amp;autoplay=0&amp;loop=0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
</div></div></div>
<div class="section-button"><a class="page-up navigateTo" href="#about"></a></div>
</div></div>
<div id="portfolio" class="section odd">
<div class="content clearfix">
<div class="section-title"><h2>A <span>Collection</span> <small>of <span>Quality</span> and <span>professionalism</span></small></h2></div>
					<div id="ajaxwrapper">
						<div id="folio-navigation">
							<ul>
								<li id="prevProject"><a href="#"></a></li>
								<li id="closeProjectMobile"><a href="#"></a></li>
								<li id="nextProject"><a href="#"></a></li>
							</ul>
						</div>
						<div id="closeProject"><a href="http://demos.udthemes.com/ego/wordpress/light/#portfolio"></a></div>
						<div id="loader"></div>
						<div id="ajax-content-outer"><div id="ajax-content-inner"></div></div>
					</div>
					<div id="folio-grid">
<div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/identity/" title="A &amp; W" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-aw1-195x195.jpg" alt="A &amp; W" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/tunn-typo/" title="Tunn Typo" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-tunn-3-195x195.jpg" alt="Tunn Typo" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/high-octane/" title="High Octane" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/small-octane-195x195.jpg" alt="High Octane" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/mike-diamond/" title="Mike Diamond" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/small-mike-diamond-195x195.jpg" alt="Mike Diamond" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/iconic/" title="Iconic" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-iconic-195x195.jpg" alt="Iconic" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/milan-fashion/" title="Milan Fashion" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/small-milan-195x195.jpg" alt="Milan Fashion" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/better-typo/" title="Bitchy Typo" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-typefactory-195x195.jpg" alt="Bitchy Typo" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/manifesto/" title="Manifesto" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-E-195x195.jpg" alt="Manifesto" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/jackobs-identity/" title="Jackobs Identity" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-cigar-195x195.jpg" alt="Jackobs Identity" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/180/" title="Axe &amp; Hammer" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-axe-hammer-single-195x195.jpg" alt="Axe &amp; Hammer" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/photoshoot-milan/" title="Photoshoot Milan" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/fashion-week-195x195.jpg" alt="Photoshoot Milan" /></a></div></div><div class="folio-thumb-container"><div class="folio-thumb"><a href="http://demos.udthemes.com/ego/wordpress/light/portfolio/tunn-composition/" title="Tunn Composition" class="folio-link"><img class="lazy" src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/full-width-tunn-large-195x195.jpg" alt="Tunn Composition" /></a></div></div></div>
</div>
<div id="teaser-portfolio" class="teaser" style="background-image: url(http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/large-slide-9.jpg);">
<div class="info-container"><div class="info"><div class="info-inner"><blockquote class="quote " ><p>The most innovative designers consciously reject the standard option box and cultivate an appetite for thinking wrong.</p>
<p class="blockquote_cite">&#8211;Marty Neumeier</p>
</blockquote>
</div></div></div>
<div class="section-button"><a class="page-up navigateTo" href="#portfolio"></a></div>
</div></div>
<div id="contact" class="section odd">
<div class="content clearfix">
<div class="section-title"><h2>Contact <span>Us</span> <small>and <span>lets</span> have <span>a</span> discussion</small></h2></div>
	
		<div id="sidebar" class="left contact_sidebar">
		
			<ul>
			
			<li id="text-4" class="widget widget_text">			<div class="textwidget"><div class="round-thumb-container " style="width:250px; max-width:100%; margin:auto;"><div class="round-thumb"><a href="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=new+york&amp;aq=&amp;sll=37.09024,-95.712891&amp;sspn=31.977057,71.982422&amp;t=h&amp;ie=UTF8&amp;hq=&amp;hnear=New+York&amp;z=10&amp;ll=40.714353,-74.005973&amp;output=embed" title="Google Map" class="lightbox-iframe"><img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/map.jpg" alt="" class="lazy" /></a></div></div>
<p style="text-align:center">
Tel: +123 456 789<br />
E-mail: <a href="mailto:info@ego.com">mailto:info@ego.com</a><br />
Skype:Egostudio 767
</p>
<p style="text-align:center">
Fifth Ave. New York, NY 10153<br />
Contact Person: John Adams
</p></div>
		</li>
			
			</ul>
			
		</div>
		
	<div class="column_two_thirds last contact_wrapper"><h4>Send us a message</h4><p>Send us an e-mail and we will get back to you in 24 hours.</p>
<form action="http://demos.udthemes.com/ego/wordpress/light/" method="post" class="contactForm form" id="contact-form"><p class="udt_honey">
				<label for="udt_contact_honeypot">Leave this field blank if you're human</label><br>
				<input type="text" name="udt_contact_honeypot" id="udt_contact_honeypot" class="text-field" placeholder="">
			</p><p><input type="text" name="contactName" class="required" id="contactName" value="Name" /></p>
					<p><input type="text" name="contactEmail" class="required" id="contactEmail" value="E-mail" /></p>
					<p><input type="text" name="contactSubject" id="contactSubject" value="Subject" /></p>
					<textarea  class="required" name="contactMessage" id="contactMessage" rows="" cols="">Message</textarea>
					<input type="hidden" name="submitted" id="submitted" value="true" />
					<input type="submit" value="Send" class="submit submitTheme" id="submitContact" name="submitContact" />
					<span id="msg">* = required field</span>
				</form>
			</div>
			</div>
<div id="teaser-contact" class="teaser" style="background-image: url(http://demos.udthemes.com/ego/wordpress/light/wp-content/uploads/2013/03/teaser-2.jpg);">
<div class="info-container"><div class="info"><div class="info-inner"><h5>Visit us in New York</h5>
<div class="map" id="map_canvas" style="width:100%; height:300px; float:none;"> <script type="application/json">{map_lat:'40.790278', map_long:'-73.959722', map_zoom:'15', map_marker:'custom', map_info_title:'', map_info_content:'Ego Studios - Manhattan, New York City'}</script></div>
</div></div></div>
<div class="section-button"><a class="page-up navigateTo" href="#contact"></a></div>
</div></div>

	<div class="clear" style="height:300px;"></div>

</div>        
<!--end wrapper--> 

<!--start footer-->
<div id="footer">
	<div class="footer_content_wrapper">
		<div class="content">
			<ul class="socialSmall"><li><a href="https://twitter.com/udthemes" title="Twitter" class="twitter">Twitter</a></li><li><a href="https://www.facebook.com/unlimitdesign" title="Facebook" class="facebook">Facebook</a></li><li><a href="https://plus.google.com/+udthemes" title="Google+" class="googleplus">Google+</a></li></ul>			
			<div class="logo">
				<a class="navigateTo" href="http://demos.udthemes.com/ego/wordpress/light" title="Ego WordPress Theme Demo &#8211; Light"><img src="http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/z_usr/images/footer_logo.png" alt="Ego WordPress Theme Demo &#8211; Light" /></a>
			</div>
			<p class="copyright">&copy;2014. All Rights Reserved.<br />WordPress Theme by <a href="http://www.udthemes.com" title="Premium WordPress Themes - UDTHEMES">UDTHEMES</a></p>
		</div>
	</div>
</div>
<!--end footer-->

<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-includes/js/comment-reply.min.js?ver=4.0.1'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.mobile-touch-swipe-1.0.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/iOS-timer.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.easing.1.3.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.epicslider.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.flexslider-min-edited.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/waypoints.min.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.parallax-1.1.3.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.ajaxloading.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/onepage.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.fancybox-1.3.4.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/jquery.metadata.js?ver=4.0.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var udt_global_vars = {"template_dir":"http:\/\/demos.udthemes.com\/ego\/wordpress\/light\/wp-content\/themes\/ego\/","scroll_speed":"600","contact_form_required_fields_label_ajax":"This is a required field.","contact_form_warning":"Please verify fields and try again.","contact_form_email_warning":"Please enter a valid e-mail address and try again.","contact_form_error":"There was an error sending your email. Please try again later.","contact_form_success_message":"Thanks, we got your mail and will get back to you in 24h!","contactFormDefaults_name":"Name","contactFormDefaults_email":"E-mail","contactFormDefaults_subject":"Subject","contactFormDefaults_message":"Message","commentFormDefaults_author":"Name","commentFormDefaults_email":"E-mail","commentFormDefaults_url":"http:\/\/","searchFormDefaults_search":"Search","epic_slideshow":"1","epic_autoplay":"1","epic_slide_timer":"3500","epic_slide_animation_speed":"600","epic_slide_animation":"leftToRight","epic_mobile_slide_animation":"leftToRight","epic_easing":"20","flexslider_autoplay":"1","flexslider_slide_timer":"3000","flexslider_slide_animation_speed":"600","map_controls":"1","map_image_marker":"http:\/\/demos.udthemes.com\/ego\/wordpress\/light\/wp-content\/themes\/ego\/z_usr\/images\/map_marker.png"};
/* ]]> */
</script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/common.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/udt_shortcodes.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://demos.udthemes.com/ego/wordpress/light/wp-content/themes/ego/js/contact.js?ver=4.0.1'></script>
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false&#038;ver=4.0.1'></script>

<script type="text/javascript">

var isMobile = false, isiPad =false, iOS5=false;

if( navigator.userAgent.match(/Android/i) || 
	navigator.userAgent.match(/webOS/i) ||
	navigator.userAgent.match(/iPhone/i) || 
	navigator.userAgent.match(/iPad/i)|| 
	navigator.userAgent.match(/iPod/i) || 
	navigator.userAgent.match(/BlackBerry/i)){
		isMobile = true;
}

if(navigator.userAgent.match(/iPad/i)) {
	isiPad = true;
}

if (navigator.userAgent.match(/OS 5(_\d)+ like Mac OS X/i)) {
	iOS5=true;
}

jQuery(document).ready(function($){
	
	$(window).load(function() {

				epic_easing_str='easeInOutCirc';
		
		var use_epic_slideshow=false;
		var use_epic_autoplay=false;
		
		if(udt_global_vars.epic_slideshow=='1') {
			use_epic_slideshow=true;
		}
		if(udt_global_vars.epic_autoplay=='1') {
			use_epic_autoplay=true;
		}
		
		//call slider
		$('.epicSlider').epicSlider({
			loop : true,															//Boolean: whether slideshow should loop or not	
			slideShow: use_epic_slideshow,											//Boolean: use slideshow or not
			autoPlay: use_epic_autoplay,											//Boolean: autoplay uplon load or not
			slideShowInterval : parseInt(udt_global_vars.epic_slide_timer,10),			//Integer: slideshow cycling speed, in milliseconds
			transitionSpeed : parseInt(udt_global_vars.epic_slide_animation_speed,10),	//Integer: transitions speed, in milliseconds
			startSlide : 0,															//Integer: starts at 0
			shuffleSlides:false,													//Boolean: shuffle slides or not
			easing : epic_easing_str, 												//String: easing method - see https://jqueryui.com/demos/effect/easing.html
			fx : udt_global_vars.epic_slide_animation,									//String: none, fade, leftToRight, topToBottom 
			fxmobile : udt_global_vars.epic_mobile_slide_animation,						//String: mobile effect -  none, fade, leftToRight, topToBottom 
			pattern :true															//Boolean: add pattern or not
		});
	});
});

jQuery(document).ready(function($){
	/*call flexslider*/
	$('.flexslider').flexslider({
		animation: "fade",
		slideDirection: "horizontal",
		slideshow: parseInt(udt_global_vars.flexslider_autoplay),
		slideshowSpeed: parseInt(udt_global_vars.flexslider_slide_timer),
		animationDuration: parseInt(udt_global_vars.flexslider_slide_animation_speed),
		directionNav: true,
		controlNav: true
	});
});

</script>

</body>
</html>

/*Downloaded from https://www.codeseek.co/meemkarim/a-pen-by-meem-KwmJXm */
    


/*Downloaded from https://www.codeseek.co/meemkarim/a-pen-by-meem-KwmJXm */
    

Comments