Index PHP

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CreateX | Multipurpose Bootstrap Theme
</title>

<meta name="description" content="CreateX - Multipurpose Bootstrap Theme">
<meta name="keywords" content="multipurpose, portfolio, blog, shop, e-commerce,
modern, flat style, responsive, business, corporate, mobile, bootstrap 4, html5,
css3, jquery, js, gallery, slider, touch, creative, clean">
<meta name="author" content="Createx Studio">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" color="#343b43" href="safari-pinned-tab.svg">
<meta name="msapplication-TileColor" content="#603cba">
<meta name="theme-color" content="#ffffff">

<link rel="stylesheet" media="screen" href="css/vendor.min.css">

<link rel="stylesheet" media="screen" href="css/theme.min.css">

<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?
id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PVV9F7F');
</script>

<script src="js/modernizr.min.js"></script>
</head>

<body>

<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-PVV9F7F" height="0"
width="0" style="display: none; visibility: hidden;"></iframe>
</noscript>

<div class="offcanvas-container is-triggered offcanvas-container-reverse"
id="mobile-menu"><span class="offcanvas-close"><i class="fe-icon-x"></i></span>
<div class="px-4 pb-4">
<h6>Menu</h6>
<div class="d-flex justify-content-between pt-2">
<div class="btn-group w-100 mr-2"><a class="btn btn-secondary btn-sm btn-
block dropdown-toggle" href="#" data-toggle="dropdown"><img src="img/flags/en.png"
alt="English"/>English</a>
<div class="dropdown-menu" style="min-width: 150px;"><a
class="dropdown-item" href="#"><img src="img/flags/fr.png"
alt="Fran�ais"/>Fran�ais</a><a class="dropdown-item" href="#"><img
src="img/flags/de.png" alt="Deutsch"/>Deutsch</a><a class="dropdown-item"
href="#"><img src="img/flags/it.png" alt="Italiano"/>Italiano</a></div>
</div><a class="btn btn-primary btn-sm btn-block" href="account-
login.html"><i class="fe-icon-user"></i> Login</a>
</div>
</div>
<div class="offcanvas-scrollable-area border-top" style="height:calc(100% -
235px); top: 144px;">

<div class="accordion mobile-menu" id="accordion-menu">

