Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

rename file

  • Loading branch information...
commit 166151434a668390074e31a98f0241c9d50f00ac 1 parent a214563
root authored
Showing with 332 additions and 0 deletions.
  1. +332 −0 ui/video.html
View
332 ui/video.html
@@ -0,0 +1,332 @@
+<!DOCTYPE html>
+
+<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
+<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
+
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+ <title>Brian Yang</title>
+
+ <meta name="description" content="">
+ <meta name="author" content="Brian Yang">
+
+ <!--[if !lte IE 6]><!-->
+ <link rel="stylesheet" href="/ui/css/style.css" media="screen" />
+
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic" />
+
+ <link rel="stylesheet" href="/ui/css/fancybox.min.css" media="screen" />
+
+ <link rel="stylesheet" href="/ui/css/mediaelementplayer.min.css" media="screen" />
+ <!--<![endif]-->
+
+ <!--[if lte IE 6]>
+ <link rel="stylesheet" href="//universal-ie6-css.googlecode.com/files/ie6.1.1.css" media="screen, projection">
+ <![endif]-->
+
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+</head>
+<body>
+
+<header id="header" class="container clearfix">
+
+ <a href="index-2.html" id="logo">
+ <h1>Brian Yang</h1>
+ </a>
+
+ <nav id="main-nav">
+
+ <ul>
+ <li>
+ <a href="/" data-description="All starts here">Home</a>
+ </li>
+ <li class="current">
+ <a href="video.html" data-description="video data">Video</a>
+ </li>
+ <!-- <li>
+ <a href="elements.html" data-description="All the different stuff">Features</a>
+ <ul>
+ <li><a href="about-us.html">About Us</a></li>
+ <li><a href="our-team.html">Our Team</a>
+ <ul>
+ <li><a href="we-are-hiring.html">We are hiring</a></li>
+ </ul>
+ </li>
+ <li><a href="elements.html">Elements</a></li>
+ <li><a href="pricing-tables.html">Pricing Tables</a></li>
+ <li><a href="columns.html">Columns</a></li>
+ <li><a href="#">Third Level Item</a>
+ <ul>
+ <li><a href="#">This is a simple example</a></li>
+ <li><a href="#">Of the third level</a></li>
+ <li><a href="#">Navigation item</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <a href="blog.html" data-description="What we think">Blog</a>
+ <ul>
+ <li><a href="#">Single Post</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="portfolio-4-columns.html" data-description="Work we are proud of">Portfolio</a>
+ <ul>
+ <li><a href="portfolio-2-columns.html">2 Columns</a></li>
+ <li><a href="portfolio-3-columns.html">3 Columns</a></li>
+ <li><a href="portfolio-4-columns.html">4 Columns</a></li>
+ <li><a href="#">Single Project</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="contact-us.html" data-description="Enquire here">Contact</a>
+ </li> -->
+ </ul>
+
+ </nav><!-- end #main-nav -->
+
+</header><!-- end #header -->
+
+<section id="content" class="container clearfix">
+
+ <h2 class="slogan align-center">I create user experiences for the evolving<br />
+ Constantly challenging standards.</h2>
+
+ <section id="features-slider" class="ss-slider">
+
+ <article class="slide">
+
+ <img src="/" alt="" class="slide-bg-image" />
+
+ <div class="slide-button">
+ <span class="dropcap">1</span>
+ <h5>Responsive Layout</h5>
+ <span class="description">From desktop to mobile</span>
+ </div>
+
+ <div class="slide-content">
+ <h2>Responsive Layout</h2>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus justo.</p>
+ <p><a class="button" href="#">Read More</a></p>
+ </div>
+
+ </article><!-- end .slide (Responsive Layout) -->
+
+ <article class="slide">
+
+ <img src="/" alt="" class="slide-bg-image" />
+
+ <div class="slide-button">
+ <span class="dropcap">2</span>
+ <h5>HTML5 / CSS3</h5>
+ <span class="description">For today and tomorrow</span>
+ </div>
+
+ <div class="slide-content">
+ <h2>HTML5 / CSS3</h2>
+ <p>Hendrerit eleifend condimentum quis, varius at lacus. Donec ultrices justo scelerisque erat feugiat sed mattis justo volutpat.</p>
+ <p><a class="button" href="#">Read More</a></p>
+ </div>
+
+ </article><!-- end .slide (HTML5 / CSS3) -->
+
+ <article class="slide">
+
+ <img src="/" alt="" class="slide-bg-image" />
+
+ <div class="slide-button">
+ <span class="dropcap">3</span>
+ <h5>Easily Customisable</h5>
+ <span class="description">Build the way you want!</span>
+ </div>
+
+ <div class="slide-content">
+ <h2>Easily Customisable</h2>
+ <p>Etiam at nunc felis, vitae gravida libero. Morbi molestie elit eget metus volutpat vitae bibendum quam lacinia. Maecenas porttitor blandit nisl sit amet blandit. Phasellus porta sodales accumsan.</p>
+ <p><a class="button" href="#">Read More</a></p>
+ </div>
+
+ </article><!-- end .slide (Easily Customisable) -->
+
+ <article class="slide">
+
+ <img src="/" alt="" class="slide-bg-image" />
+
+ <div class="slide-button">
+ <span class="dropcap">4</span>
+ <h5>Unique &amp; Clean</h5>
+ <span class="description">Stand out from the crowd!</span>
+ </div>
+
+ <div class="slide-content">
+ <h2>Unique &amp; Clean</h2>
+ <p>Fusce porta elit quis nunc mollis ut lacinia eros accumsan. Aenean consequat egestas diam, vel pharetra tellus venenatis in.</p>
+ <p><a class="button" href="#">Read More</a></p>
+ </div>
+
+ </article><!-- end .slide (Unique & Clean) -->
+
+ </section><!-- end #features-slider -->
+
+ <h6 class="section-title">Popular Photos on 500px</h6>
+
+ <ul class="projects-carousel clearfix">
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/altered-thumb-4th.jpg" alt="">
+ <h5 class="title">Altered</h5>
+ <span class="categories">illustration / design</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/snowtower-thumb-4th.jpg" alt="">
+ <h5 class="title">Snow Tower</h5>
+ <span class="categories">illustration / photography</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/nottheend-thumb-4th.jpg" alt="">
+ <h5 class="title">Not the end</h5>
+ <span class="categories">animation / illustration</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/shift-thumb-4th.jpg" alt="">
+ <h5 class="title">Shift</h5>
+ <span class="categories">web / animation</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/synergy-thumb-4th.jpg" alt="">
+ <h5 class="title">Synergy</h5>
+ <span class="categories">illustration / photography</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/thegame-thumb-4th.jpg" alt="">
+ <h5 class="title">The Game</h5>
+ <span class="categories">photography</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/tranton-thumb-4th.jpg" alt="">
+ <h5 class="title">Trantor</h5>
+ <span class="categories">illustration / web / animation</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <img src="http://c4600283.r83.cf2.rackcdn.com/html-placeholders/portfolio/futurisk-thumb-4th.jpg" alt="">
+ <h5 class="title">Futurisk</h5>
+ <span class="categories">illustration / design</span>
+ </a>
+ </li>
+
+ </ul><!-- end .projects-carousel -->
+
+
+ <ul class="post-carousel">
+
+
+
+</section><!-- end #content -->
+
+<footer id="footer" class="clearfix">
+
+ <div class="container">
+
+ <div class="three-fourth">
+
+ <nav id="footer-nav" class="clearfix">
+
+ <ul>
+ <li><a href="index-2.html">Home</a></li>
+ <li><a href="elements.html">Features</a></li>
+ <li><a href="blog.html">Blog</a></li>
+ <li><a href="portfolio-4-columns.html">Portfolio</a></li>
+ <li><a href="contact-us.html">Contact</a></li>
+ </ul>
+
+ </nav><!-- end #footer-nav -->
+
+ <ul class="contact-info">
+ <li class="address">East 45th Street. New York, NY, 10017. USA</li>
+ <!-- <li class="phone">(123) 456-7890</li> -->
+ <!-- <li class="email"><a href="mailto:contact@companyname.com">contact@companyname.com</a></li> -->
+ </ul><!-- end .contact-info -->
+
+ </div><!-- end .three-fourth -->
+
+ <div class="one-fourth last">
+
+ <span class="title">Stay connected</span>
+
+ <ul class="social-links">
+ <li class="twitter"><a href="#">Twitter</a></li>
+ <li class="facebook"><a href="#">Facebook</a></li>
+ <li class="digg"><a href="#">Digg</a></li>
+ <li class="vimeo"><a href="#">Vimeo</a></li>
+ <li class="youtube"><a href="#">YouTube</a></li>
+ <li class="skype"><a href="#">Skype</a></li>
+ </ul><!-- end .social-links -->
+
+ </div><!-- end .one-fourth.last -->
+
+ </div><!-- end .container -->
+
+</footer><!-- end #footer -->
+
+<footer id="footer-bottom" class="clearfix">
+
+ <div class="container">
+
+ <ul>
+ <li>BY Software Inc &copy; 2012</li>
+ <li><a href="#">Legal Notice</a></li>
+ <li><a href="#">Terms</a></li>
+ </ul>
+
+ </div><!-- end .container -->
+
+</footer><!-- end #footer-bottom -->
+
+<!--[if !lte IE 6]><!-->
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="/ui/js//jquery-1.7.1.min.js"><\/script>')</script>
+ <!--[if lt IE 9]> <script src="/ui/js//selectivizr-and-extra-selectors.min.js"></script> <![endif]-->
+ <script src="/ui/js/respond.min.js"></script>
+ <script src="/ui/js/jquery.easing-1.3.min.js"></script>
+ <script src="/ui/js/jquery.fancybox-1.3.4.pack.js"></script>
+ <script src="/ui/js/jquery.smartStartSlider.min.js"></script>
+ <script src="/ui/js/jquery.jcarousel.min.js"></script>
+ <script src="/ui/js/jquery.cycle.all.min.js"></script>
+ <script src="/ui/js/jquery.isotope.min.js"></script>
+ <script src="/ui/js/mediaelement-and-player.min.js"></script>
+ <script src="//maps.google.com/maps/api/js?sensor=false"></script>
+ <script src="/ui/js/jquery.gmap.min.js"></script>
+ <script src="/ui/js/custom.js"></script>
+<!--<![endif]-->
+</body>
+
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.