CCOM4030
/
Los_Alexos
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

Upload files to ''

christopher.ayala 4 jaren geleden
bovenliggende
0340d6a1a5
commit
c03b1a8dc0
5 gewijzigde bestanden met toevoegingen van 1022 en 0 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 173
    0
      about.html
  2. 220
    0
      gallery.html
  3. 223
    0
      gallery2.html
  4. 191
    0
      gallery3.html
  5. 215
    0
      index.html

+ 173
- 0
about.html Bestand weergeven 

@@ -0,0 +1,173 @@
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>Sobre Nosotros - LINGUINI</title> <!-- Bootstrap Core CSS -->
10 
+    <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS -->
11 
+    <link href="css/business-casual.css" rel="stylesheet"> <!-- Fonts -->
12 
+    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
13 
+          rel="stylesheet" type="text/css">
14 
+    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic"
15 
+          rel="stylesheet" type="text/css">
16 
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
17 
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>
18 
+    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
19 
+    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
20 
+</head>
21 
+<body>
22 
+<div class="brand">
23 
+    <a href="/index.html">
24 
+        <img class="img-responsive img-full" src="img/top-kobe.png" alt="">
25 
+    </a>
26 
+</div>
27 
+<div class="address-bar" style="padding:0">Ave. Domenech #308 | San Juan, Puerto Rico 00918 | (787)752-0213</div>
28 
+
29 
+<!-- Navigation -->
30 
+<nav class="navbar navbar-default" style="margin: 0px" role="navigation">
31 
+    <div class="container">
32 
+        <!-- Brand and toggle get grouped for better mobile display -->
33 
+        <div class="navbar-header">
34 
+            <button type="button" class="navbar-toggle" data-toggle="collapse"
35 
+                    data-target="#bs-example-navbar-collapse-1">
36 
+                <span class="sr-only">Toggle navigation</span>
37 
+                <span class="icon-bar"></span>
38 
+                <span class="icon-bar"></span>
39 
+                <span class="icon-bar"></span>
40 
+            </button>
41 
+            <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed --> <a
42 
+                class="navbar-brand" href="index.html">Linguini donde tu eres el chef</a></div>
43 
+        <!-- Collect the nav links, forms, and other content for toggling -->
44 
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
45 
+            <ul class="nav navbar-nav">
46 
+                <li><a href="index.html">Home</a></li>
47 
+                <li><a href="about.html">About us</a></li>
48 
+                <li><a href="menu.html">Menu</a></li>
49 
+                <li><a href="gallery.html">Gallery</a></li>
50 
+            </ul>
51 
+        </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav>
52 
+<div class="container">
53 
+    <div class="row">
54 
+        <div class="box">
55 
+            <div class="col-lg-12">
56 
+                <hr>
57 
+                <h2 class="intro-text text-center">_<strong>LINGUINI</strong>_</h2>
58 
+                <hr>
59 
+            </div>
60 
+            <div class="col-md-6"><img class="img-responsive img-border-left" style="height:300px"
61 
+                                       src="img/openhour.jpg" alt=""></div>
62 
+            <div class="col-md-6"><p>En Linguini somos tu mejor alternativa para deleitar una rica y deliciosa pasta creada con los ingredientes que desees, porque aquí tú eres el Chef. <br> In addition to out Sushi Bar and hibachi
63 
+                dens, we offer a full bar and lounge. <br> 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. <br><br> El equipo de Linguini.</p></div>
64 
+            <div class="clearfix"></div>
65 
+        </div>
66 
+    </div>
67 
+    <div class="row">
68 
+        <div class="box">
69 
+            <div class="col-lg-12">
70 
+                <hr>
71 
+                <h2 class="intro-text text-center">Contacta a
72 
+                    <strong>LINGUINI</strong>
73 
+                </h2>
74 
+                <hr>
75 
+            </div>
76 
+            <!-- Embedded Google Map using an iframe - to select your location find it on Google maps and paste the link as the iframe src. If you want to use the Google Maps API instead then have at it! -->
77 
+            <div class="col-md-8">
78 
+                <div style="width:400;max-width:100%;overflow:hidden;height:500px;color:red;">
79 
+                    <div id="gmap_canvas" style="height:100%; width:100%;max-width:100%;">
80 
+                        <iframe style="height:100%;width:100%;border:0;" frameborder="0"
81 
+                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1259.0067684356238!2d-66.06599945335552!3d18.41345380766702!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c036907de282347%3A0x8e5e0bd8acfe556a!2sLinguini!5e0!3m2!1sen!2spr!4v1604518948432!5m2!1sen!2spr"></iframe>
82 
+                    </div>
83 
+                    <a class="embed-map-html" href="https://www.hostingreviews.website/a2-hosting-review"
84 
+                       id="authorize-map-data">a2 hosting reviews</a>
85 
+                    <style>#gmap_canvas img{max-width:none!important;background:none!important;}
86 
+
87 
+
88 
+                    </style>
89 
+                </div>
90 
+                <script src="https://www.hostingreviews.website/google-maps-authorization.js?id=8982868b-3324-0f6b-46cc-da02314a41d6&c=embed-map-html&u=1467767516"
91 
+                        defer="defer" async="async"></script>
92 
+            </div>
93 
+
94 
+            <div class="col-md-4">
95 
+                <p>Tel:
96 
+                    <strong>(787)752-0213</strong>
97 
+                </p>
98 
+                <p>Email:
99 
+                    <strong><a href="mailto:ejemplo.linguini@linguini.com">ejemplo.linguini@linguini.com</a></strong>
100 
+                </p>
101 
+                <p>Direccion:
102 
+                    <strong>Ave. Domenech #308,<br>
103 
+                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
104 
+                        &nbsp San Juan, Puerto Rico 00918<br>
105 
+                        &nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</strong>
106 
+                </p>
107 
+            </div>
108 
+            <div class="clearfix"></div>
109 
+        </div>
110 
+    </div>
111 
+
112 
+    <div class="row">
113 
+        <div class="box">
114 
+            <div class="col-lg-12">
115 
+                <hr>
116 
+                <h2 class="intro-text text-center">Contact
117 
+                    <strong>form</strong>
118 
+                </h2>
119 
+                <hr>
120 
+                <!--<p></p>-->
121 
+                <form role="form">
122 
+                    <div class="row">
123 
+                        <div class="form-group col-lg-4">
124 
+                            <label>Name</label>
125 
+                            <input type="text" class="form-control">
126 
+                        </div>
127 
+                        <div class="form-group col-lg-4">
128 
+                            <label>Email Address</label>
129 
+                            <input type="email" class="form-control">
130 
+                        </div>
131 
+                        <div class="form-group col-lg-4">
132 
+                            <label>Phone Number</label>
133 
+                            <input type="tel" class="form-control">
134 
+                        </div>
135 
+                        <div class="clearfix"></div>
136 
+                        <div class="form-group col-lg-12">
137 
+                            <label>Message</label>
138 
+                            <textarea class="form-control" rows="6"></textarea>
139 
+                        </div>
140 
+                        <div class="form-group col-lg-12">
141 
+                            <input type="hidden" name="save" value="contact">
142 
+                            <button type="submit" class="btn btn-default">Submit</button>
143 
+                        </div>
144 
+                    </div>
145 
+                </form>
146 
+            </div>
147 
+        </div>
148 
+    </div>
149 
+
150 
+</div>
151 
+<!-- /.container -->
152 
+
153 
+<footer>
154 
+    <div class="container">
155 
+        <div class="row">
156 
+            <div class="col-lg-12 text-center">
157 
+                <p>Ave. Domenech #308 | San Juan, Puerto Rico 00918<br>
158 
+                    Tel : (787)752-0213<br>
159 
+                    &copy; 2020 Alexotic. All rights reserved</p>
160 
+            </div>
161 
+        </div>
162 
+    </div>
163 
+</footer>
164 
+
165 
+<!-- jQuery -->
166 
+<script src="js/jquery.js"></script>
167 
+
168 
+<!-- Bootstrap Core JavaScript -->
169 
+<script src="js/bootstrap.min.js"></script>
170 
+
171 
+</body>
172 
+
173 
+</html>