<div class="card">
<div class="card-header"><a class="mobile-menu-link active"
href="index.html">Home</a><a class="collapsed" href="#home-submenu" data-
toggle="collapse"></a></div>
<div class="collapse" id="home-submenu" data-parent="#accordion-menu">
<div class="card-body">
<ul>
<li class="dropdown-header"><i class="fe-icon-
briefcase"></i>  Portfolio</li>
<li class="dropdown-item"><a href="home-digital-
agency.html">Digital Agency</a></li>
<li class="dropdown-item"><a class="disabled-link"
href="#">Architectural Agency<span class="badge badge-
secondary">Soon</span></a></li>
<li class="dropdown-item"><a href="home-freelancer-
portfolio.html">Freelancer's Portfolio</a></li>
<li class="dropdown-item"><a href="home-photographer-
portfolio.html">Photographer's Portfolio</a></li>
<li class="dropdown-header"><i class="fe-icon-shopping-
bag"></i>  E-Commerce</li>
<li class="dropdown-item"><a href="home-shop-v1.html">Online Shop
v.1</a></li>
<li class="dropdown-item"><a href="home-shop-v2.html">Online Shop
v.2</a></li>
edit"></i>  Blog</li>
<li class="dropdown-item"><a href="home-corporate-
blog.html">Corporate Blog</a></li>
<li class="dropdown-item"><a href="home-personal-
blog.html">Personal Blog</a></li>
home"></i>  Landing Pages</li>
<li class="dropdown-item"><a href="home-mobile-app-
showcase.html">Mobile App Showcase</a></li>
<li class="dropdown-item"><a href="home-web-app-
showcase.html">Web App Showcase (SAAS)</a></li>
href="#">Product Promo Page<span class="badge badge-secondary">Soon</span></a></li>
<li class="dropdown-item active"><a href="home-conference-
landing.html">Conference Landing</a></li>
<li class="dropdown-header"><i class="fe-icon-dollar-
sign"></i>  Business</li>
href="#">Corporate Website<span class="badge badge-secondary">Soon</span></a></li>
<li class="dropdown-item"><a href="home-marketing-
seo.html">Digital Marketing & SEO</a></li>
<li class="dropdown-item"><a href="home-capital-
investments.html">Venture Capital Investments</a></li>
href="#">Startup Homepage<span class="badge badge-secondary">Soon</span></a></li>
menu"></i>  Directory & Listings</li>
<li class="dropdown-item"><a class="disabled-link" href="#">Real
Estate Listing<span class="badge badge-secondary">Soon</span></a></li>
<li class="dropdown-item"><a class="disabled-link" href="#">Jobs
Board<span class="badge badge-secondary">Soon</span></a></li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link" href="portfolio-
style1-boxed.html">Portfolio</a><a class="collapsed" href="#portfolio-submenu"
data-toggle="collapse"></a></div>
<div class="collapse" id="portfolio-submenu" data-parent="#accordion-
menu">
<ul>
<li class="dropdown-item"><a href="portfolio-style1-
boxed.html">Style 1 Grid</a>
<ul class="mobile-sublevel">
boxed.html">Style 1 Boxed Layout</a></li>
fw.html">Style 1 Full Width Layout</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown-item"><a href="portfolio-single-side-gallery-
grid.html">Single Project</a>
<li class="dropdown-item"><a href="portfolio-single-side-
gallery-grid.html">Side Gallery Grid</a></li>
gallery-list.html">Side Gallery List</a></li>
<li class="dropdown-item"><a href="portfolio-single-wide-
slider.html">Wide Slider</a></li>
gallery.html">Wide Gallery</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link" href="blog-grid-
rs.html">Blog</a><a class="collapsed" href="#blog-submenu" data-
<div class="collapse" id="blog-submenu" data-parent="#accordion-menu">
<ul>
<li class="dropdown-header">Blog Layouts</li>
<li class="dropdown-item"><a href="blog-grid-rs.html">Grid Right
Sidebar</a></li>
<li class="dropdown-item"><a href="blog-grid-ls.html">Grid Left
Sidebar</a></li>
<li class="dropdown-item"><a href="blog-grid-ns.html">Grid No
Sidebar</a></li>
<li class="dropdown-header">Single Post Formats</li>
<li class="dropdown-item"><a href="blog-single-gallery.html">Post
Gallery</a></li>
<li class="dropdown-item"><a href="blog-single-
carousel.html">Post Image Carousel</a></li>
<li class="dropdown-item"><a href="blog-single-video.html">Post
Video</a></li>
<li class="dropdown-item"><a href="blog-single-audio.html">Post
Audio</a></li>
<li class="dropdown-item"><a href="blog-single-
quotation.html">Post Quotation</a></li>
<li class="dropdown-item"><a href="blog-single-link.html">Post
Link</a></li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link" href="shop-boxed-
ls.html">Shop</a><a class="collapsed" href="#shop-submenu" data-
<div class="collapse" id="shop-submenu" data-parent="#accordion-menu">
<ul>
<li class="dropdown-header">Shop Layouts</li>
<li class="dropdown-item"><a href="shop-boxed-ls.html">Boxed Left
Sidebar</a></li>
<li class="dropdown-item"><a href="shop-boxed-rs.html">Boxed
Right Sidebar</a></li>
<li class="dropdown-item"><a href="shop-boxed-ft.html">Boxed
Filters Top</a></li>
<li class="dropdown-item"><a href="shop-boxed-ns.html">Boxed No
Sidebar</a></li>
<li class="dropdown-item"><a href="shop-fw-ls.html">Full Width
Left Sidebar</a></li>
<li class="dropdown-item"><a href="shop-fw-rs.html">Full Width
Right Sidebar</a></li>
<li class="dropdown-item"><a href="shop-fw-ft.html">Full Width
Filters Top</a></li>
<li class="dropdown-item"><a href="shop-fw-ns.html">Full Width No
Sidebar</a></li>
<li class="dropdown-header">Shop Pages</li>
<li class="dropdown-item"><a href="shop-categories.html">Shop
Categories</a></li>
<li class="dropdown-item"><a href="shop-single.html">Product
Page</a></li>
<li class="dropdown-item"><a href="cart.html">Cart</a></li>
<li class="dropdown-item"><a href="checkout-
address.html">Checkout - Address</a></li>
shipping.html">Checkout - Shipping</a></li>
payment.html">Checkout - Payment</a></li>
<li class="dropdown-item"><a href="checkout-review.html">Checkout
- Review</a></li>
complete.html">Checkout - Complete</a></li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link" href="account-
orders.html">Account</a><a class="collapsed" href="#account-submenu" data-
<div class="collapse" id="account-submenu" data-parent="#accordion-
menu">
<ul>
<li class="dropdown-item"><a href="account-login.html">Login /
Register</a></li>
<li class="dropdown-item"><a href="account-password-
recovery.html">Password Recovery</a></li>
<li class="dropdown-item"><a href="account-orders.html">Orders
List</a></li>
<li class="dropdown-item"><a href="account-profile.html">Profile
Settings</a></li>
<li class="dropdown-item"><a href="account-
address.html">Contact / Shipping Address</a></li>
wishlist.html">Wishlist</a></li>
<li class="dropdown-item"><a href="account-tickets.html">My
Tickets</a></li>
<li class="dropdown-item"><a href="account-single-
ticket.html">Single Ticket</a></li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link"
href="#">Pages</a><a class="collapsed" href="#pages-submenu" data-
<div class="collapse" id="pages-submenu" data-parent="#accordion-menu">
<ul>
<li class="dropdown-item"><a href="about-us-v1.html">About Us</a>
<li class="dropdown-item"><a href="about-us-v1.html">About Us
v.1</a></li>
v.2</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="contacts-v1.html">Contacts</a>
<li class="dropdown-item"><a href="contacts-v1.html">Contacts
v.1</a></li>
v.2</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="help-topics.html">Help
Center</a>
Topics</a></li>
<li class="dropdown-item"><a href="help-single-
topic.html">Single Topic</a></li>
<li class="dropdown-item"><a href="help-submit-
request.html">Submit a Request</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="services.html">Services</a>
<li class="dropdown-item"><a href="services.html">Services
Landing</a></li>
<li class="dropdown-item"><a href="services-
single.html">Single Service Page</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="pricing.html">Pricing</a></li>
<li class="dropdown-item"><a href="product-
comparison.html">Product Comparison</a></li>
<li class="dropdown-item"><a href="order-tracking.html">Order
Tracking</a></li>
<li class="dropdown-item"><a href="search-results.html">Search
Results</a></li>
<li class="dropdown-item"><a href="coming-soon-light.html">Coming
Soon</a>
<li class="dropdown-item"><a href="coming-soon-
light.html">Coming Soon Light</a></li>
dark.html">Coming Soon Dark</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="404.html">404 Not
Found</a></li>
<li class="dropdown-item"><a class="text-accent" href="docs/dev-
setup.html"><i class="d-inline-block fe-icon-file-text align-middle mr-
1"></i>Documentation</a></li>
</ul>
</div>
</div>
</div>

