/twitter.html

https://github.com/bluesmokellc/NAIIA · HTML · 146 lines · 100 code · 19 blank · 27 comment · 0 complexity · 0013ea07076a74d6bd34575cf731b697 MD5 · raw file 

    

  1. <!DOCTYPE html> 
    2. 

  2. <html> 
    3. 

  3. 	<head> 
    4. 

  4. 	<title>New Year 2013</title> 
    5. 

  5. 	<meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    6. 

  6. 	<meta name="apple-mobile-web-app-capable" content="yes">
    7. 

  7. 	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
    8. 

  8. 

  9. 	<!-- Home screen icon  Mathias Bynens mathiasbynens.be/notes/touch-icons -->
    10. 

  10. 	<!-- For iPhone 4 with high-resolution Retina display: -->
    11. 

  11. 	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/icon.png">
    12. 

  12. 	<!-- For first-generation iPad: -->
    13. 

  13. 	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icon.png">
    14. 

  14. 	<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
    15. 

  15. 	<link rel="apple-touch-icon-precomposed" href="images/icon.png">
    16. 

  16. 	<!-- For nokia devices: -->
    17. 

  17. 	<link rel="shortcut icon" href="images/icon.png">
    18. 

  18. 

  19. 

  20. 	<link rel="stylesheet" href="css/reset.css">
    21. 

  21. 	<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css" />
    22. 

  22. 	<link rel="stylesheet" href="css/themes/default/RSVmain.min.css" />
    23. 

  23. 	<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.1.1.min.css" />
    24. 

  24. 	<link rel="stylesheet" href="css/flexslider.css">
    25. 

  25. 	<link rel="stylesheet" href="css/photoswipe.css">
    26. 

  26. 	<link rel="stylesheet" href="css/add2home.css">
    27. 

  27. 	
    28. 

  28. 	
    29. 

  29.         <link rel="stylesheet/less" href="css/style.css">
    30. 

  30. 

  31. 	 <!-- fonts -->
    32. 

  32. 	<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600' rel='stylesheet' type='text/css'>
    33. 

  33. 	
    34. 

  34. 	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    35. 

  35. 	<script src="js/jquery-ui-1.8.24.custom.min.js"></script>
    36. 

  36. 	
    37. 

  37. 	<script type="text/javascript" src="js/jquery.mobile-1.1.1.min.js"></script>
    38. 

  38.         <script type="text/javascript" src="js/less-1.3.0.min.js"></script>
    39. 

  39.         <!--<script type="text/javascript" src="js/jquery-ui-effects.js"></script>-->
    40. 

  40. 

  41. 	<script src="js/helper.js"></script>
    42. 

  42. 	<script src="js/jquery.flexslider-min.js"></script>
    43. 

  43. 	<script src="js/iphone-style-checkboxes.js"></script>
    44. 

  44. 	<script src="js/klass.min.js"></script>
    45. 

  45. 	<script src="js/code.photoswipe.jquery-3.0.5.min.js"></script>
    46. 

  46. 	<script src="js/add2home.js"></script>
    47. 

  47. 	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    48. 

  48.         
    49. 

  49. 	<script type="text/javascript" src="js/app.js?v=30"></script>
    50. 

  50. </head> 
    51. 

  51. 

  52. <body>
    53. 

  53. 	<!-- Splash screen -->
    54. 

  54.   	 <div id="splash"> 
    55. 

  55. 	   <img id="splash-bg" src="images/splash/splash-alternate.png" alt="splash image"/>
    56. 

  56. 	   <img id="splash-title" src="images/splash/main.png" alt="splash title" />
    57. 

  57. 	 </div> 
    58. 

  58.   <!-- end splash screen -->
    59. 

  59. 	<!--<div id="menu">
    60. 

  60. 		<form action="search.html"><h3><input id="search" type="text" placeholder="Search" /> </h3></form>
    61. 

  61. 		<ul>
    62. 

  62. 			<li class="active"><a href="./" adata-transition="slidedown" class="contentLink">Home</a></li>
    63. 

  63. 			<li><a href="company-profile.html" adata-transition="slidedown" class="contentLink">Company Profile</a></li>
    64. 

  64. 			<li><a href="products-services.html"adata-transition="slidedown" class="contentLink">Products &amp; Services</a></li>
    65. 

  65. 			<li><a href="portfolio.html" adata-transition="slidedown" class="contentLink">Portfolio</a></li>
    66. 

  66. 			<li><a href="news-events.html" adata-transition="slidedown" class="contentLink">News &amp; Events</a></li>
    67. 

  67. 			<li><a href="gallery.html" adata-transition="slidedown" class="contentLink">Gallery</a></li>
    68. 

  68. 			<li><a href="typography.html" adata-transition="slidedown" class="contentLink">Typography</a></li>
    69. 

  69. 			<li><a href="blog.html" adata-transition="slidedown" class="contentLink">Wordpress Blog</a></li>
    70. 

  70. 			<li><a href="twitter.html" adata-transition="slidedown" class="contentLink">Twitter Feeds</a></li>
    71. 

  71. 			<li><a href="video-channel.html" adata-transition="slidedown" class="contentLink">Video Channel</a></li>
    72. 

  72. 			<li><a href="contact-us.html" adata-transition="slidedown" class="contentLink">Contact Us</a></li>
    73. 

  73. 			<li><a href="about.html" adata-transition="slidedown" class="contentLink">About</a></li>
    74. 

  74.                         <li><a href="404.html" adata-transition="slidedown" class="contentLink">404</a></li>
    75. 

  75. 		</ul>
    76. 

  76. 	</div>--><div data-dom-cache="false" data-role="page" class="pages" id="home" data-theme="a">
    77. 

  77. 	<div data-role="header" data-position="fixed">
    78. 

  78.             <div class="left">
    79. 

  79.                 <a href="index.html" class="showMenu menu-button"><img src="images/menu-button.png" width="16" /></a>
    80. 

  80.             </div>
    81. 

  81.             <h1><p class="no-margin">Twitter</p><p class="no-margin">New Year 2013</p></h1>
    82. 

  82.             
    83. 

  83. 	</div>
    84. 

  84.         
    85. 

  85.         <!-- /header -->
    86. 

  86.     
    87. 

  87. 	<div data-role="content" data-theme="a" class="minus-shadow">
    88. 

  88.             <div class="cherry-slider" style="height: 70px;">
    89. 

  89.                 <div anim="slide"anim-speed="400"anim-direction="right"anim-position-right="30"anim-position-top="5" class="anim-item"><img src="images/twitter-color.png" width="64" /></div>
    90. 

  90.                 <div anim="slide"anim-speed="300"anim-direction="left"anim-position-left="30"anim-position-top="25"  class="anim-item"><p class="little-padding white-bg gray-border">Live twitter feeds</p></div>
    91. 

  91.             </div>
    92. 

  92.             <div class="white-content-box twitter-box">
    93. 

  93. 		<a target="_blank" href="http://twitter.com/ritenv">Follow @ritenv</a>
    94. 

  94.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a target="_blank" href="http://bit.ly/123">http://bit.ly/123</a> sit amet lacus ut eros volutpat volutpat..</h2>
    95. 

  95.                 <p>3 hours ago</p>
    96. 

  96.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet lacus ut eros volutpat volutpat auctor nec quam.</h2>
    97. 

  97.                 <p>8 hours ago</p>
    98. 

  98. 		<h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet lacus ut eros volutpat volutpat auctor nec quam.</h2>
    99. 

  99.                 <p>24-Sept-2012</p>
    100. 

  100.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a target="_blank" href="http://bit.ly/123">http://bit.ly/123</a> sit amet lacus ut eros volutpat volutpat..</h2>
    101. 

  101.                 <p>23-Sept-2012</p>
    102. 

  102.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet lacus ut eros volutpat volutpat auctor nec quam.</h2>
    103. 

  103.                 <p>22-Sept-2012</p>
    104. 

  104.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet lacus ut eros volutpat volutpat auctor nec quam.</h2>
    105. 

  105.                 <p>21-Sept-2012</p>
    106. 

  106.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a target="_blank" href="http://bit.ly/123">http://bit.ly/123</a> sit amet lacus ut eros volutpat volutpat..</h2>
    107. 

  107.                 <p>18-Sept-2012</p>
    108. 

  108.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet lacus ut eros volutpat volutpat auctor nec quam.</h2>
    109. 

  109.                 <p>14-Sept-2012</p>
    110. 

  110.                 <h2 class="font-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a target="_blank" href="http://bit.ly/123">http://bit.ly/123</a> sit amet lacus ut eros volutpat volutpat..</h2>
    111. 

  111.                 <p>11-Sept-2012</p>
    112. 

  112.                 
    113. 

  113.             </div>
    114. 

  114. 	</div><!-- /content -->
    115. 

  115.         
    116. 

  116.         <div class="bread-crumb">
    117. 

  117.             <ul>
    118. 

  118.                 <li><a data-transition="pop" href="index.html"><img src="images/bc-home.png" width="16" /></a></li>
    119. 

  119.                 <li><span>Twitter Feeds</span></li>
    120. 

  120.             </ul>
    121. 

  121.         </div>
    122. 

  122.         <div data-role="footer" data-position="fixed">
    123. 

  123.     <div class="footer-actions">
    124. 

  124.         <a href="tel://971568899009"><img src="images/icons/phone.png"></a>
    125. 

  125.         <a target="_blank" href="http://www.facebook.com/riten.vagadiya"><img src="images/icons/fb.png"></a>
    126. 

  126.         <a href="contact-us.html"><img src="images/icons/location.png"></a>
    127. 

  127.         <div class="clear"></div>
    128. 

  128.     </div>
    129. 

  129.     <p class="right">&copy; New Year 2013.</p>
    130. 

  130.     <div class="clear"></div>
    131. 

  131. </div></div><!-- /page -->
    132. 

  132. <script type="text/javascript">
    133. 

  133. 

  134.   var _gaq = _gaq || [];
    135. 

  135.   _gaq.push(['_setAccount', 'UA-34399779-4']);
    136. 

  136.   _gaq.push(['_trackPageview']);
    137. 

  137. 

  138.   (function() {
    139. 

  139.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    140. 

  140.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    141. 

  141.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    142. 

  142.   })();
    143. 

  143. 

  144. </script>
    145. 

  145. </body>
    146. 

  146. </html>
    147.