Files
Globaly-CSS-Practice/about.php
2024-06-18 16:52:52 +02:00

604 lines
36 KiB
PHP
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>
<?php require 'php/core.inc.php'; ?>
<!-- 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="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" id="li-people"> Home
<ul class="dropdown-ul-2" style="left: 25%">
<li>Case studies</li>
<li>Footer</li>
</ul>
</li>
</a>
<a href="people.php" style="text-decoration: none;">
<li class="navs" id="li-people">People
<ul class="dropdown-ul-2" style="left: 31%">
<li>Main team</li>
<li>Others</li>
</ul>
</li>
</a>
<li id="li-home" class="navs">About us
<ul class="dropdown-ul-2" style="left: 36%">
<a href="#faq">
<li>FAQ</li>
</a>
<a href="#contact-us">
<li>Contact Us</li>
</a>
<a href="#others">
<li>sidebar setings</li>
</a>
</ul>
</li>
<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>
<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>
<li id="li-home" class="navs">About us</li>
<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>
<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>
<li id="li-home" class="navs">About us</li>
<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>
<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">About us</div>
</div>
<div class="img-au first-part-au">
</div>
<!-- First part -->
<section>
<div class="fp-row row mx-md-5 ">
<div class="card-fp col-md-6 px-md-0 px-lg-0">
<div class="first-part-au d-flex align-items-center justify-content-center mt-5 ">
<div class="text-box ">
<h2>When we decided to set up our operations 25 years ago, we had a list of principles that we
all
stood
by, as co-founders...</h2>
<p class="p-1">They did not change a bit. It was and still is a distinct desire to deliver
complex,
360°
investment consulting services, that would fill any gap in any business daily, monthly and
yearly
operations. With that in mind, we continue to implement our expertise to help hundreds of
companies!
</p>
</div>
</div>
</div>
<div class="card-fp col-md-6 px-md-0 px-lg-0">
<div class="first-part-au d-flex align-items-center justify-content-center mt-md-5 mt-0 ">
<div class="text-box">
<h2>With the help of our advisors hundreds of small, medium and big companies were able to
achieve
results, such as:</h2>
<p class="p-2">1) Steady year-by-year growth</p>
<p class="p-2">2) Spring back from a recession or market value drop</p>
<p class="p-2">3) Ill-conceived IPO turned into a golden share IPO</p>
<p class="p-2">4) Investments risks eliminated, billions of dollars spent more efficiently</p>
</div>
</div>
</div>
</div>
<!-- Second part -->
<div class="second-part-au d-flex align-items-center justify-content-center flex-column my-5">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Why Choosing</h3>
<h2 class="headline-h2">Us is a Smart Move</h2>
</div>
<div class="row">
<div class=" text-box-div col-md-4 px-md-3 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center">
<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, its 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 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center">
<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. Thats why we reject all high-risk endeavors, that may lead to a fast stack
of cash
for the first time but to a principal capitals 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 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center">
<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 were 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>
<!-- Third part -->
<div class="third-part-au pb-5 pb-md-5 pt-md-3 py-lg-3 px-md-5 ">
<div class="row">
<div class="numbers-container col-md-4 col-lg-4 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">9%</p>
<h3 class="num-text">Median y-b-y growth our clients businesses show</h3>
</div>
<div class="numbers-container col-md-4 col-lg-4 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">89%</p>
<h3 class="num-text">
Median sales rise after 5 years of our services</h3>
</div>
<div class="numbers-container col-md-4 col-lg-4 d-flex flex-column align-items-center justify-content-center ">
<p class="numbers">99%</p>
<h3 class="num-text">Number of our returning clients</h3>
</div>
</div>
</div>
<!-- Fourth part -->
<div class="fourth-part-au d-flex align-items-center justify-content-center flex-column my-5 pb-4 mx-md-5">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">Meet</h3>
<h2 class="headline-h2">the Team</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team1.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Damien Kaschzmarek</h4>
<p class="p-fourth">Damien was appointed as Managing Director of our Investments venture in
February
2014, after 4 years as Chief Executive Officer.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team2.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Derek Zoolander</h4>
<p class="p-fourth">Derek joined us in 2007, has been Company Secretary since 2010 and was
appointed
Chief Operating Officer in 2015. He is a Chartered Accountant.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team3.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth"> Tom Marvolo</h4>
<p class="p-fourth">He has over 30 years experience in financial and investment accounting
and has
extensive experience in the management of the portfolio…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team4.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">James Potter</h4>
<p class="p-fourth">Mr. Potter joined us in 2010 as an Investment Analyst and was promoted
to Senior
Investment Officer. He has long experience as an analyst.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team5.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Lily Granger</h4>
<p class="p-fourth">While Lily works here only 10 years, her efficiency allowed us to name
her a
Senior manager of our biggest portfolios…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team6.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Timothy Dumbledore</h4>
<p class="p-fourth">What Timothy does to companys, is what our clients call “fiscal magic”.
He is
an accomplished pro regarding any investing gamble…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team7.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Lionel Hollande</h4>
<p class="p-fourth">Lionel has joined us after years of consulting for Wall Streets biggest
financial institutions. He studied economics at Harvard University.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team8.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Craig Ferguson</h4>
<p class="p-fourth">Prior to joining our agencyt, Craig worked at JPMorgan for 10 years in
Credit
Markets and Risk Technology. He is a CERTIFIED PLANNER™…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team9.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Diane Mist</h4>
<p class="p-fourth">Before joining our experts vast team, Diane was the Behavioral Finance
Specialist at Barclays Americas and London teams in 2007.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team10.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Andrew Cuomo</h4>
<p class="p-fourth">With a background in global bond markets, Andrews outlook on our fixed
income
exposures is invaluable and priceless…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team11.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Ben Edwards</h4>
<p class="p-fourth">Ben is one of the worlds strongest advocates of value investing, and
assists us
with asset allocation models he developed…</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth-au" src="assets/images/team12.jpg" alt="">
<div class="card-text4 d-flex align-items-center justify-content-start flex-column">
<h4 class="h4-fourth">Chris Cripsie</h4>
<p class="p-fourth">Chris brings deep experience in equity trading from his days at Goldman
Sachs,
advising on the nuance of tax and execution risks…</p>
</div>
</div>
</div>
</div>
</div>
<!-- Fifth part -->
<div class="fifth-part-au d-flex flex-column justify-content-center align-items-center">
<div class="textbox5 mx-3 pb-3">
<h3 class="h3-fifth">Are you an expert with an MBA, University level degree, 5+ years</h3>
<h2 class="h2-fifth">of practical experience and strong urge to overachieve?</h2>
</div>
<input class="careers" type="submit" value="careers">
</div>
<!-- Sixth part -->
<div class="sixth-part-au d-flex align-items-center justify-content-center flex-column my-5 mx-md-5" id="faq">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3">FAQ</h3>
<h2 class="headline-h2">the most popular questions</h2>
</div>
<div id="accordion" class="mt-lg-4">
<div class="card-q ">
<div class="card-header p-0 pl-lg-4 d-flex flex-row justify-content-between align-items-center" id="headingOne">
<h5 class="h5-button mb-0 d-md-flex justify-content-md-between" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Q: How big the scale of the company needs to be that you will work with it? Do you
accept requests from SMBs or only from big corporations?
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<span class="A">A</span>: Weve never had particularly strict benchmarks on how big a
company must be so we can
take it onboard. Weve always welcomed the SMB businesses to become our clients and
highlighted, that in the modern competitive rhythm the business world lives and works in,
SMBs need our help more than bog corporations do!
</div>
</div>
</div>
<div class="card-q">
<div class="card-header p-0 pl-lg-4 d-flex flex-row justify-content-between" id="headingTwo">
<h5 class="h5-button mb-0 d-md-flex justify-content-md-between" class="question-btn btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Q: Do you offer not US based, overseas consulting management?
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
<span class="A">A</span>: Of course. Though our company is registered and based in the US
(NYC), we can work with
any other jurisdiction or country. Footnote: though the main company still needs to be a US
registered one…
</div>
</div>
</div>
<div class="card-q">
<div class="card-header p-0 pl-lg-4 d-flex flex-row justify-content-between" id="headingThree">
<h5 class="h5-button mb-0 d-md-flex justify-content-md-between" lass="question-btn btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Q: Do you work in Tax management optimization field?
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
<span class="A">A</span>: No, this is not our field of specialization.
</div>
</div>
</div>
</div>
</div>
<!-- form-au -->
<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" id="contact-us">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">We review and accept business requests</h3>
<h2 class="headline-h2">Contact us now:</h2>
</div>
<form action="php/send_email.php" method="post" class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" name="name" placeholder="your name">
<input class="input-text" type="text" name="email" placeholder="your e-mail">
<textarea rows="5" class="input-text" name="message">your message</textarea>
<input class="view-more" type="submit" value="send">
</form>
</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">
<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>