<div class="card">
<div class="card-header"><a class="mobile-menu-link"
href="components.html">Components</a></div>
</div>
</div>
</div>
<div class="offcanvas-footer px-4 pt-3 pb-2 text-center"><a class="social-btn
sb-style-3 sb-twitter" href="#"><i class="socicon-twitter"></i></a><a
class="social-btn sb-style-3 sb-facebook" href="#"><i class="socicon-
facebook"></i></a><a class="social-btn sb-style-3 sb-pinterest" href="#"><i
class="socicon-pinterest"></i></a><a class="social-btn sb-style-3 sb-instagram"
href="#"><i class="socicon-instagram"></i></a></div>
</div>

<header class="navbar-wrapper navbar-boxed navbar-simple-ghost">
<div class="container-fluid">
<div class="d-table-cell align-middle pr-md-3"><a class="navbar-brand mr-1"
href="index.html"><img src="img/logo/logo-light.png" alt="CreateX"/></a></div>
<div class="d-table-cell w-100 align-middle pl-md-3">
<div class="navbar justify-content-end justify-content-lg-between">

<form class="search-box" method="get">
<input type="text" id="site-search" placeholder="Type A or C to see
suggestions"><span class="search-close"><i class="fe-icon-x"></i></span>
</form>

<ul class="navbar-nav d-none d-lg-block">

