Files
Globaly-CSS-Practice/news.php
2024-06-24 09:42:54 +02:00

626 lines
34 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>
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
</head>
<body>
<!-- nav bar -->
<?php require 'php/core.inc.php'; ?>
<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">
<a href="index.php" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<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>
<li id="li-home" class="navs">News</li>
<a href="contacts.php" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</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; box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<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">
<a href="index.php" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<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>
<li id="li-home" class="navs">News</li>
<a href="contacts.php" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</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" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<a href="index.php" style="text-decoration: none;">
<li class="navs"> Home</li>
</a>
<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>
<li id="li-home" class="navs">News</li>
<a href="contacts.php" style="text-decoration: none;">
<li class="navs">Contacts</li>
</a>
</ul>
</div>
<div class="breadcrumb">
<div class="breadcrumb-item"><a href="index.php">Home</a></div>
<div class="breadcrumb-item-sep">/</div>
<div class="breadcrumb-item-about" aria-current="page">News</div>
</div>
<section class="d-flex flex-column flex-lg-row">
<div class="left-side">
<!-- First part -->
<div class="news-first-part clearfix d-flex flex-column justify-content-center">
<div class="news-card clearfix d-flex flex-column flex-lg-row ">
<div class="news-img-container">
<img class="news-img" src="assets/images/image42-640x506.jpg" alt="">
<i id="star" class="fa-regular fa-star"></i>
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<div class="post-tags">
<a class="post-tags-a" href="">Advice</a>
<a class="post-tags-a" href="">Finances</a>
</div>
<h4 class="news-card-text">
Is it viable now for IT companies to file an IPO?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">Its 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 stocks history.</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">16.06.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image41-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Conflict managment</a>
<a class="news-img-text" href="#">Exit planning</a>
<a class="news-img-text d-md-none" href="#">Human resource planning</a>
<a class="news-img-text d-md-none" href="#">Market research</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
How long before the exit you must be planning it?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">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?</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">16.07.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image43-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
<a class="news-img-text" href="#">Market research</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Bringing a new CFO at the time of crisis?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">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?</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image5-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Image Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image6-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
IT: using visual "hotzones" for market research among customers</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">There are many practical and experimental ways nowadays to get the customers mind analyzed. This “hotzones” trend lets us all see a much wider scope on how people react and interact with the web and hardware these days. So lets try to analyze, which marketing…</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image2-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
<a class="news-img-text" href="#">Governance</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<div class="post-tags">
<a class="post-tags-a" href="">Insight</a>
<a class="post-tags-a" href="">Investments</a>
</div>
<h4 class="news-card-text">
Gallery Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card d-flex flex-column flex-lg-row">
<div class="news-img-container">
<img class="news-img" src="assets/images/image7-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
<div class="link-on-image">
<a class="link-a" href="#">https://www.templatemonster.com/</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Link Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
</div>
<!-- page navigation -->
<div class="page-navigation mx-3">
<div class="page-nav-links">
<span class="page-num-cur">1</span>
<a class="page-num-next" href="#">2</a>
<a class="next-icon" href="#">
<i class="fa-solid fa-chevron-right"></i>
</a>
</div>
</div>
</div>
<div class="side-bar d-flex flex-column col-lg-3" style="width: 100%; padding: 0; ">
<!-- search -->
<div class="search-news ">
<div class="search-news-form d-flex">
<input class="search-news-input" type="text" placeholder="Search...">
<div class="search-news-icon"><i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</div>
<!-- Recent posts -->
<div class="recent-posts mt-5 pt-5 ">
<h5 class="recent-title">Recent Posts</h5>
<div class="custom-post-container d-flex d-lg-flex flex-md-column flex-lg-column clearfix ">
<div class="custom-post d-lg-flex flex-lg-row d-md-flex flex-md-row mb-md-5">
<img src="assets/images/image41-130x136.jpg" alt="">
<div class="custom-post-text mt-3 mt-md-0 ml-md-3 ">
<h4 class="recent-subtitle">How long before the exit you must be planning it?</h4>
<a class="date-a" href="#"> 26.06.2016</a>
</div>
</div>
<div class="custom-post d-lg-flex flex-lg-row d-md-flex flex-md-row mb-md-5">
<img src="assets/images/fakeimg.png" alt="">
<div class="custom-post-text mt-3 mt-md-0 ml-md-3">
<h4 class="recent-subtitle">Gallery Format</h4>
<a class="date-a" href="#"> 17.05.2016</a>
</div>
</div>
</div>
</div>
<!-- Quotes -->
<div class="recent-posts mt-3 pt-5 ">
<h5 class="recent-title">Quotes on Science</h5>
<blockquote class="d-lg-flex flex-lg-row">
<div class="quotes-text">An investment in knowledge pays the best interest. </div>
</blockquote>
</div>
<!-- Categories -->
<div class="categories-news mt-4 pt-5">
<h5 class="categories-title ">Categories</h5>
<ul class="categories-ul">
<li class="categories-li"><a href="#">Business plan consulting</a></li>
<li class="categories-li"><a href="#">Conflict menagment</a></li>
<li class="categories-li"><a href="#">Exit planning</a></li>
<li class="categories-li"><a href="#">Governance</a></li>
<li class="categories-li"><a href="#">Human resources planning</a></li>
<li class="categories-li"><a href="#">Market research</a></li>
</ul>
</div>
<!-- Recent coments -->
<div class="categories-news mt-4 pt-5">
<h5 class="categories-title">Recent coments</h5>
<ul class="recent-com-ul">
<li class="recent-com-li">
<span class="admin-on">admin on</span>
<a href="#">Image Format</a>
</li>
<li class="recent-com-li">
<span class="admin-on">admin on</span>
<a href="#">Bringing a new CFO at the time of crisis?</a>
</li>
<li class="recent-com-li">
<span class="admin-on">admin on</span>
<a href="#">Image Format</a>
</li>
<li class="recent-com-li">
<span class="admin-on">admin on</span>
<a href="#">Is it viable now for IT companies to file an IPO?</a>
</li>
<li class="recent-com-li">
<span class="admin-on">admin on</span>
<a href="#">Is it viable now for IT companies to file an IPO?</a>
</li>
</ul>
</div>
<!-- Tags -->
<div class="categories-news mt-4 pt-5">
<h5 class="categories-title">Tags</h5>
<div class="tag-container">
<a href="#">Advice</a>
<a href="#">Finances</a>
<a href="#">Insight</a>
<a href="#">Investments</a>
<a href="#">Money</a>
<a href="#">Stock</a>
</div>
</div>
<!-- Archives -->
<div class="categories-news mt-4 pt-5">
<h5 class="categories-title">Archives</h5>
<div class="archives-container">
<select name="" id="archives-select">
<option value="">Select Month</option>
<option value="">April 2016</option>
<option value="">May 2016</option>
<option value="">June 2016</option>
<option value="">July 2016</option>
</select>
</div>
</div>
<div class="categories-news mt-4 pt-5 mb-3">
<h5 class="categories-title">Calendar</h5>
<div class="calendar calendar-table d-flex justify-content-center flex-column ">
<div class="caption">May 2024</div>
<table class="">
<thead>
<tr>
<th>M</th>
<th>T</th>
<th>W</th>
<th>T</th>
<th>F</th>
<th>S</th>
<th>S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" class="pad">&nbsp;</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td class="last-row">27</td>
<td class="last-row">28</td>
<td class="last-row">29</td>
<td class="last-row">30</td>
<td class="last-row">31</td>
</tr>
</tbody>
<tfoot>
<tr>
<td id="month-name-table">« Jul</td>
<td class="pad">&nbsp;</td>
<td colspan="3" class="pad">&nbsp;</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
<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>
// 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;
}
</script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</php>