510 lines
32 KiB
HTML
510 lines
32 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html class="wide wow-animation" lang="en">
|
|||
|
|
<head>
|
|||
|
|
<title>Tabs and Accordions</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="https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,900">
|
|||
|
|
<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">
|
|||
|
|
<style>.ie-panel{display: none;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;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
|||
|
|
<div class="preloader">
|
|||
|
|
<div class="preloader-body">
|
|||
|
|
<div class="cssload-container">
|
|||
|
|
<div class="cssload-speeding-wheel"></div>
|
|||
|
|
</div>
|
|||
|
|
<p>Loading...</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="page">
|
|||
|
|
<!-- Page Header-->
|
|||
|
|
<header class="section page-header">
|
|||
|
|
<!-- RD Navbar-->
|
|||
|
|
<div class="rd-navbar-wrap rd-navbar-absolute">
|
|||
|
|
<nav class="rd-navbar rd-navbar-transparent" 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-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="20px" data-xl-stick-up-offset="20px" data-xxl-stick-up-offset="20px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
|
|||
|
|
<div class="rd-navbar-main-outer">
|
|||
|
|
<div class="rd-navbar-main">
|
|||
|
|
<!-- RD Navbar Panel-->
|
|||
|
|
<div class="rd-navbar-panel">
|
|||
|
|
<!-- RD Navbar Toggle-->
|
|||
|
|
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
|||
|
|
<!-- RD Navbar Brand-->
|
|||
|
|
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rd-navbar-main-element">
|
|||
|
|
<div class="rd-navbar-nav-wrap">
|
|||
|
|
<!-- 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="pricing.html">Pricing</a></li>
|
|||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our team</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
|
|||
|
|
<!-- RD Navbar Dropdown-->
|
|||
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single service</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="careers.html">Careers</a>
|
|||
|
|
<!-- RD Navbar Dropdown-->
|
|||
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
|||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-job.html">Single job</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">
|
|||
|
|
<h6 class="rd-megamenu-title">Elements</h6>
|
|||
|
|
<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="tabs-and-accordions.html">Tabs and accordions</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="grid.html">Grid</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-megamenu-item">
|
|||
|
|
<h6 class="rd-megamenu-title">Blog</h6>
|
|||
|
|
<ul class="rd-megamenu-list">
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="classic-blog.html">Classic blog</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-blog.html">Grid blog</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-blog.html">Masonry blog</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="modern-blog.html">Modern blog</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-post.html">Single post</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-megamenu-item">
|
|||
|
|
<h6 class="rd-megamenu-title">Gallery</h6>
|
|||
|
|
<ul class="rd-megamenu-list">
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-gallery.html">Grid gallery</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry gallery</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-megamenu-item">
|
|||
|
|
<h6 class="rd-megamenu-title">Extras</h6>
|
|||
|
|
<ul class="rd-megamenu-list">
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404.html">404 Page</a></li>
|
|||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503.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="login.html">Login/Registration</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="search-results.html">Search results</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<!-- RD Navbar Search-->
|
|||
|
|
<div class="rd-navbar-search">
|
|||
|
|
<button class="rd-navbar-search-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
|
|||
|
|
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<label class="form-label" for="rd-navbar-search-form-input">Search</label>
|
|||
|
|
<input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off">
|
|||
|
|
<div class="rd-search-results-live" id="rd-search-results-live"></div>
|
|||
|
|
</div>
|
|||
|
|
<button class="rd-search-form-submit mdi mdi-magnify" type="submit"></button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<!-- Breadcrumbs -->
|
|||
|
|
<section class="section section-bredcrumbs bg-image-2">
|
|||
|
|
<div class="container context-dark breadcrumb-wrapper">
|
|||
|
|
<h1>Tabs & Accordions</h1>
|
|||
|
|
<ul class="breadcrumbs-custom">
|
|||
|
|
<li><a href="index.html">Home</a></li>
|
|||
|
|
<li><a href="#">Pages</a></li>
|
|||
|
|
<li class="active">Tabs & Accordions</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- Tabs-->
|
|||
|
|
<section class="section section-lg bg-default">
|
|||
|
|
<div class="container">
|
|||
|
|
<h2>Horizontal Tabs</h2>
|
|||
|
|
<div class="row row-offset-3">
|
|||
|
|
<div class="col-md-6 col-lg-5 col-xxl-3">
|
|||
|
|
<!-- 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">San Diego</a></li>
|
|||
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-2" data-toggle="tab">New York</a></li>
|
|||
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-1-3" data-toggle="tab">Chicago</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<!-- Tab panes-->
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane fade show active" id="tabs-1-1">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">2130 Fulton Street, <br class="veil reveal-lg-inline">San Diego, CA 94117-1080 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-pane fade" id="tabs-1-2">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">2130 Marshall Street, <br class="veil reveal-lg-inline">New York, NY 65432-8767 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-pane fade" id="tabs-1-3">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">5432 Central Street, <br class="veil reveal-lg-inline">Chicago, IL 43541-3243 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- Vertical Tabs-->
|
|||
|
|
<section class="section section-lg bg-default">
|
|||
|
|
<div class="container">
|
|||
|
|
<h2>Vertical Tabs</h2>
|
|||
|
|
<div class="row row-offset-3">
|
|||
|
|
<div class="col-lg-5 col-xxl-4">
|
|||
|
|
<!-- Bootstrap tabs-->
|
|||
|
|
<div class="tabs-custom tabs-vertical tabs-line" id="tabs-2">
|
|||
|
|
<!-- Nav tabs-->
|
|||
|
|
<ul class="nav nav-tabs">
|
|||
|
|
<li class="nav-item" role="presentation"><a class="nav-link active" href="#tabs-2-1" data-toggle="tab">San Diego</a></li>
|
|||
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-2-2" data-toggle="tab">New York</a></li>
|
|||
|
|
<li class="nav-item" role="presentation"><a class="nav-link" href="#tabs-2-3" data-toggle="tab">Chicago</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<!-- Tab panes-->
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane fade show active" id="tabs-2-1">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">2130 Fulton Street, <br class="veil reveal-lg-inline">San Diego, CA 94117-1080 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-pane fade" id="tabs-2-2">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">2130 Marshall Street, <br class="veil reveal-lg-inline">New York, NY 65432-8767 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-pane fade" id="tabs-2-3">
|
|||
|
|
<ul class="contact-box">
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="#">5432 Central Street, <br class="veil reveal-lg-inline">Chicago, IL 43541-3243 USA</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
|
|||
|
|
<div class="unit-body">
|
|||
|
|
<ul class="list-phones">
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
<li><a class="hover-text" href="tel:#">1-800-1234-567</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="unit unit-horizontal unit-spacing-xxs">
|
|||
|
|
<div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
|
|||
|
|
<div class="unit-body"><a class="hover-text" href="mailto:#">info@demolink.org</a></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- Accordion-->
|
|||
|
|
<section class="section section-lg bg-default">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-9 col-xl-8">
|
|||
|
|
<h2>Accordion</h2>
|
|||
|
|
<!-- Bootstrap collapse-->
|
|||
|
|
<div class="card-group-custom card-group-corporate" id="accordion1" role="tablist" aria-multiselectable="false">
|
|||
|
|
<!-- Bootstrap card-->
|
|||
|
|
<article class="card card-custom card-corporate">
|
|||
|
|
<div class="card-header" id="accordion1Heading1" role="tab">
|
|||
|
|
<div class="card-title"><a role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1Collapse1" aria-controls="accordion1Collapse1" aria-expanded="true">What are the advantages of purchasing a website template?
|
|||
|
|
<div class="card-arrow"></div></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="collapse show" id="accordion1Collapse1" role="tabpanel" aria-labelledby="accordion1Heading1">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<p>The major advantage is price: You get a high quality design for just $20-$70. You don’t have to hire a web designer or web design studio. Second advantage is time frame: It usually takes 5-15 days for a good designer to produce a web page of such quality.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
<!-- Bootstrap card-->
|
|||
|
|
<article class="card card-custom card-corporate">
|
|||
|
|
<div class="card-header" id="accordion1Heading2" role="tab">
|
|||
|
|
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1Collapse2" aria-controls="accordion1Collapse2">What is a unique/non-unique purchase?
|
|||
|
|
<div class="card-arrow"></div></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="collapse" id="accordion1Collapse2" role="tabpanel" aria-labelledby="accordion1Heading2">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<p>Non-exclusive purchase means that other people can buy the template you have chosen some time later. Exclusive or unique purchase guarantees that you are the last person to buy this template. After an exclusive purchase occurs the template is being permanently removed from the sales directory and will never be available to other customers again. Only you and people who bought the template before you will own it.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
<!-- Bootstrap card-->
|
|||
|
|
<article class="card card-custom card-corporate">
|
|||
|
|
<div class="card-header" id="accordion1Heading3" role="tab">
|
|||
|
|
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1Collapse3" aria-controls="accordion1Collapse3">What do I receive when I order a template from Zemez?
|
|||
|
|
<div class="card-arrow"></div></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="collapse" id="accordion1Collapse3" role="tabpanel" aria-labelledby="accordion1Heading3">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<p>After you complete the payment via our secure form you will receive the instructions for downloading the product. The source files in the download package can vary based on the type of the product you have purchased.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
<!-- Bootstrap card-->
|
|||
|
|
<article class="card card-custom card-corporate">
|
|||
|
|
<div class="card-header" id="accordion1Heading4" role="tab">
|
|||
|
|
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1Collapse4" aria-controls="accordion1Collapse4">In what formats are your templates available?
|
|||
|
|
<div class="card-arrow"></div></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="collapse" id="accordion1Collapse4" role="tabpanel" aria-labelledby="accordion1Heading4">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<p>Website templates are available in Photoshop and HTML formats. Fonts are included with the Photoshop file. In most templates, HTML is compatible with Adobe® Dreamweaver® and Microsoft® FrontPage®.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
<!-- Bootstrap card-->
|
|||
|
|
<article class="card card-custom card-corporate">
|
|||
|
|
<div class="card-header" id="accordion1Heading5" role="tab">
|
|||
|
|
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1Collapse5" aria-controls="accordion1Collapse5">What am I allowed to do with the templates?
|
|||
|
|
<div class="card-arrow"></div></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="collapse" id="accordion1Collapse5" role="tabpanel" aria-labelledby="accordion1Heading5">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<p>You may build a website using the template in any way you like. You may not resell or redistribute templates (like we do); claim intellectual or exclusive ownership to any of our products, modified or unmodified. All products are property of content providing companies and individuals. You are also not allowed to make more than one project using the same template (you have to purchase the same template once more in order to make another project with the same design).</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- Page Footer-->
|
|||
|
|
<footer class="section footer-1 bg-primary-gradient">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row row-40 wow fadeIn">
|
|||
|
|
<div class="col-md-6 col-lg-4">
|
|||
|
|
<h5 class="title">About Us</h5>
|
|||
|
|
<p>Interson is a national Internet service provider founded in 1999. We offer high-speed Internet service to all 50 states. In addition to DSL broadband, our company provides fiber and fixed wireless Internet service as well as corporate solutions to our clients. Our pricing is affordable to match all your needs and demands.</p>
|
|||
|
|
<div class="footer-logo"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4">
|
|||
|
|
<h5 class="title">Twitter Feed</h5>
|
|||
|
|
<!-- RD Twitter Feed-->
|
|||
|
|
<div class="twitter" data-twitter-username="Templates" data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago">
|
|||
|
|
<div class="tweet" data-twitter-type="tweet">
|
|||
|
|
<div class="tweet-left">
|
|||
|
|
<div class="icon fa-twitter"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tweet-right">
|
|||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|||
|
|
<div class="twitter-meta">
|
|||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tweet" data-twitter-type="tweet">
|
|||
|
|
<div class="tweet-left">
|
|||
|
|
<div class="icon fa-twitter"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tweet-right">
|
|||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|||
|
|
<div class="twitter-meta">
|
|||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tweet" data-twitter-type="tweet">
|
|||
|
|
<div class="tweet-left">
|
|||
|
|
<div class="icon fa-twitter"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tweet-right">
|
|||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
|||
|
|
<div class="twitter-meta">
|
|||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-10 col-lg-4">
|
|||
|
|
<h5 class="title">Get in Touch</h5>
|
|||
|
|
<!-- RD Mailform-->
|
|||
|
|
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<input class="form-input" id="contact-name-footer" type="text" name="name" data-constraints="@Required">
|
|||
|
|
<label class="form-label" for="contact-name-footer">Name</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<input class="form-input" id="contact-email-footer" type="email" name="email" data-constraints="@Email @Required">
|
|||
|
|
<label class="form-label" for="contact-email-footer">E-mail</label>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<label class="form-label" for="contact-message-footer">Message</label>
|
|||
|
|
<textarea class="form-input" id="contact-message-footer" name="message" data-constraints="@Required"></textarea>
|
|||
|
|
</div>
|
|||
|
|
<button class="button button-primary" type="submit">Send</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Rights-->
|
|||
|
|
<p class="rights"><span>© </span><span class="copyright-year"></span><span> </span><span><a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></span><span>. </span><a href="privacy-policy.html">Privacy Policy</a></p>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
</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>
|