<li class="nav-item mega-dropdown-toggle active"><a class="nav-link"
href="index.html">Home</a>
<div class="dropdown-menu mega-dropdown">
<div class="d-flex">
<div class="column">
<div class="widget widget-custom-menu">
<ul>
<li class="dropdown-header font-weight-medium text-
warning border-warning text-uppercase pl-0"><i class="fe-icon-
briefcase"></i>  Portfolio</li>
<li><a href="home-digital-agency.html">Digital
Agency</a></li>
<li><a class="disabled-link" href="#">Architectural
Agency<span class="badge badge-secondary">Soon</span></a></li>
<li><a href="home-freelancer-portfolio.html">Freelancer's
Portfolio</a></li>
<li><a href="home-photographer-
portfolio.html">Photographer's Portfolio</a></li>
<li class="dropdown-header font-weight-medium text-
success border-top-0 border-success text-uppercase pt-4 pl-0"><i class="fe-icon-
shopping-bag"></i>  E-Commerce</li>
<li><a href="home-shop-v1.html">Online Shop v.1</a></li>
<li><a href="home-shop-v2.html">Online Shop v.2</a></li>
</ul>
</div>
</div>
<ul>
<li class="dropdown-header font-weight-medium text-info
border-info text-uppercase pl-0"><i class="fe-icon-edit"></i>  Blog</li>
<li><a href="home-corporate-blog.html">Corporate
Blog</a></li>
<li><a href="home-personal-blog.html">Personal
Blog</a></li>
<li class="dropdown-header font-weight-medium text-accent
border-top-0 border-accent text-uppercase pt-4 pl-0"><i class="fe-icon-
home"></i>  Landing Pages</li>
<li><a href="home-mobile-app-showcase.html">Mobile App
Showcase</a></li>
<li><a href="home-web-app-showcase.html">Web App Showcase
(SAAS)</a></li>
<li><a class="disabled-link" href="#">Product Promo
Page<span class="badge badge-secondary">Soon</span></a></li>
<li class="active"><a href="home-conference-
landing.html">Conference Landing</a></li>
</ul>
</div>
</div>
<ul>
<li class="dropdown-header font-weight-medium text-danger
border-danger text-uppercase pl-0"><i class="fe-icon-dollar-
sign"></i>  Business</li>
<li><a class="disabled-link" href="#">Corporate
Website<span class="badge badge-secondary">Soon</span></a></li>
<li><a href="home-marketing-seo.html">Digital Marketing
& SEO</a></li>
<li><a href="home-capital-investments.html">Venture
Capital Investments</a></li>
<li><a class="disabled-link" href="#">Startup
Homepage<span class="badge badge-secondary">Soon</span></a></li>
<li class="dropdown-header font-weight-medium border-top-
0 text-uppercase pt-4 pl-0" style="color: #8a5ed5; border-color: #8a5ed5;"><i
class="fe-icon-menu"></i>  Directory & Listings</li>
<li><a class="disabled-link" href="#">Real Estate
Listing<span class="badge badge-secondary">Soon</span></a></li>
<li><a class="disabled-link" href="#">Jobs Board<span
class="badge badge-secondary">Soon</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</li>

<li class="nav-item dropdown-toggle"><a class="nav-link"
href="portfolio-style1-boxed.html">Portfolio</a>
<ul class="dropdown-menu">
<li class="dropdown-item has-children"><a href="portfolio-style1-
</ul>
</li>
<li class="dropdown-item has-children"><a href="portfolio-style2-
</ul>
</li>
<li class="dropdown-item"><a href="portfolio-list.html">List
View</a></li>
<li class="dropdown-item has-children"><a href="portfolio-single-
side-gallery-grid.html">Single Project</a>
gallery-grid.html">Side Gallery Grid</a></li>
gallery-list.html">Side Gallery List</a></li>
slider.html">Wide Slider</a></li>
gallery.html">Wide Gallery</a></li>
</ul>
</li>
</ul>
</li>

<li class="nav-item mega-dropdown-toggle"><a class="nav-link"
href="blog-grid-rs.html">Blog</a>
<h4 class="widget-title">Blog Layouts</h4>
<ul>
<li><a href="blog-grid-rs.html">Grid Right
Sidebar</a></li>
<li><a href="blog-grid-ls.html">Grid Left
Sidebar</a></li>
<li><a href="blog-grid-ns.html">Grid No Sidebar</a></li>
</ul>
</div>
</div>
<h4 class="widget-title">Single Post Formats</h4>
<ul>
<li><a href="blog-single-gallery.html">Post
Gallery</a></li>
<li><a href="blog-single-carousel.html">Post Image
Carousel</a></li>
<li><a href="blog-single-video.html">Post Video</a></li>
<li><a href="blog-single-audio.html">Post Audio</a></li>
<li><a href="blog-single-quotation.html">Post
Quotation</a></li>
<li><a href="blog-single-link.html">Post Link</a></li>
</ul>
</div>
</div>
<div class="column" style="width: 280px;">
<div class="widget widget-featured-posts">
<h4 class="widget-title"> Recent posts</h4><a
class="featured-post" href="blog-single-gallery.html">
<div class="featured-post-thumb"><img
src="img/widgets/blog/01.jpg" alt="Post Thumbnail"/>
</div>
<div class="featured-post-info">
<div class="featured-post-meta"><span class="text-
primary opacity-70"><i class="fe-icon-clock"></i>22/04/2018</span><span class="ml-
3"><i class="fe-icon-message-square"></i>21</span></div>
<div class="featured-post-title">Getting to another
level of design and functionality.</div>
</div></a><a class="featured-post" href="blog-single-
carousel.html">
</div>
<div class="featured-post-title">Cherry 5 WordPress
Framework Sneaky Peaks.</div>
</div></a><a class="featured-post" href="blog-single-
video.html">
</div>
<div class="featured-post-title">Multiple skins &
easy demo data import.</div>
</div></a>
</div>
</div>
</div>
</div>
</li>

<li class="nav-item mega-dropdown-toggle"><a class="nav-link"
href="shop-boxed-ls.html">Shop</a>
<h4 class="widget-title">Shop Layouts</h4>
<ul>
<li><a href="shop-boxed-ls.html">Boxed Left
Sidebar</a></li>
<li><a href="shop-boxed-rs.html">Boxed Right
Sidebar</a></li>
<li><a href="shop-boxed-ft.html">Boxed Filters
Top</a></li>
<li><a href="shop-boxed-ns.html">Boxed No
Sidebar</a></li>
<li><a href="shop-fw-ls.html">Full Width Left
Sidebar</a></li>
<li><a href="shop-fw-rs.html">Full Width Right
Sidebar</a></li>
<li><a href="shop-fw-ft.html">Full Width Filters
Top</a></li>
<li><a href="shop-fw-ns.html">Full Width No
Sidebar</a></li>
</ul>
</div>
</div>
<h4 class="widget-title">Shop Pages</h4>
<ul>
<li><a href="shop-categories.html">Shop
Categories</a></li>
<li><a href="shop-single.html">Product Page</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout-address.html">Checkout -
Address</a></li>
<li><a href="checkout-shipping.html">Checkout -
Shipping</a></li>
<li><a href="checkout-payment.html">Checkout -
Payment</a></li>
<li><a href="checkout-review.html">Checkout -
Review</a></li>
<li><a href="checkout-complete.html">Checkout -
Complete</a></li>
</ul>
</div>
</div>
<div class="column p-0 mr-0 ml-3" style="width: 320px;"><a
class="d-block" href="shop-single.html"><img src="img/shop/mega-menu.jpg"
alt="Samsung Galaxy S9"/></a></div>
</div>
</div>
</li>

href="account-orders.html">Account</a>
<li class="dropdown-item"><a href="account-login.html">Login /
Register</a></li>
<li class="dropdown-item"><a href="account-password-
recovery.html">Password Recovery</a></li>
<li class="dropdown-item"><a href="account-orders.html">Orders
List</a></li>
<li class="dropdown-item"><a href="account-profile.html">Profile
Settings</a></li>
address.html">Contact / Shipping Address</a></li>
wishlist.html">Wishlist</a></li>
<li class="dropdown-item"><a href="account-tickets.html">My
Tickets</a></li>
<li class="dropdown-item"><a href="account-single-
ticket.html">Single Ticket</a></li>
</ul>
</li>

href="#">Pages</a>
<li class="dropdown-item has-children"><a href="about-us-
v1.html">About Us</a>
v.1</a></li>
v.2</a></li>
</ul>
</li>
<li class="dropdown-item has-children"><a href="contacts-
v1.html">Contacts</a>
v.1</a></li>
v.2</a></li>
</ul>
</li>
<li class="dropdown-item has-children"><a href="help-
topics.html">Help Center</a>
Topics</a></li>
<li class="dropdown-item"><a href="help-single-
topic.html">Single Topic</a></li>
<li class="dropdown-item"><a href="help-submit-
request.html">Submit a Request</a></li>
</ul>
</li>
<li class="dropdown-item has-children"><a
href="services.html">Services</a>
<li class="dropdown-item"><a href="services.html">Services
Landing</a></li>
<li class="dropdown-item"><a href="services-
single.html">Single Service Page</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="pricing.html">Pricing</a></li>
<li class="dropdown-item"><a href="product-
comparison.html">Product Comparison</a></li>
<li class="dropdown-item"><a href="order-tracking.html">Order
Tracking</a></li>
<li class="dropdown-item"><a href="search-results.html">Search
Results</a></li>
<li class="dropdown-item has-children"><a href="coming-soon-
light.html">Coming Soon</a>
light.html">Coming Soon Light</a></li>
dark.html">Coming Soon Dark</a></li>
</ul>
</li>
<li class="dropdown-item"><a href="404.html">404 Not
Found</a></li>
<li class="dropdown-item"><a class="text-accent" href="docs/dev-
setup.html"><i class="d-inline-block fe-icon-file-text align-middle mr-
1"></i>Documentation</a></li>
</ul>
</li>

<li class="nav-item"><a class="nav-link"
href="components.html">Components</a></li>
</ul>
<div>
<ul class="navbar-buttons d-inline-block align-middle">
<li class="d-block d-lg-none"><a href="#mobile-menu" data-
toggle="offcanvas"><i class="fe-icon-menu"></i></a></li>
<li><a href="#" data-toggle="search"><i class="fe-icon-
search"></i></a></li>
</ul><a class="btn btn-gradient ml-3 d-none d-xl-inline-block"
href="https://themes.getbootstrap.com/product/createx-multipurpose-template-ui-
kit/" target="_blank">Buy Now</a>
</div>
</div>
</div>
</div>
</header>


