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

380 lines
21 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>
<li id="li-home" class="navs">Cases</li>
<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>
</ul>
</div>
<img src="assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<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>';
} 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>
<!-- 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>
<li id="li-home" class="navs">Cases</li>
<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>
</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>
<li id="li-home" class="navs">Cases</li>
<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>
</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">Cases</div>
</div>
<!-- third part -->
<div class="third-part-s d-flex flex-column justify-content-center align-items-center py-md-0">
<div class="textbox3 mx-3 mx-lg-0 pb-3" id="textbox3-cases">
<h1 class="h1-third mb-4">Case studies</h1>
<h2 class="h2-third" id="h2-cases">Any companys level of expertise, trustworthiness or
popularity can be easily checked when it comes to proven cases…</h2>
<p class="p-third " id="p-cases" style="font-size: 16px; ">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>
</div>
</div>
<!-- companies -->
<div class="second-part-au d-flex align-items-center justify-content-center flex-column my-5 mx-md-5 px-md-3 px-lg-4">
<div class="row">
<div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none;">
<img class="img-num" src="assets/images/logo01-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer;">Horgan Motors</h2>
<p class="second-p-1">While working with Horgan automotive company, we conducted few vital market
researches and helped to implement a crucial business strategy
</p>
</div>
</div>
<div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none;">
<img class="img-num" src="assets/images/logo02-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Truick</h2>
<p class="second-p-1">This legendary car brand used our Interim management tips back in 2008, and
averted the Great Recession slip with our timely help.</p>
</div>
</div>
<div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none;">
<img class="img-num" src="assets/images/logo03-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Halmart</h2>
<p class="second-p-1">An all-american chain, that recovered after drop in sales in 2008 and since
then returned great year-by-year growth…</p>
</div>
</div>
<div class="text-box-div col-md-4 px-lg-0 px-md-3 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none;">
<img class="img-num" src="assets/images/logo04-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer;">PM</h2>
<p class="second-p-1">General Motors suffered a severe setback in sales and overall market value.
We, together with the US govt helped to diverge the fiscal disaster.
</p>
</div>
</div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none;">
<img class="img-num" src="assets/images/logo05-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Ielpp</h2>
<p class="second-p-1">An online service unlike any other, which we helped to sketch out and put to
action a comprehensive investment planning for.</p>
</div>
</div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" style="border: none; margin-bottom: 0px;">
<img class="img-num" src="assets/images/logo06-1.webp">
<h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Wumblr</h2>
<p class="second-p-1">Wumblrs office in New York hired our consulting experts both before and after
being purchased by Yahoo Inc., and continues to be such to this day…</p>
</div>
</div>
</div>
<!-- <input class="view-more" type="submit" value="view more"> -->
</div>
<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 mb-4 pb-3">
<h4 id="h4-cases-headline">Latest news</h4>
<h2>the most recent info</h2>
</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.jpg" style="height: fit-content; width: fit-content;" alt="">
<div class="date-by d-flex flex-row">
<span class="published" style="text-transform: lowercase;">jul 26,2016</span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title" style="font-size: 26px;">
How long before the exit you must be planning it?
</h2>
<input class="view-more" type="submit" value="read more">
</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.jpg" style="height: fit-content; width: fit-content;" alt="">
<div class="date-by d-flex flex-row">
<span class="published" style="text-transform: lowercase;">jun 06,2016</span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title" style="font-size: 26px;">
Is it viable now for IT companies to file an IPO?
</h2>
<input class="view-more" type="submit" value="read more">
</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.jpg" style="height: fit-content; width: fit-content;" alt="">
<div class="date-by d-flex flex-row">
<span class="published" style="text-transform: lowercase;">may 17,2016</span>
<div class="author">by admin</div>
</div>
<h2 class="sub-title" style="font-size: 26px;">
Bringing a new CFO at the time of crisis?
</h2>
<input class="view-more" type="submit" value="read more">
</div>
</div>
</div>
</div>
<!-- form-s -->
<div class="form-about d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 pt-lg-0 my-lg-0">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">Request</h3>
<h2 class="headline-h2">a free consultation</h2>
<h6 class="h6-form-s">I would like to discuss</h6>
</div>
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" placeholder="your name">
<input class="input-text" type="text" placeholder="your e-mail">
<textarea rows="5" class="input-text">your message</textarea>
</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">
<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>