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

302
about.html
View File

@@ -64,9 +64,9 @@
</nav>
<!-- header -->
<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="contact d-flex flex-column" >
<div class="number d-inline">
<span id="phone-img" class="material-icons">
phone
@@ -75,11 +75,11 @@
</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 id="li-home" class="navs">Home</li>
<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">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
@@ -91,7 +91,7 @@
<!-- site navigation-->
<nav class="menu d-flex d-md-none justify-content-center align-items-center w-100 "
style="background-color: white; height: 68px;">
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"
@@ -101,12 +101,12 @@
</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>
<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">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
@@ -146,19 +146,19 @@
</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>
<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">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li class="navs">news</li>
<li class="navs">more</li>
<li class="navs">Contacts</li>
</ul>
</div>
<div class="breadcrumb">
<div class="breadcrumb-item"><a href="#">Home</a></div>
<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">About us</div>
</div>
@@ -168,8 +168,8 @@
<!-- First part -->
<section>
<div class="row">
<div class="col-md-6">
<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
@@ -187,8 +187,8 @@
</div>
</div>
</div>
<div class="col-md-6">
<div class="first-part-au d-flex align-items-center justify-content-center mt-md-5 mt-0">
<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
@@ -203,28 +203,28 @@
</div>
<!-- Second part -->
<div class="second-part-au d-flex align-items-center justify-content-center flex-column my-5">
<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</h3>
<h2 class="headline-h2">Us is a Smart Move</h2>
</div>
<div class="row">
<div class="md-col-4">
<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">
<img src="assets/images/num1.webp">
<img class="img-num" src="assets/images/num1.webp">
<h2 class="second-h2">Full Cycle Biz Management</h2>
<p class="p-1">Our strong conviction is that if a business is to be optimized, it’s to be
<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="md-col-4">
<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">
<img src="assets/images/num2.webp">
<img class="img-num" src="assets/images/num2.webp">
<h2 class="second-h2">Low-risk Strategy</h2>
<p class="p-1">We clearly understand, that you want not to lose, but to earn more money over
<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
@@ -233,11 +233,11 @@
low-risk operations and estimates.</p>
</div>
</div>
<div class="md-col-4">
<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">
<img src="assets/images/num3.webp">
<img class="img-num" src="assets/images/num3.webp">
<h2 class="second-h2">Fast & Efficient</h2>
<p class="p-1">Due diligence is one thing. But we’re trying to deliver the most fast paced
<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
@@ -248,21 +248,21 @@
</div>
<!-- Third part -->
<div class="third-part-au pb-5 pb-md-5 pt-md-3 py-lg-3 ">
<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-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
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-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
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-6 col-lg-3 d-flex flex-column align-items-center justify-content-center ">
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>
@@ -270,105 +270,141 @@
</div>
<!-- Fourth part -->
<div class="fourth-part-au d-flex align-items-center justify-content-center flex-column my-5 pb-4">
<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="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 company’s, is what our clients call “fiscal magic”. He is
an accomplished pro regarding any investing gamble…</p>
<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" 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 company’s, is what our clients call “fiscal magic”.
He is
an accomplished pro regarding any investing gamble…</p>
</div>
</div>
</div>
</div>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 Street’s biggest
financial institutions. He studied economics at Harvard University.</p>
<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" 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 Street’s biggest
financial institutions. He studied economics at Harvard University.</p>
</div>
</div>
</div>
</div>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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, Andrew’s outlook on our fixed income
exposures is invaluable and priceless…</p>
<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" 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, Andrew’s outlook on our fixed
income
exposures is invaluable and priceless…</p>
</div>
</div>
</div>
</div>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
<div class="card4 d-flex align-items-center justify-content-center flex-column mb-4">
<img class="img-fourth" 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 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" 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>
@@ -383,19 +419,20 @@
</div>
<!-- Sixth part -->
<div class="sixth-part-au d-flex align-items-center justify-content-center flex-column my-5">
<div class="sixth-part-au d-flex align-items-center justify-content-center flex-column my-5 mx-md-5" >
<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">
<div class="card-q">
<div class="card-header" id="headingOne ">
<div id="accordion" class="mt-lg-4">
<div class="card-q ">
<div class="card-header py-md-3 pl-lg-4 d-flex flex-row justify-content-between align-items-center" id="headingOne">
<h5 class="h5-button mb-0 " 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>
<i class="fa-solid fa-circle-plus d-none d-md-flex"></i>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
@@ -408,13 +445,14 @@
</div>
</div>
<div class="card-q">
<div class="card-header" id="headingTwo">
<div class="card-header py-md-3 pl-lg-4 d-flex flex-row justify-content-between" id="headingTwo">
<h5 class="h5-button mb-0" 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>
<i class="fa-solid fa-circle-plus d-none d-md-flex "></i>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
@@ -426,11 +464,12 @@
</div>
</div>
<div class="card-q">
<div class="card-header" id="headingThree">
<div class="card-header py-md-3 pl-lg-4 d-flex flex-row justify-content-between" id="headingThree">
<h5 class="h5-button mb-0" 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>
<i class="fa-solid fa-circle-plus d-none d-md-flex"></i>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
@@ -443,11 +482,10 @@
<!-- form-au -->
<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 style="text-align: center;">We review and accept business requests</h4>
<h2>Contact us now:</h2>
<img class="line-img" src="assets/images/line.png" alt="">
<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;">We review and accept business requests</h3>
<h2 class="headline-h2">Contact us now:</h2>
</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">
@@ -458,7 +496,7 @@
</div>
<!-- email form au -->
<div class="email-form-au d-flex justify-content-center align-items-center flex-column">
<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>

