Thank you for purchasing our Template. If you have any questions that are beyond the scope of this documentation file, please feel free to email via our user page contact form. Thank you so much!
We run support 24/7. You can expect a response within 24 hours.
[Note: Need Some Premium Customization Done? Contact Us Via Our User Page Contact Form. ]
Mainly, our template is an HTML template and we just provided support by customizing WHMCS header, footer and color.
The "VOIFone" template is a responsive HTML5 template based on Bootstrap v4.2.x. The structure is based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.
If you would like to edit the layout of any elements in the whole template, you would do the following:
"VOIFone" is using the following CSS files:
In our style.css file all the code are well structured as well as well commented. Here is the sample
1. Open up your 'FTP Software' of choice and connect to your hosting
2. Browse to required directory (Usually: ./public_html)
3. Unzip the 'main_files.zip' and choose templates to upload.
4. Upload the template to the server.
Once you finish setup successfully, you can customize it as you want. Some common frequently asked questions are given bellow.
VOIFone Supports 7 Different Header Layout.
<!-- Header -->
<header class="header">
<div class="header-absolute">
<!-- Header Top -->
<div class="header-top">
<div class="container-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-sm-6">
<div class="header-info text-center text-sm-left">
<ul class="list-inline">
<li><a href="#">infoviop@gmail.com</a></li>
<li><a href="#">+354 256 6987</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="header-info text-center text-sm-right">
<ul class="list-inline">
<li class="social-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li><a href="#">My Account</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- Main Header -->
<div class="main-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-5 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-8 col-md-5 col-sm-5 col-3">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li class="active"><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
</div>
<div class="col-lg-2 col-md-3 col-4">
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header">
<div class="header-absolute">
<!-- Header Top -->
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-sm-6">
<div class="header-info text-center text-sm-left">
<ul class="list-inline">
<li><a href="#">infoviop@gmail.com</a></li>
<li><a href="#">+354 256 6987</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="header-info text-center text-sm-right">
<ul class="list-inline">
<li class="social-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li><a href="#">My Account</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- Main Header -->
<div class="main-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li class="active"><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end ml-3">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header">
<div class="header-absolute">
<!-- Header Top -->
<div class="header-top">
<div class="container-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-sm-6">
<div class="header-info text-center text-sm-left">
<ul class="list-inline">
<li><a href="#">infoviop@gmail.com</a></li>
<li><a href="#">+354 256 6987</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="header-info text-center text-sm-right">
<ul class="list-inline">
<li class="social-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li><a href="#">My Account</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- Main Header -->
<div class="main-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-5 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li class="has-sub-item"><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li class="active"><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end ml-3">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header header-without-topbar">
<div class="header-absolute">
<!-- Main Header -->
<div class="main-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-5 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-8 col-md-5 col-sm-5 col-3">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li class="active"><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
</div>
<div class="col-lg-2 col-md-3 col-sm-2 col-4">
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header header-without-topbar">
<div class="header-absolute">
<!-- Main Header -->
<div class="main-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li class="active"><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end ml-3">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header header-without-topbar">
<div class="header-absolute">
<!-- Main Header -->
<div class="main-header">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-sm-5 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-8 col-md-5 col-sm-4 col-3">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li class="active"><a href="header-layout-6.html">Header v6</a></li>
<li><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-4">
<!-- Search & Cart -->
<div class="d-flex align-items-center justify-content-end">
<!-- Header Search -->
<div class="header-search">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<!-- End Header Search -->
<!-- Header Cart -->
<div class="header-cart position-relative">
<a href="cart.html">
<img src="assets/img/icons/cart.png" data-rjs="2" alt="Cart">
<span>0</span>
</a>
</div>
<!-- End Header Cart -->
</div>
<!-- End Search & Cart -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
<!-- Header -->
<header class="header header-without-topbar">
<div class="header-absolute">
<!-- Main Header -->
<div class="main-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4 col-5">
<!-- Logo -->
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" data-rjs="2" alt="Site Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
<!-- Main Menu -->
<div class="main-menu">
<ul class="nav align-items-center justify-content-center">
<li class="has-sub-item">
<a href="#">Home</a>
<ul>
<li><a href="index.html">Home v1</a></li>
<li><a href="home-v2.html">Home v2</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">VOIP</a>
<ul>
<li><a href="voip-servers.html">VOIP Servers</a></li>
<li><a href="voip-app.html">VOIP App</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="domain.html">Domain</a></li>
<li><a href="data-centers.html">Data Centers</a></li>
<li class="has-sub-item">
<a href="#">Services</a>
<ul>
<li><a href="services.html">All Services</a></li>
<li><a href="affiliate.html">Affiliate Program</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Projects</a>
<ul>
<li class="has-sub-item"><a href="project.html">Projects Gallery</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li class="has-sub-item active">
<a href="#">Features</a>
<ul>
<li class="has-sub-item active">
<a href="#">Header Versions</a>
<ul>
<li><a href="header-layout-1.html">Header v1</a></li>
<li><a href="header-layout-2.html">Header v2</a></li>
<li><a href="header-layout-3.html">Header v3</a></li>
<li><a href="header-layout-4.html">Header v4</a></li>
<li><a href="header-layout-5.html">Header v5</a></li>
<li><a href="header-layout-6.html">Header v6</a></li>
<li class="active"><a href="header-layout-7.html">Header v7</a></li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Footer Versions</a>
<ul>
<li><a href="footer-layout-1.html">Footer v1</a></li>
<li><a href="footer-layout-2.html">Footer v2</a></li>
<li><a href="footer-layout-3.html">Footer v3</a></li>
<li><a href="footer-layout-4.html">Footer v4</a></li>
<li><a href="footer-layout-5.html">Footer v5</a></li>
<li><a href="footer-layout-6.html">Footer v6</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Blog</a>
<ul>
<li><a href="blog-2-column.html">Blog 2 Column</a></li>
<li><a href="blog-3-column.html">Blog 3 Column</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="#">Blog Details</a>
<ul>
<li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
<li><a href="blog-details-right-sidebar.html">Right Sidebar</a></li>
<li><a href="blog-details-no-sidebar.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="has-sub-item">
<a href="#">Shop</a>
<ul>
<li><a href="products-2-columns.html">Products 2 Column</a></li>
<li><a href="products-3-columns.html">Products 3 Column</a></li>
<li><a href="shop-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- End Main Menu -->
</div>
</div>
</div>
</div>
<!-- End of Main Header -->
</div>
</header>
<!-- End Header -->
VOIFone Supports 06 Different Footer Layout.
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<!-- About Widget -->
<div class="widget about_widget">
<div class="widget-title">
<h4>About Us</h4>
</div>
<div class="about-content">
<p>Woody equal ask saw sir weeks aware decay. Entrance prospect removing we packages strictly is no smallest he. For hopes may chief get hours day rooms. Oh no turned behindet polite piqued enough at forbade few through inquiry. Decisively
surrounded all admiration and not you. Lorem ipsum dolor sit amet. Out particular sympathize not favourable saepe necessitatibus quisquam.</p>
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
<li><a href="#">Necessitatibus Quisquam.</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Latest Post Wedget -->
<div class="widget widget_latest_post">
<div class="widget-title">
<h4>Trending Post</h4>
</div>
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>01</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>02</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>03</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
</div>
<!-- Latest Post Wedget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-last order-md-first">
<!--Start footer text -->
<div class="copyright text-center text-md-left">
<p class="m-0 pt-sans"><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer text -->
</div>
<div class="col-md-6 order-first order-md-last">
<!-- Payments -->
<div
class="accepted-payments align-items-center justify-content-center justify-content-md-end text-center text-md-right mb-4 mb-md-0">
<img src="assets/img/payments.png" data-rjs="2" alt="">
</div>
<!-- End Payments -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<!-- About Widget -->
<div class="widget about_widget">
<div class="widget-title">
<h4>About Us</h4>
</div>
<div class="about-content">
<p>Woody equal ask saw sir weeks aware decay. Entrance prospect removing we packages strictly is no smallest he. For hopes may chief get hours day rooms. Oh no turned behindet polite piqued enough at forbade few through inquiry. Decisively
surrounded all admiration and not you.</p>
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Service</h4>
</div>
<ul class="menu">
<li><a href="#">Business VOIP</a></li>
<li><a href="#">Cloud VOIP</a></li>
<li><a href="#">VPAX</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">VOIP Contact</a></li>
<li><a href="#">Residential VOIP</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-last order-md-first">
<!--Start footer text -->
<div class="copyright text-center text-md-left">
<p class="m-0 pt-sans"><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer text -->
</div>
<div class="col-md-6 order-first order-md-last">
<!-- Payments -->
<div
class="accepted-payments align-items-center justify-content-center justify-content-md-end text-center text-md-right mb-4 mb-md-0">
<img src="assets/img/payments.png" data-rjs="2" alt="">
</div>
<!-- End Payments -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6">
<!-- About Widget -->
<div class="widget about_widget mb-3">
<div class="widget-title">
<h4>Contact Us</h4>
</div>
<div class="about-content">
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li class="email"><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a> <a href="#">info.VOIFone@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
<!-- Start Social Widget -->
<div class="widget widget_social_links">
<div class="social-icons">
<ul class="list-inline">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!-- End Social Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
<li><a href="#">Necessitatibus Quisquam.</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-2 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Service</h4>
</div>
<ul class="menu">
<li><a href="#">Business VOIP</a></li>
<li><a href="#">Cloud VOIP</a></li>
<li><a href="#">VPAX</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">VOIP Contact</a></li>
<li><a href="#">Residential VOIP</a></li>
<li><a href="#">Shared VOIP</a></li>
<li><a href="#">VIP VOIP</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Latest Post Wedget -->
<div class="widget widget_latest_post">
<div class="widget-title">
<h4>Trending Post</h4>
</div>
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>01</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>02</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>03</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
</div>
<!-- Latest Post Wedget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-last order-md-first">
<!--Start footer text -->
<div class="copyright text-center text-md-left">
<p class="m-0 pt-sans"><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer text -->
</div>
<div class="col-md-6 order-first order-md-last">
<!-- Payments -->
<div
class="accepted-payments align-items-center justify-content-center justify-content-md-end text-center text-md-right mb-4 mb-md-0">
<img src="assets/img/payments.png" data-rjs="2" alt="">
</div>
<!-- End Payments -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6">
<!-- About Widget -->
<div class="widget about_widget">
<div class="widget-title">
<h4>Contact Us</h4>
</div>
<div class="about-content">
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li class="email"><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a> <a
href="#">info.VOIFone@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
<!-- Social Links Widget -->
<div class="widget widget_social_links">
<div class="social-icons">
<ul class="list-inline">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!-- End Social Links Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
<li><a href="#">Necessitatibus Quisquam.</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-2 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Service</h4>
</div>
<ul class="menu">
<li><a href="#">Business VOIP</a></li>
<li><a href="#">Cloud VOIP</a></li>
<li><a href="#">VPAX</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">VOIP Contact</a></li>
<li><a href="#">Residential VOIP</a></li>
<li><a href="#">Shared VOIP</a></li>
<li><a href="#">VIP VOIP</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Social Feed Widget -->
<div class="widget widget_social_feed">
<div class="widget-title">
<h4>Important links</h4>
</div>
<div class="social-image">
<ul class="d-flex flex-wrap justify-content-between">
<li>
<a href="#">
<img src="assets/img/social-feed/img.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img1.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img2.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img3.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img4.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img5.png" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- End Social Feed Widget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-last order-md-first">
<!--Start footer text -->
<div class="copyright text-center text-md-left">
<p class="m-0 pt-sans"><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer text -->
</div>
<div class="col-md-6 order-first order-md-last">
<!-- Payments -->
<div
class="accepted-payments align-items-center justify-content-center justify-content-md-end text-center text-md-right mb-4 mb-md-0">
<img src="assets/img/payments.png" data-rjs="2" alt="">
</div>
<!-- End Payments -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<!-- About Widget -->
<div class="widget about_widget">
<div class="widget-title">
<h4>About Us</h4>
</div>
<div class="about-content">
<p>Woody equal ask saw sir weeks aware decay. Entrance prospect removing we packages strictly is no smallest he. For hopes may chief get hours day rooms. Oh no turned behindet polite piqued enough at forbade few through inquiry. Decisively
surrounded all admiration and not you. Lorem ipsum dolor sit amet. Out particular sympathize not favourable saepe necessitatibus quisquam.</p>
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
<li><a href="#">Necessitatibus Quisquam.</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Latest Post Wedget -->
<div class="widget widget_social_feed">
<div class="widget-title">
<h4>Important links</h4>
</div>
<div class="social-image">
<ul class="d-flex flex-wrap justify-content-between">
<li>
<a href="#">
<img src="assets/img/social-feed/img.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img1.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img2.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img3.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img4.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/social-feed/img5.png" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- Latest Post Wedget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 order-last order-md-first">
<!--Start footer text -->
<div class="copyright text-center text-md-left">
<p class="m-0 pt-sans"><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer text -->
</div>
<div class="col-md-6 order-first order-md-last">
<!-- Social Links Widget -->
<div class="social-icons text-center text-md-right mb-4 mb-md-0">
<ul class="list-inline">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<!-- End Social Links Widget -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
<!-- Footer -->
<footer class="footer">
<!-- Footer Top -->
<div class="footer-top c1-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<!-- About Widget -->
<div class="widget about_widget">
<div class="widget-title">
<h4>About Us</h4>
</div>
<div class="about-content">
<p>Woody equal ask saw sir weeks aware decay. Entrance prospect removing we packages strictly is no smallest he. For hopes may chief get hours day rooms. Oh no turned behindet polite piqued enough at forbade few through inquiry. Decisively
surrounded all admiration and not you. Lorem ipsum dolor sit amet. Out particular sympathize not favourable saepe necessitatibus quisquam.</p>
<ul class="contact-info">
<li><i class="fa fa-phone"></i> <a href="#">(+1) 253-321-7360</a>,<a href="#">(+1)
253-3217361</a></li>
<li><i class="fa fa-envelope-o"></i> <a href="#">info.callto@demo.com</a></li>
<li><i class="fa fa-map-marker"></i> 524/CA Poplar Avenue San Fransisco, United
States
92111</li>
</ul>
</div>
</div>
<!-- End About Widget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Nav Menu Wedget -->
<div class="widget widget_nav_menu">
<div class="widget-title">
<h4>Important links</h4>
</div>
<ul class="menu">
<li><a href="#">Class 5 Softswitch with Billing</a></li>
<li><a href="#">VOIP RCS Soft Phones</a></li>
<li><a href="#">VOIP Additional Modules</a></li>
<li><a href="#">MNVO</a></li>
<li><a href="#">Calling Cards</a></li>
<li><a href="#">Unified Communications/PBX</a></li>
<li><a href="#">Consequuntur Obcaecati</a></li>
<li><a href="#">Necessitatibus Quisquam.</a></li>
</ul>
</div>
<!-- End Nav Menu Wedget -->
</div>
<div class="col-lg-3 col-sm-6">
<!-- Latest Post Wedget -->
<div class="widget widget_latest_post">
<div class="widget-title">
<h4>Trending Post</h4>
</div>
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>01</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>02</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
<!-- Single Latest Post -->
<div class="single-latest-post media align-items-center">
<div class="post-number d-flex justify-content-center">
<h5>03</h5>
</div>
<div class="media-body">
<span class="post-author">by <a href="#">Lydia F. Mele</a></span>
<p class="post-title"><a href="#">Lasted hunted enough an up
seeing in lively letter</a></p>
</div>
</div>
<!-- End Single Latest Post -->
</div>
<!-- Latest Post Wedget -->
</div>
</div>
</div>
</div>
<!-- End Footer Top -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<!--Start Footer Logo -->
<div class="footer-logo mb-4 mb-md-0 text-center text-md-left">
<a href="index.html">
<img src="assets/img/footer-logo.png" data-rjs="2" alt="">
</a>
</div>
<!-- End Footer Logo -->
</div>
<div class="col-md-6">
<!--Start Footer Text -->
<div class="copyright text-center text-md-right">
<p><a href="index.html">VOIFone</a> © Copyright 2019 . All Rights
Reserved.</p>
</div>
<!-- End Footer Text -->
</div>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</footer>
<!-- End Footer -->
15 May, 2019 - Version 1.0 (First release)