<section class="bg-dark bg-center bg-no-repeat py-5" style="background-image:
url(img/homepages/conference-landing/hero-bg.jpg);">
<div class="container py-5 my-5 text-center text-sm-left">
<div class="pt-sm-5 mt-sm-5">
<h1 class="display-3 text-white pt-md-5 pb-2"><span class="d-block" data-
parallax="{"y" : -20}"><span class="d-none d-sm-inline-block bg-white
text-dark text-center mr-2" data-parallax="{"rotateZ" : 20}"
style="width: 80px;">C</span><span><span class='d-sm-
none'>C</span>onsumer</span></span><span class="d-block" data-
parallax="{"y" : 10}"><span class="d-none d-sm-inline-block bg-white
text-dark text-center mr-2" data-parallax="{"rotateZ" : -20}"
style="width: 80px;">E</span><span><span class='d-sm-
none'>E</span>lectronics</span></span><span class="d-block" data-
parallax="{"y" : 40}"><span class="d-none d-sm-inline-block bg-white
text-dark text-center mr-2" data-parallax="{"rotateZ" : 20}"
style="width: 80px;">S</span><span><span class='d-sm-
none'>S</span>ummit</span></span></h1>
<div class="countdown countdown-style-2 countdown-light-skin h4" data-
parallax="{"y" : 70}" data-date-time="10/10/2020 12:00" data-
labels="{"label-day": "Days", "label-hour":
"Hours", "label-minute": "Mins", "label-
second": "Secs"}"></div>
</div>
</div>
</section>

<section class="bg-dark pt-3 pb-5">
<div class="container">
<hr class="hr-light">
</div>
<div class="container text-center text-sm-left pt-5 pb-5 mb-5">
<div class="row pb-5 mb-5">
<div class="col-md-4 col-sm-7 mb-30">
<h3 class="h5 text-white">About</h3>
<p class="text-white opacity-60 mb-0">Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua reprehenderit.</p>
</div>
<h3 class="h5 text-white">Where</h3>
<p class="text-white font-weight-medium mb-0">Conference Center</p>
<p class="text-white opacity-60">Los Angeles, California</p>
</div>
<h3 class="h5 text-white">When</h3>
<p class="text-white font-weight-medium mb-0">Friday, Saturday and
Sunday</p>
<p class="text-white opacity-60 mb-0">January 25, 26 and 27, 2019</p>
</div>
<h3 class="h5 text-white pb-2">Buy early tickets!</h3><a class="scroll-
to btn btn-primary btn-block" href="#tickets">Buy Now</a>
</div>
</div>
</div>
</section>

<section class="container pb-3" style="margin-top: -220px;">
<div class="bg-white box-shadow px-3 px-sm-5 pt-5 text-center text-sm-left">
<h2 class="h3">Schedule</h2>
<div class="row pt-4">
<div class="col-md-4 mb-4">
<div class="text-xl font-weight-medium text-primary mb-2">January 25,
2019</div>
<h3 class="h5 font-weight-bold pb-3">New gadgets and devices</h3>
<dl>
<dt class="font-weight-bold">09:30 � 12:00</dt>
<dd class="text-sm"> <span class="d-block font-weight-medium text-
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Vanessa
Hudgens</span>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore.</p>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> William
Smith</span>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Sara
Palson</span>
</dd>
</dl>
</div>
2019</div>
<h3 class="h5 font-weight-bold pb-3">Innovations in AI and AR</h3>
<dl>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> James
Corvinus</span>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Benjamin
Miller</span>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Olivia
Davis</span>
</dd>
</dl>
</div>
2019</div>
<h3 class="h5 font-weight-bold pb-3">Top Trends in Electronics</h3>
<dl>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Barbara
Palson</span>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Hinata
Nakamura</span>
</dd>
body pb-2"><i class="d-inline-block align-middle fe-icon-user"> </i> Michael
Davis</span>
</dd>
</dl>
</div>
</div>
</div>
</section>

<section class="container pt-4 pt-sm-5 pb-4">
<h2 class="h3 pt-2 text-center text-sm-left">Speakers</h2>

<div class="col-xl-4 col-md-6 mb-30">
<div class="team-card-style-4 d-sm-table w-100">
<div class="team-thumb d-sm-table-cell align-middle"><img
src="img/team/style-3/05.jpg" alt="Team Member Picture"/>
</div>
<div class="d-sm-table-cell align-middle pl-sm-4 text-center text-sm-
left"><span class="team-position">Lead Programmer</span>
<h4 class="team-name">William Smith</h4><a class="team-contact-link"
href="tel:+19871625346"><i class="fe-icon-phone"></i> +1 (987) 162 53 46</a><a
class="team-contact-link" href="mailto:info@example.com"><i class="fe-icon-
mail"></i> info@example.com</a>
<div class="team-social-bar-wrap">
<div class="team-social-bar mx-auto mx-sm-0"><a class="social-btn
class="social-btn sb-style-1 sb-github" href="#"><i class="socicon-
github"></i></a><a class="social-btn sb-style-1 sb-stackoverflow" href="#"><i
class="socicon-stackoverflow"></i></a><a class="social-btn sb-style-1 sb-skype"
href="#"><i class="socicon-skype"></i></a></div>
</div>
</div>
</div>
</div>

