|
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/../greaterviber.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include 'ContentEdit.php';
?>
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- Poppins font from Google -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Style multi-color -->
<link rel="stylesheet" href="./assets/style/<?= $color_changer?>.css">
<title>shortable.org - <?= $header_title ?></title>
</head>
<body>
<!--Join us Alert ================================ -->
<div class="join-alert">
<div class="join-alert__container container">
<span>Join our list & stay updated!</span>
<a href="#join_us" class="join-alert__btn">Join Us Now!</a>
</div>
</div>
<!--Hero ====================================== -->
<header class="hero container-fluid border-bottom">
<nav class="hero-nav container px-4 px-lg-0 mx-auto">
<ul class="nav w-100 list-unstyled align-items-center p-0">
<li class="hero-nav__item">
<!--<img class="hero-nav__logo" src="assets/imgs/logo.svg">-->
<a href="<?php echo('index.php'); ?>" class="hero-nav__logo_text">shortable.org</a>
</li>
<li id="hero-menu" class="flex-grow-1 hero__nav-list hero__nav-list--mobile-menu ft-menu">
<ul class="hero__menu-content nav flex-column flex-lg-row ft-menu__slider animated list-unstyled p-2 p-lg-0">
<li class="flex-grow-1">
<ul class="nav nav--lg-side list-unstyled align-items-center p-0">
<li class="hero-nav__item">
<a href="<?php echo('index.php#contact-us'); ?>" class="hero-nav__link">Contact Us</a>
</li>
<li class="hero-nav__item">
<a href="<?php echo('privacy-policy.php'); ?>" class="hero-nav__link">Privacy Rights</a>
</li>
<li class="hero-nav__item">
<a href="<?php echo('index.php#contact-us'); ?>" class="hero-nav__link">Services</a>
</li>
<li class="hero-nav__item">
<a href="<?php echo('index.php#features'); ?>" class="hero-nav__link">Features</a>
</li>
</ul>
</li>
</ul>
<button onclick="document.querySelector('#hero-menu').classList.toggle('ft-menu--js-show')"
class="ft-menu__close-btn animated">
<svg class="bi bi-x" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z"
clip-rule="evenodd" />
<path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z"
clip-rule="evenodd" />
</svg>
</button>
</li>
<li class="d-lg-none flex-grow-1 d-flex flex-row-reverse hero-nav__item">
<button onclick="document.querySelector('#hero-menu').classList.toggle('ft-menu--js-show')"
class="text-center px-2">
<i class="fas fa-bars"></i>
</button>
</li>
</ul>
</nav>
<div class="hero__content container mx-auto" id="features">
<div class="row px-0 mx-0 align-items-center">
<div class="col-lg-6 px-0">
<h1 class="hero__title mb-3">
<?= $header_title ?>
</h1>
<p class="hero__paragraph mb-5">
shortable.org <?= $headerDesc ?> </p>
<div class="hero__btns-container">
<a class="hero__btn btn btn-primary mb-2 mb-lg-0" href="#join_us">
<?= $headerButton ?>
</a>
<a class="hero__btn btn btn-secondary mx-lg-3" href="#contact-us">
Learn More <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
<div class="col-lg-5 mt-5 mt-lg-0 mx-0">
<div class="hero__img-container">
<img class="img-fluid w-100 rounded" src="./assets/images/Header/<?= $vertical?>/<?= $color_changer?>/img-<?= $header_image?>.jpg" alt="" />
</div>
</div>
</div>
</div>
</header>
<!-- ==============Get in touch & Contact us ===================== -->
<div id="contact-us" class="block-28 space-between-blocks border-top border-bottom">
<div class="container">
<div class="row h-100">
<div class="col-lg-6 h-100 block-28__content-side">
<div class="contact-info">
<h5 class="contact-info__title mb-3">Get in Touch</h5>
<p class="contact-info__paragraph mb-5">
Our team is happy to analyse all your requests, and ready to get you quick feedback.
If you would like to contact Us, fill the form below!
</p>
<div class="mb-5">
<p class="d-flex flex-column">
<span class="contact-info__item mb-2">
<i class="fas fa-map-marker"></i>
<span class="mx-2">
<?= $brand_address ?>
</span>
</span>
<span class="contact-info__item mb-2">
<i class="fas fa-envelope"></i>
<span class="mx-2">
<?= $brand_email ?>
</span>
</span>
<span class="contact-info__item">
<i class="fas fa-phone"></i>
<span class="mx-2">
<?= $brand_phone ?>
</span>
</span>
</p>
</div>
</div>
</div>
<div class="col-lg-6 h-100 block-28__form-side">
<form onsubmit="submitContactForm(event)" class="contact-form text-center">
<div class="contact-form__header mb-5">
<h6 class="contact-form__title mb-3"><?= $cotactUs_title ?></h6>
<p class="contact-form__paragraph mb-0 mx-auto">
<?= $contactUs_Desc ?>
</p>
</div>
<input type="text" class="contact-form__input" placeholder="Full Name">
<input type="email" class="contact-form__input" placeholder="Email">
<textarea class="contact-form__input" placeholder="Message"></textarea>
<button class="btn btn-primary w-100">SEND MESSAGE</button>
</form>
</div>
</div>
</div>
</div>
<!-- ================= Newslatter ================== -->
<div class="block-32 space-between-blocks">
<div class="container" id="join_us">
<!-- HEADER -->
<div class="col-lg-8 col-xl-7 mx-auto text-center mb-5">
<h1 class="block__title mb-3">Join Our newsletter!</h1>
<p class="block__paragraph mb-0">Subscribe to our newsletter to get the latest scoop right to your inbox.
</p>
</div>
<div class="text-center">
<form action="Joinus.php" method="post">
<div class="control control-expanded">
<input type="email" class="input_join" placeholder="Enter your email" name="email">
</div>
<div class="control">
<input type="submit" class="btn btn-primary" value="Subscribe now!">
</div>
</form>
</div>
</div>
</div>
<!-- =================================== -->
<div class="block-44 py-5">
<div class="container">
<div class="row px-0 mx-0 justify-content-center align-items-center">
<div class="block-44__logo-container">
<img class="block-44__logo" src="">
<a href="<?php echo('index.php'); ?>" class="hero-nav__logo_text_footer">
shortable.org
</a>
</div>
<ul class="block-44__list list-unstyled justify-content-center mb-0">
<li class="block-44__li-1">
<a href="privacy-policy.php" class="block-44__link">Privacy Rights</a>
</li>
<li class="block-44__li-1">
<a href="#" class="block-44__link">FAQ's</a>
</li>
<li class="block-44__li-1">
<a href="<?php echo('page-disclaimer.php'); ?>" class="block-44__link">Disclaimer</a>
</li>
<li class="block-44__li-1">
<a href="#contact-us" class="block-44__link">Contact us</a>
</li>
</ul>
</div>
</div>
<hr class="block-44__divider">
<div class="container">
<div class="row flex-column flex-md-row px-2 justify-content-center">
<div class="flex-grow-1">
<ul class="block-44__extra-links d-flex list-unstyled p-0">
<li class="mx-2">
<a href="#" class="block-44__link m-0">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="mx-2">
<a href="#" class="block-44__link m-0">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="mx-2">
<a href="#" class="block-44__link m-0">
<i class="fas fa-envelope"></i>
</a>
</li>
</ul>
</div>
<p class="block-41__copyrights">©<?php echo date("Y"); ?> <a href="#"> shortable.org</a>. All Rights Reserved.</p>
</div>
</div>
</div>
<!-- =================================== -->
<script src="assets/app.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
AnonSec - 2021