Files
Globaly-CSS-Practice/cases.html
2024-06-10 11:37:04 +02:00

329 lines
18 KiB
HTML
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 html>
<html 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 -->
<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="d-flex align-items-center d-sm-flex justify-content-sm-between" 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">
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">
<li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">Cases</li>
<li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul>
</div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<!-- 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">
<li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">Cases</li>
<li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></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" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">Cases</li>
<li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul>
</div>
<div class="breadcrumb">
<div class="breadcrumb-item"><a href="index.html">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-4 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">
<div class="row">
<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/logo01-1.webp">
<h2 class="second-h2" 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-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/logo02-1.webp">
<h2 class="second-h2" 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-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/logo03-1.webp">
<h2 class="second-h2" 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-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/logo04-1.webp">
<h2 class="second-h2" 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" 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;">
<img class="img-num" src="assets/images/logo06-1.webp">
<h2 class="second-h2" 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 my-4 pb-3">
<h4>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 mt-lg-5 mb-5 mb-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">
<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://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>
</html>