mirror of
https://github.com/rjNemo/villafleurie
synced 2026-06-06 02:16:47 +00:00
locations pages are ready
This commit is contained in:
Ruidy Nemausat
parent
7dead9d040
commit
72fb42e79f
31 changed files with 98 additions and 3928 deletions
BIN
.DS_Store
vendored
BIN
.DS_Store
vendored
Binary file not shown.
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -3,3 +3,4 @@ __pycache__
|
|||
rental/__pycache__
|
||||
rental/migrations
|
||||
villafleurie/__pycache__
|
||||
.DS_Store
|
||||
|
|
|
|||
|
|
@ -60,9 +60,8 @@ Le visiteur doit pouvoir :
|
|||
* témoignage
|
||||
|
||||
## TO DO
|
||||
* Formatter la page de remerciement (expliquer la suite)
|
||||
* designer la page d'accueil
|
||||
* remplir les détails des logements et ajouter les photos
|
||||
|
||||
* image de garde des logements sur la page hébergements
|
||||
* Les photos de la page à propos
|
||||
* Page service : navette + location
|
||||
* écrire les mentions légales
|
||||
|
|
@ -72,3 +71,4 @@ Le visiteur doit pouvoir :
|
|||
* changer l'adresse de l'admin
|
||||
* ajouter un diaporama en bas de page ?
|
||||
* ajouter les témoignages depuis Booking, AirBnb, ajouter le lien
|
||||
* deploy on Heroku or somewhere else … don't care
|
||||
|
|
|
|||
BIN
media/img/booking_award_2018_winner.gif
Normal file
BIN
media/img/booking_award_2018_winner.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
|
Before Width: | Height: | Size: 119 KiB After Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
BIN
media/img/villafleurie_t2_chambre.jpg
Normal file
BIN
media/img/villafleurie_t2_chambre.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 525 KiB |
BIN
media/img/villafleurie_t2_chambre_2.jpg
Normal file
BIN
media/img/villafleurie_t2_chambre_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 275 KiB |
BIN
media/img/villafleurie_t2_cuisine.jpg
Normal file
BIN
media/img/villafleurie_t2_cuisine.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 767 KiB |
BIN
media/img/villafleurie_t2_sallle_de_bain.jpg
Normal file
BIN
media/img/villafleurie_t2_sallle_de_bain.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
BIN
media/img/villafleurie_t2_salon_1.jpg
Normal file
BIN
media/img/villafleurie_t2_salon_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 538 KiB |
BIN
media/img/villafleurie_t2_salon_1_wl81yXI.jpg
Normal file
BIN
media/img/villafleurie_t2_salon_1_wl81yXI.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 538 KiB |
BIN
media/img/villafleurie_t2_salon_2.jpg
Normal file
BIN
media/img/villafleurie_t2_salon_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 334 KiB |
BIN
media/img/villafleurie_t2_terrasse.jpg
Normal file
BIN
media/img/villafleurie_t2_terrasse.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 454 KiB |
BIN
media/img/villafleurie_t3_chambre.jpg
Normal file
BIN
media/img/villafleurie_t3_chambre.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4 MiB |
BIN
media/img/villafleurie_t3_cuisine.jpg
Normal file
BIN
media/img/villafleurie_t3_cuisine.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
media/img/villafleurie_t3_salon.jpg
Normal file
BIN
media/img/villafleurie_t3_salon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
|
|
@ -1,8 +1,9 @@
|
|||
from django.contrib import admin
|
||||
from .models import Testimonial, Reservation, Guest, Place
|
||||
from .models import Testimonial, Reservation, Guest, Place, Image
|
||||
|
||||
|
||||
admin.site.register(Place)
|
||||
admin.site.register(Guest)
|
||||
admin.site.register(Reservation)
|
||||
admin.site.register(Testimonial)
|
||||
admin.site.register(Image)
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
from django.db import models
|
||||
from phonenumber_field.modelfields import PhoneNumberField
|
||||
from villafleurie import settings
|
||||
|
||||
|
||||
class Place(models.Model):
|
||||
class Meta:
|
||||
|
|
@ -10,7 +10,6 @@ class Place(models.Model):
|
|||
return self.name
|
||||
|
||||
name=models.CharField(max_length=10, unique=True)
|
||||
pictures=models.ImageField(upload_to="img/",null=True,blank=True)
|
||||
description=models.TextField(blank=True)
|
||||
info=models.TextField(blank=True)
|
||||
subname=models.CharField(max_length=100, blank=True)
|
||||
|
|
@ -21,6 +20,17 @@ class Place(models.Model):
|
|||
max_occupation=models.IntegerField(null=True,blank=True)
|
||||
|
||||
|
||||
class Image(models.Model):
|
||||
def __str__(self):
|
||||
return self.alt
|
||||
|
||||
url=models.ImageField(upload_to='img/', null=True,blank=True)
|
||||
alt=models.CharField(max_length=100)
|
||||
place=models.ManyToManyField(Place, related_name = "images",blank=True)
|
||||
|
||||
|
||||
|
||||
|
||||
class Guest(models.Model):
|
||||
class Meta:
|
||||
verbose_name = "Voyageur"
|
||||
|
|
|
|||
|
|
@ -1,782 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>EstateAgency Bootstrap Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="" name="keywords">
|
||||
<meta content="" name="description">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="img/favicon.png" rel="icon">
|
||||
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
||||
|
||||
<!-- Bootstrap CSS File -->
|
||||
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Libraries CSS Files -->
|
||||
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main Stylesheet File -->
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
Theme Name: EstateAgency
|
||||
Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
|
||||
Author: BootstrapMade.com
|
||||
License: https://bootstrapmade.com/license/
|
||||
======================================================= -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="click-closed"></div>
|
||||
<!--/ Form Search Star /-->
|
||||
<div class="box-collapse">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Search Property</h3>
|
||||
</div>
|
||||
<span class="close-box-collapse right-boxed ion-ios-close"></span>
|
||||
<div class="box-collapse-wrap form">
|
||||
<form class="form-a">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Keyword</label>
|
||||
<input type="text" class="form-control form-control-lg form-control-a" placeholder="Keyword">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Type</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="Type">
|
||||
<option>All Type</option>
|
||||
<option>For Rent</option>
|
||||
<option>For Sale</option>
|
||||
<option>Open House</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="city">City</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="city">
|
||||
<option>All City</option>
|
||||
<option>Alabama</option>
|
||||
<option>Arizona</option>
|
||||
<option>California</option>
|
||||
<option>Colorado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bedrooms">Bedrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bedrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="garages">Garages</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="garages">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
<option>04</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bathrooms">Bathrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bathrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="price">Min Price</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="price">
|
||||
<option>Unlimite</option>
|
||||
<option>$50,000</option>
|
||||
<option>$100,000</option>
|
||||
<option>$150,000</option>
|
||||
<option>$200,000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-b">Search Property</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Form Search End /-->
|
||||
|
||||
<!--/ Nav Star /-->
|
||||
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
|
||||
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<a class="navbar-brand text-brand" href="index.html">Estate<span class="color-b">Agency</span></a>
|
||||
<button type="button" class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="property-grid.html">Property</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="blog-grid.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
Pages
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="property-single.html">Property Single</a>
|
||||
<a class="dropdown-item" href="blog-single.html">Blog Single</a>
|
||||
<a class="dropdown-item" href="agents-grid.html">Agents Grid</a>
|
||||
<a class="dropdown-item active" href="agent-single.html">Agent Single</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn btn-b-n navbar-toggle-box-collapse d-none d-md-block" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!--/ Nav End /-->
|
||||
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Margaret Stone</h1>
|
||||
<span class="color-text-a">Agent Immobiliari</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Agents</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Margaret Stone
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ Agent Single Star /-->
|
||||
<section class="agent-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="agent-avatar-box">
|
||||
<img src="img/agent-7.jpg" alt="" class="agent-avatar img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 section-md-t3">
|
||||
<div class="agent-info-box">
|
||||
<div class="agent-title">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Margaret Stone
|
||||
<br> Escala</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="agent-content mb-3">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
|
||||
Vivamus suscipit tortor
|
||||
eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong>
|
||||
<span class="color-text-a"> +54 356 945234 </span>
|
||||
</p>
|
||||
<p>
|
||||
<strong>Mobile: </strong>
|
||||
<span class="color-text-a"> 999 123 456 789</span>
|
||||
</p>
|
||||
<p>
|
||||
<strong>Email: </strong>
|
||||
<span class="color-text-a"> agents@example.com</span>
|
||||
</p>
|
||||
<p>
|
||||
<strong>skype: </strong>
|
||||
<span class="color-text-a"> Margaret.Es</span>
|
||||
</p>
|
||||
<p>
|
||||
<strong>Email: </strong>
|
||||
<span class="color-text-a"> agents@example.com</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socials-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 section-t8">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">My Properties (6)</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row property-grid grid">
|
||||
<div class="col-sm-12">
|
||||
<div class="grid-option">
|
||||
<form>
|
||||
<select class="custom-select">
|
||||
<option selected>All</option>
|
||||
<option value="1">New to Old</option>
|
||||
<option value="2">For Rent</option>
|
||||
<option value="3">For Sale</option>
|
||||
</select>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-1.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-3.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-6.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-7.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-8.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="img/property-10.jpg" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
<div class="card-header-a">
|
||||
<h2 class="card-title-a">
|
||||
<a href="#">204 Mount
|
||||
<br /> Olive Road Two</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-body-a">
|
||||
<div class="price-box d-flex">
|
||||
<span class="price-a">rent | $ 12.000</span>
|
||||
</div>
|
||||
<a href="#" class="link-a">Click here to view
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-footer-a">
|
||||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Area</h4>
|
||||
<span>340m
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Beds</h4>
|
||||
<span>2</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Agent Single End /-->
|
||||
|
||||
<!--/ footer Star /-->
|
||||
<section class="section-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">EstateAgency</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<p class="w-text-a color-text-a">
|
||||
Enim minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat duis
|
||||
sed aute irure.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-footer-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Phone .</span> contact@example.com</li>
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Email .</span> +54 356 945234</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">The Company</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Site Map</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Legal</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Agent Admin</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Careers</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Affiliate</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">International sites</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Venezuela</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">China</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Hong Kong</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Argentina</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Singapore</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Philippines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav class="nav-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Property</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Blog</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright-footer">
|
||||
<p class="copyright color-text-a">
|
||||
© Copyright
|
||||
<span class="color-a">EstateAgency</span> All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="credits">
|
||||
<!--
|
||||
All the links in the footer should remain intact.
|
||||
You can delete the links only if you purchased the pro version.
|
||||
Licensing information: https://bootstrapmade.com/license/
|
||||
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=EstateAgency
|
||||
-->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/ Footer End /-->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="lib/jquery/jquery.min.js"></script>
|
||||
<script src="lib/jquery/jquery-migrate.min.js"></script>
|
||||
<script src="lib/popper/popper.min.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
<script src="lib/scrollreveal/scrollreveal.min.js"></script>
|
||||
<!-- Contact Form JavaScript File -->
|
||||
<script src="contactform/contactform.js"></script>
|
||||
|
||||
<!-- Template Main Javascript File -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,782 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>EstateAgency Bootstrap Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="" name="keywords">
|
||||
<meta content="" name="description">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="img/favicon.png" rel="icon">
|
||||
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
||||
|
||||
<!-- Bootstrap CSS File -->
|
||||
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Libraries CSS Files -->
|
||||
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main Stylesheet File -->
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
Theme Name: EstateAgency
|
||||
Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
|
||||
Author: BootstrapMade.com
|
||||
License: https://bootstrapmade.com/license/
|
||||
======================================================= -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="click-closed"></div>
|
||||
<!--/ Form Search Star /-->
|
||||
<div class="box-collapse">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Search Property</h3>
|
||||
</div>
|
||||
<span class="close-box-collapse right-boxed ion-ios-close"></span>
|
||||
<div class="box-collapse-wrap form">
|
||||
<form class="form-a">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Keyword</label>
|
||||
<input type="text" class="form-control form-control-lg form-control-a" placeholder="Keyword">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Type</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="Type">
|
||||
<option>All Type</option>
|
||||
<option>For Rent</option>
|
||||
<option>For Sale</option>
|
||||
<option>Open House</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="city">City</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="city">
|
||||
<option>All City</option>
|
||||
<option>Alabama</option>
|
||||
<option>Arizona</option>
|
||||
<option>California</option>
|
||||
<option>Colorado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bedrooms">Bedrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bedrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="garages">Garages</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="garages">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
<option>04</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bathrooms">Bathrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bathrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="price">Min Price</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="price">
|
||||
<option>Unlimite</option>
|
||||
<option>$50,000</option>
|
||||
<option>$100,000</option>
|
||||
<option>$150,000</option>
|
||||
<option>$200,000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-b">Search Property</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Form Search End /-->
|
||||
|
||||
<!--/ Nav Star /-->
|
||||
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
|
||||
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<a class="navbar-brand text-brand" href="index.html">Estate<span class="color-b">Agency</span></a>
|
||||
<button type="button" class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="property-grid.html">Property</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="blog-grid.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
Pages
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="property-single.html">Property Single</a>
|
||||
<a class="dropdown-item" href="blog-single.html">Blog Single</a>
|
||||
<a class="dropdown-item active" href="agents-grid.html">Agents Grid</a>
|
||||
<a class="dropdown-item" href="agent-single.html">Agent Single</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn btn-b-n navbar-toggle-box-collapse d-none d-md-block" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!--/ Nav End /-->
|
||||
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Our Amazing Agents</h1>
|
||||
<span class="color-text-a">Grid Properties</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Agents Grid
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ Agents Grid Star /-->
|
||||
<section class="agents-grid grid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-4.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-2.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-3.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-5.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-1.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-d">
|
||||
<div class="card-img-d">
|
||||
<img src="img/agent-6.jpg" alt="" class="img-d img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay card-overlay-hover">
|
||||
<div class="card-header-d">
|
||||
<div class="card-title-d align-self-center">
|
||||
<h3 class="title-d">
|
||||
<a href="#" class="link-two">Margaret Sotillo
|
||||
<br> Escala</a>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body-d">
|
||||
<p class="content-d color-text-a">
|
||||
Sed porttitor lectus nibh, Cras ultricies ligula sed magna dictum porta two.
|
||||
</p>
|
||||
<div class="info-agents color-a">
|
||||
<p>
|
||||
<strong>Phone: </strong> +54 356 945234</p>
|
||||
<p>
|
||||
<strong>Email: </strong> agents@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer-d">
|
||||
<div class="socials-footer d-flex justify-content-center">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" class="link-one">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<nav class="pagination-a">
|
||||
<ul class="pagination justify-content-end">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<span class="ion-ios-arrow-back"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item next">
|
||||
<a class="page-link" href="#">
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Agents Grid End /-->
|
||||
|
||||
<!--/ footer Star /-->
|
||||
<section class="section-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">EstateAgency</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<p class="w-text-a color-text-a">
|
||||
Enim minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat duis
|
||||
sed aute irure.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-footer-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Phone .</span> contact@example.com</li>
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Email .</span> +54 356 945234</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">The Company</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Site Map</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Legal</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Agent Admin</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Careers</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Affiliate</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">International sites</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Venezuela</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">China</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Hong Kong</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Argentina</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Singapore</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Philippines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav class="nav-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Property</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Blog</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright-footer">
|
||||
<p class="copyright color-text-a">
|
||||
© Copyright
|
||||
<span class="color-a">EstateAgency</span> All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="credits">
|
||||
<!--
|
||||
All the links in the footer should remain intact.
|
||||
You can delete the links only if you purchased the pro version.
|
||||
Licensing information: https://bootstrapmade.com/license/
|
||||
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=EstateAgency
|
||||
-->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/ Footer End /-->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="lib/jquery/jquery.min.js"></script>
|
||||
<script src="lib/jquery/jquery-migrate.min.js"></script>
|
||||
<script src="lib/popper/popper.min.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
<script src="lib/scrollreveal/scrollreveal.min.js"></script>
|
||||
<!-- Contact Form JavaScript File -->
|
||||
<script src="contactform/contactform.js"></script>
|
||||
|
||||
<!-- Template Main Javascript File -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,566 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>EstateAgency Bootstrap Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="" name="keywords">
|
||||
<meta content="" name="description">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="img/favicon.png" rel="icon">
|
||||
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
||||
|
||||
<!-- Bootstrap CSS File -->
|
||||
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Libraries CSS Files -->
|
||||
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main Stylesheet File -->
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
Theme Name: EstateAgency
|
||||
Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
|
||||
Author: BootstrapMade.com
|
||||
License: https://bootstrapmade.com/license/
|
||||
======================================================= -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="click-closed"></div>
|
||||
<!--/ Form Search Star /-->
|
||||
<div class="box-collapse">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Search Property</h3>
|
||||
</div>
|
||||
<span class="close-box-collapse right-boxed ion-ios-close"></span>
|
||||
<div class="box-collapse-wrap form">
|
||||
<form class="form-a">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Keyword</label>
|
||||
<input type="text" class="form-control form-control-lg form-control-a" placeholder="Keyword">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Type</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="Type">
|
||||
<option>All Type</option>
|
||||
<option>For Rent</option>
|
||||
<option>For Sale</option>
|
||||
<option>Open House</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="city">City</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="city">
|
||||
<option>All City</option>
|
||||
<option>Alabama</option>
|
||||
<option>Arizona</option>
|
||||
<option>California</option>
|
||||
<option>Colorado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bedrooms">Bedrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bedrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="garages">Garages</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="garages">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
<option>04</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bathrooms">Bathrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bathrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="price">Min Price</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="price">
|
||||
<option>Unlimite</option>
|
||||
<option>$50,000</option>
|
||||
<option>$100,000</option>
|
||||
<option>$150,000</option>
|
||||
<option>$200,000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-b">Search Property</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Form Search End /-->
|
||||
|
||||
<!--/ Nav Star /-->
|
||||
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
|
||||
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<a class="navbar-brand text-brand" href="index.html">Estate<span class="color-b">Agency</span></a>
|
||||
<button type="button" class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="property-grid.html">Property</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="blog-grid.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
Pages
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="property-single.html">Property Single</a>
|
||||
<a class="dropdown-item" href="blog-single.html">Blog Single</a>
|
||||
<a class="dropdown-item" href="agents-grid.html">Agents Grid</a>
|
||||
<a class="dropdown-item" href="agent-single.html">Agent Single</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn btn-b-n navbar-toggle-box-collapse d-none d-md-block" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!--/ Nav End /-->
|
||||
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Our Amazing Posts</h1>
|
||||
<span class="color-text-a">Grid News</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
News Grid
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ News Grid Star /-->
|
||||
<section class="news-grid grid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-1.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="#" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-2.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="blog-single.html" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-3.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="#" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-4.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="#" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-5.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="#" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card-box-b card-shadow news-box">
|
||||
<div class="img-box-b">
|
||||
<img src="img/post-6.jpg" alt="" class="img-b img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-header-b">
|
||||
<div class="card-category-b">
|
||||
<a href="#" class="category-b">Travel</a>
|
||||
</div>
|
||||
<div class="card-title-b">
|
||||
<h2 class="title-2">
|
||||
<a href="blog-single.html">Travel is comming
|
||||
<br> new</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="card-date">
|
||||
<span class="date-b">18 Sep. 2017</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<nav class="pagination-a">
|
||||
<ul class="pagination justify-content-end">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<span class="ion-ios-arrow-back"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item next">
|
||||
<a class="page-link" href="#">
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ News Grid End /-->
|
||||
|
||||
<!--/ footer Star /-->
|
||||
<section class="section-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">EstateAgency</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<p class="w-text-a color-text-a">
|
||||
Enim minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat duis
|
||||
sed aute irure.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-footer-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Phone .</span> contact@example.com</li>
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Email .</span> +54 356 945234</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">The Company</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Site Map</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Legal</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Agent Admin</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Careers</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Affiliate</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">International sites</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Venezuela</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">China</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Hong Kong</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Argentina</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Singapore</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Philippines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav class="nav-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Property</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Blog</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright-footer">
|
||||
<p class="copyright color-text-a">
|
||||
© Copyright
|
||||
<span class="color-a">EstateAgency</span> All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="credits">
|
||||
<!--
|
||||
All the links in the footer should remain intact.
|
||||
You can delete the links only if you purchased the pro version.
|
||||
Licensing information: https://bootstrapmade.com/license/
|
||||
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=EstateAgency
|
||||
-->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/ Footer End /-->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="lib/jquery/jquery.min.js"></script>
|
||||
<script src="lib/jquery/jquery-migrate.min.js"></script>
|
||||
<script src="lib/popper/popper.min.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
<script src="lib/scrollreveal/scrollreveal.min.js"></script>
|
||||
<!-- Contact Form JavaScript File -->
|
||||
<script src="contactform/contactform.js"></script>
|
||||
|
||||
<!-- Template Main Javascript File -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,576 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>EstateAgency Bootstrap Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<meta content="" name="keywords">
|
||||
<meta content="" name="description">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="img/favicon.png" rel="icon">
|
||||
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
||||
|
||||
<!-- Bootstrap CSS File -->
|
||||
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Libraries CSS Files -->
|
||||
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||||
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main Stylesheet File -->
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
Theme Name: EstateAgency
|
||||
Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
|
||||
Author: BootstrapMade.com
|
||||
License: https://bootstrapmade.com/license/
|
||||
======================================================= -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="click-closed"></div>
|
||||
<!--/ Form Search Star /-->
|
||||
<div class="box-collapse">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Search Property</h3>
|
||||
</div>
|
||||
<span class="close-box-collapse right-boxed ion-ios-close"></span>
|
||||
<div class="box-collapse-wrap form">
|
||||
<form class="form-a">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Keyword</label>
|
||||
<input type="text" class="form-control form-control-lg form-control-a" placeholder="Keyword">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="Type">Type</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="Type">
|
||||
<option>All Type</option>
|
||||
<option>For Rent</option>
|
||||
<option>For Sale</option>
|
||||
<option>Open House</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="city">City</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="city">
|
||||
<option>All City</option>
|
||||
<option>Alabama</option>
|
||||
<option>Arizona</option>
|
||||
<option>California</option>
|
||||
<option>Colorado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bedrooms">Bedrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bedrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="garages">Garages</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="garages">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
<option>04</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="bathrooms">Bathrooms</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="bathrooms">
|
||||
<option>Any</option>
|
||||
<option>01</option>
|
||||
<option>02</option>
|
||||
<option>03</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-2">
|
||||
<div class="form-group">
|
||||
<label for="price">Min Price</label>
|
||||
<select class="form-control form-control-lg form-control-a" id="price">
|
||||
<option>Unlimite</option>
|
||||
<option>$50,000</option>
|
||||
<option>$100,000</option>
|
||||
<option>$150,000</option>
|
||||
<option>$200,000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-b">Search Property</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ Form Search End /-->
|
||||
|
||||
<!--/ Nav Star /-->
|
||||
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
|
||||
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<a class="navbar-brand text-brand" href="index.html">Estate<span class="color-b">Agency</span></a>
|
||||
<button type="button" class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="property-grid.html">Property</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="blog-grid.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
Pages
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="property-single.html">Property Single</a>
|
||||
<a class="dropdown-item active" href="blog-single.html">Blog Single</a>
|
||||
<a class="dropdown-item" href="agents-grid.html">Agents Grid</a>
|
||||
<a class="dropdown-item" href="agent-single.html">Agent Single</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn btn-b-n navbar-toggle-box-collapse d-none d-md-block" data-toggle="collapse"
|
||||
data-target="#navbarTogglerDemo01" aria-expanded="false">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!--/ Nav End /-->
|
||||
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Book Cover Deisgn</h1>
|
||||
<span class="color-text-a">News Single.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Book Cover Deisgn
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ News Single Star /-->
|
||||
<section class="news-single nav-arrow-b">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="news-img-box">
|
||||
<img src="img/slide-3.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<div class="post-information">
|
||||
<ul class="list-inline text-center color-a">
|
||||
<li class="list-inline-item mr-2">
|
||||
<strong>Author: </strong>
|
||||
<span class="color-text-a">Morgan Jimenez</span>
|
||||
</li>
|
||||
<li class="list-inline-item mr-2">
|
||||
<strong>Category: </strong>
|
||||
<span class="color-text-a">Travel</span>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<strong>Date: </strong>
|
||||
<span class="color-text-a">19 Apr. 2017</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post-content color-text-a">
|
||||
<p class="post-intro">
|
||||
Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur
|
||||
<strong>adipiscing</strong> elit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
|
||||
Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
|
||||
</p>
|
||||
<p>
|
||||
Proin eget tortor risus. Donec sollicitudin molestie malesuada. Cras ultricies ligula sed magna dictum
|
||||
porta. Pellentesque
|
||||
in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet
|
||||
dui. Lorem ipsum dolor sit amet.
|
||||
</p>
|
||||
<p>
|
||||
Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet nisl tempus convallis quis ac
|
||||
lectus. Curabitur
|
||||
non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Curabitur non
|
||||
nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leo eget malesuada.
|
||||
Quisque velit nisi.
|
||||
</p>
|
||||
<blockquote class="blockquote">
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||
<footer class="blockquote-footer">
|
||||
<strong>Albert Vargas</strong>
|
||||
<cite title="Source Title">Author</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
<p>
|
||||
Donec rutrum congue leo eget malesuada. Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit
|
||||
tortor eget felis
|
||||
porttitor volutpat. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
|
||||
</p>
|
||||
</div>
|
||||
<div class="post-footer">
|
||||
<div class="post-share">
|
||||
<span>Share: </span>
|
||||
<ul class="list-inline socials">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10 offset-md-1 col-lg-10 offset-lg-1">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Comments (4)</h3>
|
||||
</div>
|
||||
<div class="box-comments">
|
||||
<ul class="list-comments">
|
||||
<li>
|
||||
<div class="comment-avatar">
|
||||
<img src="img/author-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="comment-details">
|
||||
<h4 class="comment-author">Emma Stone</h4>
|
||||
<span>18 Sep 2017</span>
|
||||
<p class="comment-description">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores reprehenderit, provident cumque
|
||||
ipsam temporibus maiores
|
||||
quae natus libero optio, at qui beatae ducimus placeat debitis voluptates amet corporis.
|
||||
</p>
|
||||
<a href="3">Reply</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="comment-children">
|
||||
<div class="comment-avatar">
|
||||
<img src="img/author-1.jpg" alt="">
|
||||
</div>
|
||||
<div class="comment-details">
|
||||
<h4 class="comment-author">Oliver Colmenares</h4>
|
||||
<span>18 Sep 2017</span>
|
||||
<p class="comment-description">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores reprehenderit, provident cumque
|
||||
ipsam temporibus maiores
|
||||
quae.
|
||||
</p>
|
||||
<a href="3">Reply</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="comment-avatar">
|
||||
<img src="img/author-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="comment-details">
|
||||
<h4 class="comment-author">Emma Stone</h4>
|
||||
<span>18 Sep 2017</span>
|
||||
<p class="comment-description">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores reprehenderit, provident cumque
|
||||
ipsam temporibus maiores
|
||||
quae natus libero optio.
|
||||
</p>
|
||||
<a href="3">Reply</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="form-comments">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d"> Leave a Reply</h3>
|
||||
</div>
|
||||
<form class="form-a">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-group">
|
||||
<label for="inputName">Enter name</label>
|
||||
<input type="text" class="form-control form-control-lg form-control-a" id="inputName" placeholder="Name *"
|
||||
required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-group">
|
||||
<label for="inputEmail1">Enter email</label>
|
||||
<input type="email" class="form-control form-control-lg form-control-a" id="inputEmail1"
|
||||
placeholder="Email *" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-3">
|
||||
<div class="form-group">
|
||||
<label for="inputUrl">Enter website</label>
|
||||
<input type="url" class="form-control form-control-lg form-control-a" id="inputUrl" placeholder="Website">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-3">
|
||||
<div class="form-group">
|
||||
<label for="textMessage">Enter message</label>
|
||||
<textarea id="textMessage" class="form-control" placeholder="Comment *" name="message" cols="45"
|
||||
rows="8" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="btn btn-a">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ News Single End /-->
|
||||
|
||||
<!--/ footer Star /-->
|
||||
<section class="section-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">EstateAgency</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<p class="w-text-a color-text-a">
|
||||
Enim minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat duis
|
||||
sed aute irure.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-footer-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Phone .</span> contact@example.com</li>
|
||||
<li class="color-a">
|
||||
<span class="color-text-a">Email .</span> +54 356 945234</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">The Company</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Site Map</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Legal</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Agent Admin</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Careers</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Affiliate</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Privacy Policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4 section-md-t3">
|
||||
<div class="widget-a">
|
||||
<div class="w-header-a">
|
||||
<h3 class="w-title-a text-brand">International sites</h3>
|
||||
</div>
|
||||
<div class="w-body-a">
|
||||
<ul class="list-unstyled">
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Venezuela</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">China</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Hong Kong</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Argentina</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Singapore</a>
|
||||
</li>
|
||||
<li class="item-list-a">
|
||||
<i class="fa fa-angle-right"></i> <a href="#">Philippines</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<nav class="nav-footer">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Property</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Blog</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="socials-a">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">
|
||||
<i class="fa fa-dribbble" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright-footer">
|
||||
<p class="copyright color-text-a">
|
||||
© Copyright
|
||||
<span class="color-a">EstateAgency</span> All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="credits">
|
||||
<!--
|
||||
All the links in the footer should remain intact.
|
||||
You can delete the links only if you purchased the pro version.
|
||||
Licensing information: https://bootstrapmade.com/license/
|
||||
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=EstateAgency
|
||||
-->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--/ Footer End /-->
|
||||
|
||||
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="lib/jquery/jquery.min.js"></script>
|
||||
<script src="lib/jquery/jquery-migrate.min.js"></script>
|
||||
<script src="lib/popper/popper.min.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
<script src="lib/scrollreveal/scrollreveal.min.js"></script>
|
||||
<!-- Contact Form JavaScript File -->
|
||||
<script src="contactform/contactform.js"></script>
|
||||
|
||||
<!-- Template Main Javascript File -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -38,15 +38,11 @@
|
|||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div id="property-single-carousel" class="owl-carousel owl-arrow gallery-property">
|
||||
{% for image in images %}
|
||||
<div class="carousel-item-b">
|
||||
<img src="{% static 'img/slide-2.jpg' %}" alt="">
|
||||
</div>
|
||||
<div class="carousel-item-b">
|
||||
<img src="{% static 'img/slide-3.jpg' %}" alt="">
|
||||
</div>
|
||||
<div class="carousel-item-b">
|
||||
<img src="{% static 'img/slide-1.jpg' %}" alt="">
|
||||
<img src="{{ image.url.url }}" alt="{{image.alt}}">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="row justify-content-between">
|
||||
<div class="col-md-5 col-lg-4">
|
||||
|
|
@ -121,26 +117,6 @@
|
|||
{{ place.info |safe}}
|
||||
</p>
|
||||
</div>
|
||||
<div class="row section-t3">
|
||||
<div class="col-sm-12">
|
||||
<div class="title-box-d">
|
||||
<h3 class="title-d">Équipements</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="amenities-list color-text-a">
|
||||
<ul class="list-a no-margin">
|
||||
<li>Balcony</li>
|
||||
<li>Outdoor Kitchen</li>
|
||||
<li>Cable Tv</li>
|
||||
<li>Deck</li>
|
||||
<li>Tennis Courts</li>
|
||||
<li>Internet</li>
|
||||
<li>Parking</li>
|
||||
<li>Sun Room</li>
|
||||
<li>Concrete Flooring</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -33,6 +33,16 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="row">
|
||||
<div class="col-md-12 lg-4">
|
||||
<img src="/media/img/booking_award_2018_winner.png" alt="" class="logo">
|
||||
</div>
|
||||
<div class="col-md-12 lg_4">
|
||||
<img src="/media/img/booking_award_2018_winner.gif" alt="" class="logo">
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
<section class="section-services section-t8">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
<!--/ Intro Single star /-->
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
@ -27,30 +26,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Intro Single End /-->
|
||||
|
||||
<!--/ Property Grid Star /-->
|
||||
<section class="property-grid grid">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- <div class="col-sm-12">
|
||||
<div class="grid-option">
|
||||
<form>
|
||||
<select class="custom-select">
|
||||
<option selected>Tout</option>
|
||||
<option value="1">New to Old</option>
|
||||
<option value="2">For Rent</option>
|
||||
<option value="3">For Sale</option>
|
||||
</select>
|
||||
</form>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
{% for place in places %}
|
||||
<div class="col-md-6">
|
||||
<div class="card-box-a card-shadow">
|
||||
<div class="img-box-a">
|
||||
<img src="{% static 'img/property-10.jpg' %}" alt="" class="img-a img-fluid">
|
||||
<img src="{{images[0][0]}}" alt="" class="img-a img-fluid">
|
||||
</div>
|
||||
<div class="card-overlay">
|
||||
<div class="card-overlay-a-content">
|
||||
|
|
@ -72,22 +56,22 @@
|
|||
<ul class="card-info d-flex justify-content-around">
|
||||
<li>
|
||||
<h4 class="card-info-title">Surface</h4>
|
||||
<span>340m
|
||||
<span> {{ place.surface}}
|
||||
<sup>2</sup>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Lits</h4>
|
||||
<span>2</span>
|
||||
<span>{{place.beds}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<h4 class="card-info-title">Baths</h4>
|
||||
<span>4</span>
|
||||
<h4 class="card-info-title">Max voyageurs</h4>
|
||||
<span>{{place.max_occupation}}</span>
|
||||
</li>
|
||||
<li>
|
||||
<!-- <li>
|
||||
<h4 class="card-info-title">Garages</h4>
|
||||
<span>1</span>
|
||||
</li>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -96,34 +80,6 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!-- <div class="row">
|
||||
<div class="col-sm-12">
|
||||
<nav class="pagination-a">
|
||||
<ul class="pagination justify-content-end">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<span class="ion-ios-arrow-back"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item next">
|
||||
<a class="page-link" href="#">
|
||||
<span class="ion-ios-arrow-forward"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</section>
|
||||
<!--/ Property Grid End /-->
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,34 @@
|
|||
{% extends 'rental/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
<h1>merci</h1>
|
||||
{% block content %}
|
||||
|
||||
<section class="intro-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-lg-8">
|
||||
<div class="title-single-box">
|
||||
<h1 class="title-single">Merci pour votre réservation </h1>
|
||||
<span class="color-text-a">Nous avons enregistré la réservation de {{ guest.name }} du {{ place.name }}.<br/> Nous nous recontactons rapidement ! </span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'rental:index' %}">Accueil</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'rental:list_place' %}">Hébergements</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">
|
||||
Merci
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -9,7 +9,7 @@ app_name = 'rental'
|
|||
urlpatterns = [
|
||||
# path('', views.Accueil.as_view(), name='index'),
|
||||
path('', views.index, name='index'),
|
||||
path('hebergements/', views.ListeLocation.as_view(), name='list_place'),
|
||||
path('hebergements/', views.liste_location, name='list_place'),
|
||||
# path('<place_name>/', views.Location.as_view(), name='detail_place'),
|
||||
path('<place_name>/', views.location, name='detail_place'),
|
||||
]
|
||||
|
|
|
|||
|
|
@ -22,15 +22,31 @@ def index(request):
|
|||
return render(request, 'rental/index.html', context)
|
||||
|
||||
|
||||
class ListeLocation(ListView):
|
||||
model = Place
|
||||
template_name = 'rental/list_place.html'
|
||||
context_object_name = 'places'
|
||||
def liste_location(request):
|
||||
places = Place.objects.all()
|
||||
images = []
|
||||
for place in places:
|
||||
imgs = place.images.all()
|
||||
images.append(imgs)
|
||||
context = {
|
||||
'places' : places,
|
||||
'images' : images
|
||||
}
|
||||
return render(request, 'rental/list_place.html', context)
|
||||
|
||||
# class ListeLocation(ListView):
|
||||
# model = Place
|
||||
# template_name = 'rental/list_place.html'
|
||||
# context_object_name = 'places'
|
||||
|
||||
|
||||
def location(request, place_name):
|
||||
def location(request, place_name='T2'):
|
||||
place = get_object_or_404(Place, name=place_name)
|
||||
context = {'place' : place}
|
||||
images = place.images.all()
|
||||
context = {
|
||||
'place' : place,
|
||||
'images' : images
|
||||
}
|
||||
if request.method == 'POST':
|
||||
form = ReservationForm(request.POST)#, error_class=ParagraphErrorList)
|
||||
if form.is_valid():
|
||||
|
|
@ -104,6 +120,7 @@ def reservation(request):
|
|||
else:
|
||||
form = ReservationForm()
|
||||
context = {'form' : form}
|
||||
context['errors'] = form.errors.items()
|
||||
return render(request, 'rental/reservation.html', context)
|
||||
|
||||
|
||||
|
|
@ -119,6 +136,10 @@ class About(TemplateView):
|
|||
template_name = 'rental/about.html'
|
||||
|
||||
|
||||
# class Merci(TemplateView):
|
||||
# template_name = 'rental/merci.html'
|
||||
|
||||
|
||||
def handler404(request, exception):
|
||||
return render(request, 'store/404.html', status=404)
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue