299 lines
21 KiB
HTML
Executable File
299 lines
21 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Tabs</title>
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta charset="utf-8">
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
|
<!-- Stylesheets-->
|
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
|
|
<!--[if lt IE 10]>
|
|
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
|
<script src="js/html5shiv.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<!-- Page Header-->
|
|
<header class="section page-header">
|
|
<!-- RD Navbar-->
|
|
<div class="rd-navbar-wrap">
|
|
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
|
|
<div class="rd-navbar-aside-outer">
|
|
<div class="rd-navbar-aside">
|
|
<!-- RD Navbar Panel-->
|
|
<div class="rd-navbar-panel">
|
|
<!-- RD Navbar Toggle-->
|
|
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
|
|
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
|
|
</div>
|
|
<div class="rd-navbar-collapse">
|
|
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
|
|
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
|
|
<article class="unit align-items-center">
|
|
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
|
|
<div class="unit-body">
|
|
<ul class="list-0">
|
|
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
|
|
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<article class="unit align-items-center">
|
|
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
|
|
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
|
|
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rd-navbar-main-outer">
|
|
<div class="rd-navbar-main">
|
|
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
|
|
<!-- RD Navbar Search-->
|
|
<div class="rd-navbar-search" id="rd-navbar-search-1">
|
|
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
|
|
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
|
|
<div class="form-wrap">
|
|
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
|
|
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
|
|
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
|
|
</div>
|
|
<button class="rd-search-form-submit fa-search" type="submit"></button>
|
|
</form>
|
|
</div>
|
|
<!-- RD Navbar Nav-->
|
|
<ul class="rd-navbar-nav">
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
|
|
<!-- RD Navbar Dropdown-->
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
|
|
<!-- RD Navbar Megamenu-->
|
|
<ul class="rd-menu rd-navbar-megamenu">
|
|
<li class="rd-megamenu-item">
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-megamenu-item">
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-megamenu-item">
|
|
<ul class="rd-megamenu-list">
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<!-- Breadcrumbs -->
|
|
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
|
|
<div class="breadcrumbs-custom-inner">
|
|
<div class="container breadcrumbs-custom-container">
|
|
<div class="breadcrumbs-custom-main">
|
|
<h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
|
|
<h2 class="text-uppercase breadcrumbs-custom-title">Tabs</h2>
|
|
</div>
|
|
<ul class="breadcrumbs-custom-path">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="#">Pages</a></li>
|
|
<li class="active">Tabs</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Tabs-->
|
|
<section class="section section-lg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-md-9 col-lg-6 col-xl-5">
|
|
<h6>Standard tabs</h6>
|
|
<!-- Bootstrap tabs -->
|
|
<div class="tabs-custom tabs-horizontal tabs-line" id="tabs-1">
|
|
<!-- Nav tabs-->
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item" role="presentation"><a class="nav-link active" href="#tabs-1-1" data-toggle="tab">Description</a></li>
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-2" data-toggle="tab">Demands</a></li>
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-3" data-toggle="tab">Conditions</a></li>
|
|
</ul>
|
|
<!-- Tab panes-->
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="tabs-1-1">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
</div>
|
|
<div class="tab-pane fade" id="tabs-1-2">
|
|
<ul class="list-marked">
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</li>
|
|
</ul>
|
|
</div>
|
|
<div class="tab-pane fade" id="tabs-1-3">
|
|
<ul class="list-marked">
|
|
<li>Lorem ipsum dolor sit amet, consectetur</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Page Footer-->
|
|
<footer class="section footer-advanced bg-gray-700">
|
|
<div class="footer-advanced-main">
|
|
<div class="container">
|
|
<div class="row row-50">
|
|
<div class="col-lg-4">
|
|
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
|
|
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
|
|
</div>
|
|
<div class="col-sm-7 col-md-5 col-lg-4">
|
|
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
|
|
<!-- Post Inline-->
|
|
<article class="post-inline">
|
|
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
|
|
<ul class="post-inline-meta">
|
|
<li>by Mike Barnes</li>
|
|
<li><a href="single-blog-post.html">2 days ago</a></li>
|
|
</ul>
|
|
</article>
|
|
<!-- Post Inline-->
|
|
<article class="post-inline">
|
|
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
|
|
<ul class="post-inline-meta">
|
|
<li>by Mike Barnes</li>
|
|
<li><a href="single-blog-post.html">2 days ago</a></li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
<div class="col-sm-5 col-md-7 col-lg-4">
|
|
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
|
|
<div class="row row-x-10" data-lightgallery="group">
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"> </div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
|
|
<div class="thumbnail-minimal-caption"></div></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-advanced-aside">
|
|
<div class="container">
|
|
<div class="footer-advanced-layout">
|
|
<div>
|
|
<ul class="list-nav">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about-us.html">About</a></li>
|
|
<li><a href="properties.html">Properties</a></li>
|
|
<li><a href="grid-blog.html">Blog</a></li>
|
|
<li><a href="contacts.html">Contacts</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul class="foter-social-links list-inline list-inline-md">
|
|
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
|
|
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
|
|
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
|
|
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
|
|
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<hr>
|
|
</div>
|
|
<div class="footer-advanced-aside">
|
|
<div class="container">
|
|
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
|
|
<!-- Rights-->
|
|
<p class="rights"><span>© </span><span class="copyright-year"></span><span> </span><span>All Rights Reserved.</span><span> </span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span> </span><a href="privacy-policy.html">Privacy Policy</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<div class="preloader">
|
|
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
|
|
</div>
|
|
<div class="preloader-body">
|
|
<div id="loadingProgressG">
|
|
<div class="loadingProgressG" id="loadingProgressG_1"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Global Mailform Output-->
|
|
<div class="snackbars" id="form-output-global"></div>
|
|
<!-- Javascript-->
|
|
<script src="js/core.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |