n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-05-31 16:34:01 +02:00
commit f3c4a2a5be
34 changed files with 2454 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

423
index.html Normal file
View File

@@ -0,0 +1,423 @@
<!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-3 mx-2 my-md-3 mx-md-3">
<div class="contact d-flex flex-column">
<div class="number d-inline">
<span class="material-icons">
phone
</span>
800-2345-6789
</div>
<a id="mail" href="#" class="mt-2">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 id="li-home" class="navs">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
<li class="navs">contacts</li>
</ul>
</div>
<img src="/assets/images/logo.webp" class="mt-3" 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;">
<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 id="li-home" class="navs">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
<li class="navs">Contacts</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">
<li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
<li class="navs">more</li>
</ul>
</div>
<section>
<!-- first part -->
<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 class="h2-first">Full Cycle Business Management</h2>
<p style="text-align: center; font-weight: bold;">
Whether your company looks for a financial consulting, investment risks assessments or an interim, HR
management, we’re 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>
<!-- second part -->
<div
class="second-part d-flex flex-column align-items-center justify-content-center my-lg-5 my-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>It’s 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 ">
<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; font-weight: bold;">
We stockpiled hundreds of successful business consulting operations throughout the 25 years long history
we’re
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 ">
<img class="img" 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">
<img class="img" 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">
<img class="img" 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>
</div>
<input class="view-more" type="submit" value="view all">
</div>
<!-- fifth-part -->
<div class="fifth-part 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>You’ll 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 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">
<div class="col-md-6">
<div class="profile-card mt-5 mx-3 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 ml-lg-5">
<p>The investment company I own once signed up for Globaly consultations. That happened back in 1993.
Since
then, we’ve 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-3 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 ml-lg-5">
<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-5 pb-3">
<h3>As we’re 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">
<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>
</body>
</html>