BIN
assets/images/icon1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 574 B

BIN
assets/images/icon2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 698 B

BIN
assets/images/icon3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 B

BIN
assets/images/icon4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 940 B

BIN
assets/images/image1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

BIN
assets/images/image10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
assets/images/logo01-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 598 B

BIN
assets/images/logo02-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
assets/images/logo03-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

4
index.html
View File

@@ -104,8 +104,8 @@
</div>
</nav>
<div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0">
<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"><a href="about.html" style="text-decoration: none;"> About US</a></li>

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>

1
style/_nav.scss
View File

@@ -137,6 +137,7 @@ input::placeholder {
}
.nav-ul-hor{
width: 100%;
cursor: pointer;
color: #333333;
font-family: Lato, sans-serif;

44
style/about_us/_email-form-au.scss
View File

@@ -1,8 +1,8 @@
.email-form-au{
.email-form-au {
padding: 30px 15px;
background-color: #15c1cb;
.email-title{
.email-title {
font-style: normal;
font-weight: 500;
font-size: 24px;
@@ -12,7 +12,8 @@
text-align: inherit;
color: #ffffff;
}
.email-text{
.email-text {
padding: 0 10px;
text-align: center;
font-style: normal;
@@ -23,7 +24,7 @@
letter-spacing: 0px;
color: #ffffff;
}
.subscribe {
@include button;
background-color: white;
@@ -39,18 +40,47 @@
transition: 0.2s;
}
.input-text{
.input-text {
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
color: #777777 !important;
width: 93%;
font-family: MerriweatherSans;
}
.input-text::placeholder{
.input-text::placeholder {
color: #31353d !important;
}
}
@media only screen and (min-width:768px) {
.email-form-au {
.email-text {
padding: 0 40px;
}
.input-text {
width: 55%;
}
}
}
@media only screen and (min-width:992px) {
.email-form-au {
.email-title{
font-size: 29px;
}
.email-text {
padding: 0 40px;
}
.input-text {
width: 25%;
}
}
}

23
style/about_us/_fifth-part-au.scss
View File

@@ -44,4 +44,27 @@
color: #15c1cb;
}
}
}
@media only screen and (min-width:768px) {
.fifth-part-au {
padding: 110px 15px;
.textbox5{
.h3-fifth{
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.h2-fifth{
margin-top: -10px;
font-size: 71px;
}
}
}
}
@media only screen and (min-width:992px) {
.fifth-part-au{
min-height: 75vh;
}
}

12
style/about_us/_first-part-au.scss
View File

@@ -19,7 +19,7 @@
}
.p-1{
padding: 17px 0 0 0 !important;
padding: 17px 0 0 !important;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
@@ -43,4 +43,14 @@
}
}
@media only screen and (min-width:992px) {
.fp-row{
margin-top: 60px;
}
.first-part-au{
padding: 0 30px;
}
}

80
style/about_us/_form-about.scss Normal file
View File

@@ -0,0 +1,80 @@
.form-about {
.headline{
.headline-h3{
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 1.33333;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #31353d;
margin-bottom: 0px;
}
.headline-h2{
color: #15c1cb;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
margin-bottom: 0px;
padding: 0 50px;
}
}
.input-text{
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 100%;
font-family: MerriweatherSans;
}
.input-text::placeholder{
color: #31353d !important;
}
.form-container-bot{
position: relative;
width: 382px;
}
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
.form-about{
padding-top: 98px;
padding-bottom: 114px;
.headline{
.headline-h3 {
font-size: 36px ;
}
.headline-h2 {
font-size: 48px;
}
}
.view-more{
margin-top: 20px;
}
.form-container-bot{
width: 794px !important;
}
}
}

33
style/about_us/_fourth-part-au.scss
View File

@@ -50,4 +50,37 @@
box-sizing: border-box;
padding-right: 3px;
}
}
@media only screen and (min-width:768px) {
.img-fourth{
width: 330px;
height: 324px;
}
.p-fourth{
padding-right: 0px !important;
}
}
@media only screen and (min-width:992px) {
.card-text4{
width: 380px;
}
.headline {
.headline-h3 {
font-size: 36px;
}
.headline-h2 {
font-size: 48px;
}
}
.img-fourth{
width: 380px;
height: 374px;
}
}

