-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add sub pages propiedades and detalles
- Loading branch information
Showing
2 changed files
with
624 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,310 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
|
|
||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> | ||
|
|
||
| <title>ViviendaVisión - Detalles de Propiedad</title> | ||
|
|
||
| <!-- Bootstrap core CSS --> | ||
| <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> | ||
|
|
||
|
|
||
| <!-- Additional CSS Files --> | ||
| <link rel="stylesheet" href="assets/css/fontawesome.css"> | ||
| <link rel="stylesheet" href="assets/css/innovision.css"> | ||
| <link rel="stylesheet" href="assets/css/owl.css"> | ||
| <link rel="stylesheet" href="assets/css/animate.css"> | ||
| <link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- ***** Preloader Start ***** --> | ||
| <div id="js-preloader" class="js-preloader"> | ||
| <div class="preloader-inner"> | ||
| <span class="dot"></span> | ||
| <div class="dots"> | ||
| <span></span> | ||
| <span></span> | ||
| <span></span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- ***** Preloader End ***** --> | ||
|
|
||
| <!-- <div class="sub-header"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-8 col-md-8"> | ||
| <ul class="info"> | ||
| <li><i class="fa fa-envelope"></i> [email protected]</li> | ||
| <li><i class="fa fa-map"></i> Sunny Isles Beach, FL 33160</li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-lg-4 col-md-4"> | ||
| <ul class="social-links"> | ||
| <li><a href="#"><i class="fab fa-facebook"></i></a></li> | ||
| <li><a href="https://x.com/minthu" target="_blank"><i class="fab fa-twitter"></i></a></li> | ||
| <li><a href="#"><i class="fab fa-linkedin"></i></a></li> | ||
| <li><a href="#"><i class="fab fa-instagram"></i></a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> --> | ||
|
|
||
| <!-- ***** Header Area Start ***** --> | ||
| <header class="header-area header-sticky"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-12"> | ||
| <nav class="main-nav"> | ||
| <!-- ***** Logo Start ***** --> | ||
| <a href="index.html" class="logo"> | ||
| <img src="./assets/images/ViviendaVisión.png" alt="ViviendaVisión" width="100" height="auto"> | ||
| <span class="active">ViviendaVisión</span> | ||
| </a> | ||
| <!-- ***** Logo End ***** --> | ||
| <!-- ***** Menu Start ***** --> | ||
| <ul class="nav"> | ||
| <li><a href="asesoria.html">AsesorIA</a></li> | ||
| <li><a href="propiedades.html" class="active">Propiedades</a></li> | ||
| <li><a href="https://forms.gle/tpjACdAeL4wuXCb96">Iniciar sesión</a></li> | ||
| <li><a href="sobre-nosotros.html">Sobre Nosotros</a></li> | ||
| <!-- <li><a href="https://forms.gle/tpjACdAeL4wuXCb96"><i class="fa fa-calendar"></i>Agenda con nosotros</a></li> --> | ||
| <li><a href="https://forms.gle/tpjACdAeL4wuXCb96"><i class="fa fa-house-user"></i>Publica tu propiedad</a></li> | ||
| </ul> | ||
| <a class='menu-trigger'> | ||
| <span>Menu</span> | ||
| </a> | ||
| <!-- ***** Menu End ***** --> | ||
| </nav> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="header-bar"></div> | ||
| </header> | ||
| <!-- ***** Header Area End ***** --> | ||
|
|
||
| <div class="page-heading header-text"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-12"> | ||
| <span class="breadcrumb"><a href="index.html">Inicio</a> / <a href="propiedades.html">Propiedades</a> / Detalles</span> | ||
| <h3>Propiedad</h3> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="single-property section"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-8"> | ||
| <div class="main-image"> | ||
| <img src="assets/images/single-property.jpg" alt=""> | ||
| </div> | ||
| <div class="main-content"> | ||
| <span class="category">Apparment</span> | ||
| <h4>24 New Street Miami, OR 24560</h4> | ||
| <p>Get <strong>the best villa agency</strong> HTML CSS Bootstrap Template for your company website. TemplateMo provides you the <a href="https://www.google.com/search?q=best+free+css+templates" target="_blank">best free CSS templates</a> in the world. Please tell your friends about it. Thank you. Cloud bread kogi bitters pitchfork shoreditch tumblr yr succulents single-origin coffee schlitz enamel pin you probably haven't heard of them ugh hella. | ||
|
|
||
| <br><br>When you look for free CSS templates, you can simply type TemplateMo in any search engine website. In addition, you can type TemplateMo Digital Marketing, TemplateMo Corporate Layouts, etc. Master cleanse +1 intelligentsia swag post-ironic, slow-carb chambray knausgaard PBR&B DSA poutine neutra cardigan hoodie pop-up.</p> | ||
| </div> | ||
| <div class="accordion" id="accordionExample"> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header" id="headingOne"> | ||
| <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | ||
| Best useful links ? | ||
| </button> | ||
| </h2> | ||
| <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| Dolor <strong>almesit amet</strong>, consectetur adipiscing elit, sed doesn't eiusmod tempor kinfolk tonx seitan crucifix 3 wolf moon bicycle rights keffiyeh snackwave wolf same vice, chillwave vexillologist incididunt ut labore consectetur <code>adipiscing</code> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header" id="headingTwo"> | ||
| <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | ||
| How does this work ? | ||
| </button> | ||
| </h2> | ||
| <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| Dolor <strong>almesit amet</strong>, consectetur adipiscing elit, sed doesn't eiusmod tempor kinfolk tonx seitan crucifix 3 wolf moon bicycle rights keffiyeh snackwave wolf same vice, chillwave vexillologist incididunt ut labore consectetur <code>adipiscing</code> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="accordion-item"> | ||
| <h2 class="accordion-header" id="headingThree"> | ||
| <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> | ||
| Why is Villa the best ? | ||
| </button> | ||
| </h2> | ||
| <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> | ||
| <div class="accordion-body"> | ||
| Dolor <strong>almesit amet</strong>, consectetur adipiscing elit, sed doesn't eiusmod tempor kinfolk tonx seitan crucifix 3 wolf moon bicycle rights keffiyeh snackwave wolf same vice, chillwave vexillologist incididunt ut labore consectetur <code>adipiscing</code> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-4"> | ||
| <div class="info-table"> | ||
| <ul> | ||
| <li> | ||
| <img src="assets/images/info-icon-01.png" alt="" style="max-width: 52px;"> | ||
| <h4>450 m2<br><span>Total Flat Space</span></h4> | ||
| </li> | ||
| <li> | ||
| <img src="assets/images/info-icon-02.png" alt="" style="max-width: 52px;"> | ||
| <h4>Contract<br><span>Contract Ready</span></h4> | ||
| </li> | ||
| <li> | ||
| <img src="assets/images/info-icon-03.png" alt="" style="max-width: 52px;"> | ||
| <h4>Payment<br><span>Payment Process</span></h4> | ||
| </li> | ||
| <li> | ||
| <img src="assets/images/info-icon-04.png" alt="" style="max-width: 52px;"> | ||
| <h4>Safety<br><span>24/7 Under Control</span></h4> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="section best-deal"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-4"> | ||
| <div class="section-heading"> | ||
| <h6>| Best Deal</h6> | ||
| <h2>Find Your Best Deal Right Now!</h2> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-12"> | ||
| <div class="tabs-content"> | ||
| <div class="row"> | ||
| <div class="nav-wrapper "> | ||
| <ul class="nav nav-tabs" role="tablist"> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="nav-link active" id="appartment-tab" data-bs-toggle="tab" data-bs-target="#appartment" type="button" role="tab" aria-controls="appartment" aria-selected="true">Appartment</button> | ||
| </li> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="nav-link" id="villa-tab" data-bs-toggle="tab" data-bs-target="#villa" type="button" role="tab" aria-controls="villa" aria-selected="false">Villa House</button> | ||
| </li> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="nav-link" id="penthouse-tab" data-bs-toggle="tab" data-bs-target="#penthouse" type="button" role="tab" aria-controls="penthouse" aria-selected="false">Penthouse</button> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="tab-content" id="myTabContent"> | ||
| <div class="tab-pane fade show active" id="appartment" role="tabpanel" aria-labelledby="appartment-tab"> | ||
| <div class="row"> | ||
| <div class="col-lg-3"> | ||
| <div class="info-table"> | ||
| <ul> | ||
| <li>Total Flat Space <span>540 m2</span></li> | ||
| <li>Floor number <span>3</span></li> | ||
| <li>Number of rooms <span>8</span></li> | ||
| <li>Parking Available <span>Yes</span></li> | ||
| <li>Payment Process <span>Bank</span></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-6"> | ||
| <img src="assets/images/deal-01.jpg" alt=""> | ||
| </div> | ||
| <div class="col-lg-3"> | ||
| <h4>All Info About Apartment</h4> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor pack incididunt ut labore et dolore magna aliqua quised ipsum suspendisse. <br><br>Swag fanny pack lyft blog twee. JOMO ethical copper mug, succulents typewriter shaman DIY kitsch twee taiyaki fixie hella venmo after messenger poutine next level humblebrag swag franzen.</p> | ||
| <div class="icon-button"> | ||
| <a href="#"><i class="fa fa-calendar"></i> Agenda con nosotros</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="tab-pane fade" id="villa" role="tabpanel" aria-labelledby="villa-tab"> | ||
| <div class="row"> | ||
| <div class="col-lg-3"> | ||
| <div class="info-table"> | ||
| <ul> | ||
| <li>Total Flat Space <span>250 m2</span></li> | ||
| <li>Floor number <span>26th</span></li> | ||
| <li>Number of rooms <span>5</span></li> | ||
| <li>Parking Available <span>Yes</span></li> | ||
| <li>Payment Process <span>Bank</span></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-6"> | ||
| <img src="assets/images/deal-02.jpg" alt=""> | ||
| </div> | ||
| <div class="col-lg-3"> | ||
| <h4>Detail Info About New Villa</h4> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor pack incididunt ut labore et dolore magna aliqua quised ipsum suspendisse. <br><br>Swag fanny pack lyft blog twee. JOMO ethical copper mug, succulents typewriter shaman DIY kitsch twee taiyaki fixie hella venmo after messenger poutine next level humblebrag swag franzen.</p> | ||
| <div class="icon-button"> | ||
| <a href="#"><i class="fa fa-calendar"></i> Agenda con nosotros</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="tab-pane fade" id="penthouse" role="tabpanel" aria-labelledby="penthouse-tab"> | ||
| <div class="row"> | ||
| <div class="col-lg-3"> | ||
| <div class="info-table"> | ||
| <ul> | ||
| <li>Total Flat Space <span>320 m2</span></li> | ||
| <li>Floor number <span>34th</span></li> | ||
| <li>Number of rooms <span>6</span></li> | ||
| <li>Parking Available <span>Yes</span></li> | ||
| <li>Payment Process <span>Bank</span></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-6"> | ||
| <img src="assets/images/deal-03.jpg" alt=""> | ||
| </div> | ||
| <div class="col-lg-3"> | ||
| <h4>Extra Info About Penthouse</h4> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor pack incididunt ut Kinfolk tonx seitan crucifix 3 wolf moon bicycle rights keffiyeh snackwave wolf same vice, chillwave vexillologistlabore et dolore magna aliqua quised ipsum suspendisse. <br><br>Swag fanny pack lyft blog twee. JOMO ethical copper mug, succulents typewriter shaman DIY kitsch twee taiyaki fixie hella venmo after messenger poutine next level humblebrag swag franzen.</p> | ||
| <div class="icon-button"> | ||
| <a href="#"><i class="fa fa-calendar"></i> Agenda con nosotros</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer class="footer-no-gap"> | ||
| <div class="container"> | ||
| <div class="col-lg-12"> | ||
| <p>@Innovisión. All rights reserved. 2024.</p> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <!-- Scripts --> | ||
| <!-- Bootstrap core JavaScript --> | ||
| <script src="vendor/jquery/jquery.min.js"></script> | ||
| <script src="vendor/bootstrap/js/bootstrap.min.js"></script> | ||
| <script src="assets/js/isotope.min.js"></script> | ||
| <script src="assets/js/owl-carousel.js"></script> | ||
| <script src="assets/js/counter.js"></script> | ||
| <script src="assets/js/custom.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.