Jardin y contacto completo

src/app/app-routing.module.ts

@@ -4,12 +4,16 @@ import { HomeComponent } from './pages/home/home.component';
 import { CasaAlemanaComponent } from './pages/casa-alemana/casa-alemana.component';
 import { CasaCassandraComponent } from './pages/casa-cassandra/casa-cassandra.component';
 import { CasaTerrazaComponent } from './pages/casa-terraza/casa-terraza.component';
+import { JardinComponent } from './pages/jardin/jardin.component';
+import { ContactoComponent } from './pages/contacto/contacto.component';
 
 const routes: Routes = [
     { path: '', component: HomeComponent },
     { path: 'alemanas', component: CasaAlemanaComponent },
     { path: 'cassandra', component: CasaCassandraComponent },
     { path: 'terraza', component: CasaTerrazaComponent },
+    { path: 'jardin', component: JardinComponent },
+    { path: 'contacto', component: ContactoComponent },
   
 ];
 

src/app/app.module.ts

@@ -10,6 +10,8 @@ import { CarruselComponent } from './components/carrusel/carrusel.component';
 import { CasaAlemanaComponent } from './pages/casa-alemana/casa-alemana.component';
 import { CasaCassandraComponent } from './pages/casa-cassandra/casa-cassandra.component';
 import { CasaTerrazaComponent } from './pages/casa-terraza/casa-terraza.component';
+import { JardinComponent } from './pages/jardin/jardin.component';
+import { ContactoComponent } from './pages/contacto/contacto.component';
 
 @NgModule({
   declarations: [
@@ -20,7 +22,9 @@ import { CasaTerrazaComponent } from './pages/casa-terraza/casa-terraza.componen
     CarruselComponent,
     CasaAlemanaComponent,
     CasaCassandraComponent,
-    CasaTerrazaComponent
+    CasaTerrazaComponent,
+    JardinComponent,
+    ContactoComponent
   ],
   imports: [
     BrowserModule,

src/app/pages/contacto/contacto.component.html

@@ -0,0 +1,37 @@
+<div class="w-full min-h-screen flex flex-col items-center">
+    <div class="flex gap-x-10 mt-8">
+        <div class="w-9/12 ml-10 text-center flex flex-col">
+            <div class="border-y border-gray-200 py-20">
+                <h2 class="text-2xl font-semibold">Contáctanos
+                </h2>
+            </div>
+            <div class="border-b border-gray-200 py-7 flex flex-col">
+                <div class="flex flex-col mx-auto text-4xl font-bold text-teal-600 mb-10 gap-y-4">
+                    <span>
+                        Mail: paulettemorales&#64;hotmail.com
+                    </span>
+                    <span>
+                        Tels.: 777 289 29 82 | 777 352 30 84
+                    </span>
+                    <span>
+                        Cel.: (045)(55) 3459 6212
+                    </span>
+                </div>
+
+
+
+
+
+
+            </div>
+
+
+
+
+
+        </div>
+        <div class="w-3/12">
+            <app-sidebar></app-sidebar>
+        </div>
+    </div>
+</div>

src/app/pages/contacto/contacto.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-contacto',
+  templateUrl: './contacto.component.html',
+  styleUrl: './contacto.component.css'
+})
+export class ContactoComponent {
+
+}

src/app/pages/jardin/jardin.component.html

@@ -0,0 +1,46 @@
+<div class="w-full min-h-screen flex flex-col items-center">
+    <div class="flex gap-x-10 mt-8">
+        <div class="w-9/12 ml-10 text-center flex flex-col">
+            <div class="border-y border-gray-200 py-20">
+                <h2 class="text-2xl font-semibold">Jardín de Eventos
+                </h2>
+            </div>
+            <div class="border-b border-gray-200 py-7 flex flex-col">
+                <div class="mx-auto text-xl text-gray-700 mb-10 gap-y-4">
+                    <span>
+                        Catering Cuernavaca <br>
+                    </span>
+                    <span>
+                        Te ofrece una fiesta de graduación inolvidable. <br>
+
+                    </span>
+                    <span>
+                        Contamos con el espacio y moviliario, menús, etc. para graduación de niños de preescolar, primaria y secundaria. <br>
+
+                    </span>
+                    <span>
+                        Tenemos albercadas, parrilladas, desayunos, comidas y cenas para esa gran celebración. <br>
+
+                    </span>
+                    <span>
+
+                        Contamos con Jardín exclusivo en un lugar especial como te mereces.</span>
+                    </div>
+                    
+                    
+
+
+
+                
+            </div>
+
+
+
+
+
+        </div>
+        <div class="w-3/12">
+            <app-sidebar></app-sidebar>
+        </div>
+    </div>
+</div>

src/app/pages/jardin/jardin.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-jardin',
+  templateUrl: './jardin.component.html',
+  styleUrl: './jardin.component.css'
+})
+export class JardinComponent {
+
+}

src/app/shared/navbar/navbar.component.ts

@@ -11,7 +11,7 @@ export class NavbarComponent {
     { nombre: 'Casas Alemanas', link: '/alemanas' },
     { nombre: 'Casas Casandra', link: '/cassandra' },
     { nombre: 'Casas Terrazas', link: '/terraza' },
-    { nombre: 'Jardín de Eventos', link: '/' },
-    { nombre: 'Contáctanos', link: '/' },
+    { nombre: 'Jardín de Eventos', link: '/jardin' },
+    { nombre: 'Contáctanos', link: '/contacto' },
   ]
 }