</div>
<div class="d-table-sm-cell align-middle pl-sm-4 text-center text-sm-
left"><span class="team-position">Marketing Manager</span>
<h4 class="team-name">Sara Palson</h4><a class="team-contact-link"
href="tel:+57872336590"><i class="fe-icon-phone"></i> +5 (787) 233 65
90</a><a class="team-contact-link" href="mailto:info@example.com"><i class="fe-
icon-mail"></i> info@example.com</a>
sb-style-1 sb-facebook" href="#"><i class="socicon-facebook"></i></a><a
class="social-btn sb-style-1 sb-twitter" href="#"><i class="socicon-
twitter"></i></a><a class="social-btn sb-style-1 sb-google-plus" href="#"><i
class="socicon-googleplus"></i></a><a class="social-btn sb-style-1 sb-linkedin"
href="#"><i class="socicon-linkedin"></i></a></div>
</div>
</div>
</div>
</div>

</div>
left"><span class="team-position">CEO, Co-Founder</span>
<h4 class="team-name">James Corvinus</h4><a class="team-contact-link"
href="tel:+72056557984"><i class="fe-icon-phone"></i> +7 (205) 655 79 84</a><a
class="team-contact-link" href="mailto:info@example.com"><i class="fe-icon-
mail"></i> info@example.com</a>
twitter"></i></a><a class="social-btn sb-style-1 sb-skype" href="#"><i
class="socicon-skype"></i></a><a class="social-btn sb-style-1 sb-linkedin"
</div>
</div>
</div>
</div>

</div>
left"><span class="team-position">Lead Programmer</span>
<h4 class="team-name">Benjamin Miller</h4><a class="team-contact-
link" href="tel:+19871625346"><i class="fe-icon-phone"></i> +1 (987) 162 53
class="social-btn sb-style-1 sb-github" href="#"><i class="socicon-
github"></i></a><a class="social-btn sb-style-1 sb-stackoverflow" href="#"><i
class="socicon-stackoverflow"></i></a><a class="social-btn sb-style-1 sb-skype"
href="#"><i class="socicon-skype"></i></a></div>
</div>
</div>
</div>
</div>

</div>
left"><span class="team-position">CEO, Co-Founder</span>
<h4 class="team-name">Hinata Nakamura</h4><a class="team-contact-
link" href="tel:+72056557984"><i class="fe-icon-phone"></i> +7 (205) 655 79
twitter"></i></a><a class="social-btn sb-style-1 sb-skype" href="#"><i
class="socicon-skype"></i></a><a class="social-btn sb-style-1 sb-linkedin"
</div>
</div>
</div>
</div>

</div>
<div class="d-table-sm-cell align-middle pl-sm-4 text-center text-sm-
left"><span class="team-position">Marketing Manager</span>
<h4 class="team-name">Olivia Davis</h4><a class="team-contact-link"
href="tel:+57872336590"><i class="fe-icon-phone"></i> +5 (787) 233 65
twitter"></i></a><a class="social-btn sb-style-1 sb-google-plus" href="#"><i
class="socicon-googleplus"></i></a><a class="social-btn sb-style-1 sb-linkedin"
</div>
</div>
</div>
</div>
</div>
</section>

<section class="container" data-offset-top="-1" id="tickets">
<hr>
<div class="pt-4 pt-sm-5"></div>
<h2 class="h3 pt-2 pl-sm-3 text-center text-sm-left">Tickets</h2>
<div class="owl-carousel carousel-flush pt-3" data-owl-
carousel="{ "nav": false, "dots": true, "autoHeight":
true, "responsive": {"0":{"items":1},"630":
{"items":2},"991":{"items":3},"1200":
{"items":3}} }">

