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

commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-05 16:57:33 +02:00
parent 84194c85fe
commit cadbb9b457
28 changed files with 1332 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

381
services.html Normal file
View File

@@ -0,0 +1,381 @@
<!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">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li id="li-home" 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="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">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li id="li-home" 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" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li id="li-home" class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
<li class="navs">Contacts</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">Services</div>
</div>
<!-- First part ( just image )-->
<div class="img-services first-part-au">
</div>
<!-- Second part -->
<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="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Why Choosing Us is a</h3>
<h2 class="headline-h2">Smart Move</h2>
</div>
<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/num1.webp">
<h2 class="second-h2">Full Cycle Biz Management</h2>
<p class="second-p-1">Our strong conviction is that if a business is to be optimized, it’s to be
optimized in a
full cycle manner! Our expertise spans from business and investment consulting and well into
HR/recruiting and M&A fields…
</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/num2.webp">
<h2 class="second-h2">Low-risk Strategy</h2>
<p class="second-p-1">We clearly understand, that you want not to lose, but to earn more money over
your period
of work with us. That’s why we reject all high-risk endeavors, that may lead to a fast stack
of cash
for the first time but to a principal capital’s loss the second time.. We base our advice
only on
low-risk operations and estimates.</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/num3.webp">
<h2 class="second-h2">Fast & Efficient</h2>
<p class="second-p-1">Due diligence is one thing. But we’re trying to deliver the most fast paced
business
assessments diligence in the industry. While working with us, your business will never get
stuck in
the middle of the road with no spare tires in the back…</p>
</div>
</div>
</div>
</div>
<!-- Second part with images-->
<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="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Business Management</h3>
<h2 class="headline-h2">Services We Offer</h2>
</div>
<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/icon1.webp">
<h2 class="second-h2">Human resources planning</h2>
<p class="second-p-1">With the pace manpower switches jobs these days, we will keep your business
packed with pros only!
</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/icon3.webp">
<h2 class="second-h2">Interim managers</h2>
<p class="second-p-1">Any scrutiny like a management issue will succumb under our control if you
will choose our interim management specialists to take over…</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/icon2.webp">
<h2 class="second-h2">Exit planning</h2>
<p class="second-p-1">Exit planning with us is a worked out, strategic roadmap 5-10 years before you
will hit the road</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/icon4.webp">
<h2 class="second-h2">Business plan consulting</h2>
<p class="second-p-1">Are you about to pitch a plan for angel’s funding? Or you’ve started it all
with your principal capital at stake? We can help to plan it all out.
</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/icon1.webp">
<h2 class="second-h2">Strategic planning</h2>
<p class="second-p-1">Building a strategic development and expansion plan is vital, as the tactics
game will simply leave your biz short-sighted…</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/icon3.webp">
<h2 class="second-h2">Market research</h2>
<p class="second-p-1">It’s impossible to succeed in business these days, regardless of the niche,
without a proper marketing team and researching</p>
</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>
</div>
<p class="p-form-s px-3 px-md-0 mx-md-5">Would you like to speak to one of our financial advisers? Just submit your contact details and we’ll be in
touch shortly. You can also email us if you prefer that type of communication.</p>
<h6 class="h6-form-s">I would like to discuss</h6>
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<select class="input-text" name="" id="" style="cursor: pointer;">
<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 e-mail">
<textarea rows="5" class="input-text">your message</textarea>
</div>
<input class="view-more" type="submit" value="submit">
</div>
<!-- third part -->
<div class="third-part-s d-flex flex-column justify-content-center align-items-center">
<div class="textbox3 mx-4 mx-lg-0 pb-3">
<h3 class="h1-third">If you’ve ever doubted where to invest your money in,</h3>
<h2 class="h2-third">then you need us!</h2>
<p class="p-third">Fields we specialize in vary and encompass every investment issue a company or an individual might face today!</p>
</div>
</div>
<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;">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;">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;" >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>
<input class="view-more" type="submit" value="view more">
</div>
<!-- email form au -->
<div class="email-form-au d-flex justify-content-center align-items-center flex-column py-lg-5">
<h4 class="email-title">Induce the growth!</h4>
<p class="email-text">With the help of our professional team of advisors, any business will expand to its
full promise!<br>
Get our latest best cases list, delivered to your email.</p>
<input class="input-text" type="text" placeholder="enter your e-mail">
<input class="subscribe" type="submit" value="subscribe">
</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>