/index.html

https://bitbucket.org/lfun/tuweb · HTML · 83 lines · 59 code · 15 blank · 9 comment · 0 complexity · 05639c8de399ca1178b80601b3c22f48 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2.         <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    3. 

  3.         <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    4. 

  4.         <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
    5. 

  5.         <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    6. 

  6.         <head>
    7. 

  7.           <meta charset="utf-8">
    8. 

  8.           <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    9. 

  9.           <title></title>
    10. 

  10.           <meta name="description" content="">
    11. 

  11.           <meta name="viewport" content="width=device-width">
    12. 

  12. 

  13.           <link rel="stylesheet" href="css/bootstrap.min.css">
    14. 

  14.           <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    15. 

  15.           <link rel="stylesheet" href="css/mine.css">
    16. 

  16. 

  17.           <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    18. 

  18. 

  19.           <script src="js/vendor/handlebars.js"></script>
    20. 

  20.           <script src="js/vendor/bootstrap.min.js"></script>          
    21. 

  21.           <script src="js/vendor/underscore.js"></script>
    22. 

  22.           <script src="js/vendor/backbone.js"></script>
    23. 

  23.           <script src="tmp/templates.js"></script>
    24. 

  24. 

  25.         </head>
    26. 

  26.         <body>
    27. 

  27.                 <!--[if lt IE 7]>
    28. 

  28.                     <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    29. 

  29.                     <![endif]-->
    30. 

  30. 

  31.                   <div class="navbar navbar-inverse navbar-fixed-top">
    32. 

  32.                         <div class="navbar-inner">
    33. 

  33.                           <div class="container">
    34. 

  34.                             <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    35. 

  35.                               <span class="icon-bar"></span>
    36. 

  36.                               <span class="icon-bar"></span>
    37. 

  37.                               <span class="icon-bar"></span>
    38. 

  38.                             </button>
    39. 

  39.                             <a class="brand" href="#">News</a>
    40. 

  40.                             <div class="nav-collapse collapse">
    41. 

  41.                               <ul class="nav">
    42. 

  42.                                 <li class="active"><a href="#cate/Cover">Cover</a></li>
    43. 

  43.                                 <li ><a href="#cate/Business">Business</a></li>
    44. 

  44.                                 <li><a href="#cate/Technology">Technology</a></li>
    45. 

  45. 

  46.                                 <li ><a href="#cate/Fashion">Fashion</a></li>
    47. 

  47.                                 <li ><a href="#cate/Science">Science</a></li>
    48. 

  48.                                 <li ><a href="#cate/Sports">Sports</a></li>
    49. 

  49.                               </ul>
    50. 

  50.                             </div><!--/.nav-collapse -->
    51. 

  51.                           </div>
    52. 

  52.                         </div>
    53. 

  53.                       </div>
    54. 

  54.                         <div class="hero-unit">
    55. 

  55.         <h1 id='hello'>Hello,Lukas</h1>
    56. 

  56.         <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
    57. 

  57.         <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
    58. 

  58.       </div>
    59. 

  59. 

  60. 

  61. 

  62. 

  63. 

  64.                     <!-- for pictures only-->
    65. 

  65.                     <div id="pictures" class="container" >
    66. 

  66.                     </div>
    67. 

  67. 

  68.                     <!-- for popup up pictuer only -->
    69. 

  69. 

  70. <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    71. 

  71.   <div class="modal-body">
    72. 

  72.     <div id="myCarousel" class="carousel slide">
    73. 

  73.  
    74. 

  74.       <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
    75. 

  75.       <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
    76. 

  76.     </div>
    77. 

  77.   </div>
    78. 

  78. </div>
    79. 

  79. <!-- model endd-->
    80. 

  80. <script src="js/data.js"></script>
    81. 

  81. 

  82. </body>
    83. 

  83. </html>
    84.