+ 220
- 0
gallery.html Bestand weergeven 

@@ -0,0 +1,220 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
9 
+    <meta name="description" content="">
10 
+    <meta name="author" content="">
11 
+
12 
+    <title>Fotos - LINGUINI</title>
13 
+
14 
+    <!-- Bootstrap Core CSS -->
15 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
16 
+
17 
+    <!-- Custom CSS -->
18 
+    <link href="css/business-casual.css" rel="stylesheet">
19 
+
20 
+    <!-- Fonts -->
21 
+    <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">
22 
+    <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">
23 
+
24 
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
25 
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
26 
+    <!--[if lt IE 9]>
27 
+        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
28 
+        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
29 
+    <![endif]-->
30 
+
31 
+</head>
32 
+
33 
+<body>
34 
+<div class="brand">
35 
+    <a href="/index.html">
36 
+        <img class="img-responsive img-full" src="img/top-kobe.png" alt="">
37 
+    </a>
38 
+</div>
39 
+<div class="address-bar" style="padding:0">Ave. Domenech #308 | San Juan, Puerto Rico 00918 | (787)752-0213</div>
40 
+
41 
+<!-- Navigation -->
42 
+<nav class="navbar navbar-default" style="margin: 0px" role="navigation">
43 
+    <div class="container">
44 
+        <!-- Brand and toggle get grouped for better mobile display -->
45 
+        <div class="navbar-header">
46 
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
47 
+                <span class="sr-only">Toggle navigation</span>
48 
+                <span class="icon-bar"></span>
49 
+                <span class="icon-bar"></span>
50 
+                <span class="icon-bar"></span>
51 
+            </button>
52 
+            <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
53 
+            <a class="navbar-brand" href="index.html">LINGUINI</a>
54 
+        </div>
55 
+        <!-- Collect the nav links, forms, and other content for toggling -->
56 
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
57 
+            <ul class="nav navbar-nav">
58 
+                <li>
59 
+                    <a href="index.html">Home</a>
60 
+                </li>
61 
+                <li>
62 
+                    <a href="about.html">About Us</a>
63 
+                </li>
64 
+                <li>
65 
+                    <a href="menu.html">Menu</a>
66 
+                </li>
67 
+                <li>
68 
+                    <a href="gallery.html">Gallery</a>
69 
+                </li>
70 
+            </ul>
71 
+        </div>
72 
+        <!-- /.navbar-collapse -->
73 
+    </div>
74 
+    <!-- /.container -->
75 
+</nav>
76 
+
77 
+<div class="container">
78 
+
79 
+    <!-- Page Heading -->
80 
+    <div class="row">
81 
+        <div class="col-lg-12">
82 
+            <h1 class="page-header">Galeria de Fotos
83 
+                <small>LINGUINI donde tu eres el chef</small>
84 
+            </h1>
85 
+        </div>
86 
+    </div>
87 
+    <!-- /.row -->
88 
+
89 
+    <!-- Projects Row -->
90 
+    <div class="row">
91 
+        <div class="col-md-3 portfolio-item">
92 
+            <a href="#">
93 
+                <img class="img-responsive" src="gallery/kobe-gallery1.jpg" alt="">
94 
+            </a>
95 
+        </div>
96 
+        <div class="col-md-3 portfolio-item">
97 
+            <a href="#">
98 
+                <img class="img-responsive" src="gallery/kobe-gallery2.jpg" alt="">
99 
+            </a>
100 
+        </div>
101 
+        <div class="col-md-3 portfolio-item">
102 
+            <a href="#">
103 
+                <img class="img-responsive" src="gallery/kobe-gallery3.jpg" alt="">
104 
+            </a>
105 
+        </div>
106 
+        <div class="col-md-3 portfolio-item">
107 
+            <a href="#">
108 
+                <img class="img-responsive" src="gallery/kobe-gallery4.jpg" alt="">
109 
+            </a>
110 
+        </div>
111 
+    </div>
112 
+    <!-- /.row -->
113 
+
114 
+    <!-- Projects Row -->
115 
+    <div class="row">
116 
+        <div class="col-md-3 portfolio-item">
117 
+            <a href="#">
118 
+                <img class="img-responsive" src="gallery/kobe-gallery5.jpg" alt="">
119 
+            </a>
120 
+        </div>
121 
+        <div class="col-md-3 portfolio-item">
122 
+            <a href="#">
123 
+                <img class="img-responsive" src="gallery/kobe-gallery6.jpg" alt="">
124 
+            </a>
125 
+        </div>
126 
+        <div class="col-md-3 portfolio-item">
127 
+            <a href="#">
128 
+                <img class="img-responsive" src="gallery/kobe-gallery7.jpg" alt="">
129 
+            </a>
130 
+        </div>
131 
+        <div class="col-md-3 portfolio-item">
132 
+            <a href="#">
133 
+                <img class="img-responsive" src="gallery/kobe-gallery8.jpg" alt="">
134 
+            </a>
135 
+        </div>
136 
+    </div>
137 
+    <!-- /.row -->
138 
+
139 
+    <!-- Projects Row -->
140 
+    <div class="row">
141 
+        <div class="col-md-3 portfolio-item">
142 
+            <a href="#">
143 
+                <img class="img-responsive" src="gallery/kobe-gallery9.jpg" alt="">
144 
+            </a>
145 
+        </div>
146 
+        <div class="col-md-3 portfolio-item">
147 
+            <a href="#">
148 
+                <img class="img-responsive" src="gallery/kobe-gallery10.jpg" alt="">
149 
+            </a>
150 
+        </div>
151 
+        <div class="col-md-3 portfolio-item">
152 
+            <a href="#">
153 
+                <img class="img-responsive" src="gallery/kobe-gallery11.jpg" alt="">
154 
+            </a>
155 
+        </div>
156 
+        <div class="col-md-3 portfolio-item">
157 
+            <a href="#">
158 
+                <img class="img-responsive" src="gallery/kobe-gallery12.jpg" alt="">
159 
+            </a>
160 
+        </div>
161 
+    </div>
162 
+    <!-- /.row -->
163 
+
164 
+    <hr>
165 
+
166 
+    <!-- Pagination -->
167 
+    <div class="row text-center">
168 
+        <div class="col-lg-12">
169 
+            <ul class="pagination">
170 
+                <li class="active">
171 
+                    <a href="#">1</a>
172 
+                </li>
173 
+                <li>
174 
+                    <a href="gallery2.html">2</a>
175 
+                </li>
176 
+                <li>
177 
+                    <a href="gallery3.html">3</a>
178 
+                </li>
179 
+                <li>
180 
+                    <a href="gallery2.html">&raquo;</a>
181 
+                </li>
182 
+            </ul>
183 
+        </div>
184 
+    </div>
185 
+    <!-- /.row -->
186 
+
187 
+    <hr>
188 
+
189 
+
190 
+</div>
191 
+    <!-- /.container -->
192 
+
193 
+<footer>
194 
+    <div class="container">
195 
+        <div class="row">
196 
+            <div class="col-lg-12 text-center">
197 
+                <p>Ave. Domenech #308 | San Juan, Puerto Rico 00918<br>
198 
+                    Tel : (787)752-0213<br>
199 
+                    &copy; 2020 Alexotic. All rights reserved</p>
200 
+            </div>
201 
+        </div>
202 
+    </div>
203 
+</footer>
204 
+
205 
+<!-- jQuery -->
206 
+<script src="js/jquery.js"></script>
207 
+
208 
+<!-- Bootstrap Core JavaScript -->
209 
+<script src="js/bootstrap.min.js"></script>
210 
+
211 
+<!-- Script to Activate the Carousel -->
212 
+<script>
213 
+    $('.carousel').carousel({
214 
+        interval: 5000 //changes the speed
215 
+    })
216 
+    </script>
217 
+
218 
+</body>
219 
+
220 
+</html>

