説明なし

index.html 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>LINGUINI</title>
  10. <!-- Bootstrap Core CSS -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Custom CSS -->
  13. <link href="css/business-casual.css" rel="stylesheet">
  14. <!-- Fonts -->
  15. <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  16. <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
  17. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  18. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  19. <!--[if lt IE 9]>
  20. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  21. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body>
  25. <div class="brand">
  26. <a href="/index.html">
  27. <img class="img-responsive img-full" src="img/top-kobe.png" alt="">
  28. </a>
  29. </div>
  30. <div class="address-bar" style="padding:0">Ave. Domenech #308 | San Juan, Puerto Rico 00918 | (787)752-0213</div>
  31. <!-- Navigation -->
  32. <nav class="navbar navbar-default" style="margin: 0px" role="navigation">
  33. <div class="container">
  34. <!-- Brand and toggle get grouped for better mobile display -->
  35. <div class="navbar-header">
  36. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  37. <span class="sr-only">Toggle navigation</span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. <span class="icon-bar"></span>
  41. </button>
  42. <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
  43. <a class="navbar-brand" href="index.html">Linguini donde tu eres el chef</a>
  44. </div>
  45. <!-- Collect the nav links, forms, and other content for toggling -->
  46. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  47. <ul class="nav navbar-nav">
  48. <li>
  49. <a href="index.html">Home</a>
  50. </li>
  51. <li>
  52. <a href="about.html">About Us</a>
  53. </li>
  54. <li>
  55. <a href="menu.html">Menu</a>
  56. </li>
  57. <li>
  58. <a href="gallery.html">Gallery</a>
  59. </li>
  60. </ul>
  61. </div>
  62. <!-- /.navbar-collapse -->
  63. </div>
  64. <!-- /.container -->
  65. </nav>
  66. <div class="container">
  67. <div class="row">
  68. <div class="box">
  69. <div class="col-lg-12 text-center">
  70. <div id="carousel-example-generic" class="carousel slide">
  71. <!-- Indicators -->
  72. <ol class="carousel-indicators hidden-xs">
  73. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  74. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  75. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  76. <li data-target="#carousel-example-generic" data-slide-to="3"></li>
  77. <li data-target="#carousel-example-generic" data-slide-to="4"></li>
  78. <li data-target="#carousel-example-generic" data-slide-to="5"></li>
  79. <li data-target="#carousel-example-generic" data-slide-to="6"></li>
  80. <li data-target="#carousel-example-generic" data-slide-to="7"></li>
  81. </ol>
  82. <!-- Wrapper for slides -->
  83. <div class="carousel-inner">
  84. <div class="item active">
  85. <img class="img-responsive img-full" src="img/carousel/Kobe-c-1.jpg" alt="">
  86. </div>
  87. <div class="item">
  88. <img class="img-responsive img-full" src="img/carousel/Kobe-c-2.jpg" alt="">
  89. </div>
  90. <div class="item">
  91. <img class="img-responsive img-full" src="img/carousel/Kobe-c-3.jpg" alt="">
  92. </div>
  93. <div class="item">
  94. <img class="img-responsive img-full" src="img/carousel/Kobe-c-4.jpg" alt="">
  95. </div>
  96. <div class="item">
  97. <img class="img-responsive img-full" src="img/carousel/Kobe-c-5.jpg" alt="">
  98. </div>
  99. <div class="item">
  100. <img class="img-responsive img-full" src="img/carousel/Kobe-c-6.jpg" alt="">
  101. </div>
  102. <div class="item">
  103. <img class="img-responsive img-full" src="img/carousel/Kobe-c-7.jpg" alt="">
  104. </div>
  105. </div>
  106. <!-- Controls -->
  107. <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  108. <span class="icon-prev"></span>
  109. </a>
  110. <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  111. <span class="icon-next"></span>
  112. </a>
  113. </div>
  114. <!--<h2 class="brand-before">
  115. <small>Bienvenido a</small>
  116. </h2>
  117. <h1 class="brand-name">Linguini</h1>
  118. <hr class="tagline-divider">
  119. <h2>
  120. <small>By
  121. <strong>Start Bootstrap</strong>
  122. </small>
  123. </h2>
  124. -->
  125. </div>
  126. </div>
  127. </div>
  128. <div class="row">
  129. <div class="box">
  130. <div class="col-lg-12">
  131. <hr>
  132. <h2 class="intro-text text-center">Un restaurante que
  133. <strong>vale la pena visitar</strong>
  134. </h2>
  135. <hr>
  136. <img class="img-responsive img-border img-full" src="img/select.jpg" alt="">
  137. <hr class="visible-xs">
  138. <br>
  139. <p>Somos tu mejor alternativa para deleitar una rica y deliciosa pasta creada con los ingredientes que desees, porque aquí tú eres el Chef.</p>
  140. <p></p>
  141. <p>Ven y visita nuestro restaurante para confeccionar tu plato de pasta al momento, y frente a tí. En nuestro pasta bar, escoges la pasta, la salsa, los vegetales, la carne de tu preferencia y el queso.</p>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="row">
  146. <hr>
  147. <h2 class="intro-text text-center">
  148. <strong>Especiales Diarios</strong>
  149. </h2>
  150. <hr>
  151. <img class="img-responsive img-full" src="img/special.jpg" alt="">
  152. </div>
  153. <!--
  154. <div class="row">
  155. <div class="box">
  156. <div class="col-lg-12">
  157. <hr>
  158. <h2 class="intro-text text-center">Boxes
  159. <strong>para mostrar contenido</strong>
  160. </h2>
  161. <hr>
  162. <p>Aqui se pueden colocar mas boxes... coloca todo lo que quiera dentro estos.</p>
  163. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  164. </div>
  165. </div>
  166. </div>
  167. -->
  168. </div>
  169. <!-- /.container -->
  170. <footer>
  171. <div class="container">
  172. <div class="row">
  173. <div class="col-lg-12 text-center">
  174. <p>Ave. Domenech #308 | San Juan, Puerto Rico 00918<br>
  175. Tel : (787)752-0213<br>
  176. &copy; 2020 Alexotic. All rights reserved</p>
  177. </div>
  178. </div>
  179. </div>
  180. </footer>
  181. <!-- jQuery -->
  182. <script src="js/jquery.js"></script>
  183. <!-- Bootstrap Core JavaScript -->
  184. <script src="js/bootstrap.min.js"></script>
  185. <!-- Script to Activate the Carousel -->
  186. <script>
  187. $('.carousel').carousel({
  188. interval: 5000 //changes the speed
  189. })
  190. </script>
  191. </body>
  192. </html>