Files
Globaly-CSS-Practice/index.php
2024-06-24 07:52:54 +02:00

645 lines
27 KiB
PHP
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE php>
<php lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="slick-1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="slick-1.8.1/slick/slick-theme.css" />
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
</head>
<style>
.slick-carousel .first-part {
min-height: 65vh;
background-size: cover;
background-position: center;
color: white;
position: relative;
transition: background-image 0.2s ease-in-out;
}
.slick-carousel .textbox {
position: relative;
opacity: 0;
transform: translateY(50px);
transition: transform 2s ease;
}
.slick-active .textbox {
opacity: 1;
transform: translateY(0);
}
#right-btn,
#left-btn {
display: none;
}
@media screen and (min-width:768px) {
.slick-carousel .first-part {
min-height: 53vh;
}
#right-btn,
#left-btn {
display: none;
}
}
@media screen and (min-width:992px) {
.slick-carousel .first-part {
min-height: 78vh;
}
.textbox {
margin-top: 120px;
}
#right-btn,
#left-btn {
display: block;
position: absolute;
padding: 20px 25px;
border-radius: 50%;
font-size: 23px;
color: white;
background-color: #15c1c6;
border: none;
}
#right-btn:hover {
background-color: white;
color: #31353d;
transition: 0.3s;
}
#left-btn:hover {
background-color: white;
color: #31353d;
transition: 0.3s;
}
#right-btn {
top: 50%;
right: 30px;
}
#left-btn {
z-index: 99;
top: 49%;
left: 30px;
}
}
</style>
<body>
<?php include 'php/core.inc.php'; ?>
<!-- nav bar -->
<nav class="navbar clearfix d-flex justify-content-center d-md-flex justify-content-md-end">
<ul class="socials-ul clearfix d-none d-md-flex align-items-md-center pb-0 mt-0 mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
<div class="form-container ">
<form class="form-search d-flex align-items-center d-sm-flex justify-content-sm-between mb-0" role="search">
<input id="src-input" class="form-control rounded-0 border-0" type="search" placeholder="Search ...">
<button class="btn" type="submit" style="padding-bottom: 0px;padding-top: 0px;">
<span class="material-icons pt-1">
search
</span>
</button>
</form>
</div>
</nav>
<!-- header -->
<header class="d-flex flex-column d-md-flex flex-md-row-reverse justify-content-md-between align-items-center justify-content-sm-center mx-lg-0 my-lg-0 mt-4 mx-0 mt-md-4 mb-md-3 mx-md-3">
<div class="contact d-flex flex-column">
<div class="number d-inline">
<span id="phone-img" class="material-icons">
phone
</span>
<a class="phone" href="#">800-2345-6789</a>
</div>
<a id="mail" href="#" class="mt-1">globaly@demolink.org</a>
</div>
<div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<?php if (loggedin()) {
echo '<li id="li-home" class="navs">Home
<ul class="dropdown-ul-2">
<a href="#case-studies"><li>Case studies</li></a>
<a href="#footer"><li>Footer</li></a>
</ul></li>
<a href="people.php" style="text-decoration: none;"><li id="li-people" class="navs">People
<ul class="dropdown-ul-2">
<li>Main team</li>
<li>Others</li>
</ul>
</li></a>
<a href="about.php" style="text-decoration: none;"><li id="li-about" class="navs">about us
<ul class="dropdown-ul-2">
<li>FAQ</li>
<li>Contact Us</li>
<li>sidebar setings</li>
</ul>
</li></a>
<a href="services.php" style="text-decoration: none;"><li class="navs">services</li></a>
<a href="cases.php" style="text-decoration: none;"><li class="navs">cases</li></a>
<a href="news.php" style="text-decoration: none;"><li id="li-news" class="navs">news</li></a>
<a href="contacts.php" style="text-decoration: none;"><li class="navs">contacts</li></a>
';
} else {
echo
'<li id="li-home" style="width: 400px !important; text-align:center; font-size:29px" class="navs">Home</li>';
} ?>
</ul>
</div>
<img src="assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<!-- Login -->
<div class="dropdown" id="dropdownid" style="position: absolute; width: fit-content;">
<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-users"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<?php
if (loggedin()) {
echo '<li><a class="dropdown-item" href="php/logout.php">Log out</a></li>';
if (is_admin()) {
echo '<li><a class="dropdown-item" href="admin_panel.php">Admin panel</a></li>';
}
} else {
echo '<li><a class="dropdown-item" href="login.html">Log in</a></li>
<li><a class="dropdown-item" href="signup.php">Sign up</a></li>';
}
?>
</ul>
</div>
<!-- Weather icon -->
<?php if (loggedin()) {
echo '<div class="weather-div" style="position: absolute; color: white; font-size: 25px; left:12%; top:15px;">
<a style="color:white" href="weather.php"><i class="fa-solid fa-cloud-sun"></i></a>
<div>';
} ?>
<!-- site navigation-->
<nav class="menu d-flex d-md-none justify-content-center align-items-center w-100 " style="background-color: white; height: 68px;">
<div class="container-fluid ">
<button class="navbar-toggler d-flex justify-content-center align-items-center" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-icons">menu
</span><span>Menu</span>
</button>
</div>
</nav>
<div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0">
<?php if (loggedin()) {
echo '<li id="li-home" class="navs">Home</li>
<a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.php" style="text-decoration: none;"><li class="navs">about us</li></a>
<a href="services.php" style="text-decoration: none;"><li class="navs">services</li></a>
<a href="cases.php" style="text-decoration: none;"><li class="navs">cases</li></a>
<a href="news.php" style="text-decoration: none;"><li class="navs">news</li></a>
<a href="contacts.php" style="text-decoration: none;"><li class="navs">contacts</li></a>
';
} else {
echo
'<li id="li-home" style="width: 400px !important; text-align:center; font-size:29px" class="navs">Home</li>';
} ?>
</ul>
<div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<?php if (loggedin()) {
echo '<li id="li-home" class="navs">Home</li>
<a href="people.php" style="text-decoration: none;"><li class="navs">People</li></a>
<a href="about.php" style="text-decoration: none;"><li class="navs">about us</li></a>
<a href="services.php" style="text-decoration: none;"><li class="navs">services</li></a>
<a href="cases.php" style="text-decoration: none;"><li class="navs">cases</li></a>
<a href="news.php" style="text-decoration: none;"><li class="navs">news</li></a>
<a href="contacts.php" style="text-decoration: none;"><li class="navs">contacts</li></a>
';
} else {
echo
'<li id="li-home" style="width: 400px !important; text-align:center; font-size:29px" class="navs">Home</li>';
} ?>
</ul>
</div>
<section>
<div class="slick-carousel d-flex justify-content-start align-items-center">
<div class="first-part">
<div class="textbox mx-md-3 mx-lg-3 mx-0 d-flex flex-column justify-content-start align-items-center">
<h2 id="first-part-h2" class="h2-first">Full Cycle Business Management</h2>
<p id="first-part-p" style="text-align: center; padding: 0 30px;">
Whether your company looks for a financial consulting, investment risks assessments or an interim, HR
management, were ready to provide that for you.We have a proven expertise in any process, that a modern day
business lives and works through.
</p>
<input class="read-more" type="submit" value="read more">
</div>
</div>
<div class="first-part">
<div class="textbox mx-md-3 mx-lg-3 mx-0 d-flex flex-column justify-content-start align-items-center">
<h2 id="first-part-h2" class="h2-first">Set your own pace</h2>
<p id="first-part-p" style="text-align: center; padding: 0 30px;">
We are confident about the fact, that clear goals, a long-term investment philosophy, a balanced portfolio, and low costs create a path to your financial goals. Theres investing, and theres smart investing. Were the latter, were better!
</p>
<input class="read-more" type="submit" value="read more">
</div>
</div>
<div class="first-part">
<div class="textbox mx-md-3 mx-lg-3 mx-0 d-flex flex-column justify-content-start align-items-center">
<h2 id="first-part-h2" class="h2-first">
Why You Need an Advisor?</h2>
<p id="first-part-p" style="text-align: center; padding: 0 30px;">
We help you in creating a financial strategy that represents your personality. Getting to know you is financial advisors primary goal. Get a solution centered around your lifes priorities. Its time for a financial strategy that puts your needs and priorities to the center.
</p>
<input class="read-more" type="submit" value="read more">
</div>
</div>
</div>
<!-- second part -->
<div class="second-part d-flex flex-column align-items-center justify-content-center mx-3 my-lg-0 my-5 mx-lg-5 my-md-5 d-md-flex">
<div class="headline-card d-flex flex-column align-items-center justify-content-center pb-3">
<h4>business management</h4>
<h2>Services We Offer</h2>
<img src="assets/images/line.png" alt="">
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card d-flex flex-column align-items-center justify-content-center ">
<i class="fa-solid fa-check"></i>
<h4><a href="#">Interim managers</a></h4>
<p>Any scrutiny like a management issue will succumb to our control if you will choose our
interim…
</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card d-flex flex-column align-items-center justify-content-center">
<i class="fa fa-eraser"></i>
<h4><a href="#">Exit planning</a></h4>
<p>Exit planning with us is a worked out, strategic roadmap 5-10 years before you will hit the
road…</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card d-flex flex-column align-items-center justify-content-center">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
<h4><a href="#">Market research</a></h4>
<p>Its impossible to succeed in business these days, regardless of the niche, without a proper
marketing team…</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card d-flex flex-column align-items-center justify-content-center">
<i class="fa-solid fa-arrow-rotate-right"></i>
<h4><a href="#">Strategic planning</a></h4>
<p>Building a strategic development and expansion plan is vital, as the tactics game will simply
leave your…</p>
</div>
</div>
</div>
<input class="view-more" type="submit" value="view more">
</div>
<!-- third part -->
<div class="third-part" id="case-studies">
<div class="row">
<div class="img-container d-none d-md-flex col-md-6">
</div>
<div class="textbox3 col-md-6 d-flex flex-column justify-content-center align-items-start ">
<h1>Case Studies & Success</h1>
<h5>Any company level of expertise, trustworthiness or popularity can be easily checked when it comes to
proven
cases… </h5>
<p style="text-align: start;">
We stockpiled hundreds of successful business consulting operations throughout the 25 years long history
were
in this business. Here are the best examples of our diligent and efficient advice for small and big
companies.
</p>
<input class="our-cases" type="submit" value="our cases">
</div>
</div>
</div>
<!-- fourth part -->
<div class="fourth-part clearfix d-flex flex-column align-items-center justify-content-center mx-3 my-2 mb-5">
<div class="headline-card d-flex flex-column align-items-center justify-content-center mt-4 pb-3">
<h4>Browse our</h4>
<h2>Business Tips</h2>
<img class="line-img mb-md-5" src="assets/images/line.png" alt="">
</div>
<div class="row mx-md-3 mx-lg-5">
<div class="col-md-6 col-lg-4 my-md-0">
<div class="card-fourth px-md-2 px-lg-3">
<img class="img-fourth" src="assets/images/image41-560x350.jpg" alt="">
<div class="date-by d-flex flex-row">
<span class="published">26.07.2016</span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title">
How long before the exit you must be planning it?
</h2>
<div class="post-text">The ideal timing for planning an exit strategy is at least 5-10 years beforehand. But
unfortunately, that kind of diligent approach is not always applicable. So how does a CEO or an owner can
perform a quicker exit?</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card-fourth px-md-2 px-lg-3">
<img class="img-fourth" src="assets/images/image42-560x350.jpg" alt="">
<div class="date-by d-flex flex-row">
<span class="published">16.06.2016 </span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title">
Is it viable now for IT companies to file an IPO?
</h2>
<div class="post-text">It's no dotcom-bubble burst today as it was at the verge of the centuries. But still,
with so many different trends receiving investment funding, is it wise for a company to file an IPO at
this
time in the stock's history.</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card-fourth px-md-2 px-lg-3">
<img class="img-fourth" src="assets/images/image43-560x350.jpg" alt="">
<div class="date-by d-flex flex-row">
<span class="published">17.05.2016</span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title">
Bringing a new CFO at the time of crisis?
</h2>
<div class="post-text">There are many different approaches for saving a company during a period of a
financial
meltdown. Hiring a new Chief Financial Officer may seem like an obvious managerial solution from that
list.
But actually, is it the best decision? </div>
</div>
</div>
</div>
<input class="view-more" type="submit" value="view all">
</div>
<!-- fifth-part -->
<div class="fifth-part pb-5 pb-md-5 pt-md-3 py-lg-3">
<div class="headline-card-5 d-flex flex-column align-items-center justify-content-center pb-3">
<h4>thanks to our business tips</h4>
<h2>Youll improve your performance!</h2>
<img class="line2-img" src="assets/images/line2_03.webp" alt="">
</div>
<div class="row">
<div class="numbers-container col-md-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">56</p>
<h3 class="num-text">Companies consulted</h3>
</div>
<div class="numbers-container col-md-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">47</p>
<h3 class="num-text">Consultants</h3>
</div>
<div class="numbers-container col-md-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">85</p>
<h3 class="num-text">Awards won</h3>
</div>
<div class="numbers-container col-md-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">79</p>
<h3 class="num-text">Satisfied customers</h3>
</div>
</div>
</div>
<!-- sixth part -->
<div class="sixth-part d-flex flex-column align-items-center justify-content-center mx-md-5 mx-lg-0 my-lg-5">
<div class="headline-card d-flex flex-column align-items-center justify-content-center pb-3">
<h4>read our</h4>
<h2>Client Testimonials</h2>
<img class="line-img" src="assets/images/line.png" alt="">
</div>
<div class="row " style="width: 100% !important;">
<div class="col-md-6 ">
<div class="profile-card mt-5 mx-1 mx-md-2 d-lg-flex flex-lg-row align-items-lg-center justify-content-lg-center">
<div class="profile">
<img src="assets/images/test1_03.webp" alt="">
</div>
<div class="profile-text">
<p class="profile-text-p">The investment company I own once signed up for Globaly consultations. That happened back in 1993.
Since
then, weve been showing a steady year-by-year growth for 23 years long, in big part thanks to timely
and
spot-on advice by Globaly professionals.</p>
<strong>Richard Lesberry </strong>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="profile-card mt-5 mx-1 mx-md-2 d-lg-flex flex-lg-row align-items-lg-center justify-content-lg-center">
<div class="profile">
<img src="assets/images/test2_03.png" alt="">
</div>
<div class="profile-text ">
<p class="profile-text-p">As an FMCG company, we always faced a tough competition in our field of market. It gotten only worse
since
the Great Recession hit us in 2008. But with efficient advice by this renown company, we were able to
Winter
back from the red digits zone to a green one!</p>
<strong>Vanessa Hayes </strong>
</div>
</div>
</div>
</div>
</div>
<!-- seventh-part -->
<div class="seventh-part d-flex flex-column justify-content-center align-items-center">
<div class="textbox7 mx-3 pb-3">
<h3>As were managing the aspects of your business,</h3>
<h2>Your revenue continues to grow.</h2>
</div>
<input class="learn-more" type="submit" value="learn more">
</div>
<!--form -->
<div class="form d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 mb-lg-0">
<div class="headline-card d-flex flex-column align-items-center justify-content-center mt-4">
<h4>request a free</h4>
<h2>Consultation</h2>
<img class="line-img" src="assets/images/line.png" alt="">
</div>
<h6>I would like to discuss</h6>
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<select name="" id="">
<option value=" "></option>
<option value="Human resources planning">Human resources planning</option>
<option value="Business plan consulting">Business plan consulting</option>
<option value="Interim managers">Interim managers</option>
</select>
<input class="input-text" type="text" placeholder="your name">
<input class="input-text" type="text" placeholder="your e-mail">
</div>
<input class="view-more" type="submit" value="submit">
</div>
</section>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5" id="footer">
<div class="scrollToTopBtn">
<button onclick="topFunction()" id="scrollToTopBtn"><i class="fa-solid fa-chevron-up"></i></button>
</div>
<img src="assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
<div class="footer-copyright">
(c)2024 Globaly. All rights reserved. |
<a href="#">Privacy Policy</a>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript" src="slick-1.8.1/slick/slick.min.js"></script>
<script>
// Get the button
let mybutton = document.getElementById("scrollToTopBtn");
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
$(document).ready(function() {
var backgrounds = [
'url("assets/images/image36.jpg")',
'url("assets/images/image37.jpg")',
'url("assets/images/image38.jpg")'
];
$('.slick-carousel').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
$('.first-part').css('background-image', backgrounds[nextSlide]);
});
$('.slick-carousel').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
speed: 500,
fade: true,
cssEase: 'linear',
prevArrow: '<button id="left-btn"><i class="fa-solid fa-chevron-left"></i></button>',
nextArrow: '<button id="right-btn"><i class="fa-solid fa-chevron-right"></i></button>',
});
// Initialize the background image for the first slide
$('.first-part').eq(0).css('background-image', backgrounds[0]);
});
</script>
</body>
</php>