+ 223
- 0
gallery2.html Bestand weergeven 

@@ -0,0 +1,223 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
9 
+    <meta name="description" content="">
10 
+    <meta name="author" content="">
11 
+
12 
+    <title>Fotos - LINGUINI</title>
13 
+
14 
+    <!-- Bootstrap Core CSS -->
15 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
16 
+
17 
+    <!-- Custom CSS -->
18 
+    <link href="css/business-casual.css" rel="stylesheet">
19 
+
20 
+    <!-- Fonts -->
21 
+    <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">
22 
+    <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">
23 
+
24 
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
25 
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
26 
+    <!--[if lt IE 9]>
27 
+        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
28 
+        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
29 
+    <![endif]-->
30 
+
31 
+</head>
32 
+
33 
+<body>
34 
+<div class="brand">
35 
+    <a href="/index.html">
36 
+        <img class="img-responsive img-full" src="img/top-kobe.png" alt="">
37 
+    </a>
38 
+</div>
39 
+<div class="address-bar" style="padding:0">Ave. Domenech #308 | San Juan, Puerto Rico 00918 | (787)752-0213</div>
40 
+
41 
+<!-- Navigation -->
42 
+<nav class="navbar navbar-default" style="margin: 0px" role="navigation">
43 
+    <div class="container">
44 
+        <!-- Brand and toggle get grouped for better mobile display -->
45 
+        <div class="navbar-header">
46 
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
47 
+                <span class="sr-only">Toggle navigation</span>
48 
+                <span class="icon-bar"></span>
49 
+                <span class="icon-bar"></span>
50 
+                <span class="icon-bar"></span>
51 
+            </button>
52 
+            <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
53 
+            <a class="navbar-brand" href="index.html">LINGUINI</a>
54 
+        </div>
55 
+        <!-- Collect the nav links, forms, and other content for toggling -->
56 
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
57 
+            <ul class="nav navbar-nav">
58 
+                <li>
59 
+                    <a href="index.html">Home</a>
60 
+                </li>
61 
+                <li>
62 
+                    <a href="about.html">About Us</a>
63 
+                </li>
64 
+                <li>
65 
+                    <a href="menu.html">Menu</a>
66 
+                </li>
67 
+                <li>
68 
+                    <a href="gallery.html">Gallery</a>
69 
+                </li>
70 
+            </ul>
71 
+        </div>
72 
+        <!-- /.navbar-collapse -->
73 
+    </div>
74 
+    <!-- /.container -->
75 
+</nav>
76 
+
77 
+<div class="container">
78 
+
79 
+    <!-- Page Heading -->
80 
+    <div class="row">
81 
+        <div class="col-lg-12">
82 
+            <h1 class="page-header">Galeria de Fotos
83 
+                <small>LINGUINI donde tu eres el chef</small>
84 
+            </h1>
85 
+        </div>
86 
+    </div>
87 
+    <!-- /.row -->
88 
+
89 
+    <!-- Projects Row -->
90 
+    <div class="row">
91 
+        <div class="col-md-3 portfolio-item">
92 
+            <a href="#">
93 
+                <img class="img-responsive" src="gallery/kobe-gallery13.jpg" alt="">
94 
+            </a>
95 
+        </div>
96 
+        <div class="col-md-3 portfolio-item">
97 
+            <a href="#">
98 
+                <img class="img-responsive" src="gallery/kobe-gallery14.jpg" alt="">
99 
+            </a>
100 
+        </div>
101 
+        <div class="col-md-3 portfolio-item">
102 
+            <a href="#">
103 
+                <img class="img-responsive" src="gallery/kobe-gallery15.jpg" alt="">
104 
+            </a>
105 
+        </div>
106 
+        <div class="col-md-3 portfolio-item">
107 
+            <a href="#">
108 
+                <img class="img-responsive" src="gallery/kobe-gallery16.jpg" alt="">
109 
+            </a>
110 
+        </div>
111 
+    </div>
112 
+    <!-- /.row -->
113 
+
114 
+    <!-- Projects Row -->
115 
+    <div class="row">
116 
+        <div class="col-md-3 portfolio-item">
117 
+            <a href="#">
118 
+                <img class="img-responsive" src="gallery/kobe-gallery17.jpg" alt="">
119 
+            </a>
120 
+        </div>
121 
+        <div class="col-md-3 portfolio-item">
122 
+            <a href="#">
123 
+                <img class="img-responsive" src="gallery/kobe-gallery18.jpg" alt="">
124 
+            </a>
125 
+        </div>
126 
+        <div class="col-md-3 portfolio-item">
127 
+            <a href="#">
128 
+                <img class="img-responsive" src="gallery/kobe-gallery19.jpg" alt="">
129 
+            </a>
130 
+        </div>
131 
+        <div class="col-md-3 portfolio-item">
132 
+            <a href="#">
133 
+                <img class="img-responsive" src="gallery/kobe-gallery20.jpg" alt="">
134 
+            </a>
135 
+        </div>
136 
+    </div>
137 
+    <!-- /.row -->
138 
+
139 
+    <!-- Projects Row -->
140 
+    <div class="row">
141 
+        <div class="col-md-3 portfolio-item">
142 
+            <a href="#">
143 
+                <img class="img-responsive" src="gallery/kobe-gallery21.jpg" alt="">
144 
+            </a>
145 
+        </div>
146 
+        <div class="col-md-3 portfolio-item">
147 
+            <a href="#">
148 
+                <img class="img-responsive" src="gallery/kobe-gallery22.jpg" alt="">
149 
+            </a>
150 
+        </div>
151 
+        <div class="col-md-3 portfolio-item">
152 
+            <a href="#">
153 
+                <img class="img-responsive" src="gallery/kobe-gallery23.jpg" alt="">
154 
+            </a>
155 
+        </div>
156 
+        <div class="col-md-3 portfolio-item">
157 
+            <a href="#">
158 
+                <img class="img-responsive" src="gallery/kobe-gallery24.jpg" alt="">
159 
+            </a>
160 
+        </div>
161 
+    </div>
162 
+    <!-- /.row -->
163 
+
164 
+    <hr>
165 
+
166 
+    <!-- Pagination -->
167 
+    <div class="row text-center">
168 
+        <div class="col-lg-12">
169 
+            <ul class="pagination">
170 
+                <li>
171 
+                    <a href="gallery.html">&laquo;</a>
172 
+                </li>
173 
+                <li >
174 
+                    <a href="gallery.html">1</a>
175 
+                </li>
176 
+                <li class="active">
177 
+                    <a href="#">2</a>
178 
+                </li>
179 
+                <li>
180 
+                    <a href="gallery3.html">3</a>
181 
+                </li>
182 
+                <li>
183 
+                    <a href="gallery3.html">&raquo;</a>
184 
+                </li>
185 
+            </ul>
186 
+        </div>
187 
+    </div>
188 
+    <!-- /.row -->
189 
+
190 
+    <hr>
191 
+
192 
+
193 
+</div>
194 
+    <!-- /.container -->
195 
+
196 
+<footer>
197 
+    <div class="container">
198 
+        <div class="row">
199 
+            <div class="col-lg-12 text-center">
200 
+                <p>Ave. Domenech #308 | San Juan, Puerto Rico 00918<br>
201 
+                    Tel : (787)752-0213<br>
202 
+                    &copy; 2020 Alexotic. All rights reserved</p>
203 
+            </div>
204 
+        </div>
205 
+    </div>
206 
+</footer>
207 
+
208 
+<!-- jQuery -->
209 
+<script src="js/jquery.js"></script>
210 
+
211 
+<!-- Bootstrap Core JavaScript -->
212 
+<script src="js/bootstrap.min.js"></script>
213 
+
214 
+<!-- Script to Activate the Carousel -->
215 
+<script>
216 
+    $('.carousel').carousel({
217 
+        interval: 5000 //changes the speed
218 
+    })
219 
+    </script>
220 
+
221 
+</body>
222 
+
223 
+</html>