31
style/about_us/_header-au.scss
View File

@@ -12,6 +12,7 @@
letter-spacing: 0.52px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 15px;
a{
color: #333333;
@@ -32,13 +33,35 @@
color: #15c1c6;
}
.img {
min-height: 22vh;
background-image: url('/assets/images/image32.jpg');
background-size: cover;
background-position: center;
}
@media only screen and (min-width:768px) {
.breadcrumb{
margin-left: 45px;
padding-top: 15px;
}
.img{
min-height: 40vh;
}
}
@media only screen and (min-width:992px) {
.breadcrumb{
margin-left: 50px;
padding-top: 35px;
padding-bottom: 5px;
}
.img{
min-height: 80vh;
}
header{
box-shadow: 2px 2px 24px rgba(0,0,0,.1);
}
}

43
style/about_us/_second-part-au.scss
View File

@@ -2,8 +2,8 @@
padding: 0 15px;
.headline{
.headline-h3{
.headline {
.headline-h3 {
font-style: normal;
font-weight: 300;
font-size: 26px;
@@ -13,7 +13,8 @@
color: #31353d;
margin-bottom: 0px;
}
.headline-h2{
.headline-h2 {
color: #15c1cb;
font-style: normal;
font-weight: 700;
@@ -33,7 +34,8 @@
}
.second-h2{
.second-h2 {
text-align: center;
border-bottom: 1px solid #e0e0e8;
padding: 5px 0 19px 0;
font-size: 21px;
@@ -45,7 +47,7 @@
}
.p-1 {
.second-p-1 {
padding: 17px 0 0 0 !important;
margin-bottom: 16px;
font-style: normal;
@@ -58,7 +60,36 @@
color: #777777;
text-align: center;
}
.second-img{
.second-img {
margin-bottom: 10px;
}
}
@media only screen and (min-width:992px) {
.second-part-au {
.img-num{
margin-bottom: 18px;
}
.headline {
.headline-h3 {
font-size: 36px;
}
.headline-h2 {
font-size: 48px;
}
}
.second-h2{
width: 100% !important;
}
.text-box-div{
padding: 0 30px !important;
}
}
}

39
style/about_us/_sixth-part-au.scss
View File

@@ -7,7 +7,6 @@
}
.h5-button{
background-color: #15c1cb;
cursor:pointer;
text-align: start;
color: #ffffff !important;
@@ -21,7 +20,7 @@
padding: 0px !important ;
}
.card-header{
background-color: #15c1cb;
background-color: #333333;
text-decoration: none;
color: white;
margin-bottom: 2px;
@@ -39,18 +38,40 @@
}
.A{
color: #15c1cb;
}
.card-q{
.card-header{
background-color: #333333;
transition: background-color 1s ease;
// .card-q{
// .card-header{
// transition: background-color 1s ease;
// }
// .collapsed {
// background-color: #15c1cb;
// }
// }
}
@media only screen and (min-width:768px) {
.card-header{
i{
text-align: center;
font-size: 25px;
color:white;
}
.collapsed {
background-color: #333333;
}
}
}
@media only screen and (min-width:992px) {
.card-q{
margin: 0 330px;
}
}

44
style/about_us/_third-part-au.scss
View File

@@ -1,4 +1,4 @@
.third-part-au{
.third-part-au {
min-height: 100vh;
background-image: url('/assets/images/image33.jpg');
background-size: cover;
@@ -35,3 +35,45 @@
}
}
}
@media only screen and (min-width:768px) {
.third-part-au {
min-height: 25vh;
.numbers-container {
.numbers {
text-align: center;
width: 200px;
line-height: 200px;
}
.num-text {
padding-left: 5px;
padding-right: 5px;
}
}
}
}
@media only screen and (min-width:992px) {
.third-part-au {
min-height: 50vh;
.numbers-container {
margin-top: 50px;
.numbers {
text-align: center;
width: 230px;
line-height: 230px;
}
.num-text {
padding-left: 150px;
padding-right:150px;
}
}
}
}

22
style/services/_first-part-s.scss Normal file
View File

@@ -0,0 +1,22 @@
.img-services {
min-height: 22vh;
background-image: url('/assets/images/image1.jpg');
background-size: cover;
background-position: center;
}
@media only screen and (min-width:768px) {
.img-services{
min-height: 40vh;
}
}
@media only screen and (min-width:992px) {
.img-services{
min-height: 80vh;
}
header{
box-shadow: 2px 2px 24px rgba(0,0,0,.1);
}
}

24
style/services/_form-s.scss Normal file
View File

@@ -0,0 +1,24 @@
.p-form-s{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, serif;
letter-spacing: 0px;
text-align: left;
color: #777777;
text-align: center;
}
.h6-form-s{
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.27778;
font-family: Merriweather;
letter-spacing: 0px;
color: #31353d;
margin-top: 18px;
margin-bottom: 8px;
}

76
style/services/_third-part-s.scss Normal file
View File

@@ -0,0 +1,76 @@
.third-part-s {
background-image: url('/assets/images/image10.jpg');
background-size: cover;
position: relative;
color: white;
background-size: cover;
background-position: center;
padding-top: 30px;
padding-bottom: 40px;
.textbox3 {
.h1-third {
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 33px;
line-height: 1.31818;
font-family: Merriweather;
letter-spacing: 0px;
word-wrap: break-word;
margin-bottom: 0px;
font-style: normal;
}
.h2-third {
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #15c1cb;
}
.p-third{
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
}
}
}
@media only screen and (min-width:768px) {
.third-part-s {
.textbox3{
.h1-third{
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.h2-third{
margin-top: -10px;
font-size: 71px;
}
}
}
}
@media only screen and (min-width:992px) {
.third-part-s{
min-height: 75vh;
.textbox3{
.h1-third{
font-size: 66px;
}
}
}
}

334
style/style.css
View File

@@ -136,6 +136,7 @@ input::placeholder {
border-top: 1px solid #efefef;
}
.nav-ul-hor {
width: 100%;
cursor: pointer;
color: #333333;
font-family: Lato, sans-serif;
@@ -1015,7 +1016,7 @@ footer .footer-copyright a:hover {
line-height: 1.5;
}
.first-part-au .p-1 {
padding: 17px 0 0 0 !important;
padding: 17px 0 0 !important;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
@@ -1037,6 +1038,14 @@ footer .footer-copyright a:hover {
padding: 17px 0 0 0 !important;
}
@media only screen and (min-width: 992px) {
.fp-row {
margin-top: 60px;
}
.first-part-au {
padding: 0 30px;
}
}
.breadcrumb {
background-color: white;
text-decoration: none;
@@ -1050,6 +1059,7 @@ footer .footer-copyright a:hover {
letter-spacing: 0.52px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 15px;
}
.breadcrumb a {
color: #333333;
@@ -1075,6 +1085,28 @@ footer .footer-copyright a:hover {
background-position: center;
}
@media only screen and (min-width: 768px) {
.breadcrumb {
margin-left: 45px;
padding-top: 15px;
}
.img {
min-height: 40vh;
}
}
@media only screen and (min-width: 992px) {
.breadcrumb {
margin-left: 50px;
padding-top: 35px;
padding-bottom: 5px;
}
.img {
min-height: 80vh;
}
header {
box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.1);
}
}
.second-part-au {
padding: 0 15px;
}
@@ -1104,6 +1136,7 @@ footer .footer-copyright a:hover {
margin-bottom: 30px;
}
.second-part-au .second-h2 {
text-align: center;
border-bottom: 1px solid #e0e0e8;
padding: 5px 0 19px 0;
font-size: 21px;
@@ -1113,7 +1146,7 @@ footer .footer-copyright a:hover {
letter-spacing: 0px;
line-height: 1.5;
}
.second-part-au .p-1 {
.second-part-au .second-p-1 {
padding: 17px 0 0 0 !important;
margin-bottom: 16px;
font-style: normal;
@@ -1130,6 +1163,23 @@ footer .footer-copyright a:hover {
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
.second-part-au .img-num {
margin-bottom: 18px;
}
.second-part-au .headline .headline-h3 {
font-size: 36px;
}
.second-part-au .headline .headline-h2 {
font-size: 48px;
}
.second-part-au .second-h2 {
width: 100% !important;
}
.second-part-au .text-box-div {
padding: 0 30px !important;
}
}
.third-part-au {
min-height: 100vh;
background-image: url("/assets/images/image33.jpg");
@@ -1163,6 +1213,37 @@ footer .footer-copyright a:hover {
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.third-part-au {
min-height: 25vh;
}
.third-part-au .numbers-container .numbers {
text-align: center;
width: 200px;
line-height: 200px;
}
.third-part-au .numbers-container .num-text {
padding-left: 5px;
padding-right: 5px;
}
}
@media only screen and (min-width: 992px) {
.third-part-au {
min-height: 50vh;
}
.third-part-au .numbers-container {
margin-top: 50px;
}
.third-part-au .numbers-container .numbers {
text-align: center;
width: 230px;
line-height: 230px;
}
.third-part-au .numbers-container .num-text {
padding-left: 150px;
padding-right: 150px;
}
}
.headline .headline-h3 {
font-style: normal;
font-weight: 300;
@@ -1214,6 +1295,30 @@ footer .footer-copyright a:hover {
padding-right: 3px;
}
@media only screen and (min-width: 768px) {
.img-fourth {
width: 330px;
height: 324px;
}
.p-fourth {
padding-right: 0px !important;
}
}
@media only screen and (min-width: 992px) {
.card-text4 {
width: 380px;
}
.headline .headline-h3 {
font-size: 36px;
}
.headline .headline-h2 {
font-size: 48px;
}
.img-fourth {
width: 380px;
height: 374px;
}
}
.fifth-part-au {
background-image: url("/assets/images/image30.jpg");
background-size: cover;
@@ -1263,6 +1368,25 @@ footer .footer-copyright a:hover {
color: #15c1cb;
}
@media only screen and (min-width: 768px) {
.fifth-part-au {
padding: 110px 15px;
}
.fifth-part-au .textbox5 .h3-fifth {
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.fifth-part-au .textbox5 .h2-fifth {
margin-top: -10px;
font-size: 71px;
}
}
@media only screen and (min-width: 992px) {
.fifth-part-au {
min-height: 75vh;
}
}
.sixth-part-au {
padding: 0 15px;
}
@@ -1271,7 +1395,6 @@ footer .footer-copyright a:hover {
padding: 0 3px;
}
.sixth-part-au .h5-button {
background-color: #15c1cb;
cursor: pointer;
text-align: start;
color: #ffffff !important;
@@ -1285,7 +1408,7 @@ footer .footer-copyright a:hover {
padding: 0px !important;
}
.sixth-part-au .card-header {
background-color: #15c1cb;
background-color: #333333;
text-decoration: none;
color: white;
margin-bottom: 2px;
@@ -1302,14 +1425,19 @@ footer .footer-copyright a:hover {
.sixth-part-au .A {
color: #15c1cb;
}
.sixth-part-au .card-q .card-header {
background-color: #333333;
transition: background-color 1s ease;
}
.sixth-part-au .card-q .collapsed {
background-color: #333333;
}
@media only screen and (min-width: 768px) {
.card-header i {
text-align: center;
font-size: 25px;
color: white;
}
}
@media only screen and (min-width: 992px) {
.card-q {
margin: 0 330px;
}
}
.email-form-au {
padding: 30px 15px;
background-color: #15c1cb;
@@ -1368,4 +1496,188 @@ footer .footer-copyright a:hover {
}
.email-form-au .input-text::placeholder {
color: #31353d !important;
}
@media only screen and (min-width: 768px) {
.email-form-au .email-text {
padding: 0 40px;
}
.email-form-au .input-text {
width: 55%;
}
}
@media only screen and (min-width: 992px) {
.email-form-au .email-title {
font-size: 29px;
}
.email-form-au .email-text {
padding: 0 40px;
}
.email-form-au .input-text {
width: 25%;
}
}
.form-about .headline .headline-h3 {
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 1.33333;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #31353d;
margin-bottom: 0px;
}
.form-about .headline .headline-h2 {
color: #15c1cb;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
margin-bottom: 0px;
padding: 0 50px;
}
.form-about .input-text {
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 100%;
font-family: MerriweatherSans;
}
.form-about .input-text::-moz-placeholder {
color: #31353d !important;
}
.form-about .input-text::placeholder {
color: #31353d !important;
}
.form-about .form-container-bot {
position: relative;
width: 382px;
}
@media only screen and (min-width: 992px) {
.form-about {
padding-top: 98px;
padding-bottom: 114px;
}
.form-about .headline .headline-h3 {
font-size: 36px;
}
.form-about .headline .headline-h2 {
font-size: 48px;
}
.form-about .view-more {
margin-top: 20px;
}
.form-about .form-container-bot {
width: 794px !important;
}
}
.img-services {
min-height: 22vh;
background-image: url("/assets/images/image1.jpg");
background-size: cover;
background-position: center;
}
@media only screen and (min-width: 768px) {
.img-services {
min-height: 40vh;
}
}
@media only screen and (min-width: 992px) {
.img-services {
min-height: 80vh;
}
header {
box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.1);
}
}
.p-form-s {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, serif;
letter-spacing: 0px;
text-align: left;
color: #777777;
text-align: center;
}
.h6-form-s {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.27778;
font-family: Merriweather;
letter-spacing: 0px;
color: #31353d;
margin-top: 18px;
margin-bottom: 8px;
}
.third-part-s {
background-image: url("/assets/images/image10.jpg");
background-size: cover;
position: relative;
color: white;
background-size: cover;
background-position: center;
padding-top: 30px;
padding-bottom: 40px;
}
.third-part-s .textbox3 .h1-third {
text-align: center;
font-style: normal;
font-weight: 300;
font-size: 33px;
line-height: 1.31818;
font-family: Merriweather;
letter-spacing: 0px;
word-wrap: break-word;
margin-bottom: 0px;
font-style: normal;
}
.third-part-s .textbox3 .h2-third {
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #15c1cb;
}
.third-part-s .textbox3 .p-third {
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
}
@media only screen and (min-width: 768px) {
.third-part-s .textbox3 .h1-third {
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.third-part-s .textbox3 .h2-third {
margin-top: -10px;
font-size: 71px;
}
}
@media only screen and (min-width: 992px) {
.third-part-s {
min-height: 75vh;
}
.third-part-s .textbox3 .h1-third {
font-size: 66px;
}
}/*# sourceMappingURL=style.css.map */

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long

11
style/style.scss
View File

@@ -22,6 +22,17 @@
@import 'about_us/_fifth-part-au';
@import 'about_us/_sixth-part-au';
@import 'about_us/_email-form-au';
@import 'about_us/_form-about';
// SERVICES
@import 'services/_first-part-s';
@import 'services/_form-s';
@import 'services/_third-part-s';