<div class="mb-30 pb-3">
<div class="card pricing-card">
<div class="card-body text-center"><span class="badge badge-
success">Low Cost</span>
<h5 class="pt-3">Starter Package</h5>
<div class="pricing-card-price"><span>$</span>400</div><span
class="text-muted">per visitor</span>
<ul class="list-icon d-table mx-auto pt-4 text-left">
<li><i class="fe-icon-check-circle text-muted"></i>All showrooms
access: <strong>Yes</strong></li>
<li><i class="fe-icon-check-circle text-muted"></i>Community
support</li>
<li><i class="fe-icon-check-circle text-muted"></i>Expert reviews:
<strong>5 projects</strong></li>
<li><i class="fe-icon-check-circle text-muted"></i>Traffic:
<strong>2GB</strong></li>
</ul>
</div>
<div class="card-footer text-center"><a class="btn btn-primary"
href="#">Buy Now</a></div>
</div>
</div>
<div class="card pricing-card border border-primary">
warning">Most Popular</span>
<h5 class="pt-3">Basic Package</h5>
<div class="pricing-card-price"><span>$</span>700</div><span
<li><i class="fe-icon-check-circle text-muted"></i>Premium support
24/7</li>
<strong>10 projects</strong></li>
<strong>5GB</strong></li>
</ul>
</div>
</div>
</div>
<div class="card pricing-card">
danger">Rich Features</span>
<h5 class="pt-3">Premium Package</h5>
<div class="pricing-card-price"><span>$</span>1'000</div><span
<li><i class="fe-icon-check-circle text-muted"></i>Premium support
24/7</li>
<strong>Unlimited</strong></li>
<strong>Unlimited</strong></li>
</ul>
</div>
</div>
</div>
</div>
</section>

<div class="container-fluid pt-xl-3">
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="bg-white box-shadow px-3 px-sm-5 pt-4 pt-md-5 pb-4">
<h2 class="h3 text-center text-sm-left">Gallery</h2>
<div class="col-md-4 col-sm-6 mb-30"><a class="gallery-item"
href="img/homepages/conference-landing/gallery/01.jpg" data-fancybox="gallery"
data-options="{"caption": "Gallery Image Caption"}"><img
src="img/homepages/conference-landing/gallery/th01.jpg" alt="Gallery
Image"></a></div>
Image"></a></div>
Image"></a></div>
Image"></a></div>
Image"></a></div>
Image"></a></div>
</div>
</div>
</div>
</div>
</div>

<footer class="bg-dark pt-5" style="margin-top: -220px;">

<div class="container pt-5 mt-5">
<div class="pt-5 mt-5">
<h5 class="text-white text-center pt-5">Subscribe to Newsletter</h5>
<div class="row justify-content-center pb-4 mb-3">
<div class="col-xl-6 col-lg-7 col-md-9">
<form action="https://studio.us12.list-manage.com/subscribe/post?
u=c7103e2c981361a6639545bd5&id=29ca296126" method="post" target="_blank"
novalidate>
<div class="input-group">
<input class="form-control form-control-light-skin" type="email"
name="EMAIL" placeholder="Email address">
<div class="input-group-append">
<button class="btn btn-primary" type="submit">Sign Up</button>
</div>
</div><small class="form-text text-white opacity-50 pt-1 text-
center">Enter email to receive conference updates weekly.</small>

<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_c7103e2c981361a6639545bd5_1194bb7544"
tabindex="-1">
</div>
</form>
</div>
</div>

<h5 class="text-white text-center">Follow Us</h5>
<div class="text-center pt-2 pb-4 mb-4"><a class="social-btn sb-style-6
sb-facebook sb-light-skin" href="#"><i class="socicon-facebook"></i></a><a
class="social-btn sb-style-6 sb-twitter sb-light-skin" href="#"><i class="socicon-
twitter"></i></a><a class="social-btn sb-style-6 sb-linkedin sb-light-skin"
href="#"><i class="socicon-linkedin"></i></a><a class="social-btn sb-style-6 sb-
youtube sb-light-skin" href="#"><i class="socicon-youtube"></i></a><a
class="social-btn sb-style-6 sb-instagram sb-light-skin" href="#"><i
class="socicon-instagram"></i></a></div>
<hr class="hr-light">
<div class="d-md-flex justify-content-between align-items-center py-4
text-center text-md-left">
<div class="order-2"><a class="footer-link text-white"
href="#">About</a><a class="footer-link text-white ml-3" href="#">Help &
Info</a><a class="footer-link text-white ml-3" href="#">Privacy Policy</a></div>
<p class="m-0 text-sm order-1"><span class='text-white opacity-60'>�
All rights reserved. Made with</span> <i class='d-inline-block align-middle fe-
icon-heart text-danger'></i> <a href='http://createx.studio/' class='d-inline-block
nav-link text-white opacity-80 p-0' target='_blank'>by Createx Studio</a></p>
</div>
</div>
</div>
</footer>
<a class="scroll-to-top-btn" href="#"><i class="fe-
icon-chevron-up"></i></a>

<div class="site-backdrop"></div>

<script src="js/vendor.min.js"></script>
<script src="js/theme.min.js"></script>
</body>
</html>

Index PHP

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Index PHP

Diunggah oleh

Hak Cipta:

Format Tersedia

<!

Anda mungkin juga menyukai