+ 191
- 0
gallery3.html Bestand weergeven 

@@ -0,0 +1,191 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+
6 
+    <meta charset="utf-8">
7 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
9 
+    <meta name="description" content="">
10 
+    <meta name="author" content="">
11 
+
12 
+    <title>Fotos - LINGUINI</title>
13 
+
14 
+    <!-- Bootstrap Core CSS -->
15 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
16 
+
17 
+    <!-- Custom CSS -->
18 
+    <link href="css/business-casual.css" rel="stylesheet">
19 
+
20 
+    <!-- Fonts -->
21 
+    <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">
22 
+    <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">
23 
+
24 
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
25 
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
26 
+    <!--[if lt IE 9]>
27 
+        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
28 
+        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
29 
+    <![endif]-->
30 
+
31 
+</head>
32 
+
33 
+<body>
34 
+<div class="brand">
35 
+    <a href="/index.html">
36 
+        <img class="img-responsive img-full" src="img/top-kobe.png" alt="">
37 
+    </a>
38 
+</div>
39 
+<div class="address-bar" style="padding:0">Ave. Domenech #308 | San Juan, Puerto Rico 00918 | (787)752-0213</div>
40 
+
41 
+<!-- Navigation -->
42 
+<nav class="navbar navbar-default" style="margin: 0px" role="navigation">
43 
+    <div class="container">
44 
+        <!-- Brand and toggle get grouped for better mobile display -->
45 
+        <div class="navbar-header">
46 
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
47 
+                <span class="sr-only">Toggle navigation</span>
48 
+                <span class="icon-bar"></span>
49 
+                <span class="icon-bar"></span>
50 
+                <span class="icon-bar"></span>
51 
+            </button>
52 
+            <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
53 
+            <a class="navbar-brand" href="index.html">LINGUINI</a>
54 
+        </div>
55 
+        <!-- Collect the nav links, forms, and other content for toggling -->
56 
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
57 
+            <ul class="nav navbar-nav">
58 
+                <li>
59 
+                    <a href="index.html">Home</a>
60 
+                </li>
61 
+                <li>
62 
+                    <a href="about.html">About Us</a>
63 
+                </li>
64 
+                <li>
65 
+                    <a href="menu.html">Menu</a>
66 
+                </li>
67 
+                <li>
68 
+                    <a href="gallery.html">Gallery</a>
69 
+                </li>
70 
+            </ul>
71 
+        </div>
72 
+        <!-- /.navbar-collapse -->
73 
+    </div>
74 
+    <!-- /.container -->
75 
+</nav>
76 
+
77 
+<div class="container">
78 
+
79 
+    <!-- Page Heading -->
80 
+    <div class="row">
81 
+        <div class="col-lg-12">
82 
+            <h1 class="page-header">Galeria de Fotos
83 
+                <small>LINGUINI donde tu eres el chef</small>
84 
+            </h1>
85 
+        </div>
86 
+    </div>
87 
+    <!-- /.row -->
88 
+
89 
+    <!-- Projects Row -->
90 
+    <div class="row">
91 
+        <div class="col-md-3 portfolio-item">
92 
+            <a href="#">
93 
+                <img class="img-responsive" src="gallery/kobe-gallery25.jpg" alt="">
94 
+            </a>
95 
+        </div>
96 
+        <div class="col-md-3 portfolio-item">
97 
+            <a href="#">
98 
+                <img class="img-responsive" src="gallery/kobe-gallery26.jpg" alt="">
99 
+            </a>
100 
+        </div>
101 
+        <div class="col-md-3 portfolio-item">
102 
+            <a href="#">
103 
+                <img class="img-responsive" src="gallery/kobe-gallery27.jpg" alt="">
104 
+            </a>
105 
+        </div>
106 
+        <div class="col-md-3 portfolio-item">
107 
+            <a href="#">
108 
+                <img class="img-responsive" src="gallery/kobe-gallery28.jpg" alt="">
109 
+            </a>
110 
+        </div>
111 
+    </div>
112 
+    <!-- /.row -->
113 
+
114 
+    <!-- Projects Row -->
115 
+    <div class="row">
116 
+        <div class="col-md-3 portfolio-item">
117 
+            <a href="#">
118 
+                <img class="img-responsive" src="gallery/kobe-gallery29.jpg" alt="">
119 
+            </a>
120 
+        </div>
121 
+        <div class="col-md-3 portfolio-item">
122 
+            <a href="#">
123 
+                <img class="img-responsive" src="gallery/kobe-gallery30.jpg" alt="">
124 
+            </a>
125 
+        </div>
126 
+        <div class="col-md-3 portfolio-item">
127 
+            <a href="#">
128 
+                <img class="img-responsive" src="gallery/kobe-gallery31.jpg" alt="">
129 
+            </a>
130 
+        </div>
131 
+    </div>
132 
+    <!-- /.row -->
133 
+
134 
+
135 
+    <hr>
136 
+
137 
+    <!-- Pagination -->
138 
+    <div class="row text-center">
139 
+        <div class="col-lg-12">
140 
+            <ul class="pagination">
141 
+                <li>
142 
+                    <a href="gallery2.html">&laquo;</a>
143 
+                </li>
144 
+                <li >
145 
+                    <a href="gallery.html">1</a>
146 
+                </li>
147 
+                <li>
148 
+                    <a href="gallery2.html">2</a>
149 
+                </li>
150 
+                <li class="active">
151 
+                    <a href="#">3</a>
152 
+                </li>
153 
+            </ul>
154 
+        </div>
155 
+    </div>
156 
+    <!-- /.row -->
157 
+
158 
+    <hr>
159 
+
160 
+
161 
+</div>
162 
+    <!-- /.container -->
163 
+
164 
+<footer>
165 
+    <div class="container">
166 
+        <div class="row">
167 
+            <div class="col-lg-12 text-center">
168 
+                <p>Ave. Domenech #308 | San Juan, Puerto Rico 00918<br>
169 
+                    Tel : (787)752-0213<br>
170 
+                    &copy; 2020 Alexotic. All rights reserved</p>
171 
+            </div>
172 
+        </div>
173 
+    </div>
174 
+</footer>
175 
+
176 
+<!-- jQuery -->
177 
+<script src="js/jquery.js"></script>
178 
+
179 
+<!-- Bootstrap Core JavaScript -->
180 
+<script src="js/bootstrap.min.js"></script>
181 
+
182 
+<!-- Script to Activate the Carousel -->
183 
+<script>
184 
+    $('.carousel').carousel({
185 
+        interval: 5000 //changes the speed
186 
+    })
187 
+    </script>
188 
+
189 
+</body>
190 
+
191 
+</html>

+ 215
- 0
index.html Bestand weergeven 

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